html,body {
	font-family: 'Source Sans Pro';
	font-size: 14pt;
	color: #333333;
	font-weight:300;
}

body:not(.home) {
	background-color: #f7f7f7;
}

@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 900;
  src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(/view/fonts/SourceSansPro-Black.ttf) format('truetype');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 900;
  src: local('Source Sans Pro Black Italic'), local('SourceSansPro-BlackItalic'), url(/view/fonts/SourceSansPro-BlackItalic.ttf) format('truetype');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 700;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(/view/fonts/SourceSansPro-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'), url(/view/fonts/SourceSansPro-BoldItalic.ttf) format('truetype');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 200;
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(/view/fonts/SourceSansPro-ExtraLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 200;
  src: local('Source Sans Pro ExtraLight Italic'), local('SourceSansPro-ExtraLightItalic'), url(/view/fonts/SourceSansPro-ExtraLightItalic.ttf) format('truetype');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(/view/fonts/SourceSansPro-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url(/view/fonts/SourceSansPro-Italic.ttf) format('truetype');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 300;
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(/view/fonts/SourceSansPro-Light.ttf) format('truetype');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'), url(/view/fonts/SourceSansPro-LightItalic.ttf) format('truetype');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 600;
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(/view/fonts/SourceSansPro-SemiBold.ttf) format('truetype');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'), url(/view/fonts/SourceSansPro-SemiBoldItalic.ttf) format('truetype');
}

/*HEADER*/
	section.header {
		position:relative;
		z-index:4;
	}
	
	section.header > .top-bar {
		background-color:#F6F6F6;
		text-align:right;
	}

	section.header > .top-bar ul {
		display:block;
		list-style: none;
		margin:0;
	}

	section.header > .top-bar ul li {
		display: inline-block;
	}

	section.header > .top-bar ul li a {
		color:#aaaaaa;
		font-size: 13px;
		text-decoration: none;
		padding:10px;
		display:block;
	}

	section.header > .top-bar ul li a span {
		padding-left:10px;
	}

	section.header nav.navbar {
		background-color: #FFFFFF;
	}

	section.header nav.navbar a.navbar-brand {
		margin-top: -49px;
	}
	
	section.header nav.navbar .navbar-brandtext {
		font-weight: 300;
		color:#000;
		padding-bottom: 8px;
	}
	
	section.header nav.navbar .nav-item > a {
		text-transform: uppercase;
		font-weight: 300;
		color:#000;
		letter-spacing: 1px;
		position:relative;
		padding-right: .8rem;
		padding-left: .8rem;
	}
	
	section.header nav.navbar .nav-item.active > a:before {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 17px;
		top: -7px;
		left: -5px;
		background: url(/view/images/leaf-icon.png) no-repeat;
		background-size: contain;
	}
	
	section.header nav.navbar .nav-item.active > a:after {
		content: "";
		display: block;
		position: absolute;
		left: 0; 
		right: 0; 
		margin-left: auto; 
		margin-right: auto; 
		width: 50%;
		bottom:2px;
		height: 3px;
		background-color: #13B100;
		border-radius: 4px;
	}
/*END: HEADER*/

/*END: BANNER*/
	section.banner {
		margin-bottom: 130px;
	}
	
	section.banner .banner-image {
		height:850px;
		position: relative;
	}	
	
	section.banner .banner-image video, section.banner .banner-image img {
		width: 100%;
		height: 100%;
		display:block;
		object-fit: cover;
	}
	
	section.banner .banner-image:before {
		content: "";
		display: block;
		position: absolute;
		left:0;
		top:0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,.5);
	}
	
	section.banner .banner-image:after {
		content: "";
		display: block;
		position: absolute;
		left:0;
		bottom:-300px;
		width: 100%;
		height: 500px;
		transform: skewY(-4deg);
		transform-origin: 100%;
		background-color: #ffffff;
	}
	
	section.banner .banner-caption {
		position: absolute;
		height: 0;
		right:0;
		left:0;
		top:-400px;
		bottom:0;
		margin-right:auto;
		margin-left:auto;
		margin-top:auto;
		margin-bottom:auto;
		color:#ffffff;
		padding-top: 150px;
	}
	
	section.banner .banner-caption h1 {
		font-size: 28pt;
		font-weight:700;
	}
	
	section.banner .banner-caption span:first-child {
		font-size: 24pt;
		font-weight:200;
	}
	
	section.banner .banner-blocks {
		margin-top: -250px;
	}
	
	section.banner .banner-blocks .banner-block {
		display:block;
		width: 100%;
		background-color:#ffffff;
		box-shadow: 0px 3px 7px -1px rgba(0,0,0,.2);
		text-align:center;
		transition: .1s all;
		color: #333333;
		text-decoration: none;
	}	
	
	section.banner .banner-blocks .banner-block:hover {
		transform: scale(1.1);
		box-shadow: 0px 30px 80px -9px rgba(0,0,0,.2);
	}
	
	section.banner .banner-blocks .row div:first-child .banner-block {
		background-image: url(/view/images/background-small-leaves-left.jpg);
		background-repeat: no-repeat;
		background-position: top left;
	}
	
	section.banner .banner-blocks .row div:last-child .banner-block {
		background-image: url(/view/images/background-small-leaves-right.jpg);
		background-repeat: no-repeat;
		background-position: top right;
	}
	
	section.banner .banner-blocks .banner-block .icon {
		color: #13B100;
		font-size: 23pt;
		padding-top: 50px;
		padding-bottom: 10px;
	}
	
	section.banner .banner-blocks .banner-block .title h2 {
		font-size: 18pt;
	}
	
	section.banner .banner-blocks .banner-block .content {
		padding-bottom: 40px;
		padding-left: 10px;
		padding-right: 10px;
		position:relative;
	}
	
	section.banner.small p.limit-width {
		max-width: 80%;
	}
	
	section.banner.small .blog-type-banner p {
		font-size: 42pt;
		font-weight: 500;
	}
	
	section.banner.small .blog-type-banner .main-breadcrumbs {
		max-width: 400px;
	}
	
	section.heading-bar {
		background-color: #EFEFEF;
		padding: 40px 0px;
		margin-bottom: 50px;
	}

	section.heading-bar h1 {
		font-size: 17pt;
		margin-bottom: 0px;
	}

	section.heading-bar .main-breadcrumbs span {
		color: #333333;
	}
/*END: BANNER*/

/*PROJECTS*/
	.project {
		display:block;
		margin-top:100px;
	}

	.project .project-heading {
		padding: 20px 50px;
		background-color: #ffffff;
	}
	
	.project .project-content {
		padding: 40px 50px;
		background-color: #ffffff;
	}
	
	.project .project-content > .row > div {
		position:relative;
		z-index:2;
	}
	
	
	.project .project-content > .row > div:first-child {
		padding-right: 50px;
	}
	
	.project .project-content > .row > div:last-child {
		padding-left: 50px;
	}
	
	.project .project-content > .row > div:last-child:before {
		content:"";
		display:block;
		width: 2px;
		height:80%;
		background-color:#F7F7F7;
		position:absolute;
		left:0px;
		bottom:0;
		top:0;
		margin-top:auto;
		margin-bottom:auto;
	}
	
	.project .project-content h4 {
		font-size: 1rem;
		font-weight: 500;
	}

	.project .project-heading {
		position:relative;
	}
	
	.project .project-heading .row > div {
		position:relative;
		z-index:2;
	}
	
	.project .project-heading:after {
		content: "";
		display:block;
		height:2px;
		width: 100%;
		background-color:#F7F7F7;
		position:absolute;
		left:0;
		bottom:0px;
		z-index:2;
	}
	
	.project .project-heading h3 {
		font-size: 1.55rem;
		margin-bottom:0;
	}
	
	.project .project-heading .project-breadcrumbs a, .project .project-heading .project-breadcrumbs span {
		margin-right: 26px;
		color: #13B100;
		display:inline-block;
		position: relative;
	}
	
	.project .project-heading .project-breadcrumbs a:before, .project .project-heading .project-breadcrumbs span:before {
		content: "/";
		display:block;
		position: absolute;
		left: -18px;
	}
	
	.project .project-heading .project-breadcrumbs a:first-child:before, .project .project-heading .project-breadcrumbs span:first-child:before {
		display:none;
	}
	
	.project .project-heading .project-breadcrumbs :last-child {
		color: inherit;
	}
	
	.project:first-child .project-heading:after {
		width: calc(100% - 55px);
	}
	
	.project:first-child {
		position: relative;
	}
	
	.project:last-child:before {
		content:"";
		display:block;
		position:absolute;
		left:15px;
		bottom:0;
		background-image: url(/view/images/background-large-leaves-left.jpg);
		background-repeat:no-repeat;
		background-size:contain;
		background-position: top left;
		width: 200px;
		height: 200px;
		z-index:1;
	}
	
	.project:first-child:before {
		content:"";
		display:block;
		position:absolute;
		right:15px;
		top:0;
		left: auto;
		bottom: auto;
		background-image: url(/view/images/background-large-leaves-right.jpg);
		background-repeat:no-repeat;
		background-size:contain;
		background-position: top right;
		width: 200px;
		height: 200px;
		z-index:1;
	}
	
	.project .project-content .img-container-large {
		margin-bottom:10px;
	}
	
	.project .project-content .img-container-large figure {
		height:200px;
		position:relative;
		margin:0;
		cursor:pointer;
	}
	
	.project .project-content .img-container-small figure {
		height:200px;
		position:relative;
		margin:0;
		cursor:pointer;
	}

	.project .project-content .img-container-small:nth-child(2) {
		padding-right:5px;
	}
	
	.project .project-content .img-container-small:nth-child(3) {
		padding-left:5px;
	}
	
	.project .project-content .img-container-small img, .project .project-content .img-container-large img {
		width:100%;
		height:100%;
		object-fit: cover;
	}
	
	.project .project-content figure .more-available {
		position:absolute;
		top:0;
		left:0;
		background-color:rgba(0,0,0,.5);
		width: 100%;
		height: 100%;
	}
	
	.project .project-content figure .more-available > span:first-child, .project .project-content figure .more-available > span:last-child {
		text-align:center;
		color: #ffffff;
		display:block;
	}
	
	.project .project-content figure .more-available > span:first-child {
		font-size: 33pt;
		font-weight: 600;
		margin-top:55px;
	}
	
	.project .project-content figure .more-available > span:last-child {
		font-size: 20pt;
		margin-top: -25px;
	}
	
	.project .project-content figure .more-available:after {
		content:"";
		display:block;
		border: 2px solid #ffffff;
		width: 100px;
		height: 100px;
		border-radius:50%;
		position:absolute;
		top:0;
		bottom:0;
		right:0;
		left:0;
		margin-top:auto;
		margin-bottom:auto;
		margin-right:auto;
		margin-left:auto;
	}
	
	.button-row {
		padding-top:80px;
		font-size: 24px;
	}
/*END: PROJECTS*/

/*HOME*/
	section.main {
		padding: 100px 0px;
	}
	
	section.main.page {
		min-height:500px;
		padding: 0px;
		padding-bottom: 100px;
	}
	
	body.contact section.main.page {
		padding-bottom: 0;
	}
	
	section.main.grey {
		background-color: #F7F7F7;
	}
	
	section.main.dark-grey {
		background-color: #EFEFEF;
	}
	
	section.main h2 {
		font-size: 2.1rem;
		/*font-size: 20pt;*/
	}
	
	section.main p {
		margin-bottom: 50px;
	}
	
	.plant-image {
		background: url(/view/images/home-plant.jpg);
		background-size: contain;
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	
	.main-text {
		padding-bottom: 50px;
	}
	
	section.main.usp-area .main-usp {
		margin-bottom: 65px;
	}
	
	section.main.usp-area .main-usp:last-child {
		margin-bottom: 0;
	}
	
	.main-usp .main-usp-icon-area {
		background-color: #F6F6F6;
		width:125px;
		height:125px;
		border-radius: 50%;
		text-align:center;
		padding-top: 38px;
		margin: 0 auto;
		font-size: 24pt;
		color: #12B000;
		position: relative;
	}
	
	.main-usp .main-usp-icon-area:after {
		content: '\f560'; /* \f00c for single check*/
		font-family: 'Font Awesome\ 5 Free'; 
		font-weight: 900; /* Fix version 5.0.9 */
		width: 35px;
		height: 35px;
		border-radius: 50%;
		text-align:center;
		border: 2px solid #12B000;
		color: #12B000;
		font-size: 12pt;
		position: absolute;
		right:0;
		top:0;
		padding-top: 3px;
		background-color:#ffffff;
	}
	
	.main-usp .usp-title {
		display:block;
		font-weight: 600;
		font-size: 15pt;
		padding-top: 25px;
		padding-bottom: 10px;
	}
	
	section.main.usp-area > .container > .row > div:last-child:before {
		content: "";
		display: block;
		width: 1px;
		height: 45%;
		background-color: #F7F7F7;
		position: absolute;
		left: -75px;
		bottom: 0;
		top: -200px;
		margin-top: auto;
		margin-bottom: auto;
	}
/*END: HOME*/

/*EXTRA*/
	.flex-align {
		display: flex;
		flex-wrap: wrap;
	}
	
	.flex-align .align {
		display: flex;
		width: 100%;
	}
	
	.no-padding {
		padding:0 !important;
	}
	
	.btn-text {
		color: #333333 !important;
		position: relative;
		display:inline-block;
		text-decoration:none !important;
		padding:5px 0px;
		
	}
	
	.btn-text .hover-animation {
		display: block;
		background-color: #13B100;
		width: 40%;
		height: 3px;
		border-radius: 4px;
		position: absolute;
		left: 0px;
		bottom: -3px;
		transition: .2s all;
	}
	
	.btn-text i, .btn-text svg {
		opacity:0;
		position: absolute;
		right: -21px;
		top: 10px;
		transition: .3s all ease-in;
		color:#13B100;
	}
	
	.btn-text:hover .hover-animation {
		width: calc(100% + 20px);
	}
	
	.btn-text:hover svg {
		opacity:1;
	}
	
	table.striped {
		width: 100%;
		margin-top: 25px;
	}
	
	table.striped tr td {
		padding: 14px 20px;
	}
	
	table.striped tr td:last-child {
		text-align:right;
	}
	
	table.striped tr:nth-child(odd) {
		background-color: #F7F7F7;
	}
	
	table.striped tr:nth-child(even) {
		background-color: #ffffff;
	}
	
	table.striped tr td strong {
		margin-left: 4px;
		font-weight:500;
	}
	
	.box-shadow {
		box-shadow: 0px 4px 6px -2px rgba(0,0,0,.2);
	}
	
	a.btn-subtle {
		background-color:#ffffff;
		padding: 15px 30px;
		color: #13B100;
		border-radius: 50px;
		font-size: 14pt;
		text-decoration: none;
		transition: .1s all;
		display:inline-block;
	}
	
	a.btn-subtle:hover {
		transform: scale(1.1);
	}
	
	.no-margin {
		margin: 0 !important;
	}
	
	.gm-block-1 {
		width:165px;
	}

	.gm-block-2 {
		width:165px;
		padding:10px;
		background-color:white;
		font-weight:600;
		font-size:15px;
	}

	.gm-block-2 a {
		font-weight:400;
		text-decoration:underline;
		color:#9a9b9c;
	}
	
	.gm-style {
		text-decoration: none;
	}
	
	.gm-style img {
		max-width: 100% !important;
	}
	
	#map {
		margin-top: -50px;
		z-index: 1;
	}

	.map-container {
		position: relative;
	}

	.map-data {
		position: absolute;
		top:0;
		left:0;
		width: 100%;
	}

	.map-data .contact-box {
		background-color:#222222;
		color:#929DA8;
		position: relative;
		z-index:3;
		margin-top: -125px;
		font-weight:500;
	}
	
	.map-data .contact-box > div {
		padding: 40px;
	}
	
	.map-data .contact-box > div:last-child {
		/*display:none;*/
		background-color: rgba(255,255,255,0.05);
	}
	
	.map-data .contact-box a.btn-text {
		margin-top: 25px;
		color:#757E87 !important;
	}
	
	.map-data .contact-box h2 {
		font-size: 20pt;
		color:#929DA8;
	}
	
	.map-data .contact-box p {
		margin-bottom: 0px;
	}
	
	.map-data .contact-box .form-control {
		color: #919BA5;
		background-color: rgba(255,255,255,0.05);
		background-clip: padding-box;
		border: 0;
		border-radius: 0;
	}
	


/*END: EXTRA*/

/*BLOG*/
	.blog-item {
		background-color:#ffffff;
		border-radius: 2px;
		overflow:hidden;
	}
	
	.blog-item > .image-area {
		height: 200px;
		position:relative;
	}
	
	.blog-item > .image-area a {
		width: 100%;
		height: 100%;
		display:block;
	}
	
	.blog-item > .image-area img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	.blog-item > .image-area a:before {
		content: "";
		display:block;
		opacity: 0;
		background-color:rgba(0,0,0,.7);
		width: 100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		transition: .1s all;
	}
	
	.blog-item > .image-area a:after {
		content: "Bekijk artikel";
		display:block;
		opacity: 0;
		color:#ffffff;
		width: 40%;
		height: 75px;
		line-height:75px;
		text-align:center;
		position:absolute;
		left:0;
		right:0;
		top:0;
		bottom:0;
		margin-top: auto;
		margin-bottom: auto;
		margin-right: auto;
		margin-left: auto;
		transition: .2s opacity ease-in, .3s transform ease-in;
		font-size: 20pt;
		font-weight:300;
		border-bottom: 3px dashed #13B100;
	}
	
	.blog-item > .image-area a:hover:before {
		opacity: 1;
	}
	
	.blog-item > .image-area a:hover:after {
		opacity: 1;
		transform: scale(1.15);
	}
	
	.blog-item > .content-area {
		padding: 40px;
	}
	
	.blog-item > .content-area > .title-area > h3 {
		font-weight: 600;
		font-size: 14pt;
		height: 2.3em;
	}
	
	.blog-item > .btn-area {
		background-color:#fbfbfb;
		padding: 15px 40px;
		padding-bottom: 25px;
	}
/*END: BLOG*/

/*TESTIMONIAL*/
	.testimonial {
		padding: 15px;
		position:relative;
		margin-top: 25px;
		outline: 0;
	}
	
	.testimonial > .content-area:after {
		content:"\f10e";
		font-family: 'Font Awesome\ 5 Free'; 
		font-weight: 900; /* Fix version 5.0.9 */
		display:block;
		position:absolute;
		left:0;
		right:0;
		margin-left:auto;
		margin-right:auto;
		top:-15px;
		border: 2px solid #EFEFEF;
		width: 50px;
		height: 50px;
		background-color:#ffffff;
		color:#13B100;
		padding: 15px;
		border-radius: 50%;
		font-size: 11pt;
		text-align: center;
	}
	
	.testimonial > .content-area {
		background-color:#ffffff;
		padding: 40px;
		border-radius: 2px;
		height:100%;
	}
	
	.testimonial > .content-area p {
		font-style: italic;
		margin-bottom: 30px;
	}
	
	.testimonial > .content-area span.author, .testimonial > .content-area span.author > strong, .testimonial > .content-area span.author > small  {
		display:block;
	}
	
	.testimonial > .content-area .rating  {
		margin-bottom: 15px;
	}
	
	.testimonial-area .slick-arrow {
		position: absolute;
		top:0;
		bottom:0;
		margin-top: auto;
		margin-bottom: auto;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		background: transparent;
		border: 2px solid #13B100;
		color: #13B100;
		cursor: pointer;
		outline: 0;
		text-align:center;
	}
	
	.testimonial-area .slick-prev {
		left: -60px;
		z-index:2;
	}
	
	.testimonial-area .slick-next {
		right: -60px;
		z-index:2;
	}
	
	.testimonial > .content-area span.author {
		position: absolute;
		bottom:40px;
		left:0;
		right:0;
		margin-left:auto;
		margin-right:auto;
	}
/*END: TESTIMONIAL*/

/*FOOTER*/
	section.footer .green-bar {
		padding-top: 25px;
		padding-bottom: 25px;
		background-color: #13B100;
		font-size: 24pt;
		color:#ffffff;
		font-weight:600;
	}
	
	section.footer .footer-content {
		font-size: 12pt;
		padding-top: 50px;
		padding-bottom: 50px;
		background-color: #222222;
		color:#ffffff;
	}
	
	section.footer .footer-content h2 {
		font-size:22pt;
		font-weight: 300;
		margin-bottom: 20px;
	}
	
	section.footer .footer-content .social-area .social-link {
		display: inline-block;
		border:1px solid #ffffff;
		width: 42px;
		height: 42px;
		text-align:center;
		line-height: 40px;
		border-radius: 50%;
		color: #ffffff;
		transition: .1s all;
		margin-right:15px;
	}
	
	section.footer .footer-content .social-area .textual-social-link {
		color: #ffffff;
	}
	
	section.footer .footer-content .social-area .social-link:hover {
		background-color:#ffffff;
		color:#13B100;
		transform: scale(1.4);
	}
	
	section.footer ul {
		list-style: none;
		padding:0;
	}
	
	section.footer ul:not(.blog-style) li {
		padding: 5px 0px;
		display:block;
	}
	
	section.footer ul:not(.blog-style) li a {
		color:#ffffff;
	}
	
	section.footer ul:not(.blog-style) li:first-child a {
		padding-top: 0px;
		padding-bottom: 5px;
	}
	
	section.footer ul:not(.blog-style) li i.fa, section.footer ul:not(.blog-style) li svg {
		color: #13B100;
		margin-right:10px;
		width: 20px;
	}
	
	section.footer a.footer-blog {
		text-decoration: none;
		color: #ffffff;
		margin-bottom: 15px;
	}
	
	section.footer .footer-blog div:first-child {
		position:relative;
		height: 65px;
		padding:0;
	}
	
	section.footer .footer-blog div:first-child img {
		width: 45px;
		height: 45px;
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		margin-top:auto;
		margin-bottom:auto;
		margin-left:auto;
		margin-right:auto;
		transition: .1s all;
	}
	
	section.footer .footer-blog:hover div:first-child img {
		transform: scale(1.15);
	}
	
	section.footer .footer-blog div:last-child {
		padding-left:0;
	}
	
	section.footer .footer-blog h3 {
		font-size: 12pt;
		margin-bottom: 0px;
		height: 2.4em;
		font-weight: 300;
		margin-top: 5px;
	}
	
	section.footer .footer-blog small {
		font-size: 10pt;
		color: #999999;
	}
	
	section.footer .copyright-bar {
		background-color: #111111;
		padding-top: 15px;
		padding-bottom: 15px;
		color: #666666;
		font-size: 11pt;
		font-weight: 400;
	}
	
	section.footer .copyright-bar a {
		color: #999999;
	}
	
	section.footer .copyright-bar .container .row div:first-child span {
		display:inline-block;
		padding: 0px 15px;
		position:relative;
	}
	
	section.footer .copyright-bar .container .row div:first-child span:after {
		content: "";
		position:absolute;
		background-color: #666666;
		width: 1px;
		height: 15px;
		top:3px;
		left:0px;
	}
	
	section.footer .copyright-bar .container .row div:first-child span:first-child {
		padding-left: 0px;
	}
	
	section.footer .copyright-bar .container .row div:first-child span:first-child:after {
		display: none;
	}
/*END: FOOTER*/

/*PAGES*/
	section.main.page aside.sidebar {
		background-color: #ffffff;
		/*position:fixed;
		top:375px;*/
		transform: skewY(-4deg);
		margin-top: 36px;
		z-index: 3;
	}
	
	section.main.page aside.sidebar .content {
		display:block;
		transform: skewY(4deg);
		padding: 25px;
		position:relative;
		min-width: 315px;
		transition: .3s padding;
	}
	
	section.main.page aside.sidebar.stick {
		position: absolute;
		top: auto;
		bottom: 125px;
	}
	
	section.main.page aside.sidebar.empty-projects {
		position: absolute;
		top: -180px;
	}
	
	section.main.page .sidebar-button {
		text-align:center;
		text-decoration: none;
		color: #13B100;
		font-weight: 600;
		padding:0px;
		position:absolute;
		bottom:-75px;
		left:0;
		right:0;
		margin-left:auto;
		margin-right:auto;
		background: none;
		border: 0;
		cursor:pointer;
		display:block;
		width: 210px;
		outline: 0;
	}
	
	section.main.page .sidebar-button span {
		padding: 5px 20px;
		padding-left: 50px;
		display:inline-block;
		border-radius: 40px;
		border:1px solid transparent;
		position: relative;
		transition: .1s all;
	}
	
	section.main.page .sidebar-button span:before {
		content: "\f2f1";
		display: block;
		text-align:center;
		width: 50px;
		height: 50px;
		font-family: 'Font Awesome\ 5 Free'; 
		font-weight: 900; /* Fix version 5.0.9 */
		line-height: 50px;
		position: absolute;
		top: -7px;
		left: 0px;
	}
	
	section.main.page .sidebar-button:hover span {
		border:1px solid #13B100;
	}
	
	section.main.page aside.sidebar .sub-sidebar-title {
		background-color: #EFEFEF;
		position: absolute;
		top:0;
		left:0;
		width: 100%;
		height: 65px;
		line-height:65px;
		padding-left: 30px;
		font-weight: 600;
		cursor: pointer;
	}	
	
	section.main.page aside.sidebar .sub-sidebar-title:after {
		content: "\f054";
		display:block;
		width: 65px;
		height: 65px;
		background-color: rgba(0,0,0,.03);
		font-family: 'Font Awesome\ 5 Free';
		font-weight: 900; /* Fix version 5.0.9 */
		position: absolute;
		right:0;
		top:0;
		text-align:center;
		transition: .1s all;
	}
	
	section.main.page aside.sidebar.collapsed .sub-sidebar-title:after {
		transform: rotate(90deg);
		border-radius: 0 0 50% 50%;
	}
	
	section.main.page aside.sidebar .sub-sidebar-area {
		margin-bottom: 30px;
		margin-top: 30px;
		display: none;
	}
	
	section.main.page aside.sidebar .sub-sidebar-area strong {
		margin-bottom: 15px;
		display:block;
	}
	
	section.main.page aside.sidebar .checkbox input {
		display: none;
	}
	
	section.main.page aside.sidebar .checkbox label {
		display: block;
		cursor: pointer;
	}
	
	section.main.page aside.sidebar .checkbox label:before {
		content: '\00a0';
		display: inline-block;
		background-color: #fff;
		width: 20px;
		height: 20px;
		font-size: 10px;
		border-radius: 4px;
		font-family: 'Font Awesome\ 5 Free'; 
		font-weight: 900; /* Fix version 5.0.9 */
		border: 2px solid #f1f1f1;
		line-height: 16px;
		padding-left: 3px;
		position: relative;
		top: -1px;
		margin-right: 20px;
		color: #f1f1f1;
	}
	
	section.main.page aside.sidebar .checkbox label:hover:before {
		content: "\f00c";
	}
	
	section.main.page aside.sidebar .checkbox input:checked+label:before {
		content: "\f00c";
		color: #fff;
		background-color: #13B100;
		border-color: #15BA00;
	}
	
	section.main.page aside.sidebar .search-field {
		position:relative;
	}
	
	section.main.page aside.sidebar .search-field input {
		display:block;
		padding: 10px;
		padding-left: 50px;
		border: 1px solid rgb(241, 241, 241);
		border-radius: 4px;
	}
	
	section.main.page aside.sidebar .search-field:after {
		content: '\f002';
		font-family: 'Font Awesome\ 5 Free'; 
		font-weight: 900; /* Fix version 5.0.9 */
		display: block;
		width: 20px;
		height: 20px;
		position:absolute;
		left: 15px;
		top:12px;
		color:#13B100;
	}

	section.main.page .project:first-child {
		margin-top: 25px;
	}
	
	section.main.page .project .project-content .img-container-small figure {
		height: 100px;
	}
	
	section.main.page .project .project-heading {
		padding: 20px 30px;
	}
	
	section.main.page .project .project-content {
		padding: 40px 30px;
	}
	
	section.main.page .project .project-content .img-container-small {
		margin-bottom: 10px;
	}
	
	section.main.page .sub-sidebar-area .checkbox {
		margin-bottom: 10px;
	}
	
	section.main.page .pagination {
		display:block;
	}
	
	section.main.page .pagination-item {
		display:inline-block;
		padding: 10px 20px;
		background-color: #EFEFEF;
		color: #333333;
		text-decoration: none;
		margin-left: 5px;
		margin-right: 5px;
	}
	
	section.main.page .pagination-item:hover, section.main.page .pagination-item.active {
		background-color: #ffffff;
	}
	
	section.main.page.blog-area .blog-item {
		margin-bottom: 50px;
	}
	
	section.main.page.blog-area .blog-item > .image-area {
		height: 300px;
	}
	
	section.main.page .blog-article-style p {
		font-size: 16pt;
		line-height: 28pt;
	}
	
	section.main.page h1.blog-title {
		font-size: 2.1rem;
		font-weight: 500;
		line-height: 1.2;
	}
	
	section.main.page ul.submenu {
		list-style: none;
		display:block;
		padding-left: 0px;
		margin-bottom: 50px;
	}

	section.main.page ul.submenu li {
		background-color: #EFEFEF;
		display:block;
		margin-bottom: 10px;
		transition: .1s all;
	}

	section.main.page ul.submenu li.active, section.main.page ul.submenu li:hover {
		background-color: #13B100;
	}

	section.main.page ul.submenu li.active a, section.main.page ul.submenu li:hover a {
		color:#ffffff;
	}

	section.main.page ul.submenu li a {
		color: #333333;
		text-decoration: none;
		display:block;
		padding: 18px 22px;
		position:relative;
	}

	section.main.page ul.submenu li a:before, section.main.page ul.submenu-collapsebox h3:before {
		display:block;
		content:"\f054";
		font-family: 'Font Awesome\ 5 Free'; 
		font-weight: 900; /* Fix version 5.0.9 */
		font-size: 12pt;
		text-align:center;
		position:absolute;
		right:0;
		top:0;
		line-height: 65px;
		width: 63px;
		height: 63px;
		color: rgba(0,0,0,.15);
		transition: .1s all;
	}
	
	section.main.page ul.submenu-collapsebox {
		padding-left: 0px;
	}

	section.main.page ul.submenu-collapsebox h3:before {
		content: "\f138";
	}

	section.main.page h2 {
		font-size: 1.2rem;
	}

	section.main.page h3 {
		font-size: 1.05rem;
	}

	section.main.page ul.submenu-collapsebox .collapser h3:before {
		transform: rotate(90deg);
	}

	section.main.page ul.submenu-collapsebox h3 {
		background-color: #EFEFEF;
		color: #333333;
		text-decoration: none;
		display:block;
		padding: 18px 22px;
		position:relative;
		font-family: 'Source Sans Pro';
		font-size: 14pt;
		font-weight: 300;
		margin-bottom: 0px;
		cursor:pointer;
		transition: .2s all;
	}

	section.main.page ul.submenu-collapsebox {
		display:block;
		position:relative;
		list-style: none;
		margin-bottom: 10px;
	}

	section.main.page ul.submenu-collapsebox:hover h3 {
		background-color: #E5E5E5;
	}

	section.main.page ul.submenu-collapsebox .collapser h3 {
		background-color: #13B100;
		color: #ffffff;
	}
	
	section.main.page ul.submenu-collapsebox .collapser h4 {
		font-size: 1.3rem;
		margin-bottom: 20px;
	}

	section.main.page ul.submenu-collapsebox div.content {
		display:none;
		padding: 25px;
		background-color: #EFEFEF;
		font-size: 11pt;
	}

	section.main.page ul.submenu-collapsebox div.content p {
		margin-bottom: 25px;
	}

	section.main.page aside.normal-sidebar h2.subhead {
		font-size: 14pt;
		border-bottom: 1px solid rgba(0,0,0,.05);
		padding-bottom: 15px;
		margin-bottom: 25px;
		position:relative;
	}

	section.main.page aside.normal-sidebar h2.subhead:after {
		content: "";
		display:block;
		width: 45px;
		height: 3px;
		background-color: #13B100;
		position:absolute;
		left:0;
		bottom:-2px;
		border-radius: 4px;
	}

	section.main.page aside.normal-sidebar ul.promises {
		list-style: none;
		margin-bottom: 45px;
	}

	section.main.page aside.normal-sidebar ul.promises li {
		margin-bottom: 15px;
		padding-left: 20px;
		position:relative;
		font-size: 14pt;
	}

	section.main.page aside.normal-sidebar ul.promises li:before {
		content: "\f058";
		display:block;
		width: 30px;
		height: 30px;
		line-height: 30px;
		text-align:center;
		position:absolute;
		left:-20px;
		top:-2px;
		border-radius: 4px;
		font-family: 'Font Awesome\ 5 Free'; 
		font-weight: 900; /* Fix version 5.0.9 */
		font-size: 19pt;
		color:#13B100;
	}

	section.main.page .services-block {
		background-color:#ffffff;
		margin-bottom: 40px;
		position: relative;
	}

	section.main.page .services-block > a {
		display:block;
		color: #333333;
		text-decoration: none;
	}

	section.main.page .services-block > a .image-container {
		width: 100%;
		height: 200px;
		position: relative;
	}

	section.main.page .services-block > a .image-container:after {
		content: "dienst bekijken...";
		display:block;
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background-color: rgba(0,0,0,.6);
		color:#ffffff;
		font-size: 24pt;
		text-align:center;
		line-height: 200px;
		opacity: 0;
		transition: .1s all;
	}

	section.main.page .services-block > a .image-container:hover:after {
		opacity: 1;
	}

	section.main.page .services-block > a .image-container img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	section.main.page .services-block > a .bottom-bar {
		background-color:#ffffff;
		font-size: 15pt;
		padding: 15px;
		padding-right: 40px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	section.main.page .services-block:after {
		content: "\f138";
		font-family: 'Font Awesome\ 5 Free'; 
		font-weight: 900; /* Fix version 5.0.9 */
		display:block;
		position: absolute;
		bottom: 10px;
		right: 10px;
		width:40px;
		height:40px;
		text-align:center;
		line-height:40px;
		color: #13B100;
		font-size: 28pt;
		text-align:center;
	}
	
	section.main.page ul.submenu-collapsebox:last-child {
		margin-bottom: 45px;
	}
	
	section.main.page ul.submenu-collapsebox .subtext-small {
		margin-bottom: 0px !important;
		margin-top: 25px;
		text-align: center;
	}
/*END: PAGES*/

/*BREADCRUMBS*/
	.main-breadcrumbs a, .main-breadcrumbs span {
		position:relative;
		color: #13B100;
		margin-right:30px;
		font-size: 14pt;
	}
	
	.main-breadcrumbs a:after, .main-breadcrumbs span:after {
		content: "/";
		display:block;
		position: absolute;
		right: -20px;
		top:-3px;
	}
	
	.main-breadcrumbs :last-child {
		color: #ffffff;
	}
	
	.main-breadcrumbs :last-child:after {
		display:none;
	}
/*END: BREADCRUMBS*/