/*--contact bar boven menu --*/
		 .top_panel_top {
			 background-color: #242526;
			 height: 52px;
			}
		 
		 .content_wrap {
       
			 margin: 0 auto;
    	}
		.content{
			margin-top: 8.5%;
		}
		
		 .top_panel_top_contact_area, .top_panel_top_mail_area {
			 font-family: 'Quicksand', sans-serif;
			  font-weight: 300;
			  line-height: 1.2;
			  font-size: 1.8rem;
			  letter-spacing: 0.2px;
			  color: #f5f8fb;
			  padding-left: 2%;
			  padding-top: 1%;
			  float: left;
			  min-width: 30%;
		 }
		  .top_panel_top_contact_area a, .top_panel_top_mail_area a {
		 	  padding-right: 1%;
			  font-family: 'Quicksand', sans-serif;
			  font-weight: 300;
			  line-height: 1.2;
			  font-size: 1.8rem;
			  letter-spacing: 0.2px;
			  text-align: left;
			  color: #f5f8fb;
		 }
		  .top_panel_top_contact_area address {
				 float: right;
		  		margin-bottom: 0em;
		  		line-height: inherit;
		 }
		 .top_panel_top_mail_area {
    		float: right;
			 min-width: 20%;
			 color: #f5f8fb;
		 }
		 .navbar{
			 margin-top: 3%;
		 }

	 /*--navigation--*/
		 #debackerbjornBalk {
       padding-top: 19rem;
		 }
		 .navbar {
        background:#1a2855; /*--donkergrijs #363946 --*/
   
    }
.active {
  background:#dfe0e5;
	
  border-left:2px solid #00f;
}
.navbar ul.navbar-nav .active a{
	color: #1a2855;
}
		 .navbar-header{
			  
       transition: height 500ms, background 500ms;
			 
    		transition: all 0.4s ease-in-out 0s;
		 }
		 .iat-logo {
    background: url("../images/logo_debackerbjorn_algbouww.jpg");
    background-repeat: no-repeat;
   height: 87px;
  transition: all 0.4s ease-in-out 0s;
  background-size: contain;
			margin: 2% 0;
}
		.nav-header.tiny {
    height:70px;
    color: #fff;
}
.tiny .iat-logo {
    background: url("../images/logo_debackerbjorn_algbouww.jpg");
    background-repeat: no-repeat;
    background-size: contain;
	-ms-transform: scale(0.9, 0.9);
-webkit-transform: scale(0.9, 0.9);
  transform: scale(0.9, 0.9);
  margin: 1% 0;
    transition: all 0.4s ease-in-out 0s;
}
		  .navbar-right {
     padding-top: 2%;
  }
.navbar-brand{
  color:white;
}
    .navbar ul.navbar-nav a {
       font-family: 'Quicksand', sans-serif;
    font-weight: 300;
    line-height: 1.2;
    font-size: 2.5rem;
        letter-spacing: 0.2px;
        text-align: left;
        color: #f5f8fb;
		 text-transform: uppercase; 
    }

    .navbar ul.navbar-nav a:hover, .navbar ul.navbar-nav a:focus {
        background: blue;
    }

    .navbar button.navbar-toggle {
        background: #1a2855;
        border-radius: 3px;
    }

    .navbar button.navbar-toggle:hover {
        background: #1a2855;
    }

    .navbar button.navbar-toggle > span.icon-bar {
        background: white;
    }

    .navbar {
        -webkit-transition: all 0.6s ease-out;
        -moz-transition: all 0.6s ease-out;
        -o-transition: all 0.6s ease-out;
        -ms-transition: all 0.6s ease-out;
        transition: all 0.6s ease-out;
    }

    .navbar.scrolled {
        background: #1a2855; /*--grijs #363946--*/
        opacity: 0.9;
        
    }
 .navbar-fixed-top .navbar-collapse{
    max-height: inherit;
		 }
		 
		 /*--media queries--*/
		 @media screen and (max-width:1630px){
			 .top_panel_top_contact_area, .top_panel_top_mail_area {
				 min-width: 32%;
			 }
		}

		@media screen and (max-width:1540px){
			 .top_panel_top_contact_area, .top_panel_top_mail_area {
				 min-width: 34%;
			 }
		}

		@media screen and (max-width:1450px){
			.top_panel_top_contact_area, .top_panel_top_mail_area {
				font-size: 1.6rem;
			}
			.top_panel_top_contact_area a, .top_panel_top_mail_area a {
				font-size: 1.6rem;
			}
		}

		@media screen and (max-width:1410px){
			.top_panel_top_mail_area {
			  min-width: 23%;
			}
		}

		@media screen and (max-width:1320px){
			 .top_panel_top_contact_area, .top_panel_top_mail_area {
				 min-width: 36%;
			 }
		}
	@media screen and (max-width:1255px){
			 .top_panel_top_contact_area, .top_panel_top_mail_area {
				 min-width: 38%;
			 }
			.navbar ul.navbar-nav a {
				font-size: 2.3rem;
			}
			.navbar-nav.navbar-right:last-child {
			margin-right: -7px;
		  }
		.top_panel_top_mail_area {
  			  min-width: 25%;
		}
		}

		@media screen and (max-width:1175px){
					 .top_panel_top_contact_area, .top_panel_top_mail_area {
						 min-width: 40%;
					 }
					.top_panel_top_mail_area {
					  min-width: 26%;
					}
			._ABCz {
  				  right: 19%
			}
		}
		@media screen and (max-width: 1081px) {
		  .top_panel_top_contact_area, .top_panel_top_mail_area {
			min-width: 42%;
		  }
		}
		@media screen and (max-width: 1024px) {
		  .top_panel_top_contact_area, .top_panel_top_mail_area {
			min-width: 45%;
		  }
			 .top_panel_top_mail_area {
			min-width: 28%;
		  }
					  .navbar ul.navbar-nav a {
			font-size: 2.1rem;
		  }
			.slider > ul > li {
			   width: 16px!important;
			  height: 16px!important;
			}
		}


