/*colors
blue #0074B0
*/


/*fonts

*/


/*.header{
	background-image: url(../images/header-bg.jpg);
	background-size: auto 600px;
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 600px;
	

}*/


body {
 	background-color: #fff;
 	font-family: 'Lato', sans-serif;
 	font-weight: 400;
 	font-size: 14px;
 	line-height: 22px;
 	background:  url(../images/bg2024-1-1600px.jpg) no-repeat center 100px fixed; 
 	background-size:100vw;

 	
}

.section-diensten, .section-team, .section-nieuws{
	background-color: #fff;
}

strong, h3{
	color: #144f6f;
}

h1, h2, h3, h4, h5{
	font-family: 'Montserrat', sans-serif;
	color: #144f6f;
}

.section-nieuws{
	font-family: 'Lato', sans-serif;
 	font-weight: 400;
 	font-size: 14px;
 	line-height: 22px;
}

.nieuws-text{
	height:130px;
}




 .header{

	   background:  url(../images/header-ntab-alcore.jpg) no-repeat center center fixed; 
	  -webkit-background-size: 100%;
	  -moz-background-size: 100%;
	  -o-background-size: 100%;
	  background-size: 100%;
	  background-position: 0px 80px;


	  padding-top: 80px;

	  width: 100%;
	  height: 60vh;
}




.nav{
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 21px;
	color: #044366;
}

.navbar-collapse {
	padding-top: 30px;
	border: 0px solid #ffffff;
}

.navbar-collapse a {
  color: #044366 !important;
	
}

.logo{
	padding: 20px;
	position: absolute;
	z-index: 1;
	bottom: 200px;
	width: 100%;
	text-align: center;
	margin: 0 !important;


	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.9);
}

.logo .img-responsive {
	margin: 0 auto;
}


.logo-small{
	 width: 80%; 
	 margin-top:15px;
}
.gallerywrap{
	
	padding: 20px;
	position: absolute;
	z-index: 1;
	bottom: 25px;
	width: 100%;
	text-align: center;
	margin: 0 !important;
	background-color: rgb(0,116,176);
	background-color: rgba(0,116,176,0.8);
	height: 150px;
}

/* bootstrap overrides */

.navbar{
	border-width: 0px;
	z-index: 111;
	width: 100%;
	
	
}

.navbar-default {
  background-color: #fff;
  border-color: transparent;
  border-radius: 0px;
  min-height: 100px;
  padding-top:40px;
   padding-bottom:40px;
  
  border-bottom: 0px solid #0074B0;
  
-webkit-box-shadow: 0px 10px 4px 0px rgba(0,0,0,0.41); 
box-shadow: 0px 10px 4px 0px rgba(0,0,0,0.41);
  

  


  }
  
 .navbar-brand {
   float: none;
   position: absolute;
   top: -10px;
   
   display: none;

}
  
  
.navbar-default .navbar-nav>li>a {
  color: #0074B0;
  height: ;
  padding-top: 7px;
  padding-bottom: 5px;
  margin-right: 7px;
  
  /*border-top-left-radius: 7px;
  border-top-right-radius: 7px;*/
  padding-right: 20px;
  padding-left: 20px;
    
  white-space: nowrap;

}
 
 
 .navbar-default .navbar-nav>li>a:hover {
	 color: #fff !important;
	 text-decoration: ;
	 background-color: #d50e2d;
 }

 
  .navbar-default .navbar-nav>li.active>a {
	 color: #fff !important;
	 background-color: #d50e2d !important;
	 
 }
 
   .navbar-default .navbar-nav>li.active>a:hover {
	 color: #fff;
	 background-color: #d50e2d;
	 
 }
 
 
 /* NTAB */
 
 
 .cta{
	 padding-top: 10vw;
	 padding-left: 40px;
 }
 
 .cta h1{
	 font-family: 'Montserrat', sans-serif;
	 color: white;
	 font-weight: 600;
	 font-size: 45px;
 }
 
 
 .btn {
	 color: white;
	 background-color: #d50e2d;
	 border-radius: 7px;
	 font-size: 24px;
	 font-family: 'Montserrat', sans-serif;
	 font-weight: 600;
	 padding: 18px 80px;
 }
 
 .btn:hover{
	 color: #104c64;
	 background-color: white;
 }
 
 h1{
	 font-family: 'Montserrat', sans-serif;
	 color:#044366;
	 font-size: 36px;
	 font-weight: 600;
 }
 

 
 .nieuws-titel{
	 color:#044366;
 }
 
 .pt-3{
	 padding-top:30px;
 }
 
  .pt-5{
	 padding-top:50px;
 }
 
   .mt-5{
	 margin-top:50px;
 }
 
  .pb-3{
	 padding-bottom:30px;
 }
 
 .ntab h2{
	 font-family: 'Montserrat', sans-serif;
	 color: #044366;
 }
 
 span.glyphicons.glyphicons-circle-plus.plus{
	 color: #044366 !important;
 }
 
 .itemwrap{
	 border: 0px solid;
	 padding-left:  10px;
	 padding-right: 10px;
	 height: 90px;
	 margin-bottom: 20px;
 }
 
 .itemwrap:hover{
	 background-color: #efefef;
 }
 

