/* Smaller screens ----------- */
@media only screen
and (max-width : 1147px) {

.banner-content {
	margin-left: 80px!important;
}
}

#banner-fade {
	min-width: 100%;
	max-height: 360px;
	font-family: "Roboto", helvetica, arial;
	margin-top: 140px;
	display: inline-block
}
#banner-fade ul li img {
	min-width: 100%;
	height: auto!important;
}
.banner-content-wrapper {width: 1000px;	margin: 0 auto;}
.banner-content {

	width: 460px;
	float: left;

	margin: 40px auto;
	background: rgba(255, 255, 255, 0.85);
	height: 210px;
	padding: 5px 20px;
	position: absolute;
	border-radius: 3px;
}
#banner-fade p {
	font-size: 30px;
	margin-top: 10px;
	color: #005596;
	margin-bottom: 10px;
	display: block;
	float: left;
	width: 100%;
}
#banner-fade span {
	font-size: 18px;
	font-weight: 200;
	color: #333;
	display: block;
	margin-bottom: 10px;
}
.link {
	font-size: 15px;
	font-weight: 400;
	color: #FFFFFF;
	display: inline-block;
	padding: 5px 10px;
	filter: alpha(opacity=80);
	opacity: 0.80;
	margin-top: 15px;
	border-radius: 3px;
	text-decoration: none;
	text-align: center;
	
	background-color:#ff9933;
}
.link:hover {
	background-color: #0a4471;
	filter: alpha(opacity=100);
	opacity: 1;
}

ul.bjqs-controls.v-centered li a {
	display: block;
	padding: 0px 45px;
	margin-top: 0px;
	color: rgba(0,85,150,0.5);
	text-decoration: none;
	font-size: 38px;
	height: 360px;
}
ul.bjqs-controls.v-centered li a:hover {
	color: #005596;
}
ul.bjqs-controls.v-centered li a i {
	padding-top: 160px;
}

ol.bjqs-markers {
	margin-top: -85px!important;
	z-index: 1!important;
	position: absolute;

}
ol.bjqs-markers li a {
	border-radius: 20px;
	font-size: 1px;
	width: 10px;
	height: 10px;
	padding: 0px;
	border: 2px solid rgba(255,255,255,0.9);
	color: rgba(0,85,150,0);
	background: rgba(0,85,150,0.4);
	margin: 5px;
	text-decoration: none;
}
ol.bjqs-markers li.active-marker a, ol.bjqs-markers li a:hover {
	background: rgba(0,85,150,0.9);
}




/* Basic jQuery Slider essential styles */
ul.bjqs img {
    width:100%; 
}
ul.bjqs {
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
	display: none;
	/*text-align:center;*/
}
li.bjqs-slide {
	position: absolute;
	display: none;
}
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;
	position: absolute;
	
	width:1000px;
	margin-left:-500px;
	left:50%;
}
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: 96%;
	margin: 0;
	padding: 2%;
	position: absolute;
	bottom: 0;
}