@media screen and (max-width: 960px) {
  .top_panel_top_contact_area, .top_panel_top_mail_area {
    min-width: 49%;
  }
}
@media screen and (max-width: 900px) {
  .top_panel_top_mail_area {
    min-width: 31%;
  }
}
@media screen and (max-width: 870px) {
  .top_panel_top_contact_area, .top_panel_top_mail_area {
    min-width: 52%;
  }
	 .navbar ul.navbar-nav a {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 820px) {
  .top_panel_top_contact_area, .top_panel_top_mail_area {
    min-width: 54%;
  }
}
@media screen and (max-width: 800px) {
  .top_panel_top_mail_area {
    min-width: 34%;
  }
}
@media screen and (max-width: 790px) {
  .top_panel_top_contact_area a, .top_panel_top_mail_area a, .top_panel_top_contact_area{
    font-size: 1.4rem;
  }
	.top_panel_top_contact_area, .top_panel_top_mail_area {
    min-width: 51%;
  }
	 .top_panel_top_contact_area, .top_panel_top_mail_area {
    font-size: 1.4rem;
  }
}

/*--toggle menu--*/
@media screen and (max-width: 767px) {
			.navbar button.navbar-toggle > span.icon-bar {
			  background:#1a2855;
			}
			.navbar button.navbar-toggle {
			  background: #ffffff;
			}

			 .iat-logo {
				   	-ms-transform: scale(0.9, 0.9);
			  		-webkit-transform: scale(0.9, 0.9);
		 			transform: scale(0.9, 0.9);
			
			 }
			.navbar button.navbar-toggle:hover {
		  		background:#ffffff;
			}
			.navbar-toggle {
		   margin-right: 2px;
			}
		 }


@media screen and (max-width: 735px) {
  .top_panel_top_contact_area, .top_panel_top_mail_area {
    min-width: 54%;
  }
	.slider > ul > li {
  padding: 0;
  width: 14px!important;
  height: 14px!important;
	}
}

@media screen and (max-width: 700px) {
	section.BDB {
		padding-top: 8%;
	}
.navbar {
  margin-top: 6%;
}
	.top_panel_top_contact_area address {
  float: left;
}
	div:not([class*="navbar-wrapper"]) > .navbar .navbar-nav > li > a {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 8%;
}
	.navbar-right {
  padding-top: 0%;
}
	 .top_panel_top_contact_area, .top_panel_top_mail_area {
    min-width: 36%;
  }
}

@media screen and (max-width: 620px) {
  .top_panel_top_contact_area, .top_panel_top_mail_area {
    min-width: 36%;
  }
}

@media screen and (max-width: 600px) {
  .navbar {
    margin-top: 8%;
  }
	.top_panel_top_contact_area, .top_panel_top_mail_area {
    line-height: 1.6;
	}
	  .top_panel_top_contact_area, .top_panel_top_mail_area {
    min-width: 100%;
    width: 100%;
	}
	  .top_panel_top_contact_area address {
   
    padding-right: 2%;
  }
	
}



@media screen and (max-width: 580px) {
	
	.navbar {
    margin-top: 9%;
  }
	.titleBar h1 {
 
  font-size: 2.1rem !important;
	}
}

@media screen and (max-width: 500px) {
	section.BDB {
		padding-top: 8%;
	}
		.titleBar h1 {
		  font-size: 1.8rem !important;
		}
	.titleBar h2 {
   font-size: 1.6rem !important;
	}
	  .slider > ul > li {
    padding: 0;
    width: 11px !important;
    height: 11px !important;
  }
}

@media screen and (max-width: 486px) {
  .navbar {
    margin-top: 10.5%;
  }
}

@media screen and (max-width: 400px) {
	section.BDB {
		padding-top: 12%;
	}
  .navbar {
    margin-top: 12.5%;
  }
	.slider > ul {
		display:none;
	}
	.titleBar h1 {
		  font-size: 1.6rem !important;
		}
	.titleBar h2 {
   font-size: 1.4rem !important;
	}
}

@media screen and (max-width: 375px) {
  .navbar {
    margin-top: 18.5%;
  }
	.top_panel_top {
  background-color: #242526;
  height: 70px;
}
}