.logo {
	 top:0px !important;
	 margin-top: 140px !important;
	 padding-bottom: 40px !important;
 }
 
.logo h1{
	 margin: 0;
	 font-size: 21px;
 }
 
 .white{
	 color: white !important;
 }
 
 .large{
	 font-size: 45px;
 }
 
 .vcenter{
	 padding-top: 250px;
	 margin-top: 0px;
 }
 
 
.visual2 {
	
 background-color: transparent; 

background-image: url(../images/visual-bg-portrait-ntab.jpg);
	  -webkit-background-size: 100%;
	  -moz-background-size: 100%;
	  -o-background-size: 100%;
	  background-size: 700px;
	  background-position:   center -250px;

 
	  width:;
	  height: 500px;
 }
 
 .bg-white{
	 background-color: #fff;
	 width: 60%;
	 margin: 40px auto;
	 padding: 30px 50px;
 }
 
 
 .bg-blue{
	 
	 background-color: #044366;
	 min-height: 435px;
 }
 
  .bg-grey{
	 
	 background-color: #e5e5e5;
	 min-height: 435px;
 }
 
 
 .team-row{
	 display: flex;
	 align-items: center;
 }
 
 .team-col-2{
	 width: 70%;
	 text-align: left;
 }
 
 .team-col-1{
	 width: 15%;
 }
 
 .team-row h3{
	 color: #044366;
	 font-size: 16px;
	 
 }
 
  .team-row p{
	 color: #044366;
	 font-size: 14px;
	 margin-top: 5px;
	 
 }
 
  .team-row .social{
	  font-size: 24px;
	  color: #044366;
	  position: relative;
	  top: -8px;
	  
  }
  
  .team-row .glyphicon{
	  font-size: 25px;
	  color: #044366;
	  position: relative;
	  top: -6px;
	 
  }
  
  
  .team-row .glyphicon:hover, .team-row .social:hover{
	  color: #df1d38;
  }
  
  .partner-wrap-2 {
  	width: 70% !important;
  	margin:20px auto;
  	
  	
  }
  
   .partner-wrap-2 p{
  	text-align: left !important;
  	
  	
  }
  
  
  a.lees-meer-ntab{
	  font-family: 'Montserrat', sans-serif;
	padding: 6px 12px;
	background-color: #df1d38; 
	display:; 
	color: white !important;
	
	border-radius: 5px;
	font-size: 11px;
	font-weight: bold;
  }
  
  
  .section-contact{
	  background-color: #044366;
	  padding-top: 30px;
	  padding-bottom: 60px !important;
	  margin-top:0px;
  }
 
 
 /*media queries
	
@media(max-width:767px){}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}


*/


/* Small devices (tablets, 768px and up) */
@media(min-width:768px){ 
	
	
	 .visual2 {
	
 background-color: ; 

background-image: url(../images/visual-bg-portrait-ntab.jpg);

	  -webkit-background-size: 100%;
	  -moz-background-size: 100%;
	  -o-background-size: 100%;
	  background-size: 100%;
	  background-position: 0px 0px;

 
	  width:;
	  height: 500px;
 }
	
	

	.logo {
	 top:0px !important;
	 margin-top: 100px !important;
	 padding-bottom: 0px !important;
	 padding-top: 30px !important;
	 height: 100px;
	 top:350px !important;
	 
 }
 
 .logo h1{
	 margin: 0;
	 font-size: 36px;
 }

	
	 }
	 
	 
	 
/* Large devices (desktops medium, 1100px and up) */
@media(min-width:991px){ 
	
	
	 .visual2{
	
	 
	 background-image: url(../images/visual-bg-ntab.jpg);

	 background-size: 100%;
	 background-position: center top;
	 background-attachment: fixed;
	 height: 500px;
 }
	

	.logo {
	 top:0px !important;
	 margin-top: 100px !important;
	 padding-bottom: 0px !important;
	 padding-top: 30px !important;
	 height: 100px;
	 top:350px !important;
	 
 }
 
 .logo h1{
	 margin: 0;
	 font-size: 36px;
 }


.logo-small{
	 width: 100%; 
	 margin-top: 0px;
	 
}

	
	 }
  

  
