/* ALGEMEEN (FOUNDATION) */

.row {
 
    max-width: 80rem !important;
    
}
.columns{
	min-height: 1px ;
}

h2, h4{
	font-family: 'montserrat';
	font-weight: bold;
	text-transform: uppercase;
}


span, p{
	font-family: 'lato';
	opacity: 0.8;
	line-height: 30px;
}

.nopaddingleft{
	padding-left: 0px !important;
	
}


.reveal-modal{
	padding: 50px;
	border-radius: 25px;
}

.reveal-modal .close-reveal-modal{
	color: #F8632F;
}

.reveal-modal h2{
	margin-bottom: 25px;
	
}

.reveal-modal i{
	color: #F8632F;
}

/* HEAD */

#menubalk{
	min-height: 100px;
	background-color: #1B343D;
/* 	padding-top: 20px; */
	position: fixed;
	z-index: 9999999;
}

#menubalkpage{
		min-height: 100px;
	background: none;
/* 	padding-top: 20px; */
	position: fixed;
	z-index: 9999999;
	
}

.name img{
	max-height: 80px;
	padding-top: 20px;
}

.top-bar{
	background: none;
	height: 4rem;
}

.top-bar.expanded .title-area{
	background: none !important;
}

.top-bar-section ul li{
	background: none;
}

.top-bar-section li:not(.has-form) a:not(.button){
	background: none;
	font-family: 'montserrat';
	font-weight: bold;
	opacity: 0.8;
	font-size: 1rem;
	padding-top: 25px;
	transition: 0.2s ease-in-out;
	TEXT-TRANSFORM: UPPERCASE;
}

.top-bar-section li:not(.has-form) a:not(.button):hover{
	background: none;
	opacity: 1;
	border-top: 3px solid #F8632F;
	transition: 0.2s ease-in-out;
}

.top-bar-section li.active:not(.has-form) a:not(.button):hover{
	background: none;
	opacity: 1;
	color: #F8632F;
	transition: 0.2s ease-in-out;
}


.top-bar-section li.active:not(.has-form) a:not(.button){
	background: none;
	color: #F8632F;
	padding-top: 25px;
	transition: 0.2s ease-in-out;
}

.top-bar .toggle-topbar.menu-icon a span::after{
	
	box-shadow: 0 0 0 1px #F8632F, 0 7px 0 1px #F8632F, 0 14px 0 1px #F8632F;
}




#header{
	padding-top: 20%;
	min-height: 85% !important;
	background: #1D343E url('img/homebanner.jpg');
	background-size: cover;
	position: relative;
	padding-left: 0px !important; 
	padding-right: 0px !important;
}

#headersmall{
	
	padding-top: 220px;
	min-height: 60vh !important;
	background: #1D343E url('img/20171128-JDL_4801_1920.jpg');
	position: relative;
	padding-left: 0px !important; 
	padding-right: 0px !important;
	
	
}

#headersmall h2, #headersmall span, #headersmall p{
	color: white ;
}


.bolletjehome{
	position: absolute;
	right: 0px;
	z-index: 888888;
	top: 170px;
	width: 54% !important;
	max-width: 850px;
}


#scrollDown {
    width: 51px;
    height: 51px;
    border-radius: 50%;
    background-color: #fb6320;
    position: absolute;
    bottom: -21px;
    left: 50%;
    margin-left: -18px;
    font-size: 24px;
    text-align: center;
    transition: all .5s;
    z-index: 888888;
    padding-top: 8px;
}

#header h2, #header span, #header p{
	color: white ;
}

#header a:hover{
	color: white !important;
}

#header a{
	color: #F8632F !important;
}

.boog{
	position: absolute;
	bottom: 0px !important;
}

#blok{
	padding-right: 50px;
}

#content1{
	background: white;
	min-height: 500px;
	padding-top: 150px;
	padding-bottom: 150px;
}

#content1 h4{
	color: #F8632F;
	
}


#content2{
	min-height: 500px;
	background: #1D343E;
	padding-top: 150px;
	padding-bottom: 200px;
}

#circle{
	position: relative;
}

.circle{
	position: absolute;
	left: 100px;
	top: -130px;
	z-index: 999999;
	
}


#content2 h2, #content2 p{
	color: white;
	
}

#video{
	position: relative;
	
}

.bedrijfsfilm{
	position: absolute;
	right: 0px;
	top: -200px;
	z-index: 999999;
	width: 33%;

}

#techniek{
	min-height: 300px;
	background:red;
	float: left;
	width: 100%;
	border-radius: 25px;
	margin-bottom: 20px;
}

#techniek:hover{
	opacity: 0.5;
}

#techniek h4{
	padding-top: 125px;
	color: white;
}

.rapid{
	padding-left: 20px;
}

#content3{
	background: white;
	min-height: 500px;
	padding-top:150px;
	padding-bottom: 150px;
}

