/*
Theme Name: clean template
Theme URI: https://mediamindz.nl
Author: MediaMindz
Author URI: https://mediamindz.nl
Description: Maatwerk design en template
Version: 2.0
Text Domain: mediamindz.nl
*/

@import url("https://use.typekit.net/qld3trb.css");


*, body {
	margin: 0px;
	font-family: refrigerator-deluxe, sans-serif;

	font-style: normal;
	font-weight: 400;
	letter-spacing: 2px;
}
.video_section {
	width: 100%;
	float: left;
}
video {
	width: 44%;
	margin: 5%;
	margin-right: 1%;
	float: left;
}
.video_message {
	width: 44%;
	max-width: 600px;
	text-align: left;
	margin: 5%;
	margin-right: 1%;
	float: left;
}
#page-content {
	margin-top: 100px;
	width: 80%;
	padding-left: 10%;
	padding-right: 10%;
	padding-bottom: 50px;
}
#page-content li {
font-family: museo-sans, sans-serif !important;
font-style: normal;
font-weight: 300;
line-height: 22px;
font-size: 15px;
}
#page-content p,
.dienst-item-content p,
#teamlid-omschrijving { 	
font-family: museo-sans, sans-serif !important;
font-style: normal;
font-weight: 300;
line-height: 22px;
color: #000;
letter-spacing: 0px;
}
.dienst-item-content p {
	width: 80%;
	padding-left: 10%;
	padding-right: 10%;
	font-size: initial;
	font-size: 14px;
	line-height: 18px;
}
.dienst-item-content ul {
	margin-top: 15px;
	width: 80%;
	margin-left: 10%;
}
.dienst-item-content li {
	font-weight: 200;
	font-size: 13px;
	line-height: 18px;
	text-align: left;
	color: #000;
letter-spacing: 1px;
font-family: museo-sans, sans-serif !important;
}
.dienst-item-content span {
	color: rgba(244, 148, 15, 1.0);
	font-size: 24px;
}

.dienst-item-content span a {
	color: rgba(244, 148, 15, 1.0);
	text-decoration: none;
	font-size: 20px;

}
.dienst-item-content span a:after {
	content: " >";
}

.tos-caption {
	display: none;
}

strong {
	font-weight: bold;
}

p {
	padding-top: 15px;
}

/*******************************
**********  HEADER   ***********
********************************/

#header {
	position: absolute;
	height: 200px;
	width: 100%;
}

#header img {
	height: 100%;
	width: auto;
	position: absolute;
	z-index: 2;
	left: 50px;
}

#logo {
	position: absolute;
	height: 200px;
}


/*******************************
**********   MENU    ***********
********************************/
#menu {
	xwidth: 50%;
	height: 300px;
	float: left;
	right: 0px;
	position: absolute;
	z-index: 2;
}
#menu a {
}
#menu i {
	color: rgba(244, 148, 15, 1.0);
	xbackground: rgba(255,255,255,1.0);
	background: #f2f2f2;
	position: absolute;
	right: 0px;
	top: 0px;
	font-size: 30px;
	width: 100px;
	height: 65px;
	text-align: center;
	padding-top: 35px;
}
#menu-content {
	display: none;
	width: 100% !important;
	height: 300px;
	background: rgba(242, 242, 242, 1);
	z-index: 4;
}

#menu-wrapper {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	height: 100%;
}

#menu-content ul {
	width: 15%;
	float: left;
	height: 260px;
	margin: 0px;
	margin-top: 20px;
	padding-left:2%;
	padding-right:2%;
}

#menu-content ul h2 {
	color: rgba(244, 148, 15, 1.0);
	padding-bottom: 20px;
}

#menu-content ul a {
	text-decoration: none;
	color: #000;
	line-height: 35px;
	float: left;
	width: 100%;
}

#menu-content ul a:hover {
	color: rgba(244, 148, 15, 1.0);
}

#menu-content ul {
	border-left: 1px solid #ededed;
}
#menu-content ul:nth-child(1) {
	border-left: 0px solid #fff;
}

.remove { display: none; }


/*******************************
*********** PAY-OFF ************
********************************/

#pay-off {
	width: 100%;
	height: 200px;
	xcolor: rgba(244, 148, 15, 1.0);
	color: #fff;
	z-index: 2;
	xbackground: rgba(233, 233, 233, 0.9);
	background: #c6c6c6;
	float: left;
}

#pay-off p {
	margin-left: 225px;
	font-size: 40px;
	position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*******************************
*********** BANNER *************
********************************/