/* Large desktops and laptops */
@media (min-width: 1200px) {
	
	
	 .vcenter{
	 padding-top: 270px;
 }
 
 
 
 

	
	.visual2{
	
	 
	 background-image: url(../images/visual-bg-ntab.jpg);

	 background-size: cover;
	 background-position: center center;
	 background-attachment: fixed;
	 height: 600px;
 }
	
	
	.logo {
	 top:0px !important;
	 margin-top: 100px !important;
	 padding-bottom: 0px !important;
	 padding-top: 30px !important;
	 height: 100px;
	 top:350px !important;
	 
 }
 
 .logo h1{
	 margin: 0;
	 font-size: 36px;
 }
 

	
	.navbar-default .navbar-nav>li>a {
  color: #044366;
  height: ;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-right: 15px;
  
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding-right: 20px;
  padding-left: 20px;
    
  white-space: nowrap;
  
  

}

 .header{
	background-image: url(../images/header-ntab-alcore.jpg);
	background-size: cover;
	background-position: center 82px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 75vh;
}




.logo{
	padding: 20px;
	position: absolute;
	z-index: 1;
	bottom: 270px;
	width: 100%;
	text-align: center;
	margin: 0 !important;


	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.9);
}

.logo .img-responsive {
	margin: 0 auto;
}


.logo-small{
	 width: 80%; 
	 margin-top:7px;
}
.gallerywrap{
	
	padding: 20px;
	position: absolute;
	z-index: 1;
	bottom: 25px;
	width: 100%;
	text-align: center;
	margin: 0 !important;
	background-color: rgb(0,116,176);
	background-color: rgba(0,116,176,0.8);
	height: 150px;
}


}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	
	.navbar-default .navbar-nav>li>a {
  color: #044366;
  height: ;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-right: 15px;
  
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;

  padding-right: 20px;
  padding-left: 20px;
    
  white-space: nowrap;

}


 .header{
	background-image: url(../images/header-ntab-alcore.jpg);
	-webkit-background-size: 120%;
	  -moz-background-size: 120%;
	  -o-background-size: 120%;
	background-size: 120%;
	background-position: center 82px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 600px;
}




.logo{
	padding: 20px;
	position: absolute;
	z-index: 1;
	bottom: 270px;
	width: 100%;
	text-align: center;
	margin: 0 !important;


	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.9);
}

.logo .img-responsive {
	margin: 0 auto;
}


.logo-small{
	 width: 80%; 
	 margin-top:7px;
}
.gallerywrap{
	
	padding: 20px;
	position: absolute;
	z-index: 1;
	bottom: 25px;
	width: 100%;
	text-align: center;
	margin: 0 !important;
	background-color: rgb(0,116,176);
	background-color: rgba(0,116,176,0.8);
	height: 150px;
}


}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

.logo-small{
	 width: 80%; 
	 margin-top: 0px;
	 
}

	.navbar-default .navbar-nav>li>a {

  
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  
  padding: 7px 10px 5px 8px;
  
  color: #044366;


}


 .header{
	background-image: url(../images/header-ntab-alcore.jpg);
	 -webkit-background-size: 100%;
	  -moz-background-size: 100%;
	  -o-background-size: 100%;
	  background-size: 100%;
	background-position: center 82px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 55vh;
}

.logo{
	padding: 20px;
	position: absolute;
	z-index: 1;
	bottom: 40%;
	width: 100%;
	text-align: center;
	margin: 0 !important;


	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.9);
}

.gallerywrap{
	
	padding: 20px;
	position: absolute;
	z-index: 1;
	bottom: 6%;
	width: 100%;
	text-align: center;
	margin: 0 !important;
	background-color: rgb(0,116,176);
	background-color: rgba(0,116,176,0.8);
	height: 150px;
}


 .bg-white{
	 padding: 30px 30px ;
	 width: 80% ;
 }




}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	
	
	body {
 	background-color: #fff;
 	font-family: 'Lato', sans-serif;
 	font-weight: 400;
 	font-size: 14px;
 	line-height: 22px;
 	background:  url(../images/bg2024-1-1600px.jpg) no-repeat center 130px fixed; 
 	background-size:150vw;

 	
}
	
	 
  .header{
	 height: 500px;
 }

}

/* Portrait phones and smaller */
@media (max-width: 480px) {
	
	
	 .header{
	 height: 400px;
 }
	
	 .cta{
	 padding-top: 60px;
	 padding-left: 20px;
 }
 
 .cta h1{
	 font-family: 'Montserrat', sans-serif;
	 color: white;
	 font-weight: 600;
	 font-size: 31px;
 }
 
 
 .btn {
	 color: white;
	 background-color: #d50e2d;
	 border-radius: 7px;
	 font-size: 18px;
	 font-family: 'Montserrat', sans-serif;
	 font-weight: 600;
	 padding: 4px 20px;
 }
 

 
 .section-diensten h1{
	 margin-bottom: 0px;
	 
 }
 
 .bg-white{
	 padding: 30px 30px ;
	 width: 80% ;
 }
 
 .large{
	 font-size: 40px;
 }
 .vcenter{
	 
	 padding-top:180px;
 }
 
  h1{
	 font-family: 'Montserrat', sans-serif;
	 color:#044366;
	 font-size: 31px;
	 font-weight: 600;
 }
 
 

}