html																{}
body																{color:#555; font-size:100%; font-weight: 300; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} 

h1, h2, h3, .imageVerticalFixTitle									{word-wrap:break-word; line-height: 130%; margin-bottom: 5px;}
h1																	{font-size: 150%; font-weight: 400; color: #000; margin-bottom: 20px;}
.imageVerticalFixTitle												{font-size: 275%; font-weight: 400; color: #000;}
h1 a 																{transition: color 0.3s;}
h1 a:link, h1 a:visited, h1 a:active 								{color: #000; text-decoration: none;}
h1 a:hover 															{color: #0069a3;}

h2																	{font-size: 125%; font-weight: 400; color: #0069a3;}
h2 a 																{transition: color 0.3s;}
h2 a:link, h2 a:visited, h2 a:active 								{color: #000; text-decoration: none;}
h2 a:hover 															{color: #0069a3;}

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;} */

/* bold & italic */
strong                                	                            {font-weight: 600; font-style: inherit; color: #000;}
em                              									{font-style: italic; font-weight: inherit;}

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

.ctaButton 														{display: inline-block; font-weight: 600; padding-bottom: 6px; font-size: 112.5%; transition:0.3s; border-bottom: 3px solid #0069a3; color: #0069a3; transition: 0.3s; margin-bottom: 25px;}
.ctaButton:link, .ctaButton:visited, .ctaButton:active 			{text-decoration:none;}
.ctaButton:hover 												{color: #EA8940; border-color: #EA8940;}

.basicContainer 												{max-width: 1200px; margin: 0px auto; padding: 0px 20px; text-align: center; min-width: 280px; position: relative; text-align: left;}
.basicContainerSmall 											{text-align: left;}
.basicContainerSmall h1, .basicContainer #logoReferentieContainer, .basicContainerSmall .partContentText, .basicContainerSmall .partContentForm, .basicContainerSmall .partContentCode, .basicContainerSmall .partContentVideo, .basicContainerSmall .partContentForm, .basicContainerSmall .partGoogleMaps, .basicContainerSmall .partContentFileAdmin, .basicContainerSmall .partContentFileImageGallery, .basicContainerSmall > .ctaButton  {margin-left: 258px;}
.basicContainerSmall .ctaButton 								{margin-right: 10px;}
/* .basicContainerSmall .partContentFileImageGallery 		{float:right; margin-left: 20px!important; width: 25%; max-width: 150px;} */

#logoReferentieContainer 										{margin-bottom: 25px;}
	#logoReferentieContainer .partContentFileImageGallery   		{float: none; margin-left: 0;}

		#logo 											{width: 240px; background: url('/images/style/logo.svg') no-repeat left center; background-size: contain; transition: 0.5s; margin-right: auto; position: relative;}	
			#logo:before 									{content: ""; display: block; padding-bottom: 30.5122494432%;}

		.partNavigation.horizontal 						{}

	#topBar 						{position: fixed; top:0; left:0; width: 100%; height: 150px; border-bottom: solid 15px #0069a3; background: #fff; z-index: 99;}
  	#topBar .basicContainer       {display: flex; align-items: center; height: 100%;}

	.stickyScrollGhost 				{height: 150px;}

/* End Top bar */	

/* Mobile Menu */
.mobileMenuOpen                    					{display:none; align-self: flex-start; background: url('/images/style/icon-bars.svg') no-repeat right center; border-left:solid 1px #ccc; background-size: 30px 21px; padding:0px 37px 0px 20px; margin-left: 20px; position: relative; height: 80px; line-height: 80px;}
.mobileMenuClose               						{display: block; color: #000; height: 80px; line-height: 80px; padding:0px 62px 0px 0px; background: #fff url('/images/style/icon-cross.svg') no-repeat right 20px center; background-size: 22px 22px; box-shadow: 0 2px 2px -2px rgba(0,0,0,0.3); text-align: right;}
.mobileMenuOpen, .mobileMenuClose 					{font-weight: 600; color: #000; font-size: 112.5%; cursor: pointer;}

#mobileMenuContainer 								{position: fixed; overflow-x:hidden; background-color: #f9f9f9; 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 								{}
.socialContainer 										{margin-left: 6px;}
.socialContainer a 										{display: inline-block; margin-left: 6px;}
#topBar .socialContainer a svg 											{height: 16px; width: 16px; display: block; transition: fill 0.3s; fill: #0069a3;}
#topBar .socialContainer a:hover svg 					{fill: #000;}
/* End Social icons */


/* Header + Parallax */
.imageVerticalFixContainer 								{display: block; width: 100%; height: 100%; position: absolute; left:0; bottom:0; background-image: linear-gradient(to right, rgba(255,255,255,1) 20%, rgba(255,255,255,0)); text-align: left;} 
	.imageVerticalFix 										{display: block; position: relative; top: 70%; transform: translateY(-70%); background: linear-gradient(90deg, rgba(82,82,82,0.6) 50%, rgba(0,0,0,0) 50%); padding:10px 0px;}
		.imageVerticalFixTitle 									{display: block; color: #fff; max-width: 740px; padding:0px 40px; margin: 0px auto; color: #fff; text-transform: uppercase;}
		.partSlider .imageVerticalFixTitle 				{max-width: 1240px; padding-right: 630px;}

.parallaxContainer 												{background-repeat: no-repeat; position: relative; background-attachment: fixed;}
.parallaxContainerTop 											{background-position: center top; background-size: 100% auto; padding-top: calc(26% - 100px);}
.parallaxContainerTop:after 									{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-image: linear-gradient(to right, rgba(255,255,255,1) 20%, rgba(255,255,255,0));}

.parallaxContainerMiddle 										{background-position: center center; background-size: cover; padding-top: 25%;}

/* End header + Parralax */

/* Containers */
.whiteContainer, .greyContainer, .colorContainer, footer 				{padding: 60px 0px 30px 0px;}
.whiteContainer 														{background-color: #fff;}
.greyContainer 															{background-color: #d4d4d4;}
.colorContainer 														{background-color: #0069a3;}
.colorContainer h1 														{color: #fff;}
.colorContainer .partContentText 										{color: rgba(255,255,255,0.8);}
.colorContainer .columnContainer .partContentText 						{color: #555;}
/* End Containers */

/* Columns */
.columnContainer 													{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;}

			.columnItem .partContentFileImageGallery.single, .columnItem .partContentFileImageGallery.single a, .columnItem .partContentFileImageGallery.single a img { width: 100%; }
			.columnContainer .partContentFileImageGallery.single 				{}
			.columnTextContainer 												{padding-left: 30px; padding-right: 30px; width: 100%;}
				/* .columnContainer .oneSecondColumn .partContentText p 			{display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; max-height: 110px;} */
			.columnContainer .ctaButton, .teamLinkContainer  					{margin: auto auto 30px auto;}	
/* End Columns */ 	

.homeIntroLeft 															{float: left; width: 50%; padding-right: 30px;}
.basicContainer .homeIntroLeft .partContentText 						{max-width: 100%;}
.homeIntroRight 														{float: left; width: 50%; padding-left: 30px;}
#diensten .columnContainer 												{align-items:center; padding-top: 0px;}
#diensten .columnContainer a											{background-color: #fff; width: 30.7%; font-size: 175%; color: #555; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 600; padding:0px 30px; margin-bottom: 30px; height: 180px; transition:box-shadow 0.3s;}
#diensten .columnContainer a:hover 										{box-shadow: 0 4px 4px 0px rgba(0,0,0,0.15);}
#diensten .columnContainer a span 										{position: relative; top: 50%; transform: translateY(-50%); display: block;}

/* USP's/Benefits */
#usp 																		{}
#usp .partContentFileImageGallery.single 									{max-width: 60px; height: 60px; margin-left: auto; margin-right: auto;}
#usp .partContentFileImageGallery.single 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;}
/* 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: 12px 12px;}
/* End News */

/* About us/Team */
#overons 																	{}
#overons .partContentFileImageGallery.single 								{margin:30px auto;}
#overons .partContentFileImageGallery.single img 							{border-radius: 50%; margin:0px auto;}
#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; fill: #555; transition: fill 0.3s;}
.teamLinkContainer .svgIcon:hover 											{fill: #0069a3;}
/* End About us/Team */

/* References */
#referenties 																{background-color: #EA8940;}
#referenties .oneSecondColumn 												{background-color: #e5f0f6;}
#referenties .oneSecondColumn h1 											{margin-top: 30px; margin-bottom: 10px;}
#referenties .oneSecondColumn .partContentFileImageGallery.single 			{padding-top: 30px; background-color: #fff; padding-bottom: 30px; margin-bottom: 0px; padding-left: 30px; padding-right: 30px;}

#referentie  .oneSecondColumn .partContentText p 							{text-align: center;}

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

#footerHeading 																{display: block; color: #fff; font-size: 275%; font-weight: 400; text-transform: uppercase; margin-bottom: 40px; margin-top: 10px; line-height: 1.3em;}
footer .basicContainer 														{text-align: center;}
footer:before 																{content:''; height: 4px; background-color: #fff; position: absolute; width: 100%; top:26px;}
footer:after 																{content:''; height: 4px; background-color: #fff; position: absolute; width: 100%; bottom:26px;}

footer ul 																	{margin:20px 0px 20px 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 																	{transition: color 0.3s;}
footer a svg  																{transition: fill 0.3s;}
footer a:hover svg 															{fill: #99b3d6;}
footer a[href^=tel]:link, footer a[href^=tel]:visited, footer a[href^=tel]:active  {color: #fff;}
footer a[href^=tel]:hover 													{text-decoration: none; color: #99b3d6;}
/* 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: #0069a3; position: fixed; bottom:0; left:0; width: 100%; text-align: center; color: #fff; padding: 10px 0px;}
/* End Bottom Bar */