/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 350px;
  margin-bottom: 0px;
	background-color: #000000;
}


/* Since positioning the image, we need to help out the caption */
.carousel-caption-right {
  z-index: 10;
	margin-left: auto;
	color: #ffffff;
	background: rgb(0, 0, 0);  background: rgba(0, 0, 0, 0.7); padding-left: 20px;padding-right: 20px; padding-top: 1px;padding-bottom: 1px;
	
}

.carousel-caption-left{
  z-index: 10;
	margin-right: auto;
	color: #ffffff;
	background: rgb(0, 0, 0);  background: rgba(0, 0, 0, 0.7); padding-left: 20px;padding-right: 20px; padding-top: 1px;padding-bottom: 1px;
}
.carousel-caption-left h1{
  text-align:left;
	
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 350px;
  background-color: #000000;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center bottom;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 350px;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
} 
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}