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


body{
	background-image: url("../images/bg.jpg");
  	background-attachment: fixed;
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 200%;
	
}

a{color: #000000; font-weight: 800;}

.margin-1{margin-top: 1%; margin-bottom: 1%;}
.margin-2{margin-top: 2%; margin-bottom: 2%;}
.margin-3{margin-top: 3%; margin-bottom: 3%;}
.margin-4{margin-top: 4%; margin-bottom: 4%;}
.margin-5{margin-top: 5%; margin-bottom: 5%;}

.button-1{padding-left: 1%; padding-right:1%;}
.button-2{padding-left: 2%; padding-right:2%;}
.button-3{padding-left: 3%; padding-right:3%;}
.button-4{padding-left: 4%; padding-right:4%;}
.button-5{padding-left: 5%; padding-right:5%;}
.button-6{padding-left: 6%; padding-right:6%;}
.button-7{padding-left: 7%; padding-right:7%;}
.button-8{padding-left: 8%; padding-right:8%;}
.button-9{padding-left: 9%; padding-right:9%;}
.button-10{padding-left: 10%; padding-right:10%;}

.padding-1{padding: 1%}
.padding-2{padding: 2%}
.padding-3{padding: 3%}
.padding-4{padding: 4%}
.padding-5{padding: 5%}
.padding-6{padding: 6%}
.padding-7{padding: 7%}
.padding-8{padding: 8%}
.padding-9{padding: 9%}
.padding-10{padding: 10%}


.padding-1-tb{padding-top: 1%; padding-bottom: 1%;}
.padding-2-tb{padding-top: 2%; padding-bottom: 2%;}
.padding-3-tb{padding-top: 3%; padding-bottom: 3%;}
.padding-4-tb{padding-top: 4%; padding-bottom: 4%;}
.padding-5-tb{padding-top: 5%; padding-bottom: 5%;}
.padding-6-tb{padding-top: 6%; padding-bottom: 6%;}
.padding-7-tb{padding-top: 7%; padding-bottom: 7%;}
.padding-8-tb{padding-top: 8%; padding-bottom: 8%;}
.padding-9-tb{padding-top: 9%; padding-bottom: 9%;}
.padding-10-tb{padding-top: 10%; padding-bottom: 10%;}
.padding-15-tb{padding-top: 15%; padding-bottom: 15%;}
.padding-20-tb{padding-top: 20%; padding-bottom: 20%;}
.padding-23-tb{padding-top: 23.5%; padding-bottom: 23.5%;}
.padding-25-tb{padding-top: 25%; padding-bottom: 25%;}
.padding-30-tb{padding-top: 30%; padding-bottom: 30%;}
.padding-35-tb{padding-top: 35%; padding-bottom: 35%;}

.padding-1-top{padding-top: 1%; }
.padding-2-top{padding-top: 2%; }
.padding-3-top{padding-top: 3%; }
.padding-4-top{padding-top: 4%; }
.padding-5-top{padding-top: 5%; }
.padding-6-top{padding-top: 6%; }
.padding-7-top{padding-top: 7%; }
.padding-8-top{padding-top: 8%; }
.padding-9-top{padding-top: 9%; }
.padding-10-top{padding-top: 10%;}
.padding-15-top{padding-top: 15%;}

.padding-1-bottom{padding-bottom: 1%; }
.padding-2-bottom{padding-bottom: 2%; }
.padding-3-bottom{padding-bottom: 3%; }
.padding-4-bottom{padding-bottom: 4%; }
.padding-5-bottom{padding-bottom: 5%; }
.padding-6-bottom{padding-bottom: 6%; }
.padding-7-bottom{padding-bottom: 7%; }
.padding-8-bottom{padding-bottom: 8%; }
.padding-9-bottom{padding-bottom: 9%; }
.padding-10-bottom{padding-bottom: 10%;}
.padding-15-bottom{padding-bottom: 15%;}


.extra-light-half{font-size: 0.95em; line-height: 1.5em;  }
.extra-light-1{font-size: 1em; }
.extra-light-1half{font-size: 1.5em; }
.extra-light-2{font-size: 2em;  }
.extra-light-2half{font-size: 2.5em;   }
.extra-light-3{font-size: 3em; }
.extra-light-4{font-size: 4em; }
.extra-light-5{font-size: 5em;  }
.extra-light-half, .extra-light-1, .extra-light-1half, .extra-light-2, .extra-light-2half, .extra-light-3, .extra-light-4, .extra-light-5{font-weight: 200; line-height: 1.5em; }

.light-half{font-size: 0.95em; }
.light-1{font-size: 1em;  }
.light-1half{font-size: 1.2em;  }
.light-2{font-size: 2em; }
.light-2half{font-size: 2.5em; ;}
.light-3{font-size: 3em;  }
.light-4{font-size: 4em; }
.light-5{font-size: 5em; }
.light-half, .light-1, .light-1half, .light-2, .light-2half, .light-3, .light-4, .light-5{font-weight: 300; line-height: 1.5em; }

.regular-half{font-size: 0.95em; line-height: 1.5em; }
.regular-1{font-size: 1em;  }
.regular-1half{font-size: 1.5em;  }
.regular-2{font-size: 2em; }
.regular-2half{font-size: 2.5em; ;}
.regular-3{font-size: 3em;  }
.regular-4{font-size: 4em; }
.regular-5{font-size: 5em; }
.regular-half, .regular-1, .regular-1half, .regular-2, .regular-2half, .regular-3, .regular-4, .regular-5{font-weight: 400; line-height: 1.5em; }

.bold-half{font-size: 0.95em; }
.bold-1{font-size: 1.2em; line-height: 1.2em;  }
.bold-1half{font-size: 1.5em;  }
.bold-2{font-size: 2em; }
.bold-2half{font-size: 2.5em; line-height: 1.2em;}
.bold-3{font-size: 3em;  }
.bold-4{font-size: 4em; }
.bold-5{font-size: 5em; }
.bold-half, .bold-1, .bold-1half, .bold-2, .bold-2half, .bold-3, .bold-4, .bold-5{font-weight: 700; line-height: 1.5em; }

.extra-bold-half{font-size: 0.95em;}
.extra-bold-1{font-size: 1em;}
.extra-bold-1half{font-size: 1.5em;}
.extra-bold-2{font-size: 2em;}
.extra-bold-2half{font-size: 2.5em;}
.extra-bold-3{font-size: 3em;}
.extra-bold-4{font-size: 4em;}
.extra-bold-5{font-size: 5em;}
.extra-bold-10{font-size: 10em;}
.extra-bold-1, .extra-bold-1half, .extra-bold-2, .extra-bold-2half, .extra-bold-3, .extra-bold-4, .extra-bold-5, .extra-bold-10{font-weight: 800; line-height: 1.5em; }

.black-half{font-size: 0.95em; }
.black-1{font-size: 1.2em; line-height: 1.2em;  }
.black-1half{font-size: 1.5em;  }
.black-2{font-size: 2em; }
.black-2half{font-size: 2.5em; ;}
.black-3{font-size: 3em;  }
.black-4{font-size: 4em; }
.black-5{font-size: 5em; }
.black-half, .black-1, .black-1half, .black-2, .black-2half, .black-3, .black-4, .black-5{font-weight: 900; line-height: 1.5em; }

.rounded-10{border-radius: 10px;}
.rounded-15{border-radius: 15px;}
.rounded-20{border-radius: 20px;}
.rounded-25{border-radius: 20px;}


h1,h2,h3,h4,h5{padding: 0; margin: 0;}

#menu, #menu_wrap{background-color: rgba(255, 0, 0, 0.0); border: none;}
#menu #logo {width: 200px;}
#menu-sticky-wrapper.is-sticky #logo{width: 200px;}

.brown-bg{background-color: #ca9e67;}
.script{font-family: 'Dancing Script', cursive;}
.clarendon{font-family: superclarendon, serif; font-weight: 900; font-style: normal; }
.roboto{font-family: 'Roboto', sans-serif;}

.text-right{text-align: right;}

.white{color:#FFFFFF;}
.red{color: #e7414e;}
.yellow{color: #ffd002;}

 .none{display: inline-block;}
 .mobile{display: none;}

#logo{text-align: center; line-height:100px;}
#logo .regular-2{line-height: 1em;}

#menu, #menu_wrap{
	background-image: url("../images/bg.jpg");
	padding-top: 10px;
	padding-bottom: 10px;
}



#menu #site_menu{
	width: 70%;
	margin-top: 0px;
}

#menu #site_menu a{
	text-decoration: none;
}

#home #projecten a{color: #FFFFFF; text-decoration: none;}
.krijt-bg{
	background-image: url("../images/krijt-bg-2.jpg");
  	background-attachment: fixed;
  	background-position: right;
  	background-repeat: no-repeat;
  	background-size: cover;
	color: #FFFFFF;
	text-shadow: 2px 2px #000000;

}



.krijt-bg-2{
	background-image: url("../images/krijt-bg.jpg");
  	background-attachment: fixed;
  	background-position: right;
  	background-repeat: no-repeat;
  	background-size: cover;
	color: #FFFFFF;
	text-shadow: 2px 2px #000000;

}
#form input[type="text"], #form input[type="number"], #form input[type="email"], #form textarea {
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    width: 96%;
    padding: 2%;
    border: thin solid #BBB;
    margin-bottom: 10px;
}

#form input[type="time"] {
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    width: 96%;
    padding: 2%;
    border: thin solid #BBB;
    margin-bottom: 10px;

}