div#banner {
	height: 600px;
	width: 100%;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center center !important;
	position: relative;
}

div#banner-single {
	height: 200px;
	width: 100%;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center center !important;
	position: relative;
}

#banner ul,
#banner li {
	margin: 0px;
	padding: 0px;
}

#banner li {
	list-style: none;
	width: 90%;
	float: left;
	padding: 5%;
	padding-bottom: 0px;
	padding-top: 0px;
	height: 150px;
}
#banner .blok-content {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
#banner a {
	text-decoration: none;
	color: #fff;
}
#banner li h1 {
	font-size: 35px;

}
#banner li span {
	width: 100%;
	font-size: 15px;
}

ul.blokken-links {
	width: 50%;
	bottom: 0px;
	position: absolute;
	left: 0px;
}
ul.blokken-rechts {
	width: 50%;
	bottom: 0px;
	position: absolute;
	right: 0px;
	color: rgba(255,255,255,1.0);
}
ul.blokken-links li {
	background: rgba(233,233,233,0.9);
	color: rgba(244,148,15,1.0);
}

ul.blokken-rechts li {
	background: rgba(244,148,15,0.8);
}
ul.blokken-rechts a:nth-child(odd) li {
	background: rgba(244,148,15,0.9);
}
ul.blokken-rechts a li:hover {
	background: rgba(244,148,15,1.0);
}
ul.blokken-links li:hover {
	background: rgba(233,233,233,1.0);
}


/*******************************
********** SUBMENU ***********
********************************/

#inpage_submenu {
	width: 100%;
	float: left;
	margin-top: 50px;
}


li.subitem {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 25%;
	float: left;
	padding-top: 25%;
	position: relative;	

}




#inpage_submenu .overlay {
	position: absolute;
	width: 100%; height: 100%; bottom: 0px; top: 0px; right: 0px;
	background: rgba(255,255,255,0.8);	
	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;

}

#inpage_submenu span {
	position: absolute;
	text-align: center;

    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	border: 2px solid rgba(244, 148, 15, 1.0);
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 25px;	
	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;

}

#inpage_submenu a:hover .overlay {
		background: rgba(255,255,255,0.3);
}
#inpage_submenu a:hover span {
		background: rgba(255,255,255,0.9);
}

#inpage_submenu a {
	color: rgba(244, 148, 15, 1.0);
}

/*******************************
********** PROJECTEN ***********
********************************/

#recente-projecten {
	width: 100%;
	float: left;
	margin-top: 100px;
}
#project {
	width: 100%;
	height: 225px;
	float: left;
	position: relative;
	background: #f2f2f2;
}
#project a,
#recent-project-content a {
	text-decoration: none;
}
#recent-project-titel {
	float: left;
	width: 50%;
	height: 100%;
}
#recent-project-titel h3 {
	position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	font-size: 40px;
	color: #000;
	text-transform: uppercase;
	text-align: center;
	width: 50%;
}

#recent-project-titel span {
	top: 60%;
	font-size: 15px;
}
#recent-project-content h3 {
	font-size: 40px;
	color: rgba(244, 148, 15, 1.0);
	text-align: center;
	margin-top: 55px;
}
#recent-project-content span,
#recent-project-titel h3 span {
	width: 100%;
	font-size: 15px;
	text-align: center;
	float: left;
	padding-bottom: 50px;
}
#recent-project-content .knop {
	background: rgba(244, 148, 15, 1.0);
	color: #fff;
	position: absolute;
	bottom: 50px;
display: block;
	padding: 15px;
	width: 200px;
	text-align: center;
	margin: 0 auto;
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto;
}
#recent-project-afbeelding {
	width: 50%;
	float: right;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	
}
#recent-project-content {
	position: absolute;
	color: #666;
	left: 0px;
	top: 0px;
	bottom: 0px;
	height: 100%;
	width: 40%;
	padding-left: 5%;
	padding-right: 5%;
	background: #f2f2f2;
	z-index: 4;
	xtext-align: justify;
	text-align: left;
}
#recent-project-content p {
font-family: museo-sans, sans-serif;
font-style: normal;
font-weight: 300;
font-size: 14px;
	line-height: 22px;
	color: #666;
	letter-spacing: 0px;
}

#project-overlay {
	position: relative;
	height: 675px;
}

/*******************************
*********** AANBOD *************
********************************/

