/***** Style sheet for Dynamic Content Carousel ******/
.carousel.fade {
  opacity: 1;
    z-index: 3;
}
.carousel.fade .item {
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  -ms-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  left: 0 !important;
  opacity: 0;
  top:0;
  position:absolute;
  width: 100%;
  display:block !important;
  z-index:1;
}
.carousel.fade .item img {
    width: 100%;
}
.carousel.fade .item:first-child {
  top:auto;
  position:relative;
}
.carousel.fade .item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  -ms-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  z-index:2;
}
.carousel.fade .carousel-control {
    display: none;
    z-index:4;
    border-radius: 10px;
    border: none;
    opacity: 0.6;
    line-height: 25px;
}

.carousel.fade .carousel-control:hover {
     opacity: 0.8;  
}
.carousel.fade:hover  .carousel-control{
    display: block;
}