.serv_hero {
	position: relative;
	float: left;
	width: 100%;
	height: 0px;
	padding-bottom: 25%;
	background-image: url('../images/diensten/hero.jpg');
	background-size: cover;
	background-position: center center;
}

.serv_li {
	margin-top: 5%;
}
.serv_li_container {
	position: relative;
	float: left;
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.serv_li_i {
	position: relative;
	float: left;
	width: 26%;
	margin-top: 22px;
	margin-bottom: 22px;
	padding-bottom: 40px;
}
.serv_li_i_title {
	position: relative;
	float: left;
	width: 100%;
	font-weight: bold;
	font-size: 18px;
}
.serv_li_i_title div {
	position: relative;
	float: left;
	height: 14px;
	width: 3px;
	background-color: #294194;
	margin-right: 10px;
	margin-top: 3px;
}
.serv_li_i_title h3 {
	position: relative;
	float: left;
}
.serv_li_i_desc {
	position: relative;
	float: left;
	width: 100%;
	margin-top: 6px;
	font-size: 14px;
	line-height: 20px;
}
.serv_li_i_btn {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 3px 0px;
	cursor: pointer;
	color: inherit;
}
.serv_li_i_btn span {
	position: relative;
	float: left;
	margin-right: 10px;
	font-weight: bold;
	transition-duration: 0.1s;
}
.serv_li_i_btn:hover span {
	margin-right: 20px;
}

.serv_vp_intro {
	margin-top: 5%;
}
.serv_center {
	display: flex;
	justify-content: space-between;
}
.serv_intro {
	position: relative;
	float: left;
	width: 45%;
	display: flex;
	justify-content: left;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;

}
.serv_vid {
	position: relative;
	float: left;
	width: 45%;
}
.serv_vid video {
	position: relative;
	float: left;
	width: 100%;
}
.serv_intro_titel {
	position: relative;
	float: left;
	width: 100%;
}
.serv_intro_text {
	position: relative;
	float: left;
	width: 100%;
	margin-top: 18px;
}
.serv_intro_btn {
	position: relative;
	float: left;
	width: 100%;
	margin-top: 30px;
}

.serv1_hero {
	background-image: url('../images/diensten/totaalconcept-hero.jpg');
}

.serv1_intro_vp {
	margin-top: 5%;
}
.serv1_center {
	display: flex;
	justify-content: space-between;
}
.serv1_intro {
	position: relative;
	float: left;
	width: 45%;
	display: flex;
	justify-content: left;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;

}
.serv1_intro_titel {
	position: relative;
	float: left;
	width: 100%;
}
.serv1_intro_text {
	position: relative;
	float: left;
	width: 100%;
	margin-top: 18px;
}
.serv1_intro_photo {
	position: relative;
	float: left;
	width: 45%;
	background-size: cover;
	background-position: center center;
	background-image: url('../images/diensten/totaalconcepten-intro.jpg');
}
.serv1_gall_vp {
	margin-top: 5%;
}
.serv1_gall_container {
	display: flex;
	justify-content: space-between;
}
.serv1_gall_i {
	position: relative;
	float: left;
	width: 24%;
}
.serv1_gall_i img {
	position: relative;
	float: left;
	width: 100%;
}

.serv2_hero {
	background-image: url('../images/diensten/3D-hero.jpg');
}
.serv2_intro_photo {
	background-image: url('../images/diensten/3D-intro.jpg');
}

.serv3_hero {
	background-image: url('../images/diensten/kwaliteit-hero.jpg');
}
.serv3_intro_photo {
	background-image: url('../images/diensten/kwaliteit-intro.jpg');
}

.serv4_hero {
	background-image: url('../images/diensten/milieu-hero.jpg');
}
.serv4_intro_photo {
	background-image: url('../images/diensten/milieu-intro.jpg');
}

.serv5_hero {
	background-image: url('../images/diensten/boor-hero.jpg');
}
.serv5_intro_photo {
	background-image: url('../images/diensten/boor-intro.jpg');
}

.serv6_hero {
	background-image: url('../images/diensten/plooien-hero.jpg');
}
.serv6_intro_photo {
	background-image: url('../images/diensten/plooien-intro.jpg');
}

.serv7_hero {
	background-image: url('../images/diensten/stralen-hero.jpg');
}
.serv7_intro_photo {
	background-image: url('../images/diensten/stralen-intro.jpg');
}

.serv8_hero {
	background-image: url('../images/diensten/spuiten-hero.jpg');
}
.serv8_intro_photo {
	background-image: url('../images/diensten/spuiten-intro.jpg');
}

.serv9_hero {
	background-image: url('../images/diensten/lassen-hero.jpg');
}
.serv9_intro_photo {
	background-image: url('../images/diensten/lassen-intro.jpg');
}

.serv10_hero {
	background-image: url('../images/diensten/pons-hero.jpg');
}
.serv10_intro_photo {
	background-image: url('../images/diensten/pons-intro.jpg');
}