#home label{
	width:100%;
	display:inline-block;
	margin-bottom:10px;
}

#home input[type="text"], #home input[type="number"], #home input[type="email"], #home textarea{
	-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
	width:96%;
	padding:2%;
	border:thin solid #BBB;
	margin-bottom:10px;
	
}

#home input[type="text"]{
    font-family: Arial, Helvetica, sans-serif;
}


select {
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	width:100%;
	padding:2%;
	background-color: #FFFFFF;
	border:thin solid #BBB;
	margin-bottom:10px;
	
}


.header{
	background-image: url('../images/henk.jpg');
    background-position: center;
    padding-top:300px ;
    padding-bottom: 50px;
    color: #FFFFFF;
	background-size: cover;
	
}

#interim-en-training .header{padding-top: 500px; padding-bottom: 20px;}

.slider .slide-1, .slider .slide-2, .slider .slide-3, .slider .slide-4, .slider .slide-5, .slider .slide-6, .slider .slide-7, .slider .slide-8, .slider .slide-9, .slider .slide-10, .slider .slide-11{
    padding-top: 300px;
    padding-bottom: 50px;
    color: #FFFFFF;
	background-size: cover;
}
.slider .slide-1{
	background-image: url('../images/henk.jpg');
    background-position: center;
}


.slider .slide-2{
	background-image: url('../images/slider/2.jpg');
    background-position: center;
}