#recent-aanbod,
#voordelen {
	width: 100%;
	float: left;
	margin-top: 100px;
}
#recent-aanbod h2,
#voordelen h2,
#onze-werkwijze h2,
#onze-visie h2,
#onze-diensten h2,
#aanbod-overzicht h2,
#recente-projecten h2,
#page-content h2,
#teamleden-page h2,
#veelgestelde-vragen h2 {
	text-align: center;
	color: #000;
	font-size: 40px;
	padding-bottom: 25px;
    -webkit-transform: scaleY(1.2);
    transform: scaleY(1.2);
}
#aanbod-overzicht h3 {
	text-align: center;
	color: rgba(244, 148, 15, 1.0);
	font-size: 30px;
	padding-bottom: 25px;
}

#recent-aanbod h2 {
	margin-bottom: 25px;
}
#recent-aanbod-item {
	xwidth: 50%;
	float: left;
	height: 225px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	text-align: center;
	position: relative;
}

.afbeelding i {
	position: absolute;
	color: rgba(244, 148, 15, 1.0);
	bottom: 15px;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}

#recent-aanbod-item section {
	width: 80%;
	height: 70px;
	padding: 10%;
	background: rgba(255,255,255,0.8);
   	top: 50%;
	padding-top: 10px;
	padding-bottom: 10px;
	position: absolute;
	left: 0px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	color: rgba(244, 148, 15, 1.0);
	display: none;
	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;

}
#recent-aanbod-item:hover section {
	display: block;	
}

.single_titel {
	font-size: 20px;
	width: 100%;
	float: left;
	margin-bottom: -25px;
	margin-top: 15px;
}
.single_titel h2 {
	color: rgba(244, 148, 15, 1.0) !important;
	font-size: 25px !important;

}
#recent-aanbod-item .single_titel {
	margin-bottom: -25px;
}
.single_type {
	width: 100%;
	float: left;
	text-align: center;
}
.single_type a {
	text-decoration: none;
	color: rgba(244, 148, 15, 1.0);
}
.single_type li {
	list-style: none;
	font-size: 15px;
display: inline-block;
}
.single_type li {
	border-right: 1px solid rgba(244, 148, 15, 1.0);
	margin: 5px;
	padding-right: 5px;
}
.single_type li:nth-last-child(1) {
	border-right: 0px solid rgba(244, 148, 15, 1.0);
}

#maps {	
	position: relative;
float: left;
width: calc(50% - 2px);
height: 225px;
overflow: hidden;
border: 2px solid #fff;
}

/*******************************
********** VOORDELEN ***********
********************************/
#voordelen {
width: 90%;
	margin-left: 5%;
float: left;
margin-top: 100px;
}
#voordelen .voordeel {
	xwidth: 19%;
	width: 44%;
	margin: 3%;
	float: left;
	xtext-align: justify;
	text-align: left;
	position: relative;
	xmargin-top: 50px;
	margin-top: 30px;
}

.voordeel h3 {
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 15px;
	width: 100%;
	height: 100px;
	float: left;
	text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
	z-index: 1;
	position: relative;
	border-bottom: 3px solid rgba(244, 148, 15, 1.0);
	
	color: rgba(244, 148, 15, 1.0) !important;
	
}

.voordeel p {
	font-family: verdana;
	z-index: 1;
	position: relative;
	font-family: museo-sans, sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 22px;
	color: #000;
	letter-spacing: 0px;
}

/*******************************
******** ONZE WERKWIJZE ********
********************************/

#onze-werkwijze,
#onze-visie {
	width: 90%;
	margin-left: 5%;
	float: left;
	margin-top: 100px;
}
#onze-werkwijze a,
#onze-visie a {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 15px;
	text-decoration: none;
	color: rgba(244,148,15,1.0);
}

span.werkwijze-payoff,
span.werkwijze-omschrijving {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	text-align: center;
	float: left;
}

span.werkwijze-payoff {
	font-size: 23px;
	color: rgba(244,148,15,1.0);
}

#onze-werkwijze .werkwijze {
	xwidth: 19%;
	width: 44%;
	margin: 3%;
	float: left;
	xtext-align: justify;
	text-align: left;
	position: relative;
	xmargin-top: 50px;
	margin-top: 30px;
}

.werkwijze h3 {
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 15px;
	width: 100%;
	height: 100px;
	float: left;
	text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
	z-index: 1;
	position: relative;
	border-bottom: 3px solid rgba(244, 148, 15, 1.0);
}

.werkwijze p {
	font-family: verdana;
	z-index: 1;
	position: relative;
	font-family: museo-sans, sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 22px;
	color: #000;
	letter-spacing: 0px;
}

/*******************************
************ Nieuws ************
********************************/
#nieuws_item h1 { 
border-bottom: 3px solid rgba(244, 148, 15, 1.0);
}

