/* Demo CSS - You do not need this css in your own slider */

.banner-fade,
.banner-slide{
	/*margin-bottom: 60px;*/
	margin:auto;
}

ul.bjqs-controls.v-centered li a{
	display:block;
	padding:10px;
	background:#e2e2e2;
	color:#333;
	text-decoration: none;
}

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

ol.bjqs-markers li a{
	padding:5px 10px;
	background:#000;
	color:#fff;
	margin:5px;
	text-decoration: none;
}

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

p.bjqs-caption{
	background: rgba(255,255,255,0.5);
}

.banner-slide div.content {
    /*font-family: 'Roboto', sans-serif;*/
    padding:0 14%;
    text-align:center;
    color:#333;
    font-size:1.2em;
    line-height:1.2;
    position: relative;
    top: 10%;
    box-sizing:border-box;
}

.banner-slide div.content p {
	font-size:18px;
}

.banner-slide div.content h3 {
    text-transform: uppercase;
	color:#333;
    margin-top:0;
    margin-bottom:30px;
    font-size:3.3em;
    /*font-family: 'Roboto', sans-serif;*/
    font-weight:600;
}