body																{color:#444; font-size:18px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; -webkit-text-size-adjust: 100%; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} 
html 																{}


h1, .h1, h2, .h2, h3, .h3, .imageVerticalFixTitle									{word-wrap:break-word; line-height: 1.3em;font-family: 'Source Sans Pro'}

.imageVerticalFixTitle												{font-size: 64px; font-weight: 600; color: #555; line-height: 1.2em;}
h1, .h1																{font-size: 50px; font-weight: 600; color: #000; margin-bottom: 30px;}

h2, .h2																{font-size: 28px; font-weight: 600; color: #000; margin-bottom: 5px;}
h2 a:link, h2 a:visited, h2 a:active 								{color: #555; text-decoration: none;}
.partContentText h2, .partContentFileImageGallery h2				{color: #55c3e8;}

a 																	{outline:0; cursor: pointer;}

strong                                	                            {font-weight: 700; font-style: inherit;}
em                                    	                            {font-style: italic; font-weight: inherit;}

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

.basicContainer 												{max-width: 1280px; margin: 0px auto; padding: 0px 20px; text-align: center; min-width: 280px; position: relative;}
.basicContainerSmall 											{max-width: 940px; text-align: left;}
.basicContainerSmall .partButton 								{margin-right: 10px;}
.basicContainerColumnItems										{padding: 0px;}

.introContainer .basicContainer  								{max-width: 740px; margin:0px auto;}
.introContainer .basicContainer .partContentFileImageGallerySingle img {margin:0px auto;} 				

.stickyScroll  			{position: fixed; top:0; left:0; width: 100%; height: 130px; background: #fff; z-index: 99; box-shadow: 8px 8px 20px 0 rgba(0,0,0,.05);}
.stickyScrollGhost 		{height: 130px;}

/* phone, email and socials */
#topBarSmall 												{background-color: #ee7217;}
	#topBarSmall .basicContainer 								{height: 30px; font-size: 14px; display: flex; justify-content: flex-end; align-items: center;}

	#topBarSmall .basicContainer a 								{font-weight: 500; color: #fff; display: flex; align-items: center; text-decoration: none;}
	#topBarSmall .basicContainer a:first-child 					{margin-left: 0;}

	#topBarSmallPhoneEmail										{display: flex; align-items: center;}
		#topBarSmallPhoneEmail a 									{margin-left: 20px;}
		#topBarSmallPhoneEmail a svg.partSvg 						{fill:#fff; height:12px; width: 12px; display: flex; justify-content: center; align-items: center; transition: fill ease 0.3s; margin-right: 5px;}
		#topBarSmallPhoneEmail a span 								{transition: color 0.3s;}
		#topBarSmallPhoneEmail a:hover span 						{text-decoration: underline;}

		/* needed for IE */
		#topBarSmallPhoneEmail .svgIconPhone 						{width: 12px;}
		#topBarSmallPhoneEmail .svgIconEnvelope  					{width: 16px;}

		#topBarSmall .socialContainer  								{display: flex; align-items: center; margin-left: 20px;}
		#topBarSmall .socialContainer a 							{margin-left: 10px; display: flex; justify-content: center; align-items: center; height: 12px; width: 12px;}

		#inloggen													{margin-left: 20px;font-weight: 400;font-size: 14px;text-decoration: none;color:#fff;transition:  0.3s;background: url('/images/style/icon-login.svg') no-repeat left center; background-size: auto 12px; padding-left:15px;}
		#inloggen:hover 											{text-decoration: underline!important;}


	#topBarSmall .socialContainer  								{display: flex; align-items: center; margin-left:10px; font-size: 0;}
		.socialContainer a 											{margin-left: 15px;}
		.socialContainer a svg 										{fill:#fff; height:14px; transition: fill 0.3s;}
		.socialContainer a:hover svg 								{}

		.socialContainer .svgIconLinkedIn 							{width: 17px;}
		.socialContainer .svgIconFacebook 							{width: 7.5px;}
		.socialContainer .svgIconInstagram							{width: 16px;}
		.socialContainer .svgIconTwitter							{width: 18px;}
/* end phone, email and socials */

nav.basicContainer 									{height: 100px; display: flex; align-items: center;}
	#logo 												{margin-right: auto;}	
	#logo img 											{display: block; height:60px;}


	.partNavigation-hvbvr 								{}


/* mobile menu */
	.mobileMenuOpen, .mobileMenuClose 				{cursor: pointer; background-repeat: no-repeat; font-weight: 600;}
	.mobileMenuOpen 								{display:none; background-image: url('/images/style/icon-bars.svg'); background-size: 22px 18px; background-position: left 10px center; border:solid 3px #55c3e8; padding:10px 10px 10px 42px; color: #55c3e8;}
	.mobileMenuClose  								{display:block; background-image: url('/images/style/icon-cross.svg'); background-size: 22px 22px; background-position: left 10px center; border:solid 3px #ee7217; padding:10px 10px 10px 42px; color: #ee7217; margin:20px;}

	#mobileMenuContainer 							{position: fixed; overflow-x:hidden; background-color:#fff; z-index: 1001; top:0; right:0; margin-right: -30%; width: 30%; height: 100%; transition: 0.5s;}
	#mobileMenuContainer.mobileMenuContainerActive 	{margin-right: 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: 1000; visibility: hidden; opacity: 0;} 
	#mobileMenuOverlay.mobileMenuContainerActive  	{background-color: rgba(0,0,0,0.8); visibility: visible; opacity: 1;}

	@media (max-width: 1023px){
		.mobileMenuOpen  								{display: inline-block;}	
	}

	@media (max-width: 667px){
		#mobileMenuContainer.mobileMenuContainerActive 	{width: 100%; margin-right: 0%;}
		#mobileMenuContainer 							{margin-right: -100%;}
	}
/* end mobile menu */


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

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

#headerHome                                             {position: relative;}

/* home */
#homeIntroContainer 									{}
	#homeIntroContainer .basicContainer 					{display: flex; flex-wrap: wrap; padding-top: 60px; padding-bottom: 30px;}
		#homeIntroLeft 		 									{width: 56%; text-align: left;}
		#homeIntroRight 										{width: 44%; padding-left: 60px;}		
		
			.homeCallToActionItem 									{margin-bottom: 25px; padding:30px; padding-bottom: 0; background-color: rgba(85, 195, 232, 0.15); text-align: left;}
				.homeCallToActionItem .h2 								{text-decoration: none;}
				.homeCallToActionItem .partContentText p  				{margin-bottom: 15px;}


/* End header + Parralax */

/* Containers */
.whiteContainer, .greyContainer, .colorContainer, footer 				{padding: 90px 0px 65px 0px;}

.whiteContainer 														{background-color: #fff;}
.greyContainer 															{background-color: #f0f0f0;}
.colorContainer 														{background:#55c3e8}
.colorContainer h1 														{color: #fff;}
.colorContainer .partContentText 										{color: #fff;}
.basicContainerColumnItems .flexItem .partContentText 					{padding-bottom: 0px;}
.colorContainer .flexContainer .partContentText 						{color: #555;}
/* End Containers */

/* Columns */
.flexContainer 													{display: flex; flex-direction:row; flex-wrap: wrap; justify-content: flex-start; padding:30px 0px 0px 0px; width: calc(100% + 30px); margin-left: -15px;}
	.flexItem 														{display: flex; flex-direction:column; flex-wrap: nowrap; position: relative; overflow: hidden; background-color: #fff; margin:0px 15px 30px 15px; text-decoration: none;color:#555;} 

	.flexItem 					 									{box-shadow: 8px 8px 20px 0 rgba(0,0,0,.05); transition: box-shadow 0.5s;}

	.flexItem h2                                             			{margin-bottom: 15px;}
	.flexItem h2 a                                             			{color: #000;}
	.flexItem h2 a:hover												{color: #55c3e8;}
	.flexItem .partButton.underline 									{margin-top: auto;}
	
	.flexContainerColumns2 .flexItem 								{width: calc(50% - 30px);} 					
		.flexContainerColumns3 .flexItem								{width: calc(33.33% - 30px); max-width: 420px;} 	
		.flexContainerColumns4 .flexItem								{width: calc(25% - 30px); max-width: 420px;} 	

		.flexContainer .partContentFileImageGallery.single 				{margin-bottom: 30px;}
			.columnTextContainer 												{padding-left: 20px; padding-right: 20px; flex: 1 1 auto; display: flex; flex-direction: column; align-items: center;}
			.columnTextContainer > * 											{max-width: 100%;}
			.flexContainer .partButton, .teamLinkContainer  					{margin: auto auto 30px auto;}	
			
/* End Columns */ 	

/* USP's/Benefits */
#usp 																		{padding-bottom: 30px;}
#usp .flexItem {padding-top: 30px; padding-bottom: 15px;}
#usp .partContentFileImageGallery.single 									{width: 60px; height: 60px; margin-left: auto; margin-right: auto; margin-bottom: 30px;}
#usp .partContentFileImageGallery.single img 								{}
#usp .flexContainer .partContentText p 									{margin-bottom: 0px; display: block; max-height: 500px;}
/* End USP's/Benefits */	

/* News */
.newsDate 																	{margin-bottom: 30px; font-size: 14px; margin-top: 8px; padding-left: 17px; display: inline-block; color: #777; background: url('/images/style/icon-clock.svg') left center no-repeat; background-size: 12px 12px; position: relative;}
.newsDate:first-letter 														{text-transform: uppercase;}
h1 + .newsDate 																{margin-top: -20px; display: block;}
/* End News */

/* About us/Team */
#overons 																	{}
#overons .partContentFileImageGallery.single 								{margin:30px auto; width: 150px;}
#overons .partContentFileImageGallery.single img 							{border-radius: 50%; margin:0px auto;}
#overons .partContentText 													{margin-left: 20px; margin-right: 20px;}
#overons .flexContainer .partContentText 									{margin-left: 0px; margin-right: 0px;}
#overons .flexContainer .partContentText p 									{display: block; overflow: visible; max-height: none;}

.teamLinkContainer 															{padding-left: 8px; padding-right:8px; display: flex; justify-content: center;}
.teamLinkContainer a 														{text-decoration: none; margin:0px 10px; background-color: #f0f0f0; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.teamLinkContainer .partSvg													{height: 16px; fill: #ee7217; transition: fill 0.3s;}
.teamLinkContainer .partSvg:hover 											{fill: #55c3e8;}

/* End About us/Team */

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

/* footer */
footer 																		{color: #fff; background-color: #222222;}
	.footerColumn 																{display: inline-block; vertical-align: top; max-width: 400px; line-height: 1.4em; font-size: 14px;}
	.footerColumnLeft 															{text-align: right; padding-right: 50px;}
	.footerColumnRight 															{text-align: left; padding-left: 50px;}

	.footerColumn a 											{color: #fff; text-decoration: none;}
		#mailTelContainer li 										{margin-bottom: 30px; display: flex; justify-content: flex-end;}
		#mailTelContainer li a 										{font-size: 28px;}
		#mailTelContainer li a svg.partSvg 							{fill:#fff; height: 18px; max-width: 18px; transition: fill 0.3s; margin-right: 6px; flex:0 0 auto;}
		#mailTelContainer li a span 								{transition: color 0.3s; font-weight: 400; flex:0 0 auto;}
		#mailTelContainer li a:hover span 							{color: #55c3e8;}
		#mailTelContainer li a:hover svg 							{fill:#55c3e8;}

		.footerColumn .socialContainer  							{display: flex; justify-content: flex-end;}
		.footerColumn .socialContainer a 							{margin-left: 20px; height: 20px; width: 20px; display: flex; justify-content: center; align-items: center;}
		.footerColumn .socialContainer a svg.partSvg 				{fill:#fff; flex: 1 1 auto; max-width: 20px; max-height: 20px; transition: fill 0.3s;}
		.footerColumn .socialContainer a:hover svg.partSvg 			{fill:#55c3e8;}

	.footerColumnRight ul  										{color: #ccc;}
	.footerColumnRight ul li 									{margin-bottom: 10px;}
	.footerColumnRight ul li a 									{text-decoration: underline; font-weight: 400; color: #ccc; transition: 0.3s;}
	.footerColumnRight ul li a:hover 							{color: #fff;}
	footer .socialContainer svg:hover 							{fill:#55c3e8;}

#interestingContainer 								{background-color: #EE721C; color: #fff; font-size: 18px; padding: 20px 0;}
	#interestingLink								{color: inherit; border-bottom: solid 1px #ffffff; transition: border-color 0.3s; text-decoration: none;}
	#interestingLink:hover 							{border-color: #222222;}
	
	
/* 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; padding-right: 20px; width: 28%; max-width: 700px; background-image: linear-gradient(to right, #fff, #f4f4f4);}
	#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: #55c3e8; position: fixed; bottom:0; left:0; width: 100%; text-align: center; color: #fff; padding: 10px 0px;}
/* End Bottom Bar */

.badge {margin:0 auto;width:140px;height: 140px;background: url('/images/style/badge.svg') center center no-repeat;background-size:contain;display: block;text-align: center;margin-top: -70px;z-index: 10;position: relative;transition: all 0.2s;}
.badge:hover {  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);}

.partGoogleMaps IFRAME{ width:100%;height:100%;}

#certificaten 										{position: relative;}
.whiteContainer + #certificaten:before								{height:1px; background-color: #ccc; width: 100%; max-width: 900px; content:''; position: absolute; top: 0; left:50%; transform: translateX(-50%);}

#formContact {max-width: 500px;}