*:focus {outline:0;}
a:hover
{
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
h1, h2, h3, p
{
	margin: 0 0 0 0;
	padding: 0;
	font-weight: 300;
}
ul
{
	font-weight: 300;
}
body
{
	color: rgb(50,50,50);
	-webkit-font-smoothing: antialiased;
	margin: 0;
	padding: 0;	
	font-size: 22px;
	font-family: 'woodford_bourne_prolight';
	font-weight: 300;
	overflow-x: hidden;
}
body strong, body b
{
	font-family: 'rawson_promedium';
	font-weight: 100;
}
h1, .kop1
{
    font-family: 'woodford_bourne_prolight';
	font-size: 52px !important;
	font-weight: 100;
	color: rgb(83,162,65);

}
h2, .kop2
{
	
    font-family: 'woodford_bourne_prolight';
	font-size: 41px !important;
	font-weight: 100;
	color: rgb(83,162,65);
}
h3, .kop3
{
	font-family: 'woodford_bourne_promedium';
	font-size: 20px !important;
	font-weight: 100;
	color: rgb(83,162,65);
}
.hamburger
{
	display: none;
}
.colorBlue
{
	color:  rgb(10,113,175);
}
.allWhite, .allWhite *
{
	color: rgb(255,255,255);
}
.row
{
	position: relative;
	float: left;
	width: 100%;
}
.floatLeft
{
	position: relative;
	float: left;
}
.floatRight
{
	position: relative;
	float: right;
}
p, li
{
	line-height: 1.5em;
}
.clear
{
	clear: both;
}
.zIndex10
{
	z-index: 10;
}
.zIndex20
{
	z-index: 20;
}
.zIndex30
{
	z-index: 30;
}
.txtAlignRight
{
	text-align: right;
	float: none !important;
}
.txtAlignCenter
{
	text-align: center;
}
.noMargin
{
	margin: 0 !important;
}
.noBottomMargin
{
	margin-bottom: 0 !important;
}
.divClick:hover
{
	cursor: pointer;
}
.hoverAction
{
	opacity: 0.8;
}
.hoverAction:hover
{
	opacity: 1;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}


a
{
	cursor: pointer;
	color:  rgb(10,113,175);
	text-decoration: underline;
}
a:hover
{
	cursor: pointer;
	text-decoration: none;
}
.flex
{
	display: flex;
}
.flex__1
{
	flex: 1;
}

.flex__spaceBetween
{
	justify-content: space-between;
}
.flex__alignCenter
{
	align-items: center;
}
.flex__right
{
	align-content: right;
}
.flex__left
{
	align-content: left;
}
.flex__bottom
{
	align-content: bottom;
	align-items: center;
}
.flex__justifyCenter
{
	justify-content: center;
}
.flex__wrap
{
	flex-wrap: wrap;
}
.center
{
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.center.inheritHeight
{
	height: inherit;
}
a, a:link, a:active, a:visited
{
	color: rgb(81,161,73);
	text-decoration: none;
}
a:hover
{
	color: rgb(81,161,73);;
	text-decoration: underline;
}
@media screen
{
	.frame__topLine
	{
		position: relative;
		height: 30px;
		width: 100%;
		background-color: rgb(247,250,248);
	}
	.frame__topLine .center
	{
		max-width: 1115px;
		text-align: right;
	}
	.frame__topLine .center p
	{
		color: rgb(121,159,134);
		font-size: 15px;
		line-height: 30px;
		text-decoration: none;
		font-family: 'woodford_bourne_prolight';
	}
	.frame__topLine .center a
	{
		color: rgb(121,159,134);
		text-decoration: none;
	}
	.frame__topLine .center a:hover
	{
		cursor: pointer;
		color: rgb(81,161,73);
		text-decoration: none;
	}
	.frame__topLine .center p .phone
	{
		font-family: 'woodford_bourne_promedium';
	}
	nav
	{
		position: relative;
		width: 100%;
		height: 70px;
		background-color: rgb(255,255,255);
	}
	nav .logo
	{
		float: left;
		position: relative;
		height: calc(70px - ((70px / 2) - (22px / 2)));
		display: inline-block;
		padding: calc((70px / 2) - (22px / 2))  10px 0px calc(50% - (1115px / 2));
		background-color: rgb(81,161,73);
	}
	nav .logo img
	{
		width: 133px;
		height: 22px;
	}
	nav ul
	{
		float: left;
		position: relative;
		height: 70px;
		display: inline;
		max-width: calc(1115px - 133px - 10px);
		list-style: none;
		padding: 0; margin: 0;
	}
	nav ul li
	{
		position: relative;
		height: 70px;
		display: inline-block;
		list-style: none;
	}
	nav ul li.respBottom
	{
		display: none;
	}
	nav ul li a
	{
		position: relative;
		line-height: 70px;
		display: inline-block;
		padding: 0px 20px;
		color: rgb(81,161,73);
		font-family: 'woodford_bourne_prosemibold';
		font-size: 14px;
		text-transform: uppercase;
		text-decoration: none;
	}
	nav ul li a:before
	{
		opacity: 0;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		text-align: center;
		font-size: 20px;
		color:  rgb(81,161,73);
		content: "\e900";
		font-family: 'icomoon' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;

		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	nav ul li a:hover:before
	{
		opacity: 0.2;
		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}
	nav ul li a.active:before
	{
		opacity: 1;
	}
	nav ul li:first-child a
	{
		padding-left: 40px;
	}
	nav ul li:first-child a:before
	{
		padding-left: 10px;
	}

	header.home__header
	{
		position: relative;
		line-height: 0;
		width: 100%;
	}
	header.home__header img.img__header
	{
		width: 100%;
		height: auto;
		z-index: 1;
	}
	header.home__header .hover
	{
		z-index: 5;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-color: rgba(83,162,65,0.6);
	}
	header.home__header .header__title
	{
		z-index: 8;
		width: 330px;
		position: absolute;
		left: calc(50% - (330px / 2));
		top: calc(50% - (95px / 2));
		text-align: center;
		height: 95px;
	}
	footer .header__title
	{
		z-index: 8;
		width: 330px;
		position: relative;
		margin: 0 auto;
		text-align: center;
		height: 95px;
		margin-bottom: 145px;
	}
	footer .header__title.noBottomMargin
	{
		margin-bottom: 0px !important;
	}
	header.home__header .header__title img
	{
		height: 55px;
		width: auto;
	}
	footer .header__title img
	{
		height: 55px;
		width: auto;
	}
	header.home__header .header__title p
	{
		font-family: 'woodford_bourne_prothin';
		font-size: 28px;
		color: rgb(255,255,255);
	}
	footer .header__title p
	{
		font-family: 'woodford_bourne_prothin';
		font-size: 28px;
		color: rgb(255,255,255);
	}
	header.home__header .image__guus
	{
		z-index: 10;
		position: absolute;
		right: 0px;
		height: 550px;
		bottom: -144px;
		pointer-events: none;
	}
	header.home__header .image__guus img
	{
		height: 100%;
		width: auto;

	}
	header.home__header .bar
	{
		position: absolute;
		z-index: 9;
		width: 100%;
		bottom: 0px;
		height: 70px;
		background-color: rgba(83,162,65,0.3);
	}
	header.home__header .bar .center
	{
		max-width: 1115px;
	}
	header.home__header .bar .center p
	{
		/*font-family: 'woodford_bourne_proLtIt';*/
		font-size: 16px;
		color: rgba(255,255,255,0.7);
		line-height: 70px;
	}
	header.home__header .bar .center p span
	{
		margin-right: 10px;
	}

	article.home__intro
	{
		position: relative;
		width: 100%;
		/*background-color:rgb(255,255,255);*/
		padding: 175px 0px 115px 0px;
	}
	article.home__intro.page
	{
		z-index: 5;

		padding: 65px 0px 65px 0px;
	}
	article.home__intro .center
	{
		max-width: 1115px;
	}
	article.home__intro .kop1
	{
		margin-bottom: 1em;
	}

	section.home__opdrachten
	{
		width: 100%;
		background-color: rgb(247,250,248);
		padding: 70px 0px 115px 0px;
	}
	section.home__opdrachten .center
	{
		max-width: 1115px;
	}
	section.home__opdrachten .opdrachten__holder
	{
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	section.home__opdrachten .kop3
	{
		margin-bottom: 50px;
	}
	section.home__opdrachten .opdrachten__holder .frame
	{
		position: relative;
		width: 360px;
		height: 367px;
		overflow: hidden;
	}
	.opdrachten__holder.opdrachten__onder .frame
	{
		height: auto !important;
	}
	section.home__opdrachten .opdrachten__holder .frame .hover
	{
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		opacity: 0.5;
		pointer-events: none;
	}
	section.home__opdrachten .opdrachten__holder .frame:nth-child(1) .hover
	{
		background-color: rgb(164,222,2);
	}
	section.home__opdrachten .opdrachten__holder .frame:nth-child(2) .hover
	{
		background-color: rgb(118,186,27);
	}
	section.home__opdrachten .opdrachten__holder .frame:nth-child(3) .hover
	{
		background-color: rgb(81,161,73);
	}
	section.home__opdrachten .opdrachten__holder .frame .titlebar
	{
		height: 95px;
		position: absolute;
		bottom: 0px;
		left: 0px;
		text-align: center;
		width: 100%;
		background-color: rgba(83,162,65,0.5);
	}
	section.home__opdrachten .opdrachten__holder .frame .icon
	{
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		text-align: center;
		font-size: 105px;
		height: 105px;
		padding-top: calc((50% - (95px / 2)) - (105px / 2));
		color: rgb(255,255,255);

	}
	section.home__opdrachten .opdrachten__holder .frame .titlebar p
	{
		line-height: 95px;
		margin: 0; padding: 0;
		font-family: 'woodford_bourne_promedium';
		font-size: 19px;
		text-transform: uppercase;
		color: rgb(255,255,255);	
	}
	section.home__opdrachten .opdrachten__holder.opdrachten__onder p
	{
		font-size: 17px;
		font-family: 'woodford_bourne_prolight';
		text-align: center;
		margin: 1em 20px;
		display: block;
		
	}
	section.home__opdrachten .opdrachten__holder .frame img
	{
		width: 360px;
		height: 100%;
	}
	section.home__opdrachten .opdrachten__holder .frame:hover img
	{
		cursor: pointer;
		margin: -18px -18px;
		width: 396px;
		height: 396px;
			-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}
	section.zorg__in__bloei
	{
		padding: 145px 0px;
		width: 100%;
		position: relative;
	}
	section.zorg__in__bloei .center
	{
		max-width: 1115px;
	}
	section.zorg__in__bloei .center .text
	{
		width: 555px;
		float: left;
		position: relative;
		text-align: center;
	}
	section.zorg__in__bloei .center .image
	{
		width: calc(100% - 555px);
		float: left;
		position: relative;
		text-align: center;
	}
	section.zorg__in__bloei .center .image img
	{
		max-width :100%;
		width: auto;
		height: auto;
	}

	section.zorg__in__bloei .kop2
	{
		margin-bottom: 1em;
	}


	section.section__profiel
	{
		margin-top: -210px;
		z-index: 1;
		padding: 105px 0px;
		width: 100%;
		background-color: rgb(247,250,248);
		position: relative;
	}
	section.section__profiel .center
	{
		max-width: 1115px;
	}

	section.contact
	{
		padding: 80px 0px 80px 0px;
		width: 100%;
		background-color: rgb(114,194,107);
		position: relative;
		overflow: hidden;
	}
	section.contact .center
	{
		max-width: 835px;
		text-align: center;
	}
	section.contact .txtAlignRight
	{
		margin-top: 5px;
		float: right !important;
	}

	section.portfolio
	{
		padding: 80px 0px 0px 0px;
		width: 100%;
		background-color: rgb(114,194,107);
		background-image:url('../images/bgDirtGreen.png');
		background-position: 500px center;
		background-repeat: no-repeat;
		position: relative;
		min-height: 1410px;
		overflow: hidden;
	}
	section.portfolio .center
	{
		max-width: 835px;
		text-align: center;
	}
	section.portfolio .selectBox
	{
		text-align: left;
	}
	section.portfolio .portfolio__item
	{
		background-image: url('../images/bgReference.png');
		background-repeat: no-repeat;
		height: 230px;
		width: 835px;
		margin: 60px 0px 60px 0px;
	}
	section.portfolio .portfolio__item:nth-child(3n-2)
	{
		transform: rotate(-4deg);
	}
	section.portfolio .portfolio__item:nth-child(3n-1)
	{
		transform: rotate(-1deg);
	}
	
	section.portfolio .portfolio__item:nth-child(3n)
	{
		transform: rotate(1deg);
	}
	
	
	.portfolio__item .icon
	{
		position: relative;
		float: left;
		height: 100%;
		width: 180px;
		color: rgb(255,255,255);
		display: flex;
		align-items: center;
		justify-content: center;
	}	
	.portfolio__item .icon span
	{
		font-size: 60px;
		display: inline-block;
	}
	.portfolio__item .text
	{	
		text-align: left;
		float: left;
		position: relative;
		width: 435px;
		margin: 20px 0px 0px  25px;
		
	}
	.portfolio__image
	{
		width: 105px;
		height: 100%;
		background-repeat: no-repeat;
		float: right;
		background-position: center center;
		margin-right: 90px;

	}
	.portfolio__item .title
	{
		font-family: 'woodford_bourne_prolight';
		font-size: 39px;
		color: rgb(81,161,73);

	}
	.portfolio__item .titlebar
	{
		font-family: 'woodford_bourne_promedium';
		font-size: 13px;
		text-transform: uppercase;
		color: rgb(255,255,255);
		margin-top: 10px;
	}
	section.werkwijze
	{
		padding: 80px 0px 0px 0px;
		width: 100%;
		background-image:url('../images/bgFlowers.jpg');
		background-position: top center;
		position: relative;
		height: 1635px;
		overflow: hidden;
	}
	section.werkwijze .center
	{
		max-width: 1115px;
		text-align: center;
	}
	section.werkwijze .holder
	{
		margin-top: 0px;
		width: 50%;
		float: left;
		position: relative;
		height: 100%;
	}
	.tuinkaartje
	{

		position: relative;
		float: left;
		width: 590px;
		height: 1160px;
		background-image: url('../images/bgWerkwijze.png');
		background-position: top center;
		background-repeat: no-repeat;
		text-align: center;
	}
	.tuinkaartje  p
	{
		font-size: 17px;
		margin-left: 60px;
		margin-right: 60px;
	}
	.tuinkaartje .title
	{
		font-family: 'woodford_bourne_prolight';
		font-size: 39px;
		color: rgb(81,161,73);
		margin-bottom: 10px;
	}

	.tuinkaartje:after
	{
		position: absolute;
		content:' ';
		left: calc(50% - 25px);
		height: 20px;
		bottom: 140px;
		width: 50px;
		-webkit-box-shadow: 0 -20px 20px 0 rgba(0,0,0,0.5);
		box-shadow: 0 -20px 20px 0 rgba(0,0,0,0.5);
	}
	.tuinkaartje .icon
	{
		border-radius: 100%;
		-webkit-border-radius: 100%;
		background-color: rgb(255,255,255);
		width: 85px;
		height: 85px;
		position: relative;
		margin: 50px auto 20px auto;
		background-position: center center;
		background-repeat: no-repeat;

	}
	.kaartje_1
	{
		z-index: 1;
		transform: rotate(-1deg);
	}
	.kaartje_1:after
	{
		bottom: 740px;
	}
		
	.kaartje_2
	{
		z-index: 2;
		margin-top: -800px;
		transform: rotate(2deg);
	}
	.kaartje_2:after
	{
		bottom: 740px;
	}
	.kaartje_3
	{
		z-index: 3;
		margin-top: -800px;
		transform: rotate(-2deg);
	}
	.kaartje_3:after
	{
		bottom: 740px;
	}
	


	.kaartje_4
	{
		z-index: 4;
		margin-top: -790px;
		transform: rotate(4deg);
	}
	.kaartje_4:after
	{
		display: none;
	}

	.kaartje_5
	{
		z-index: 5;
		margin-top: 200px;
		transform: rotate(-3deg);
	}
	.kaartje_5:after
	{
		bottom: 660px;
	}
	.kaartje_6
	{
		z-index: 6;
		margin-top: -720px;
		transform: rotate(2deg);
	}
	.kaartje_6:after
	{
		bottom: 730px;
	}


	.kaartje_7
	{
		z-index: 7;
		margin-top: -780px;
		transform: rotate(-1deg);
	}
	.kaartje_7:after
	{
		display: none;
	}




	.image__profiel
	{
		width: calc(100% - 830px);
		float: left;
		position: relative;
		text-align: center;
	}
	.image__profiel__mobiel
	{
		display: none;
	}
	.image__profiel img
	{
		width :100%;
		height: auto;
	}
	
	 .text__profiel
	{
		width: 830px;
		float: left;
		position: relative;
		text-align: center;
	}
	.image__profiel.mannen
	{
		width: calc(100% - 880px);
	}
	.text__profiel.mannen
	{
		width: 880px;

	}
	
	section.zorg__in__bloei .center .image img
	{
		max-width :100%;
		width: auto;
		height: auto;
	}

	section.section__profiel .kop2
	{
		margin-bottom: 1em;
	}

	section.quote
	{
		width: 100%;
		background-color: rgb(247,250,248);
		padding: 180px 0px 180px 0px;
		overflow: hidden;
	}
	section.quote .center
	{
		max-width: 960px;
		text-align: center;
	}
	section.quote .center p
	{
		font-size: 41px;
		color: rgb(81,161,73);
		font-family: 'woodford_bourne_prolight';
		margin: 0;
	}
	section.quote .center p.author
	{
		font-size: 14px;
		color: rgb(81,161,73);
		font-family: 'woodford_bourne_prosemibold';
		text-transform: uppercase;
		margin: 1em 0 0 0;
	}
	section.quote .quoteIcon
	{
		display: none;
		position: absolute;
		top: -210px;
		left: -45px;
	}
	.contact__footer
	{
		width: 100%;
		position: relative;
		padding: 105px 0px;
	}
	.contact__footer .kop2
	{
		margin-bottom: 1em;
	}
	footer
	{
		background-color: rgb(81,161,73);
		width: 100%;
		position: relative;
		padding: 105px 0px;
	}
	footer .center, .contact__footer .center
	{
		max-width: 1115px;
		text-align: center;
	}
	footer .frames, .contact__footer .frames
	{
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	footer .frames .item, .contact__footer .item
	{
		width: 360px;
		border-right: 1px solid rgb(255,255,255);
		text-align: center;
	}
	.contact__footer .item
	{
		border-right: 1px solid rgb(81,161,73);
	}

	footer .frames .item p, .contact__footer .item p
	{
		font-size: 17px;
		margin-top: 35px;
		color: rgb(255,255,255);
		font-family: 'woodford_bourne_prolight';
	}
	footer .frames .item a, .contact__footer .item a
	{
		color: rgb(255,255,255);
	}
	.contact__footer .item p
	{
		color: rgb(81,161,73);
	}
	footer .frames .item:last-child, .contact__footer .item:last-child
	{
		border-right: 0px;
	}
	footer .frames .item span, .contact__footer .item span
	{
		color: rgb(255,255,255);
		font-size: 25px;
		display: inline-block;
		line-height: 45px;
		border-radius: 45px;
		width: 45px;
		height: 45px;
		-webkit-border-radius: 45px;
		background-color: rgb(81,161,73);
	}
	.contact__footer .item span
	{
		background-color: rgb(255,255,255);
	}
	footer .frames .item span.icon-icons_mail, .contact__footer .item span.icon-icons_mail
	{
		font-size: 20px;
	}
	footer .frames .item:hover 
	{
		cursor: pointer;
	}
	footer .frames .item:hover span
	{
		cursor: pointer;
		color:  rgb(81,161,73);
		background-color: rgb(255,255,255);
	}
	.contact__footer .item:hover span
	{
		cursor: pointer;
		color:  rgb(255,255,255);
		background-color: rgb(81,161,73);
	}
	.contact__footer .item span
	{
		color: rgb(81,161,73);
	}
	section.endline
	{
		width: 100%;
		background-color: rgb(247,250,248);
		padding: 0px;
		text-align: center;
	}
	section.endline p
	{
		line-height: 60px;
		text-align: center;
		color:  rgb(81,161,73);
		font-family: 'woodford_bourne_prolight';
		font-size: 13px;
	}
	section.endline p a
	{
		color:  rgb(81,161,73);
		text-decoration: none;
	}
	section.page__end
	{
		width: 100%;
		padding: 65px 0px;
		text-align: center;
	}
	section.page__end .center
	{
		max-width: 1115px;
		text-align: center;
	}
	section.section__logoslider
	{
		padding: 65px 0px;
		background-color: rgb(83,162,65);
	}
	section.section__logoslider img
	{
		margin: 0px 20px;
	}
	.btnGreenPlain
	{
		font-family: 'woodford_bourne_prosemibold';
		font-size: 14px;
		color: rgb(83,162,65);
		border: 1px solid rgb(83,162,65);
		display: inline-block;
		padding: 0px 20px;
		line-height: 45px;
		text-decoration: none;
		text-transform: uppercase;

		 vertical-align: middle;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		position: relative;
		background: rgb(83,162,65);
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;


	}


	.btnGreenPlain:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background:rgb(255,255,255); 
	  -webkit-transform: scaleY(1);
	  transform: scaleY(1);
	  -webkit-transform-origin: 50%;
	  transform-origin: 50%;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.btnGreenPlain:hover, .btnGreenPlain:focus, .btnGreenPlain:active {
	  color: rgb(255,255,255);
	  text-decoration: none;
	}
	.btnGreenPlain:hover:before, .btnGreenPlain:focus:before, .btnWhitePlain:active:before {
	  -webkit-transform: scaleY(0);
	  transform: scaleY(0);
	}




	.btnWhitePlain
	{
		font-family: 'woodford_bourne_prosemibold';
		font-size: 14px;
		color: rgb(255,255,255);
		border: 1px solid rgb(255,255,255);
		display: inline-block;
		padding: 0px 20px;
		line-height: 45px;
		text-decoration: none;
		text-transform: uppercase;

		 vertical-align: middle;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		position: relative;
		background: rgb(255,255,255);
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;


	}
	

	/* Shutter In Vertical */
	
	.btnWhitePlain:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background:rgb(114,194,107); 
	  -webkit-transform: scaleY(1);
	  transform: scaleY(1);
	  -webkit-transform-origin: 50%;
	  transform-origin: 50%;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.btnWhitePlain:hover, .btnWhitePlain:focus, .btnWhitePlain:active {
	  color: rgb(114,194,107);
	  text-decoration: none;
	}
	.btnWhitePlain:hover:before, .btnWhitePlain:focus:before, .btnWhitePlain:active:before {
	  -webkit-transform: scaleY(0);
	  transform: scaleY(0);
	}











	.selectBoxHolder
	{
		position: relative;
		float: left;
		clear: both;
		margin: 40px 0px 40px 0px;
	}
	.selectBox
	{
		left: 0px;
		text-align: left;
		position: absolute;
		font-family: 'woodford_bourne_prosemibold';
		font-size: 14px;
		color: rgb(255,255,255);
		border: 1px solid rgb(255,255,255);
		border-bottom: 0px;
		display: inline-block;
		text-decoration: none;
		text-transform: uppercase;
		width: 225px;
		z-index: 20;
		background-color: rgb(114,194,107);
	}
	.selectBox:after
	{
		position: absolute;
		top: 0px;
		box-sizing: border-box;
		padding-top: 16px;
		height: 45px;
		border-left: 1px solid rgb(255,255,255);
		background-color: rgb(114,194,107);
		width: 45px;
		right: 0px;
		color: rgb(255,255,255);
		content: "\e906";
		font-size: 12px;
		text-align: center;
		font-family: 'icomoon' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;

		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		pointer-events: none;
	}
	.selectBox.active:after
	{
		transform: rotate(180deg);
		border-right: 1px solid rgb(255,255,255);
		border-left: 0px;
	}
	.selectBox span
	{
		float: left;
		display: none;
		height: 45px;
		padding: 0px 20px;
		width: calc(100% - 40px);
		line-height: 45px;
		border-bottom: 1px solid rgb(255,255,255);
		position: relative;
		background-color: rgb(114,194,107);
	}
	.selectBox span.active
	{
		display: inline-block;
	}
	.selectBox.active span
	{
		display: inline-block;
	}
	label
	{
		position: relative;
		float: left;
		width: 135px;
		font-size: 14px;
		font-family: 'woodford_bourne_prosemibold';
		line-height: 50px;
		margin-bottom: 5px;
		color: rgb(255,255,255);
		clear: both;
		text-align: left;
	}
	input, textarea
	{
		position: relative;
		float: left;
		line-height: 50px;
		height: 50px;
		padding: 0px 20px;
		color: rgb(50,50,50);
		font-family: 'woodford_bourne_prolight';
		font-size: 21px;
		width: calc(100%  - 135px - 40px);
		border: 0px;
	}
	textarea
	{
		line-height: 25px;
		height: 140px;
		padding: 20px;
	}
	.error
	{
		background-color: rgba(81,161,73,0.3) !important;
	}
}
@media screen and (max-width: 1500px)
{
	header.home__header .image__guus
	{
		z-index: 10;
		position: absolute;
		right: 0px;
		height: 450px;
		bottom: -118px;
		pointer-events: none;
	}
}
@media screen and (max-width: 1200px)
{
	.frame__topLine .center
	{
		max-width: 930px;
	}
	nav .logo
	{
		padding: calc((70px / 2) - (22px / 2))  10px 0px calc(50% - (930px / 2));
	}
	
	nav ul
	{
		
		max-width: calc(930px - 133px - 10px);
		
	}
	

	header.home__header
	{
		width: 100%;
	}
	header.home__header img.img__header
	{
		margin-left: -25%;
		width: 150%;
		height: auto;
		z-index: 1;
	}
	
	
	header.home__header .image__guus
	{
		z-index: 10;
		position: absolute;
		right: 0px;
		height: 330px;
		bottom: -86px;
		pointer-events: none;
	}
	
	header.home__header .bar .center
	{
		max-width: 930px;
	}
	
	article.home__intro
	{

		padding: 120px 0px 115px 0px;
	}
	article.home__intro .center
	{
		max-width: 930px;
	}
	article.home__intro .kop1
	{
		margin-bottom: 1em;
	}

	
	section.home__opdrachten .center
	{
		max-width: 930px;
	}

	section.home__opdrachten .opdrachten__holder .frame
	{
		position: relative;
		width: 300px;
		height: 307px;
	}
	
	section.home__opdrachten .opdrachten__holder .frame .titlebar
	{
		height: 75px;
	
	}
	section.home__opdrachten .opdrachten__holder .frame .icon
	{

		font-size: 105px;
		height: 105px;
		padding-top: calc((50% - (75px / 2)) - (105px / 2));

	}
	section.home__opdrachten .opdrachten__holder .frame .titlebar p
	{
		line-height: 75px;
	
		font-size: 19px;
	}
	section.home__opdrachten .opdrachten__holder.opdrachten__onder p
	{
		font-size: 17px;
	}
	section.home__opdrachten .opdrachten__holder .frame img
	{
		width: 300px;
	}
	section.home__opdrachten .opdrachten__holder .frame:hover img
	{
		margin: -18px -18px;
		width: 336px;
		height: 336px;
		
		transition: all 0.3s linear;
	}
	section.zorg__in__bloei
	{
		padding: 145px 0px;
		width: 100%;
		position: relative;
	}
	section.zorg__in__bloei .center
	{
		max-width: 930px;
	}
	section.zorg__in__bloei .center .text
	{
		width: 505px;
	
	}
	section.zorg__in__bloei .center .image
	{
		width: calc(100% - 505px);
		
	}
	

	section.section__profiel
	{
		margin-top: -210px;
		z-index: 1;
		padding: 105px 0px;
		width: 100%;
		background-color: rgb(247,250,248);
		position: relative;
	}
	section.section__profiel .center
	{
		max-width: 930px;
	}
	.image__profiel.mannen
	{
		width: calc(100% - 830px);
	}
	.text__profiel.mannen
	{
		width: 830px;

	}


	section.contact
	{
		padding: 80px 0px 80px 0px;
		width: 100%;
		background-color: rgb(114,194,107);
		position: relative;
		overflow: hidden;
	}
	section.contact .center
	{
		max-width: 835px;
		text-align: center;
	}
	section.contact .txtAlignRight
	{
		margin-top: 5px;
		float: right !important;
	}

	section.portfolio
	{
		padding: 80px 0px 0px 0px;
		width: 100%;
		background-color: rgb(114,194,107);
		background-image:url('../images/bgDirtGreen.png');
		background-position: 500px center;
		background-repeat: no-repeat;
		position: relative;
		min-height: 1410px;
		overflow: hidden;
	}
	section.portfolio .center
	{
		max-width: 835px;
		text-align: center;
	}
	section.portfolio .selectBox
	{
		text-align: left;
	}
	section.portfolio .portfolio__item
	{
		background-image: url('../images/bgReference.png');
		background-repeat: no-repeat;
		height: 230px;
		width: 835px;
		margin: 60px 0px 60px 0px;
	}
	
	
	.portfolio__item .icon
	{
		position: relative;
		float: left;
		height: 100%;
		width: 180px;
		color: rgb(255,255,255);
		display: flex;
		align-items: center;
		justify-content: center;
	}	
	.portfolio__item .icon span
	{
		font-size: 60px;
		display: inline-block;
	}
	.portfolio__item .text
	{	
		text-align: left;
		float: left;
		position: relative;
		width: 435px;
		margin: 20px 0px 0px  25px;
		
	}
	.portfolio__image
	{
		width: 105px;
		height: 100%;
		background-repeat: no-repeat;
		float: right;
		background-position: center center;
		margin-right: 90px;

	}
	.portfolio__item .title
	{
		font-family: 'woodford_bourne_prolight';
		font-size: 39px;
		color: rgb(81,161,73);

	}
	.portfolio__item .titlebar
	{
		font-family: 'woodford_bourne_promedium';
		font-size: 13px;
		text-transform: uppercase;
		color: rgb(255,255,255);
		margin-top: 10px;
	}
	section.werkwijze
	{
		padding: 80px 0px 0px 0px;
		width: 100%;
		background-image:url('../images/bgFlowers.jpg');
		background-position: top center;
		position: relative;
		height: 1330px;
		overflow: hidden;
	}
	section.werkwijze .center
	{
		max-width: 930px;
		text-align: center;
	}
	section.werkwijze .holder
	{
		margin-top: 0px;
		width: 50%;
		float: left;
		position: relative;
		height: 100%;
	}
	.tuinkaartje
	{

		position: relative;
		float: left;

		width: 440px;
		height: 865px;

		background-position: top center;
		background-repeat: no-repeat;
		text-align: center;
		background-size: 100%;
	}
	.tuinkaartje  p
	{
		font-size: 14px;
	}
	.tuinkaartje .title
	{
		font-family: 'woodford_bourne_prolight';
		font-size: 33px;
		color: rgb(81,161,73);
	}

	.tuinkaartje:after
	{
		position: absolute;
		content:' ';
		left: calc(50% - 25px);
		height: 20px;
		bottom: 140px;
		width: 50px;
		-webkit-box-shadow: 0 -20px 20px 0 rgba(0,0,0,0.5);
		box-shadow: 0 -20px 20px 0 rgba(0,0,0,0.5);
	}
	.tuinkaartje .icon
	{
		border-radius: 100%;
		-webkit-border-radius: 100%;
		background-color: rgb(255,255,255);
		width: 70px;
		height: 70px;
		position: relative;
		margin: 30px auto 20px auto;
		background-position: center center;
		background-repeat: no-repeat;

	}
	.kaartje_1
	{
		z-index: 1;
		transform: rotate(-1deg);
	}
	.kaartje_1:after
	{
		bottom: 540px;
	}
		
	.kaartje_2
	{
		z-index: 2;
		margin-top: -590px;
		transform: rotate(2deg);
	}
	.kaartje_2:after
	{
		bottom: 520px;
	}
	.kaartje_3
	{
		z-index: 3;
		margin-top: -570px;
		transform: rotate(-2deg);
	}
	.kaartje_3:after
	{
		bottom: 520px;
	}
	


	.kaartje_4
	{
		z-index: 4;
		margin-top: -570px;
		transform: rotate(4deg);
	}
	.kaartje_4:after
	{
		display: none;
	}

	.kaartje_5
	{
		z-index: 5;
		margin-top: 200px;
		transform: rotate(-3deg);
	}
	.kaartje_5:after
	{
		bottom: 520px;
	}
	.kaartje_6
	{
		z-index: 6;
		margin-top: -570px;
		transform: rotate(2deg);
	}
	.kaartje_6:after
	{
		bottom: 520px;
	}


	.kaartje_7
	{
		z-index: 7;
		margin-top: -570px;
		transform: rotate(-1deg);
	}
	.kaartje_7:after
	{
		display: none;
	}




	.image__profiel
	{
		width: calc(100% - 695px);
		float: left;
		position: relative;
		text-align: center;
	}
	 .text__profiel
	{
		width: 695px;
		float: left;
		position: relative;
		text-align: center;
	}
	
	section.zorg__in__bloei .center .image img
	{
		max-width :100%;
		width: auto;
		height: auto;
	}

	section.section__profiel .kop2
	{
		margin-bottom: 1em;
	}

	section.quote
	{
		width: 100%;
		background-color: rgb(247,250,248);
		padding: 180px 0px 180px 0px;
	}
	section.quote .center
	{
		max-width: 960px;
		text-align: center;
	}
	section.quote .center p
	{
		font-size: 41px;
		color: rgb(81,161,73);
		font-family: 'woodford_bourne_prolight';
		margin: 0;
	}
	section.quote .center p.author
	{
		font-size: 14px;
		color: rgb(81,161,73);
		font-family: 'woodford_bourne_prosemibold';
		text-transform: uppercase;
		margin: 1em 0 0 0;
	}
	section.quote .quoteIcon
	{
		position: absolute;
		top: -210px;
		left: -45px;
	}
	.contact__footer
	{
		width: 100%;
		position: relative;
		padding: 105px 0px;
	}
	footer
	{
		background-color: rgb(81,161,73);
		width: 100%;
		position: relative;
		padding: 105px 0px;
	}
	footer .center, .contact__footer .center
	{
		max-width: 930px;
		text-align: center;
	}
	footer .frames, .contact__footer .frames
	{
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	footer .frames .item, .contact__footer .item
	{
		width: 360px;
		border-right: 1px solid rgb(255,255,255);
		text-align: center;
	}
	.contact__footer .item
	{
		border-right: 1px solid rgb(81,161,73);
	}

	footer .frames .item p, .contact__footer .item p
	{
		font-size: 17px;
		margin-top: 35px;
		color: rgb(255,255,255);
		font-family: 'woodford_bourne_prolight';
	}
	.contact__footer .item p
	{
		color: rgb(81,161,73);
	}
	footer .frames .item:last-child, .contact__footer .item:last-child
	{
		border-right: 0px;
	}
	footer .frames .item span, .contact__footer .item span
	{
		color: rgb(255,255,255);
		font-size: 25px;
	}
	.contact__footer .item span
	{
		color: rgb(81,161,73);
	}
	section.endline
	{
		width: 100%;
		background-color: rgb(247,250,248);
		padding: 0px;
		text-align: center;
	}
	section.endline p
	{
		line-height: 60px;
		text-align: center;
		color:  rgb(81,161,73);
		font-family: 'woodford_bourne_prolight';
		font-size: 13px;
	}
	section.endline p a
	{
		color:  rgb(81,161,73);
		text-decoration: none;
	}
	section.page__end
	{
		width: 100%;
		padding: 65px 0px;
		text-align: center;
	}
	section.page__end .center
	{
		max-width: 930px;
		text-align: center;
	}
	section.section__logoslider
	{
		padding: 65px 0px;
		background-color: rgb(83,162,65);
	}
	section.section__logoslider img
	{
		margin: 0px 20px;
	}
	
}
@media screen and (max-width: 976px)
{
	body
	{
		font-size: 17px;
	}
	h1, .kop1
	{
		font-size: 44px !important;
	}
	h2, .kop2
	{
		
		font-size: 34px !important;
	}
	h3, .kop3
	{
		font-size: 20px !important;
	}

	.frame__topLine .center
	{
		max-width: 740px;
	}
	nav .logo
	{
		padding: calc((70px / 2) - (22px / 2))  10px 0px calc(50% - (740px / 2) + 45px);
	}
	
	nav ul
	{
		
		max-width: calc(740px - 133px - 10px);
		
	}
	

	header.home__header
	{
		width: 100%;
	}
	header.home__header img.img__header
	{
		margin-left: -75%;
		width: 250%;
		height: auto;
		z-index: 1;
	}
	
	
	header.home__header .image__guus
	{
		z-index: 10;
		position: absolute;
		right: 0px;
		height: 330px;
		bottom: -86px;
		pointer-events: none;
	}
	header.home__header .header__title 
	{
	
	    top: 95px;
	  
	}
	header.home__header .bar .center
	{
		max-width: 650px;
	}
	
	article.home__intro
	{
		padding: 115px 0px 115px 0px;
	}
	article.home__intro .center
	{
		max-width: 635px;
	}
	article.home__intro .kop1
	{
		margin-bottom: 1em;
	}

	section.home__opdrachten .kop3 {
	    margin-left: 45px;
	}
	section.home__opdrachten .center
	{
		max-width: 740px;
	}

	section.home__opdrachten .opdrachten__holder .frame
	{
		position: relative;
		width: 240px;
		height: 247px;
	}
	
	section.home__opdrachten .opdrachten__holder .frame .titlebar
	{
		height: 61px;
	
	}
	section.home__opdrachten .opdrachten__holder .frame .icon
	{

		font-size: 75px;
		height: 75px;
		padding-top: calc((50% - (61px / 2)) - (75px / 2));

	}
	section.home__opdrachten .opdrachten__holder .frame .titlebar p
	{
		line-height: 61px;
	
		font-size: 15px;
	}
	section.home__opdrachten .opdrachten__holder.opdrachten__onder p
	{
		font-size: 14px;
	}
	section.home__opdrachten .opdrachten__holder .frame img
	{
		width: 240px;
	}
	section.home__opdrachten .opdrachten__holder .frame:hover img
	{
		margin: -18px -18px;
		width: 276px;
		height: 276px;
		
		transition: all 0.3s linear;
	}
	section.zorg__in__bloei
	{
		padding: 75px 0px;
		width: 100%;
		position: relative;
	}
	section.zorg__in__bloei .center
	{
		max-width: 650px;
	}
	section.zorg__in__bloei .center .text
	{
		width: 365px;
	
	}
	section.zorg__in__bloei .center .image
	{
		width: calc(100% - 365px);
		
	}
	

	section.section__profiel
	{
		margin-top: -110px;
		z-index: 1;
		padding: 75px 0px;
		width: 100%;
		background-color: rgb(247,250,248);
		position: relative;
	}
	section.section__profiel .center
	{
		max-width: 650px;
	}
	.image__profiel.mannen
	{
		width: calc(100% - 465px);
	}
	.text__profiel.mannen
	{
		width: 465px;

	}
	section.contact
	{
		padding: 80px 0px 80px 0px;
		width: 100%;
		background-color: rgb(114,194,107);
		position: relative;
		overflow: hidden;
	}
	section.contact .center
	{
		max-width: 650px;
		text-align: center;
	}
	section.contact .txtAlignRight
	{
		margin-top: 5px;
		float: right !important;
	}

	section.portfolio
	{
		padding: 80px 0px 0px 0px;
		width: 100%;
		background-color: rgb(114,194,107);
		background-image:url('../images/bgDirtGreen.png');
		background-position: 500px center;
		background-repeat: no-repeat;
		position: relative;
		min-height: 1290px;
		overflow: hidden;
	}
	section.portfolio .center
	{
		max-width: 650px;
		text-align: center;
	}
	section.portfolio .selectBox
	{
		text-align: left;
	}
	section.portfolio .portfolio__item
	{
		background-image: url('../images/bgReference.png');
		background-repeat: no-repeat;
		height: 178px;
		width: 650px;
		background-size: 100%;
		margin: 60px 0px 60px 0px;
	}
	
	
	
	.portfolio__item .icon
	{
		position: relative;
		float: left;
		height: 100%;
		width: 140px;
		color: rgb(255,255,255);
		display: flex;
		align-items: center;
		justify-content: center;
	}	
	.portfolio__item .icon span
	{
		font-size: 60px;
		display: inline-block;
	}
	.portfolio__item .text
	{	
		text-align: left;
		float: left;
		position: relative;
		width: 315px;
		margin: 20px 0px 0px  25px;
		
	}
	.portfolio__image
	{
		width: 105px;
		height: 100%;
		background-repeat: no-repeat;
		float: right;
		background-position: center center;
		margin-right: 60px;

	}
	.portfolio__item .title
	{
		font-family: 'woodford_bourne_prolight';
		font-size: 21px;
		color: rgb(81,161,73);

	}
	.portfolio__item .titlebar
	{
		font-family: 'woodford_bourne_promedium';
		font-size: 11px;
		text-transform: uppercase;
		color: rgb(255,255,255);
		margin: 10px 10px;
		word-break: break-all;
	}
	section.werkwijze
	{
		padding: 80px 0px 0px 0px;
		width: 100%;
		background-image:url('../images/bgFlowers.jpg');
		background-position: top center;
		position: relative;
		height: 2160px;
		background-size: cover;
		overflow: hidden;
	}
	section.werkwijze .center
	{
		max-width: 740px;
		text-align: center;
	}
	section.werkwijze .holder
	{
		margin-top: 0px;
		width: 100%;
		float: left;
		position: relative;
		height: 100%;
	}
	section.werkwijze .holder.nxt
	{
		margin-top: -60px;
	}
	.tuinkaartje
	{


		margin-left: calc(50% - (440px /2));
		margin-right: auto;

		
		position: relative;
		float: left;

		width: 440px;
		height: 865px;

		background-position: top center;
		background-repeat: no-repeat;
		text-align: center;
		background-size: 100%;


	}
	.tuinkaartje .title p
	{
		font-size: 14px;
	}
	.tuinkaartje .title
	{
		font-family: 'woodford_bourne_prolight';
		font-size: 33px;
		color: rgb(81,161,73);
	}

	.tuinkaartje:after
	{
		position: absolute;
		content:' ';
		left: calc(50% - 25px);
		height: 20px;
		bottom: 140px;
		width: 50px;
		-webkit-box-shadow: 0 -20px 20px 0 rgba(0,0,0,0.5);
		box-shadow: 0 -20px 20px 0 rgba(0,0,0,0.5);
	}
	.tuinkaartje .icon
	{
		border-radius: 100%;
		-webkit-border-radius: 100%;
		background-color: rgb(255,255,255);
		width: 70px;
		height: 70px;
		position: relative;
		margin: 30px auto 20px auto;
		background-position: center center;
		background-repeat: no-repeat;

	}

	.kaartje_1
	{
		z-index: 1;
		transform: rotate(-1deg);
	}
	.kaartje_1:after
	{
		bottom: 540px;
	}
		
	.kaartje_2
	{
		z-index: 2;
		margin-top: -590px;
		transform: rotate(2deg);
	}
	.kaartje_2:after
	{
		bottom: 520px;
	}
	.kaartje_3
	{
		z-index: 3;
		margin-top: -570px;
		transform: rotate(-2deg);
	}
	.kaartje_3:after
	{
		bottom: 520px;
	}
	


	.kaartje_4
	{
		z-index: 4;
		margin-top: -570px;
		transform: rotate(4deg);
	}
	.kaartje_4:after
	{
		display: block;
		bottom: 520px;
	}

	.kaartje_5
	{
		z-index: 5;
		margin-top: -510px;
		transform: rotate(-3deg);
	}
	.kaartje_5:after
	{
		bottom: 520px;
	}
	.kaartje_6
	{
		z-index: 6;
		margin-top: -570px;
		transform: rotate(2deg);
	}
	.kaartje_6:after
	{
		bottom: 520px;
	}


	.kaartje_7
	{
		z-index: 7;
		margin-top: -570px;
		transform: rotate(-1deg);
	}
	.kaartje_7:after
	{
		display: none;
	}




	.image__profiel
	{
		width: calc(100% - 465px);
		float: left;
		position: relative;
		text-align: center;
	}
	 .text__profiel
	{
		width: 465px;
		float: left;
		position: relative;
		text-align: center;
	}
	
	section.zorg__in__bloei .center .image img
	{
		max-width :100%;
		width: auto;
		height: auto;
	}

	section.section__profiel .kop2
	{
		margin-bottom: 1em;
	}

	section.quote
	{
		width: 100%;
		background-color: rgb(247,250,248);
		padding: 90px 0px 90px 0px;
	}
	section.quote .center
	{
		max-width: 740px;
		text-align: center;
	}
	section.quote .center p
	{
		font-size: 34px;
		color: rgb(81,161,73);
		font-family: 'woodford_bourne_prolight';
		margin: 0;
	}
	section.quote .center p.author
	{
		font-size: 14px;
		color: rgb(81,161,73);
		font-family: 'woodford_bourne_prosemibold';
		text-transform: uppercase;
		margin: 1em 0 0 0;
	}
	section.quote .quoteIcon
	{
		position: absolute;
		top: -130px;
		left: -45px;
	}
	.contact__footer
	{
		width: 100%;
		position: relative;
		padding: 95px 0px;
	}
	footer
	{
		background-color: rgb(81,161,73);
		width: 100%;
		position: relative;
		padding: 95px 0px;
	}
	footer .center, .contact__footer .center
	{
		max-width: 740px;
		text-align: center;
	}
	footer .frames, .contact__footer .frames
	{
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	footer .frames .item, .contact__footer .item
	{
		width: 360px;
		border-right: 1px solid rgb(255,255,255);
		text-align: center;
	}
	.contact__footer .item
	{
		border-right: 1px solid rgb(81,161,73);
	}

	footer .frames .item p, .contact__footer .item p
	{
		font-size: 17px;
		margin-top: 35px;
		color: rgb(255,255,255);
		font-family: 'woodford_bourne_prolight';
	}
	.contact__footer .item p
	{
		color: rgb(81,161,73);
	}
	footer .frames .item:last-child, .contact__footer .item:last-child
	{
		border-right: 0px;
	}
	footer .frames .item span, .contact__footer .item span
	{
		color: rgb(255,255,255);
		font-size: 25px;
	}
	.contact__footer .item span
	{
		color: rgb(81,161,73);
	}
	section.endline
	{
		width: 100%;
		background-color: rgb(247,250,248);
		padding: 0px;
		text-align: center;
	}
	section.endline p
	{
		line-height: 60px;
		text-align: center;
		color:  rgb(81,161,73);
		font-family: 'woodford_bourne_prolight';
		font-size: 13px;
	}
	section.endline p a
	{
		color:  rgb(81,161,73);
		text-decoration: none;
	}
	section.page__end
	{
		width: 100%;
		padding: 65px 0px;
		text-align: center;
	}
	section.page__end .center
	{
		max-width: 740px;
		text-align: center;
	}
	section.section__logoslider
	{
		padding: 65px 0px;
		background-color: rgb(83,162,65);
	}
	section.section__logoslider img
	{
		margin: 0px 20px;
	}
	
}
@media screen and (max-width: 767px)
{
	body
	{
		font-size: 17px;
	}
	h1, .kop1
	{
		font-size: 32px !important;
	}
	h2, .kop2
	{
		
		font-size: 24px !important;
	}
	h3, .kop3
	{
		font-size: 20px !important;
	}
	.frame__topLine
	{
		display: none;
	}
	.frame__topLine .center
	{
		display: none;
	}
	nav .logo
	{
		padding: calc((70px / 2) - (22px / 2))  10px 0px 25px;
	}
	
	nav ul
	{
		display: none;	
		max-width: 100%;
		
	}
	.hamburger__active nav ul
	{
		display: block;
		width: 100%;
		position: absolute;
		left: 0px;
		top: 70px;
		z-index: 999;

	}
	nav ul li:first-child a {
		padding-left: 20px;
	}
	nav ul li:first-child a:before {
		padding-left: 0px;
	}
	nav ul li
	{
		position: relative;
		height: auto;
		display: inline-block;
		list-style: none;
		width: 100%;
		background-color: rgb(247,250,248);
		text-align: center;
		border-bottom: 1px solid rgb(255,255,255);

	}
	nav ul li.respBottom
	{
		display: block;
		width: 50%;
		float: left;
		border-right: 1px solid rgb(255,255,255);
	}
	nav ul li.last
	{
		width: calc(50% - 1px);
	}
	nav ul li.respBottom a
	{
		width: 100%;
		padding: 0px 0px;
		color: rgb(255,255,255);
		background-color: rgb(81, 161, 73);
	}
	nav ul li.last
	{
		border-right: 0px !important;
		
	}
	nav ul li a.active
	{
		height: 45px;
		line-height: 55px;
		padding-top: 15px;
	}
	nav ul li a {
		position: relative;
		line-height: 45px;
		display: inline-block;
		padding: 0px 20px;
		width: calc(100% - 40px);
		color: rgb(81, 161, 73);
		font-family: woodford_bourne_prosemibold;
		font-size: 14px;
		text-transform: uppercase;
		text-decoration: none;
	}
	nav ul li a::before {
		font-size: 20px;
	}
	nav ul li a:hover::before
	{
		opacity: 0;
	}

	header.home__header
	{
		width: 100%;
	}
	header.home__header img.img__header
	{
		margin-left: -150%;
		width: 300%;
		height: auto;
		z-index: 1;
	}
	header.home__header .header__title p
	{
		font-family: 'woodford_bourne_prothin';
		font-size: 24px;
		color: rgb(255,255,255);
	}
	header.home__header .header__title img {
	height: 45px;
	width: auto;
	}
	header.home__header .image__guus
	{
		z-index: 10;
		position: absolute;
		right: -60px;
		    height: 190px;
    bottom: -50px;
		pointer-events: none;
	}
	header.home__header .header__title
	{
		top: 30px;
	}
	header.home__header .bar .center
	{
		max-width: calc(100% - 50px);
	}
	
	article.home__intro
	{
		padding: 70px 0px 70px 0px;
	}
	article.home__intro .center
	{
		max-width: calc(100% - 50px);;
	}
	article.home__intro .kop1
	{
		margin-bottom: 1em;
	}

	section.home__opdrachten
	{
		padding: 70px 0px;
	}
	section.home__opdrachten .center
	{
		max-width: calc(100% - 50px);;
	}
	section.home__opdrachten .opdrachten__holder
	{
		flex-wrap: wrap;
	}
	section.home__opdrachten .opdrachten__holder .frame
	{
		position: relative;
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}
	
	
	section.home__opdrachten .opdrachten__holder .frame .titlebar
	{
		height: 61px;
	
	}
	section.home__opdrachten .opdrachten__holder .frame .icon
	{

		font-size: 70px;
		height: 70px;
		padding-top: calc((50% - (61px / 2)) - (70px / 2));

	}
	section.home__opdrachten .opdrachten__holder .frame .titlebar p
	{
		line-height: 61px;
	
		font-size: 15px;
	}
	section.home__opdrachten .opdrachten__holder.opdrachten__onder p
	{
		font-size: 14px;
		display: none;
	}
	section.home__opdrachten .opdrachten__holder .frame img
	{
		width: 100%;
		height: auto;
	}
	section.home__opdrachten .opdrachten__holder .frame:hover img
	{
		margin: 0;
		width: 100%;
		height: auto;
		
		transition: all 0.3s linear;
	}
	section.zorg__in__bloei
	{
		padding: 70px 0px;
		width: 100%;
		position: relative;
	}
	section.zorg__in__bloei .center
	{
		max-width: calc(100% - 50px);
		display: flex;
		flex-wrap: wrap;
	}
	section.zorg__in__bloei .center .text
	{
		order: 2;
		width: 100%;
	
	}
	section.zorg__in__bloei .center .image
	{
		order: 1;
		width: 100%
		
	}
	

	section.section__profiel
	{
		margin-top: 0px;
		z-index: 1;
		padding: 70px 0px;
		width: 100%;
		background-color: rgb(247,250,248);
		position: relative;
	}
	section.section__profiel .center
	{
		max-width: calc(100% - 50px);;
	}

	section.contact
	{
		padding: 80px 0px 80px 0px;
		width: 100%;
		background-color: rgb(114,194,107);
		position: relative;
		overflow: hidden;
	}
	section.contact .center
	{
		max-width: calc(100% - 50px);
		text-align: center;
	}
	section.contact .txtAlignRight
	{
		margin-top: 5px;
		float: right !important;
	}

	section.portfolio
	{
		padding: 80px 0px 0px 0px;
		width: 100%;
		background-color: rgb(114,194,107);
		background-image:url('../images/bgDirtGreen.png');
		background-position: 200px center;
		background-size: 100%;
		background-repeat: no-repeat;
		position: relative;
		min-height: 760px;
		overflow: hidden;
	}
	section.portfolio .center
	{
		max-width: calc(100% - 50px);;
		text-align: center;
	}
	section.portfolio .selectBox
	{
		text-align: left;
	}
	section.portfolio .portfolio__item
	{
		background-image: url('../images/bgReference.png');
		background-repeat: no-repeat;
		height: 88px;
		width: 320px;
		background-size: 100%;
		margin: 40px auto;
	}
	section.portfolio .portfolio__item:nth-child(1)
	{
		transform: rotate(-4deg);
	}
	section.portfolio .portfolio__item:nth-child(2)
	{
		transform: rotate(-1deg);
	}
	
	section.portfolio .portfolio__item:nth-child(3)
	{
		transform: rotate(1deg);
	}
	
	
	.portfolio__item .icon
	{
		position: relative;
		float: left;
		height: 100%;
		width: 70px;
		color: rgb(255,255,255);
		display: flex;
		align-items: center;
		justify-content: center;
	}	
	.portfolio__item .icon span
	{
		font-size: 30px;
		display: inline-block;
	}
	.portfolio__item .text
	{	
		text-align: left;
		float: left;
		position: relative;
		width: calc(100% - 85px - 20px - 70px - 25px);
		margin: 20px 0px 0px  25px;
		
	}
	.portfolio__item .text p
	{	
		font-size: 13px;
	}
	.portfolio__image
	{
		background-size: contain;
		width: 85px;
		height: 100%;
		background-repeat: no-repeat;
		float: right;
		background-position: center center;
		margin-right: 20px;

	}
	.portfolio__item .title
	{
		font-family: 'woodford_bourne_prolight';
		font-size: 16px;
		color: rgb(81,161,73);

	}
	.portfolio__item .titlebar
	{
		display: none;
	}
	section.werkwijze
	{
		padding: 80px 0px 0px 0px;
		width: 100%;
		background-image:url('../images/bgFlowers.jpg');
		background-position: top center;
		position: relative;
		height: 2270px;
		overflow: hidden;
	}
	section.werkwijze .center
	{
		max-width: calc(100% - 50px);;
		text-align: center;
	}
	section.werkwijze .holder
	{
		margin-top: 85px;
		width: 100%;
		float: left;
		position: relative;
		height: 100%;
	}
	section.werkwijze .holder.nxt
	{
		margin-top: -60px;
	}
	.tuinkaartje
	{

		margin-left: calc(50% - (440px /2));
		margin-right: auto;

		
		position: relative;
		float: left;

		width: 440px;
		height: 865px;

		background-position: top center;
		background-repeat: no-repeat;
		text-align: center;
		background-size: 100%;
	}
	.tuinkaartje .title p
	{
		font-size: 14px;
	}
	.tuinkaartje .title
	{
		font-family: 'woodford_bourne_prolight';
		font-size: 33px;
		color: rgb(81,161,73);
	}

	.tuinkaartje:after
	{
		position: absolute;
		content:' ';
		left: calc(50% - 25px);
		height: 20px;
		bottom: 140px;
		width: 50px;
		-webkit-box-shadow: 0 -20px 20px 0 rgba(0,0,0,0.5);
		box-shadow: 0 -20px 20px 0 rgba(0,0,0,0.5);
	}
	.tuinkaartje .icon
	{
		border-radius: 100%;
		-webkit-border-radius: 100%;
		background-color: rgb(255,255,255);
		width: 70px;
		height: 70px;
		position: relative;
		margin: 30px auto 20px auto;
		background-position: center center;
		background-repeat: no-repeat;

	}
	.kaartje_1
	{
		z-index: 1;
		transform: rotate(-1deg);
	}
	.kaartje_1:after
	{
		bottom: 540px;
	}
		
	.kaartje_2
	{
		z-index: 2;
		margin-top: -590px;
		transform: rotate(2deg);
	}
	.kaartje_2:after
	{
		bottom: 520px;
	}
	.kaartje_3
	{
		z-index: 3;
		margin-top: -570px;
		transform: rotate(-2deg);
	}
	.kaartje_3:after
	{
		bottom: 520px;
	}
	


	.kaartje_4
	{
		z-index: 4;
		margin-top: -570px;
		transform: rotate(4deg);
	}
	.kaartje_4:after
	{
		display: block;
		bottom: 520px;
	}

	.kaartje_5
	{
		z-index: 5;
		margin-top: -510px;
		transform: rotate(-3deg);
	}
	.kaartje_5:after
	{
		bottom: 520px;
	}
	.kaartje_6
	{
		z-index: 6;
		margin-top: -570px;
		transform: rotate(2deg);
	}
	.kaartje_6:after
	{
		bottom: 520px;
	}


	.kaartje_7
	{
		z-index: 7;
		margin-top: -570px;
		transform: rotate(-1deg);
	}
	.kaartje_7:after
	{
		display: none;
	}






	.image__profiel
	{
		display: none;
	}
	.image__profiel__mobiel
	{
		display: block;
		width: 70px;
		margin: 0px 10px 10px 0px;
		float: left;
	}
	.image__profiel.mannen
	{
		display: block;
		width: 100%;
		float: left;
		position: relative;
		text-align: center;
	}
	.image__profiel.mannen img
	{
		max-width: 150px;
		width: auto;
		height: auto;
	}
	.text__profiel
	{
		display: block;
		width: 100%;
		float: left;
		position: relative;
		text-align: left;
	}
	
	section.zorg__in__bloei .center .image img
	{
		max-width :100%;
		width: auto;
		height: auto;
	}

	section.section__profiel .kop2
	{
		margin-bottom: 1em;
	}

	section.quote
	{
		width: 100%;
		background-color: rgb(247,250,248);
		padding: 70px 0px 70px 0px;
	}
	section.quote .center
	{
		max-width: calc(100% - 50px);;
		text-align: center;
	}
	section.quote .center p
	{
		font-size: 34px;
		color: rgb(81,161,73);
		font-family: 'woodford_bourne_prolight';
		margin: 0;
	}
	section.quote .center p.author
	{
		font-size: 14px;
		color: rgb(81,161,73);
		font-family: 'woodford_bourne_prosemibold';
		text-transform: uppercase;
		margin: 1em 0 0 0;
	}
	section.quote .quoteIcon
	{
		position: absolute;
		top: -80px;
		left: 5px;
		width: 100px;
	}
	.contact__footer
	{
		width: 100%;
		position: relative;
		padding: 95px 0px;
	}
	footer
	{
		background-color: rgb(81,161,73);
		width: 100%;
		position: relative;
		padding: 95px 0px;
	}
	footer .header__title img {
		height: 45px;
		width: auto;
	}
	footer .center, .contact__footer .center
	{
		max-width: calc(100% - 50px);
		text-align: center;
	}
	footer .frames, .contact__footer .frames
	{
		float: left;
		width: 100%;
		display: block;

		justify-content: auto;
	}
	footer .frames .item, .contact__footer .item
	{
		clear: both;
		width: 175px;
		margin: 0 auto;
		position: relative;
		border-right: 0px;
		border-bottom: 1px solid rgb(255,255,255);
		text-align: center;
		padding: 20px 0px 20px 0px
	}
	footer .header__title {
		z-index: 8;
		width: 330px;
		position: relative;
		margin: 0 auto;
		text-align: center;
		height: 95px;
		margin-bottom: 55px;
	}
	footer .frames .item:last-child
	{
		border-bottom: 0px;
	}
	footer .header__title p {
		font-size: 24px;
	}
	.contact__footer .item
	{

		border-right: 0px;
		border-top: 1px solid rgb(81,161,73);
	}

	footer .frames .item p, .contact__footer .item p
	{
		font-size: 17px;
		margin-top: 10px;
		color: rgb(255,255,255);
		font-family: 'woodford_bourne_prolight';
	}
	.contact__footer .item p
	{
		color: rgb(81,161,73);
	}
	footer .frames .item:last-child, .contact__footer .item:last-child
	{
		border-right: 0px;
	}
	footer .frames .item span, .contact__footer .item span
	{
		color: rgb(255,255,255);
		font-size: 25px;
	}
	.contact__footer .item span
	{
		color: rgb(81,161,73);
	}
	section.endline
	{
		width: 100%;
		background-color: rgb(247,250,248);
		padding: 0px;
		text-align: center;
	}
	section.endline p
	{
		line-height: 60px;
		text-align: center;
		color:  rgb(81,161,73);
		font-family: 'woodford_bourne_prolight';
		font-size: 13px;
	}
	section.endline p a
	{
		color:  rgb(81,161,73);
		text-decoration: none;
	}
	section.page__end
	{
		width: 100%;
		padding: 65px 0px;
		text-align: center;
	}
	section.page__end .center
	{
		max-width: calc(100% - 50px);;
		text-align: center;
	}
	section.section__logoslider
	{
		padding: 65px 0px;
		background-color: rgb(83,162,65);
	}
	section.section__logoslider img
	{
		margin: 0px 20px;
	}

	label
	{
		width: 100%;
		line-height: 20px;
		margin-bottom: 0px;
	}
	input, textarea
	{
		
		width: calc(100%  - 40px);
		margin-bottom: 10px;
	}
	textarea
	{
		line-height: 25px;
		height: 140px;
		padding: 20px;
	}


	.hamburger {

		padding: 18px 10px;
		display: inline-block !important;
		cursor: pointer;
		transition-property: opacity, filter;
		transition-duration: 0.15s;
		transition-timing-function: linear;
		font: inherit;
		color: inherit;
		text-transform: none;
		background-color: transparent;
		border: 0;
		margin: 0;
		overflow: visible; 
		float: right;
		margin-top: 4px;
	}
	.hamburger:hover {
		opacity: 0.7; 
	}

	.hamburger-box {
		width: 30px;
		height: 24px;
		display: inline-block;
		position: relative; 
	}

	.hamburger-inner 
	{
		display: block;
		top: 50%;
		margin-top: -2px; 
	}
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after 
	{
		width: 30px;
		height: 2px;
		background-color: rgb(81,161,73);
		border-radius: 2px;
		position: absolute;
		transition-property: transform;
		transition-duration: 0.15s;
		transition-timing-function: ease; 
	}
	.hamburger-inner::before, .hamburger-inner::after 
	{
		content: "";
		display: block; 
	}
	.hamburger-inner::before 
	{
		top: -10px; 
	}
	.hamburger-inner::after 
	{
		bottom: -10px;
	 }

	.hamburger--collapse .hamburger-inner {
	  top: auto;
	  bottom: 0;
	  transition-duration: 0.13s;
	  transition-delay: 0.13s;
	  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
	  .hamburger--collapse .hamburger-inner::after {
	    top: -20px;
	    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
	  .hamburger--collapse .hamburger-inner::before {
	    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

	.hamburger--collapse.is-active .hamburger-inner {
	  transform: translate3d(0, -10px, 0) rotate(-45deg);
	  transition-delay: 0.22s;
	  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
	  .hamburger--collapse.is-active .hamburger-inner::after {
	    top: 0;
	    opacity: 0;
	    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
	  .hamburger--collapse.is-active .hamburger-inner::before {
	    top: 0;
	    transform: rotate(-90deg);
	    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }


	
}