#nieuws_item a { 
color: rgba(244, 148, 15, 1.0);
	text-decoration: none;
}

#nieuws_item p {
font-family: museo-sans, sans-serif;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 22px;
color: #000;
	padding-top: 0px;
	padding-bottom: 15px;
}
.single_nieuws {
	margin-top: 50px;
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
	max-width: 1000px;
	margin: 0 auto;
}
.single_nieuws p {
font-family: museo-sans, sans-serif;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 22px;
color: #000;
	padding-top: 0px;
	padding-bottom: 15px;
}

#pagination {
	width: 100%;
	float: left;
	margin-top: 25px;
}

#pagination a {
color: rgba(244, 148, 15, 1.0);
	text-decoration: none;
	font-size: 25px;
}

#pagination span.prev {
	float: left;
}
#pagination span.next {
	float: right;
}


/*******************************
***** Veelgestelde vragen ******
********************************/
#veelgestelde-vragen {
	margin-top: 50px;
}

#veelgestelde-vragen-wrapper {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

#faq-item {
	width: 94%;
	padding: 3%;
padding-top: 0%;
	padding-bottom: 0%;
	line-height: 50px;
	background: #f2f2f2;
	color: rgba(244, 148, 15, 1.0);
	font-size: 24px;
	
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(224,224,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

#veelgestelde-vragen .slide {
	width: 94%;
	height: auto;
	padding: 3%;
}

#veelgestelde-vragen p {
font-weight: light;
font-family: museo-sans, sans-serif;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 22px;
	
color: #000;

}

#veelgestelde-vragen strong {
xxxfont-family: museo-sans, sans-serif;
color: #000;
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 30px;
}

#faq-item i {
	font-size: 20px;
	float: right;
	line-height: 50px;
}


/*******************************
***** aanbod overzicht    ******
********************************/

#aanbod-overzicht {
	margin-top: 50px;
}


#regio-select {
	width: 100%;
	margin-top: 25px;
}
.regio-content {
margin: 0 auto;
	display: block;
	padding: 25px;
width: 250px;	
	border: 1px solid rgba(244, 148, 15, 1.0);

}
.regio-content a {
	display: block;
	line-height: 30px;
}
.regio-content a:hover {
	color: #666 !important;
}
.select {
margin: 10px;
width: 180px;
color: rgba(244, 148, 15, 1.0);
line-height: 30px;
	padding: 10px;
}

.regio-content {
	display: none;
}


#aanbod-categories {
margin-bottom: 25px;	
	padding-bottom: 50px;
	text-align: center;

}
#aanbod-categories a {
	text-decoration: none;
	color: rgba(244,148,15,1.0);
}
#aanbod-categories li {
	list-style: none;
	display: inline-block;
	margin: 10px;
	width: 180px;
	color: rgba(244,148,15,1.0);
	border: 1px solid rgba(244,148,15,1.0);
	line-height: 30px;
}

#aanbod-categories li:hover,
#aanbod-categories li:hover a,
#aanbod-categories .current-cat,
#aanbod-categories .current-cat a {
	color: #fff;
	background: rgba(244,148,15,1.0);
}

#aanbod-overzicht a:nth-of-type(odd) #recent-aanbod-item  {
	width: 50%;
	margin-right: 50%;
}
#aanbod-overzicht a:nth-of-type(even) #recent-aanbod-item  {
	position: absolute;
	left: 50%;
}

.aanbod-content-left {
	width: 40%;
	float: left;
	padding: 5%;
	padding-top: 0%;
}
.aanbod-content-right {
	width: 50%;
	float: right;
	padding-bottom: 5%;
	position: relative;
}
h1.titel {
	color: rgba(244, 148, 15, 1.0);
	width: 90%;
	padding-left: 5%;
	margin-top: 25px;
	margin-bottom: 25px;
	text-transform: uppercase;
	font-size: 30px;
}
.close {
	color: rgba(244, 148, 15, 1.0);
	position: absolute;
	right: 5%;
	top: 25px;
	text-transform: uppercase;
font-weight: 400;
	font-size: 25px;
}
.close a:hover {
	color: #666;
}
.tags {
	width: 50%;
	float: left;
	line-height: 60px;
}
.tags li {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 26px;
}
.tags a.knop {
	margin-top: 50px;
	line-height: 40px;
	text-decoration: none;
	background: rgba(244, 148, 15, 1.0);
text-align: center;
	color: #fff;

display: block;
width: 70%;
	margin-left: 10%;
}
.omschrijving h3 {
	font-weight: bold;
	font-size: 26px;
	line-height: 60px;
	padding-bottom: 25px;
}
.omschrijving li {
	
	text-align: left;
font-family: museo-sans, sans-serif;
font-style: normal;
font-weight: 300;
font-size: 12px;
line-height: 18px;
color: #000;
	padding-top: 0px;
	padding-bottom: 5px;
}
.omschrijving_projecten_archive p {

	xtext-align: justify;
	text-align: left;
	font-family: museo-sans, sans-serif;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 22px;
color: #000;
	padding-top: 0px;
	padding-bottom: 15px;
	
}
.omschrijving {
	width: 50%;
	float: right;
	xtext-align: justify;
	text-align: left;
}

