@charset "UTF-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	line-height:180%;
	font-size:16px;
}

#logo{
	width:90px;
	display:inline-block;
	float:left;
	margin-right:20px;
}

#logo img{
	width:100%;
}

.mobile{
	display:none;
}

#menu{
	background-color:#605a5c;
	width:100%;
	display:inline-block;	
}

.wrapper{
	width:1200px;
	margin:auto;
}

#lang{
	float:right;
	display:inline-block;
	list-style:none;
	padding-left:0;
}

#lang li{
	float:left;
	margin-right:15px;
}

#lang li:last-child{
	margin-right:0px;
}

#mobile_menu{
	display:none;
}

#site_menu{
	display:inline-block;
	color:#FFF;
	display:inline-block;
	list-style:none;
	padding-left:0;
	float:left;
	margin-top:25px;
}

#site_menu li{
	float:left;
	padding-right:15px;
	margin-left:15px;
	border-right:thin solid #FFF;
}

#site_menu li:last-child{
	padding-right:0px;
	border-right:none;
}

#site_menu a{
	color:#FFF;
	text-decoration:none;
}

#home_intro{
	background-image:url(../images/tampongalvanisering.svg);
	background-size:45%;
	background-position:right center;
	width:100%;
	display:inline-block;
	background-repeat:no-repeat;
}

#home_intro h1{
	font-weight:300;
	font-size:2.5em;
	line-height:100%;
	margin-top:20%;
}

#phone{
	right:0;
	position:fixed;
	margin-top:5%;
	background-color:#6ba32f;
	display:inline-block;
	z-index:999;
}

#phone img{
	float:left;
}

#phone_number{
	color:#FFF;
	display:inline-block;
	margin-top:20px;
	padding-left:20px;
	padding-right:20px;
	float:left;
}

#possibilities_home{
	width:100%;
	margin:auto;
	display:inline-block;
	background-color:#e8f1f5;
	margin-top:3%;
}

#possibilities_home h2{
	text-align:center;
	padding-top:3%;
	padding-bottom:3%;
	font-weight:300;
	margin:0;
	background-color:#B1CCD5;
	letter-spacing:1px;
	color:#FFF;
}

#possibilities_home h3{
	color:#5c5250;
	line-height:100%;
}

#projects_home{
	width:100%;
	display:inline-block;
	padding-top:4%;
	padding-bottom:4%;
}

#projects_home h2{
	font-size:2.3em;
	line-height:100%;
	font-weight:300;
	margin-top:0;
}

#footer{
	background-color:#352c2d;
	width:100%;
	display:inline-block;
	padding-top:3%;
	padding-bottom:3%;
	color:#FFF;
}

#footer a{
	color:#FFF;
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}

#footer ul{
	padding-left:0;
	list-style:none;
}

#footer li{
	margin-bottom:20px;
}

.remark{
	background-color:#FF0;
}

.slider, .slider .slide, .slide img{
	width:100%;
}

.slide .description{
	font-size:0.9em;
	font-style:italic;
}

#techniek{
	width:100%;
	display:inline-block;
	padding-top:6%;
	padding-bottom:6%;
}

#techniek h1{
	margin-top:0;
}

.blue-slide{
	width:100%;
	background-color:#e8f1f5;
	padding-top:4%;
	padding-bottom:4%;
}

#techniek .intro_text{
	text-align:center;
	margin-bottom:8%;
}

#contact_img{
	background-image:url(../images/tampongalvaniseren-op-locatie.jpg);
	background-size:cover;
	background-position:center;
}

#contact #contact-detail{
	padding-top:8%;
	padding-bottom:8%;
}

#home_intro h1{
	margin-bottom:5px;
}

#home_intro h2{
	margin-top:0;
	color:#333;
	font-size:1.3em;
}

#toepassingen-intro, #werkwijze-intro{
	text-align:center;
	padding-top:4%;
	padding-bottom:4%;
	width:100%;
	display:inline-block;
}

#projects{
	background-color:#e8f1f5;
	padding-top:4%;
	padding-bottom:4%;
	display:inline-block;
	width:100%;
}

.quote{
	font-style:italic;
	font-size:1.2em;
}


#opdrachtgevers, #certificaten{
	text-align:center;
	width:100%;
	display:inline-block;
	padding-top:4%;
	padding-bottom:4%;
}

#home-reperatie-img, #home-modificatie-img, #home-kwaliteits-img, #home-toepassing-img, #gereedschappen-img{
	background-image:url(../images/reparatie-revisie.jpg);
	background-position:center;
	background-size:cover;
}

#home-kwaliteits-img{
	background-image:url(../images/kwaliteits-verbetering.jpg);
}

#home-modificatie-img{
	background-image:url(../images/maatcorrecties.jpg);
}

#gereedschappen-img{
	background-image:url(../images/portable-power-pack.jpg);
}


#possibilities_home .one_of_two_columns_without_margin .content, #gereedschappen .one_of_two_columns_without_margin .content{
	width:80%;
	margin:auto;
	padding-top:4%;
	padding-bottom:6%;
}

.materiaal-toepassing{
	padding-top:4%;
	width:100%;
	display:inline-block;
}

#gereedschappen{
	width:100%;
	display:inline-block;
	background-color:#e8f1f5;
}

#certificaten #certificaten{
	font-size:0.9em;
	letter-spacing:1px;
	font-weight:bold;
}

#projects .carousel h2{
	margin-top:0;
}

#projects .carousel .content{
	width:90%;
	padding-left:5%;
	padding-right:5%;
}

.photo_row{
	margin-bottom:20px;
}

#projects .carousel .content i{
	font-size:0.8em;
}

#video{
	width:100%;
	display:inline-block;
	margin-bottom:4%;
}

