/* 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;
}

li.bjqs-slide img{
	width: 100%;
	height: 100%;
}

ul.bjqs-controls{
	list-style:none;
	margin:0;
	padding:0;
	z-index: 9;
}

ul.bjqs-controls.v-centered li a{
	position:absolute;
	z-index: 10;
}

ul.bjqs-controls.v-centered li.bjqs-next a{
	right:0;
	width: 22px;
	height: 60px;
	background: url(../images/right-arrow.png) no-repeat 3px 5px;
	padding: 5px 5px;
	opacity: 0.6;
}

ul.bjqs-controls.v-centered li.bjqs-prev a{
	left:0;
	width: 22px;
	height: 60px;
	background: url(../images/left-arrow.png) no-repeat 5px 5px;
	padding: 5px 5px;
	opacity: 0.6;
}

ul.bjqs-controls.v-centered li.bjqs-next a:hover,
ul.bjqs-controls.v-centered li.bjqs-prev a:hover{
	opacity: 1;
}

ul.bjqs-controls.v-centered li.bjqs-next a:active,
ul.bjqs-controls.v-centered li.bjqs-prev a:active{
	opacity: 0.6;
}

ol.bjqs-markers{
	position: absolute;
	list-style: none;
	padding: 0;
	margin: 0 0 0 -60px;
	width:100%;
	bottom: 10px;
	text-align: right;
	z-index: 999;
}

ol.bjqs-markers.h-centered{
	text-align: center;
}

ol.bjqs-markers li{
	display:inline;
	margin: 0 5px 0 0;
	padding: 0 5px;
	background: url(../images/bullet-2.png)no-repeat;
}

ol.bjqs-markers li.active-marker{
	background: url(../images/bullet.png)no-repeat;
}

ol.bjqs-markers li a{
	display:inline-block;
}

p.bjqs-caption{
	background: red;
	display:block;
	width:96%;
	margin:0;
	padding:2%;
	position:absolute;
	bottom:0;
}

@media(max-width: 620px){
	ul.bjqs-controls.v-centered li.bjqs-next a{
		background: url(../images/right-arrow.png) no-repeat 3px 5px;
	}

	ul.bjqs-controls.v-centered li.bjqs-prev a{
		background: url(../images/left-arrow.png) no-repeat 5px 7px;
	}
}