/* Carousel */
#carousel {
	background-color: #000;
	color: #fff;
	position: relative;
}
#slides {
	width: 100%;
	height: 550px;
	overflow: hidden;
	position: relative;
}
#carousel .slide {
	height: 550px;
	background-position: center;
}
#carousel .slide_wrapper {
	width: 100%;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
}
#slides_wrapper {
	height: 550px;
	position: absolute;
	left: 0%;
	-webkit-transition: left 0.5s; /* Safari 3.1 to 6.0 */
    transition: left 0.5s;
}
#slide_links_container {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 120px;
	background-color: rgba(0,0,0,0.7);
}
#carousel .slide_links_wrapper {
	position: relative;
}
#slide_links_wrapper {
	overflow: hidden;
	margin: 0 35px;
}
#slide_links {
	-webkit-transition: left 0.5s; /* Safari 3.1 to 6.0 */
    transition: left 0.5s;
}
@media (max-width: 991px) {
	#slide_links {
		width: 200%;
		left: -0%;
		position: relative;
	}
	#slide_links_wrapper.slide_3 #slide_links,
	#slide_links_wrapper.slide_4 #slide_links {
		left: -100%;
	}
}
@media (max-width: 767px) {
	#slide_links {
		width: 400%;
		left: -0%;
		position: relative;
	}
	#slide_links_wrapper.slide_2 #slide_links {
		left: -100%;
	}
	#slide_links_wrapper.slide_3 #slide_links {
		left: -200%;
	}
	#slide_links_wrapper.slide_4 #slide_links {
		left: -300%;
	}
}
#slide_links_container .slide_link {
	float: left;
	width: calc(25% - 40px);
	cursor: pointer;
	opacity: 0.5;
	margin: 0 20px;
	height: 105px;
}
#slide_links_container .slide_link.active, 
#slide_links_container .slide_link:hover {
	opacity: 1;
}
#slide_links_container .slide_link.active {
	border-bottom: 6px solid #e11e30;
}
#slide_links_container .slide_link h3 {
	
}
#carousel .arrows {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 40px;
	line-height: 120px;
	color: #fff;
	padding: 0 10px;
}
#carousel .arrows.right {
	left: auto;
	right: 0;
}
#carousel .carousel_inner_image {
	padding: 20px;
}
#carousel .carousel_overlay {
	background-color: rgba(0,0,0,0.7);
	padding: 20px;
}
#carousel .carousel_inner_image.true_blue {
	margin-top: 95px;
	width: 350px;
	float: left;
	margin-left: 25%;
}
#carousel .carousel_inner_image.true_blue img {
	max-width: 100%;
}
#carousel .carousel_overlay.true_blue {
	margin-top: 95px;
	width: 350px;
	float: left;
}


h2, h3, h4 {
	color: #fff;
}

#slide_links_container .slide_link {
	margin-top: 15px;
}
#slide_links_container .slide_link p,
#carousel .carousel_inner_image p {
	line-height: 18px;
}
@media (min-width: 768px) {
	.carousel_inner_image  {
		margin-top: 35px;
		box-shadow: none;
		background: rgba(0,0,0,.7);
	}
}