.omschrijving p {
font-family: museo-sans, sans-serif;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 22px;
color: #000;
	padding-top: 0px;
	padding-bottom: 15px;
}

.gallery-img {
	border: 2px solid #fff;
}

#galerij span {
	width: 50%;
	height: 225px;
	float: left;
	overflow: hidden;
  display: flex;
  justify-content: center;
	
}
#galerij a {
	width: 100%;
}
#galerij img {
	min-height: 100%;
	width: 100% !important;
	width: auto;
    display: block;
}


/*******************************
********  DIENSTEN   ***********
********************************/

#onze-diensten {
	width: 100%;
	float: left;
	margin-top: 100px;
}
#dienst {
	width: 50%;
	float: left;
	height: 200px;
}
#onze-diensten .dienst-content {
	text-align: center;
font-family: museo-sans, sans-serif;
font-style: normal;
color: #000;
letter-spacing: 0px;
}	
#onze-diensten .dienst-content h1 {
	color: rgba(244, 148, 15, 1.0);
	font-size: 30px;
	padding-top: 25px;
	padding-bottom: 5px;
}
#onze-diensten .dienst-afbeelding,
#onze-diensten .dienst-content {
	width: 50%;
	height: 100%;
	float: left;
	position: relative;
}
#dienst:hover {
	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
	background: rgba(233, 233, 233, 0.9); 
}
#dienst a {
	text-decoration: none;
}
#dienst .knop {
	background: rgba(244, 148, 15, 1.0);
	color: #fff;
	position: absolute;
	bottom: 25px;
display: block;
width: 50%;
	margin-left: 25%;
	padding-top: 5px;
	padding-bottom: 5px;
}

#onze-diensten #dienst:nth-of-type(3) .dienst-afbeelding,
#onze-diensten #dienst:nth-of-type(3) .dienst-content,
#onze-diensten #dienst:nth-of-type(4) .dienst-afbeelding,
#onze-diensten #dienst:nth-of-type(4) .dienst-content,
#onze-diensten #dienst:nth-of-type(7) .dienst-afbeelding,
#onze-diensten #dienst:nth-of-type(7) .dienst-content,
#onze-diensten #dienst:nth-of-type(8) .dienst-afbeelding,
#onze-diensten #dienst:nth-of-type(8) .dienst-content {
	float: right;
}

.dienst-item {
	width: 100%;
	height: auto;
	float: left;
	position: relative;
}
.dienst-item-afbeelding {
	width: 50%;
	height: auto;
	position: relative;
	padding-top: 33.333%;
}
.dienst-item-content {
	width: 50%;
	float: right;
	height: 100%;
	position: relative;
	padding-top: 33.333%;
}
.dienst-item-content span {
	position: absolute;
	xwidth: 100%;
   	top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	text-align: center;
}
.dienst-item:nth-of-type(odd) .dienst-item-afbeelding,
.dienst-item:nth-of-type(even) .dienst-item-content {
	float: right;
}
.dienst-item:nth-of-type(even) .dienst-item-afbeelding,
.dienst-item:nth-of-type(odd) .dienst-item-content {
	float: left;
}

/*******************************
********  TEAMLEDEN  ***********
********************************/

#teamleden-frontpage {
	width: 100%;
	float: left;
	margin-top: 200px;
}

#teamleden-frontpage #teamlid-foto {
	width: 25%;
	float: left;
	padding-top: 25%;
	position: relative;
}

#teamleden-payoff {
    width: calc(100% - 175px);
	height: 100px;
	position: relative;
	float: left;
	padding-left: 175px;
	font-size: 25px;
	background: rgba(233, 233, 233, 0.9);
}
#teamleden-payoff span {
	position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#teamleden-payoff em {
	font-size: 15px;
}

#teamlid {
	width: 50%;
	padding-top: 25%;
	float: left;
	position: relative;
}

#teamlid:hover {
	background: #f2f2f2;
}

