/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
.carousel-overlay:before{
	 left: 0;
 	right: 0;
 	top: 0;
 	bottom: 0;
 	position: absolute;
 	content: "";
 	background-color: #000;
 	opacity: 0.50;
 	z-index: 6;
}
.carousel-overlay {
	position: relative; 
	background: #222;
	width:100%;
	z-index:5;
  }



/* Carousel base class */
.carousel {
  height: 600px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  top: 30%;
  width:100%;
  left:0;
}

.carousel-caption h1 {
  	color: white;
	margin-bottom:20px;
	font-weight: 700;
	text-transform:uppercase;
	font-size: 45px;
	text-shadow:none;
}

.carousel-caption h3 {
	color: white;
	font-weight: 300;
	margin-bottom:50px;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 600px;

}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 600px;

}

/* HIDE ARROWS */
.right.carousel-control, .left.carousel-control {
    display: none;
}