.slider {
	position: relative;
	height: 235px;
	overflow:hidden;
	width: 100%;
	z-index: 1;
	color: #FFF;
}
.slider > .slides > .slide {
	position: absolute;
	background-color: #03447F;
	background-repeat: no-repeat;
	background-position: center top;
	height: 760px;
	width: 100%;
	z-index: 2;
}
.slider > .slides > .slide .top {
	position: absolute;
	z-index: 2;
	top: 150px;
	left: 150px;
	height: 999px;
	width: 100%;
	max-width: 600px;
}
.slider > .slides > .slide .head {
	font-family: "Open Sans";
	font-weight: 700;
	line-height:1;
	text-shadow: rgb(0, 0, 0) 2px 2px 0px;
	display: none;
}
.slider > .slides > .slide .copy {
	font-family: "Open Sans";
	font-weight: 600;
	font-size: 18px;
	line-height: 1.25;
	text-shadow: rgb(0, 0, 0) 2px 2px 0px;
	display: none;
}
.slider > .slides > .slide .btn-link {
	font-family: "Open Sans";
	font-size: 14px;
	font-weight: 600;
	color: #FFF;
	background: #a11014;
	border: none;
	border-radius: 0;
	text-transform: uppercase;
	padding: 15px 20px;
	cursor: pointer;
	text-decoration: none;
	display: none;
}
.slider > .slides > .slide .gradient {
	position: absolute;
	z-index: 1;
	top:0;
	left:0;
	height: 999px;
	width: 100%;
	background:-webkit-linear-gradient(rgba(27, 27, 27, 0.75), rgba(255, 255, 255, 0));
	background:-moz-linear-gradient(rgba(27, 27, 27, 0.75), rgba(255, 255, 255, 0));
	background:-o-linear-gradient(rgba(27, 27, 27, 0.75), rgba(255, 255, 255, 0));
	background:linear-gradient(rgba(27, 27, 27, 0.75), rgba(255, 255, 255, 0));
}
.slider > .dots {
	position: absolute;
	top: 230px;
	left: 3%;
	z-index: 3;
}
.slider > .dots > .dot {
	background: #BBB;
	width: 15px;
	height: 15px;
	border-radius: 7px;
	cursor: pointer;
	margin-bottom: 15px;
	opacity: 0.8;
}
.slider > .dots > .dot.selected {
	background: #FFF;
	opacity: 1;
}
.slider > .dots > .dot:hover {
	background: #FFF;
	opacity: 1;
}

/* Bootstrap 3 Media Queries
-------------------------------------------*/
@media (max-width:767px) {
	.slider > .slides > .slide .top,
	.slider > .dots {
		display: none;
	}
}
@media (min-width:768px) {
	.slider {
		height: 500px;
	}
	.slider > .slides > .slide .top {
		left: 8.3333333%;
	}
}
@media (min-width:992px) {
	.slider {
		position: absolute;
		height: 999px;
	}
	.slider > .slides > .slide .top {
		max-width: 30%;
	}
}
@media (min-width:1200px) {
	.slider > .slides > .slide .top {
		max-width: 40%;
	}
    .slider > .slides > .slide .head {
        font-size: 50px;
    }
}
@media (min-width:1400px) {
	.slider > .slides > .slide .top {
		max-width: 45%;
		left: 15%;
		top: 200px;
	}
}