#teamleden-page {
	width: 100%;
	float: left;
	margin-top: 100px;
}

#teamlid #teamlid-foto {
	width: 50%;
	float: left;
	height: 100%;
	position: relative;
}

#teamlid #teamlid-foto {
	position: absolute;
	top: 0px;
}

#teamlid #teamlid-naam {
	text-align: center;
	height: 100%;
}

#teamlid-omschrijving {
	display: none;
	text-align: center;
	
	position: absolute;
z-index: 2;
width: 88%;
margin: 3%;
padding: 3%;
xheight: 50%;
top: 3%;
bottom: 3%;
background: rgba(244, 244, 244, 0.95);
}


#teamlid-omschrijving h3 {
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 30px;
}

#teamlid span {
	text-align: center;
	width: 50%;
	position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#teamlid h3 {
	color: rgba(244, 148, 15, 1.0);
	font-size: 24px;
}
#teamlid i {
	color: rgba(244, 148, 15, 1.0);	
	font-size: 17px;
	margin-top: 10px;
}
#teamlid-omschrijving i {
	bottom: 25px;
	font-size: 17px;
}
#teamlid:nth-of-type(3) #teamlid-naam,
#teamlid:nth-of-type(4) #teamlid-naam,
#teamlid:nth-of-type(7) #teamlid-naam,
#teamlid:nth-of-type(8) #teamlid-naam,
#teamlid:nth-of-type(11) #teamlid-naam,
#teamlid:nth-of-type(12) #teamlid-naam,
#teamlid:nth-of-type(15) #teamlid-naam,
#teamlid:nth-of-type(16) #teamlid-naam {
	float: left;
}

#teamlid:nth-of-type(3) #teamlid-foto,
#teamlid:nth-of-type(4) #teamlid-foto,
#teamlid:nth-of-type(7) #teamlid-foto,
#teamlid:nth-of-type(8) #teamlid-foto,
#teamlid:nth-of-type(11) #teamlid-foto,
#teamlid:nth-of-type(12) #teamlid-foto,
#teamlid:nth-of-type(15) #teamlid-foto,
#teamlid:nth-of-type(16) #teamlid-foto {
	float: right;
	right: 0px;
}

.displayNone {
	display: none;
}

/*******************************
**********    CTA    ***********
********************************/

#cta {
	width: 100%;
	float: left;
	text-align: center;
	background: rgba(244,148,15,1.0);
	color: #fff;
	font-size: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 50px;
}

#cta a {
	text-decoration: none;
	color: #fff;
}


/*******************************
**********  FOOTER   ***********
********************************/

#footer {
	width: 100%;
	float: left;
	xbackground: #333;
	background: #f2f2f2;
	min-height: 200px;
	margin-top: 50px;
	xborder-bottom: 25px solid #000;
	color: #fff;
	color: rgba(244, 148, 15, 1.0);
	line-height: 25px;
}


#footer p {
	padding-top: 0px;
	padding-bottom: 15px;
}

#footer a {
	width: 100%;
	float: left;
	color: rgba(244, 148, 15, 1.0);
	text-decoration: none;
}

ul.footer1 a {
	width: auto !important;
}

ul.footer1 p {
	width: 100%; 
	float: left;
}


.footer4 a i,
.address-socials a i {
	width: initial !important;
	font-size: 50px;
	margin-right: 5px;
	color: rgba(244, 148, 15, 1.0);
}
ul.footer1,
ul.footer2,
ul.footer3,
ul.footer4 {
	width: 21%;
	padding: 1%;
	margin: 1%;
	float: left;
}
ul.footer5 {
	width: 96% !important;
}
ul.footer5 center {
	background: #fff;
	width: 100%;
	xdisplay: flex;
	xjustify-content: space-evenly;
	xalign-items:center;
	display: flex;
justify-content: center; /* align horizontal */
align-items: center; /* align vertical */
}
ul.footer5 a {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	clear: both;
	width: initial !important;
}
ul.footer5 img {
	width: 20%;
	height: auto;
	margin: 25px;
	float: left;
   display: block;
}
#footer img {
	padding: 5px;
}

#footer a:hover {
	color: #666;
}

/*******************************
********  RESPONSIVE  **********
********************************/

@media (max-width: 1200px) {

	#menu-wrapper {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
}

