@import url('https://fonts.googleapis.com/css?family=Baumans:400');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');

/* 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; width:100%;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
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; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:100%;margin:0;padding:2%;position:absolute;bottom:0;}

/* Style in style.css
#banner-fade,
#banner-slide{
    margin-bottom:0px;
}
*/

ul.bjqs-controls.v-centered li a{
	display:block;
	height:1.0em;
	padding:10px 15px 14px;
	background:rgba(255,255,255,0.5);
	color:#000000;
	text-decoration:none;
}

ul.bjqs-controls.v-centered li a:hover{
	background:rgba(0,0,0,0.5);
	color:#fff;
}

ol.bjqs-markers li a{
	width:8px;
	height:8px;
	background:#999999;
	color:#fff;
	margin:10px 5px;
	text-decoration:none;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;
	border-radius:8px;
}

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

p.bjqs-caption {
	font-family:Baumans,'Helvetica Neue',Helvetica,sans-serif;
	font-weight:400;
  	color:#0079C1;
  	text-shadow:#FFF 0 1px 0;
  	text-align:center;
  	width:140px;
    height:140px;
  	float:left;
  	margin-left:5%;
  	margin-bottom:25%;
  	padding:35px;
  	background-color:#ffffff;
    background-color: rgba(255,255,255,0.7);
  	font-size:1.8em;
    line-height:1.2em;
  	border:1px solid #fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-ktml-border-radius:50%;
    border-radius:50%;
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

@media only screen and (max-width:780px) {
	p.bjqs-caption {
		margin-bottom:10%;
	}
}

@media only screen and (max-width:550px) {
	p.bjqs-caption {
		display:none;
	}
}