/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0; overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none; margin: 0; }

li.bjqs-slide img { height:100%;width:100%; background-size: cover;background-position: 50% 50%;}

ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999; display: none;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}


ol.bjqs-markers{list-style: none; padding: 0 5px 0 0; margin:-35px 0 35px 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: right;}
ol.bjqs-markers li{display:inline; margin: 0; }
ol.bjqs-markers li a{display:inline-block;}
          p.bjqs-caption{z-index: 10;text-align: left; display:block;width:100%;margin:0;padding:2%;position:absolute;bottom:0; font-size: 30px; color: #E4E4E4; font-weight: bold; }
.afmitech p.bjqs-caption{
  width: 80%;
  margin: 0 10%;
  bottom: 50%;
  font-size: 50px;
  text-align: center;
  text-transform: uppercase;
  display: none;
}
.afmitech .home p.bjqs-caption{
  display:block;
}

@media only screen and (max-width: 1000px) { .afmitech p.bjqs-caption{ font-size: 45px; } }
@media only screen and (max-width:  900px) { .afmitech p.bjqs-caption{ font-size: 40px; } }
@media only screen and (max-width:  800px) { .afmitech p.bjqs-caption{ font-size: 35px; } }
@media only screen and (max-width:  700px) { .afmitech p.bjqs-caption{ font-size: 30px; } }
@media only screen and (max-width:  600px) { .afmitech p.bjqs-caption{ font-size: 25px; } }

#banner-fade,
#banner-slide{
/*	margin-bottom: 15px; */
}

ul.bjqs-controls.v-centered li a{
	display:block;
	padding:10px;
/*	background:#fff; */
	color:#000;
	text-decoration: none;
	width: 50px;
	height: 50px;
	font-size: 0.01em;
	background-image: url(img/nav-LR.png);
	background-size: cover;
	margin: -5px 0 5px 0;
	
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition:    all 0.3s ease-in-out;
  -o-transition:      all 0.3s ease-in-out;
  transition:         all 0.3s ease-in-out;	
}
ul.bjqs-controls{display: block;}
ul.bjqs-controls.v-centered li.bjqs-next a{background-position: 110% 0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{background-position: -10% 0;}

ul.bjqs-controls.v-centered li.bjqs-next a:hover{background-position:  90% 0;}
ul.bjqs-controls.v-centered li.bjqs-prev a:hover{background-position:  10% 0;}

ul.bjqs-controls.v-centered li a:hover{
/*	background:#000;
	color:#fff;
	*/
}

ol.bjqs-markers li a{
	padding:0px 4px;
	background:#00205A;
	color:#E4E4E4;
	margin:2px;
	text-decoration: none;
	font-size: 10px;
	line-height: 1.7em;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: #5D9631;
}

p.bjqs-caption{text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); }
p.bjqs-caption{
/*	background: rgba(255,255,255,0.35);
	background: rgba(0,32,90,0.5);
	*/
}

.betonputten #banner-shade {
	background: url(img/shadow.png) no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 25px;
}
.afmitech #banner-bottom {
  position: absolute;
  bottom: -75px;
  z-index: 0;
}
.afmitech #banner-bottom img {
  width:100%;
  height:100%;
}

@media only screen and (max-width: 800px) {
	p.bjqs-caption   { font-size: 26px; }
}
@media only screen and (max-width: 640px) {
  .bjqs-markers { display: none; }
}

@media only screen and (max-width: 550px) {
	p.bjqs-caption   { font-size: 22px; }
}
@media only screen and (max-width: 480px) {
	ol.bjqs-markers  { display: none; }
	p.bjqs-caption   { font-size: 16px; }
}