.slider .slide-3{
	background-image: url('../images/slider/3.jpg');
    background-position: center;
}

.slider .slide-4{
	background-image: url('../images/slider/4.jpg');
    background-position: center;
}

.slider .slide-5{
	background-image: url('../images/slider/5.jpg');
    background-position: center;
}

.slider .slide-6{
	background-image: url('../images/slider/6.jpg');
    background-position: center;
}


#contact{}


.btn{
	width: 100%;
	background-color:#000000;
	padding:14px;
	padding-top:7px;
	padding-bottom:7px;
	margin-top:25px;
	display:inline-block;
	color:#FFFFFF;
	font-weight: 800;
	text-decoration:none;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	font-size:1.2em;
}

.slider .slide{
	float:left;
	display:inline-block;
	width:40%;

}

.slick-prev, .slick-next{
	width: 50px;
	height: 50px;
}

.slick-next {
    left: auto;
    right: 10px;
}


.slick-prev {
    left: 10px;
    right: auto;
}

.market-food-group-slider{
	background-image: url("../images/market-food-group.jpg"); 
	background-size: 120%;
	background-position: center;
}


.market-food-group{
	background-image: url("../images/market-food-group.jpg"); 
	background-size: cover;
}

.bakkerij-brood-afrika{
	background-image: url("../images/bakkerij-brood-afrika.jpg"); 
	background-size: cover;
}

.kroesen-sales-concepting{
	background-image: url("../images/kroesen-sales-concepting.jpg"); 
	background-size: cover;
}

@media all and (max-width:1020px), (max-device-width:1020px){
    #menu #site_menu {
        width:65%;
    }
}