@media (max-width: 1000px) {
	#voordelen .voordeel {
	width: 44%;
	xmargin-top: 150px;
	}
	#onze-werkwijze .werkwijze {
	margin-top: 150px;
	}
	
	#menu-wrapper {
		width: 98%;
		margin-left: 0%;
		margin-right: 2%;
	}
	#menu-content ul {
	width: 17%;
	padding-left:1%;
	padding-right:1%;
	}
	.single_titel h2 {
	color: rgba(244, 148, 15, 1.0) !important;
	font-size: 16px !important;
		font-weight: bold;
}
	#recent-aanbod-item section {
		height: 80px;
	}
	.single_type {
		font-size: 12px;
		font-weight: bold;
		display: none;
	}
	.single_type li {
		font-size: 12px;
line-height: 15px;
	}
}

@media (max-width: 840px) {
	video {
	width: 90%;
	margin: 5%;
	margin-right: 5%;
	float: left;
}
.video_message {
	width: 90%;
	margin: 5%;
	margin-left: 5%;
	float: left;
}
	h1.titel {
	text-align: center;
		width: 100%;
		padding-left: 0%;
		margin-top: 75px;
float: left;
	}
	 .close {
	text-align: center;
		 right: 0%;
		width: 100%;
		top: 20px !important;
	}
		 .close a {
			 font-size: 15px;
	}
	.foto13 {
		right: 0;
	}
	.teamlid99 .foto99 {
float: left;
left: 0px;
	}
	#teamlid:nth-of-type(16) #teamlid-naam {
float: initial;
	}
	.tags {
		width: 90%;
		padding-left: 5%;
		line-height: initial;
		margin-bottom: 75px;
		float: left;
		text-align: center;
	}
	.tags li {
		display: inline-block;
margin-right: 5px;
border-right: 2px solid rgba(244, 148, 15, 1.0);;
padding-right: 5px;
		font-size: 20px;
}
	.tags li:nth-last-of-type(1) {
		border-right: 0px solid rgba(244, 148, 15, 1.0);;
	}
	.tags a.knop {
		width: 80%;
	}
	li.subitem {
width: 50%;
padding-top: 50%;
	}
	#inpage_submenu {	
word-break: break-word;
	}
	.dienst-item:nth-of-type(odd) .dienst-item-afbeelding,
.dienst-item:nth-of-type(even) .dienst-item-content {
	float: left;
}
.dienst-item:nth-of-type(even) .dienst-item-afbeelding,
.dienst-item:nth-of-type(odd) .dienst-item-content {
	float: left;
}
	.dienst-item-afbeelding, .dienst-item-content {
		width: 100%;
	}
	.dienst-item-afbeelding {
		height: 200px;
	}
	.dienst-item-content {
		width: 96%;
		padding: 2%;
	}
	.dienst-item-content span {
		position: relative;
width: 96%;
		padding: 2%;
		text-align: center;
	padding-top: 50px;
		padding-bottom: 50px;
top: 0%;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
text-align: center;
		float: left;
	}
	.dienst-item {
		height: auto;
	}
	#menu-wrapper {
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
	}
	#menu-content {
	height: 600px;
	background: rgba(255, 255, 255, 0.9);
}

#menu-content ul {
	width: 40%;
	height: auto;
	padding-left:2%;
	padding-right:2%;
}
}

@media (max-width: 760px) {
	#pay-off p {
		margin-left: 150px;
font-size: 25px;
position: absolute;
top: auto;
-webkit-transform: translateY(-0%);
-ms-transform: translateY(-0%);
transform: translateY(-0%);
		bottom: 20px;
	}
	#dienst {
		width: 100%;
	}
#onze-diensten #dienst:nth-of-type(odd) .dienst-afbeelding,
#onze-diensten #dienst:nth-of-type(odd) .dienst-content {
	float: right;
}
#onze-diensten #dienst:nth-of-type(even) .dienst-afbeelding,
#onze-diensten #dienst:nth-of-type(even) .dienst-content {
	float: left;
}
	#onze-diensten .dienst-content {
		font-size: 14px;
	}
	#onze-diensten .dienst-content h1 {
	font-size: 20px;
}
	#teamleden-payoff {
    width: calc(100% - 50px);
	height: auto;
		padding: 25px;
	padding-left: 25px;
		padding-right: 25px;
	font-size: 25px;
}
#teamleden-payoff span {
	position: relative;
}

#teamleden-payoff em {
	font-size: 12px;
}
	#menu-wrapper {
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
	}
	#menu-content {
	height: auto;
	padding-bottom: 100px;
float: left;
	background: rgba(255, 255, 255, 0.95);
}
	
	#menu i.fa-times {
		position: fixed;
	}
	
	#menu-content ul a {
	font-size: 20px;
	line-height: 35px;
}

