/* Carousel Fading slide */

.carousel-inner img {

    width: 100%;

    max-height: 420px

}



.carousel-fade .carousel-inner { background: #000; }

.carousel-fade .carousel-control { z-index: 2; }  

.carousel-fade .item {

  opacity: 0;

  -webkit-transition-property: opacity;

  -moz-transition-property: opacity;

  -o-transition-property: opacity;

  transition-property: opacity;

  }



  .carousel-fade .next.left,

  .carousel-fade .prev.right,

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



  .carousel-fade .active.left,

  .carousel-fade .active.right {

    left: 0;

    opacity: 0;

    z-index: 1;

    }





/* Safari Fix */

@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);

    }

}