/* Carousel base class */
.carousel {
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  float:right;
}

/* Declare heights because of positioning of img element */
.carousel .item {
}
.carousel-inner > .item > img {
margin:0 auto 0px auto;
}

.carousel.carousel-fade .item {
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.carousel.carousel-fade .carousel-caption {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;

  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
  left: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
   
}
#myCarousel.carousel-fade .next,
#myCarousel.carousel-fade .prev {
  left: 0;
  z-index: 1;
   
}

.carousel.carousel-fade .carousel-control {
  z-index: 3;
}
#myCarousel {
   
}