#certificaten-logos{
	margin-bottom:30px;
}

@media all and (max-width: 1400px), (max-device-width: 1400px){
	.wrapper{
		width:80%;
	}
}

@media all and (max-width: 975px), (max-device-width: 975px){
	#menu{
		font-size:0.8em;
	}
}

@media all and (max-width: 900px), (max-device-width: 900px){

	#projects_home .three_of_five_columns, #projects_home .two_of_five_columns_last{
		width:100%;
		margin:0;
		margin-bottom:30px;
	}
	
	#footer .one_of_six_columns, #footer .one_of_six_columns_last{
		width:32%;
		margin-right:2%;
	}
	
	#footer .one_of_six_columns:nth-child(3), #footer .one_of_six_columns_last{
		margin-right:0;
	}
	
	#logo_footer{
		width:70%;
	}
	
	.carousel .photos_item, .carousel .text{
		width:100%;
		margin:0;
		margin-bottom:20px;
	}
}

@media all and (max-width: 850px), (max-device-width: 850px){
	#menu #site_menu{
		display:none;
	}
	
	#mobile_menu{
		display:inline-block;
	}

	#menu{
		display:inline-block;
		font-size:15px;
		letter-spacing:1px;
		color:#FFF;
		font-weight:100;
	}
	
	#menu #site_menu.expanded{
		display:inline-block;
	}
	
	#menu .active{
		background-image:none;
		background-color:#666;
	}
	
	#menu .wrapper{
		width:100%;
	}
	
	#menu #logo{
		margin-left:7.5%;
	}
	
	#menu #mobile_menu{
		margin-right:7.5%;
	}
	
	#menu ul#site_menu{
		display:none;
	}
	
	#menu #site_menu, #site_menu .sub{
		width:100%;
		margin:0px;
	}
	
	#site_menu .sub{
		display:inline-block;
		position:static;
		padding:0;
		border-top:solid 1px #000;
		margin-top:5px;
	}
	
	#site_menu li, #site_menu .sub li{
		margin:0;
		border:0;
		width:100%;
		float:none;
		border-bottom:solid 1px #000;
		background-color:#333;
		text-align:center;
		font-size:1.1em;
		padding:0;
		padding-top:10px;
		padding-bottom:5px;
		display:inline-block;
	}
	
	#site_menu .sub li{
		font-size:1em;
	}
	
	#site_menu li a, #site_menu .sub li a{
		padding:0;
		color:#FFF;
		width:100%;
		height:100%;
		display:block;
	}
	
	#site_menu li:hover{
		background-color:#352c2d;
	}
	
	#site_menu li:hover a{
		color:#FFF;
		text-decoration:none;
	}
	
	#site_menu .mobile{
		display:inline-block;
	}
	
	#menu .mobile_menu, #menu #mobile_menu{
		display:inline-block;
	}
	
	#menu #mobile_menu{
		width:auto;
		float:right;
	}
	
	
	#menu #mobile_menu #btn{
		float:right;
		border:0px;
		margin-right:0px;
	}
	
	#home_intro{
		background-image:none;
	}
	
	#home_intro #home_intro_txt{
		width:100%;
		margin:0;
	}
	
	#home_intro h1{
		margin-top:10%;
	}
	
	#home_intro .mobile{
		display:inline-block;
	}
	
	#certificaten .one_of_five_columns, #certificaten .one_of_five_columns_last{
		width:32%;
		margin-right:2%;
	}
	
	#certificaten .one_of_five_columns:nth-child(3){
		margin-right:0;
	}
}

@media all and (max-width: 700px), (max-device-width: 700px){
	#techniek .intro_text, #toepassingen-intro .intro_text, #werkwijze-intro .intro_text{
		width:100%;
	}
	
	#techniek #in-detail h2{
		text-align:center;
	}
	
	#techniek #in-detail .one_of_two_columns, #techniek #in-detail .one_of_two_columns_last{
		width:100%;
		margin:0;
		margin-bottom:20px;
	}
	
	#certificaten-logos{
		width:100%;
	}
}

@media all and (max-width: 600px), (max-device-width: 600px){
	#phone{
		margin-top:30%;
	}
	
	#home_intro h1{
		word-break: break-all;
	}
	
	#possibilities_home .items-row, #gereedschappen .items-row, #contact .items-row{
		display:inline-block;
	}
	
	#possibilities_home .mobile{
		display:inline-block;
	}
	
	#possibilities_home .one_of_two_columns_without_margin, #gereedschappen .one_of_two_columns_without_margin, #contact .one_of_two_columns_without_margin{
		width:100%;
	}
	
	#gereedschappen .one_of_two_columns_without_margin{
		text-align:center;
	}
	
	#possibilities_home #home-modificatie-img, #possibilities_home #home-toepassing-img, #gereedschappen #gereedschappen-img, #contact #contact_img{
		padding-top:56%;
	}
	
	#footer .one_of_six_columns, #footer .one_of_six_columns_last{
		width:100%;
		margin:0;
		margin-bottom:10px;
		text-align:center;
	}
	
	#footer li{
		margin-bottom:0;
	}
	
	#logo_footer{
		width:100px;
		margin:auto;
	}
	
	#video{
		margin-bottom:8%;
	}
}

@media all and (max-width: 500px), (max-device-width: 500px){
	#certificaten .one_of_five_columns, #certificaten .one_of_five_columns_last{
		width:48%;
		margin-right:4%;
	}
	
	#certificaten .one_of_five_columns:nth-child(even){
		margin-right:0;
	}
	
	#certificaten-logos .one_of_three_columns, #certificaten-logos .one_of_three_columns_last{
		width:100%;
		margin:0;
	}

	#phone img{
		width:60px;
	}
}