/* 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;
}
ul.bjqs-controls {
	position:absolute;
	top:calc(50% - 12px); left:0; right:0;
	display:block;
	height:24px;
	
	list-style: none;
	
	margin: 0;
	padding: 0;
	
	z-index: 800;
	
	opacity:0;
	transition:opacity .4s ease-out;
}
#slider:hover ul.bjqs-controls { opacity:1; }
ul.bjqs-controls li a {
	position: absolute;
	top:calc(50% - 12px);
	display:block;
	height:24px;
	width:24px;
	
	border-radius:12px;
	box-shadow:0 1px 0 rgba(0,0,0,.5);
	
	background-size:100% 100%;
	
	color:transparent;
	cursor:pointer;
	
	overflow:hidden;
}
ul.bjqs-controls li.bjqs-next a {
	right: 10px;
	background-image:url(../../../images/icons/next.svg);
}
ul.bjqs-controls li.bjqs-prev a {
	left: 10px;
	background-image:url(../../../images/icons/prev.svg);
}
ol.bjqs-markers {
	position:absolute;
	bottom:7px;
	
	display:inline-block;
	list-style: none;
	padding: 0;
	margin: 0;
	
	opacity:0;
	transition:opacity .4s ease-out;
}
#slider:hover ol.bjqs-markers { opacity:1; }
ol.bjqs-markers li {
	display: inline-block;
	height:12px;
	width:12px;
	
	border-radius:6px;
	box-shadow:0 1px 0 rgba(0,0,0,.5);
	background-color:rgba(255,255,255,.65);
	
	color:transparent;
	
	margin:0 5px;
	
	overflow:hidden;
}
ol.bjqs-markers li a {
	display:block;
	height:100%;
	width:100%;
	
	color:inherit;
	
	cursor:pointer;
	
	overflow:hidden;
}
ol.bjqs-markers li.active-marker,
ol.bjqs-markers li:hover {
	background-color:rgba(255,255,255,1);
}
p.bjqs-caption {
	display: block;
	width: 96%;
	margin: 0;
	padding: 2%;
	position: absolute;
	bottom: 0;
}