@media all and (max-width:900px), (max-device-width:900px){
    .none{display: none;}
    .mobile{display: inline-block;}
	
	#menu #site_menu {
		width: 100%;
		margin-top: 0;
        display:none;
	}
	#site_menu li{
		background-color: rgba(255, 0, 0, 0.0); border: none; color: #000000;
	}
	
	#site_menu a{color: #000000;}
	#site_menu a:hover{color: #000000;}
	#site_menu li:hover{ background-color: rgba(255, 0, 0, 0.0); border: none; color: #000000;}
	
    
    #menu{
		display:inline-block;
		padding-bottom:0;
		width:100%;
	}
	
	#menu #site_menu.expanded{
		display:inline-block;
	}
	
	#menu .active{
		background-image:none;
		background-color:#666;
	}
	
	#menu .wrapper{
		width:100%;
	}
	
	#menu #logo{
		margin-left:10%;
		margin-bottom:15px;
	}
	
	#menu #mobile_menu{
		margin-right:10%;
		float:right;
	}
	
	#menu ul{
		display:none;
	}
	
	#menu #site_menu{
		width:100%;
		margin:0px;
		font-size:17px;
		letter-spacing:1px;
		color:#FFF;
	}
	
	#site_menu li{
		width:100%;
		float:none;
		margin:0;
		padding-top:10px;
		padding-bottom:10px;
		border-bottom:solid 1px #000;
		background-color:#c59b6c;
		height:25px;
		text-align:center;
	}
	
	#site_menu li:hover, #site_menu li.active{
		background-color:#A47744;
	}
	
	#menu .mobile_menu, #menu #mobile_menu{
		display:inline-block;
	}
	
	#menu #mobile_menu{
		width:auto;
	}
	
	#menu #mobile_menu #btn{
		float:right;
		border:0px;
		margin-right:0px;
	}
	
	#site_menu a{
		color:#FFF;
		text-decoration:none;
	}
	
	#site_menu a:hover{
		color:#FFF;
	}
    
	
	#home .items-row{display: block;}
	#home .one_of_two_columns_without_margin {width: 100%;}
	
	.bold-5{font-size: 3em;}
	
	.slider .slide{
		float:left;
		display:inline-block;
		width:100%;
	}

	.black-1half{font-size: 1.2em;}
	.wrap{
		max-width: 80%;
		margin: auto;
		margin-top: 15%;
		margin-bottom: 25%;
	}
	.slider .regular-4{font-size: 2em;}
	.slider .light-3{font-size: 2em;}
	.header .regular-4{font-size: 2em;}
	.header .light-3{font-size: 1em;}
	.header{background-position: 0% -20px ; background-size: cover; padding-top: 250px;background-repeat:no-repeat}
	
	.slider .slide-1{height: 500px; }
	#over-henk .one_of_two_columns_without_margin{width: 100%;}
	#bouw-en-bakkerij-management .one_of_two_columns, #bouw-en-bakkerij-management .one_of_two_columns_last{width: 100%; margin-bottom: 20px;}
	#bouw-en-bakkerij-management .one_of_three_columns, #bouw-en-bakkerij-management .one_of_three_columns_last{width: 100%; margin-bottom: 20px;}
	#bouw-en-bakkerij-management .light-2{font-size: 1.5em;}
	#winkelinrichting .one_of_two_columns, #winkelinrichting .one_of_two_columns_last{width: 100%; margin-bottom: 20px;}
	#winkelinrichting .one_of_three_columns, #winkelinrichting .one_of_three_columns_last{width: 100%; margin-bottom: 20px;}
	#winkelinrichting .light-2{font-size: 1.5em;}
	#beursstands .one_of_two_columns, #beursstands .one_of_two_columns_last{width: 100%; margin-bottom: 20px;}
	#beursstands .one_of_three_columns, #beursstands .one_of_three_columns_last{width: 100%; margin-bottom: 20px;}
	#beursstands .light-2{font-size: 1.5em;}
	#interim-en-training .one_of_two_columns, #beursstands .one_of_two_columns_last{width: 100%; margin-bottom: 20px;}
	#interim-en-training .one_of_three_columns, #beursstands .one_of_three_columns_last{width: 100%; margin-bottom: 20px;}
	#interim-en-training .light-2{font-size: 1.5em;}
	#interim-en-training .header{    background-position: 90% -20px;  background-size: 141%;}
	#horeca-en-begeleiding .one_of_two_columns, #horeca-en-begeleiding .one_of_two_columns_last{width: 100%; margin-bottom: 20px;}
	#horeca-en-begeleiding .one_of_three_columns, #horeca-en-begeleiding .one_of_three_columns_last{width: 100%; margin-bottom: 20px;}
	#horeca-en-begeleiding .light-2{font-size: 1.5em;}
	#concepten .one_of_four_columns, #concepten .one_of_four_columns_last{width: 100%; margin-bottom: 20px;}
	#contact .one_of_two_columns_without_margin{width: 100%; margin-bottom: 25px;}
	#contact .width_70{width: 100%;}
	#contact .one_of_two_columns_last{width: 100%;}
	
	.about-slider .one_of_two_columns_without_margin{width: 100%;}
	.about-slider .one_of_two_columns_without_margin .width_80{width: 75%;}
	.slick-prev, .slick-next{
	width: 25px;
	height: 25px;
	}
	
	#advies .one_of_three_columns, #advies .one_of_three_columns_last{
		width: 100%;
	} 
	
	#vervolg .items-row{display: inline-block;}
	#vervolg .one_of_two_columns_without_margin{width: 100%;}
	
	#home label{
		font-size: 2em;	
	}

	#home input[type="text"], #home input[type="number"], #home input[type="email"], #home textarea{
		font-size: 2em;	
	}

	#home input[type="text"]{
		font-family: Arial, Helvetica, sans-serif;
	}
	#laatste .one_of_two_columns, #laatste .one_of_two_columns_last{width: 100%;} 
	#laatste .one_of_five_columns, #laatste .one_of_five_columns_last{width: 100%;} 
	
	select {
		-webkit-border-radius: 14px;
		-moz-border-radius: 14px;
		border-radius: 14px;
		width:100%;
		padding:2%;
		background-color: #FFFFFF;
		border:thin solid #BBB;
		margin-bottom:10px;

	}

	
	
}

@media all and (max-width:500px), (max-device-width:500px){
    
    #referenties .kop{
        font-size:9vw;
    }
}