#menu-content ul:nth-child(1) {
	border-left: 1px solid #ededed;
}
	

#menu-content ul {
	width: 96%;
	height: auto;
	padding-left:2%;
	padding-right:2%;
}
	div#banner {
		height: 900px;
	}
	#blokken {
		position: absolute;
		bottom: 0px;
		width: 100%;
	}
	ul.blokken-links, ul.blokken-rechts {
		width: 100%;
		position: relative;
	}
	#voordelen .voordeel,
	#onze-werkwijze .werkwijze {
	width: 94%;
	xmargin-top: 150px;
	}
	
	.omschrijving {
		width: 100%;
		float: right;
	}
	
	.aanbod-content-left,
	.aanbod-content-right {
		width: 90%;
		float: left;
		margin: 5%;
		padding: 0%;
	}
	.slide {
		height: auto !important;
	}
	
	/*
	
	#project-overlay {
		position: relative;
height: auto;
	}
	#project {
		width: 100%;
float: left;
position: relative;
background: #000;
	}
	#recent-project-titel {
		float: left;
width: 100%;
height: 225px;
display: none;
position: relative;
	}
	#recent-project-afbeelding {
		width: 100%;
float: right;
height: 225px;
position: relative;
	}
	#recent-project-content {
		position: initial;
color: #fff;
left: 0px;
top: 0px;
bottom: 0px;
height: auto;
width: 90%;
padding-left: 5%;
padding-right: 5%;
background: #000;
z-index: 4;
padding-bottom: 150px;
	}
	#recent-project-content h3 {
		font-size: 30px;
color: rgba(244, 148, 15, 1.0);
text-align: center;
clear: both;
padding-top: 50px;
	} */
	
	#recent-project-content h3 {
margin-top: 25px;
	}
	#recent-project-content span {
		padding-bottom: 25px;
	}
	#recent-project-content .knop {
bottom: 15px;
display: block;
padding: 15px;
width: 80%;
	}
	#recent-project-content {	
width: 70%;
padding-left: 5%;
padding-right: 5%;
background: #000;
	z-index: 4; 
		font-size: 14px;
}
	#teamlid {
		width: 100%;
padding-top: 50%;
		float: left;

	}
#teamlid:nth-of-type(1) #teamlid-naam,
#teamlid:nth-of-type(3) #teamlid-naam,	
#teamlid:nth-of-type(5) #teamlid-naam,
#teamlid:nth-of-type(7) #teamlid-naam,
#teamlid:nth-of-type(9) #teamlid-naam,
#teamlid:nth-of-type(11) #teamlid-naam,
#teamlid:nth-of-type(13) #teamlid-naam {
	float: left;
}
#teamlid:nth-of-type(2) #teamlid-naam,
#teamlid:nth-of-type(4) #teamlid-naam,	
#teamlid:nth-of-type(6) #teamlid-naam,
#teamlid:nth-of-type(8) #teamlid-naam,
#teamlid:nth-of-type(10) #teamlid-naam,
#teamlid:nth-of-type(12) #teamlid-naam {
	float: left;
	margin-left: 50%;
}

#teamlid:nth-of-type(1) #teamlid-foto,
#teamlid:nth-of-type(3) #teamlid-foto,
#teamlid:nth-of-type(5) #teamlid-foto,
#teamlid:nth-of-type(7) #teamlid-foto,
#teamlid:nth-of-type(9) #teamlid-foto,
#teamlid:nth-of-type(11) #teamlid-foto {
	float: right;
	right: 0px;
}
#teamlid:nth-of-type(2) #teamlid-foto,
#teamlid:nth-of-type(4) #teamlid-foto,
#teamlid:nth-of-type(6) #teamlid-foto,
#teamlid:nth-of-type(8) #teamlid-foto,
#teamlid:nth-of-type(10) #teamlid-foto,
#teamlid:nth-of-type(12) #teamlid-foto {
	float: left;
	right: initial;
}
	ul.footer1,
ul.footer2,
ul.footer3,
ul.footer4 {
	width: 92%;
	padding: 2%;
	margin: 2%;
	padding-bottom: 25px;
	float: left;
}
#teamlid-omschrijving {
display: none;
text-align: center;
position: relative;
z-index: 2;
width: 84%;
margin: 3%;
	margin-top: 10%;
padding: 5%;
height: auto;
top: 3%;
	font-size: 12px;
bottom: 3%;
background: rgba(244, 244, 244, 0.95);
	}
	#teamlid span {
		top: 50px;
		transform: translateY(0%);
	}
	#teamlid-omschrijving h3 {
		display: none;
	}
}