#branche{
	min-height: 240px;
	background-color: #e0e0e0;
	padding-top: 50px;
	padding-bottom: 50px;
	border-radius: 25px;
	margin-bottom: 30px;
	box-shadow: 3px 4px 37px -16px rgba(0,0,0,0.41);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}


#branche img{
	max-height: 70px !important;
	
}
#branche:hover{
	background-color: #cdcdcd;
	transition: 0.5s;
	
}

#branche h4{
	color: #F8632F;
}

#footer{
	min-height: 800px !important;
	background: #1D343E url('img/footer_background.png');
	background-repeat: no-repeat;
	background-size: contain;	
	padding-bottom: 150px;
	padding-top: 150px;
}


#footer h2{
	color: white;
	margin-bottom: 50px;
}

#footer p{color: white;}

#footer h4{
	color: #F8632F;
}

#footer a{
	color: white;
}

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



/* PAGE */

#content{
	
	min-height: 800px;
	background-color: white;
	padding-bottom: 150px;
	padding-top: 50px;
	
}

#sidebar{
	background: #f2f2f2;
	padding: 40px;

}


#quote{
	min-height: 150px;
	background-color: white;	
}

#quote .row{
	border-top: 1px solid #E0E0E0;
	padding-top: 55px;
	position: relative;
	
}

.request{
	position: absolute;
	z-index: 999999;
		right: 200px;
    top: 30px;
    max-width: 280px;
}


#contactus img{
	float: right;
	margin-top: -200px;
}


/* CONTACT */

input[type="text"], input[type="tel"], input[type="email"] {
	border: none;
	    box-shadow: none;
	    background: #f6f6f6;
	    padding: 25px;
	    min-height: 50px;
	    font-family: 'montserrat';
}

textarea{
		border: none;
	    box-shadow: none;
	    background: #f6f6f6;
	    padding: 25px;
	    min-height: 200px;
}

input[type="submit"]{
	background: #F8632F;
	min-height: 50px;
	padding-left: 50px;
	padding-right: 50px;
	font-family: 'montserrat';
	font-weight: bold;
	text-transform: uppercase;
	color: white;
	border: none;
	font-size: 15px;
	
}	
	
	
	
	@media only screen and (min-width: 40.063em) and (max-width: 64em) {
		.top-bar-section{
		
		    margin-top: 55px;
		    }
		
		.bolletjehome {
			top:300px !important;
			width: 55% !important;
			
		}
		
		#branche h4{
			font-size: 20px !important;
		}
		
		.request{
			right: 50px;
		}
		
		#quote h4{display: none !important;}
		
		.logo{
			 display: block;
			    margin-left: auto;
			    margin-right: auto;
			    width: 50%;
		}
		
		ul.right{
			width: 100%;
		}
		
		.bedrijfsfilm{
			
			width: 50%;
		}
		
		}
	
	


	// Small screens
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) { 
	
	
	input[type="submit"]{
		width: 100% !important;
	}
	
	
	.top-bar.expanded {

    padding-bottom: 20px;
}
	
	
	#menubalkpage{
		
		background: #1B343D !important;
		    min-height: 80px !important;

		} 
	
	#menubalk {
    min-height: 70px;
    background-color: #1B343D;
   padding-top: 0px;
    position: fixed;
    z-index: 9999999;
}


#headersmall{
	padding-top: 150px;
	min-height: 350px !important;
}


.right{
	margin-top: 20px !important;
}


.top-bar .toggle-topbar.menu-icon {
	margin-top: 0px;
  
    
    }
    
    .nopaddingleftmobile{
	    padding-left: 0px !important;
	    
    }
    

    
    .name img{
	    padding-top: 15px;
    }
    
    
    #header{
	    margin-top: 60px;
	    min-height: 40vh !important;
	        background-size: cover;
	        background-position: center center;
	    
    }
       
    .bolletjehome{
	    display: none;
    }
    
    #content1{
	    padding-top: 80px;
    }
    
    #blok{
	    padding-left: 0px !important;
	    padding-right: 0px;
    }
    
    .circle{
	    
	    left: 50px;
    }
    
    .rqsmall{
	    
	    margin-bottom: 50px !important;
    }
    
   .rapid{
	   padding-left: 0px;
   }
   
   .bedrijfsfilm{
	  width: 80%; 
	  
   }
	
	
	}
	
	

@media only screen and (min-width: 415px) and (max-width: 736px) {
   
   h2{
	   font-size: 22px !important;
   }
   
   #header{
	       min-height: 117vh !important;
   }
   
   .bolletjehome{
	   display: none;
   }
   
   #blok{
	   padding-right: 0px;
   }
   
   
   #headersmall{
	   padding-top: 160px;
	   min-height: 100vh !important;
   }
   .top-bar-section li:not(.has-form) a:not(.button) {
	   
    font-size: 0.85em !important;
    
    }
    
    .request{
	    display: none !important;
    }
    
   
   
}