.carousel .carousel-indicators li {
  margin: 0 2px;
  opacity: .5;
  cursor: pointer;
}
.fade-carousel .carousel-item {
  opacity: 0;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.fade-carousel .carousel-item.active,
.fade-carousel .carousel-item-next.carousel-item-left,
.fade-carousel .carousel-item-prev.carousel-item-right {
  opacity: 1;
}
.fade-carousel .carousel-item-left.active,
.fade-carousel .carousel-item-right.active {
  opacity: 0;
}
.fade-carousel .carousel-item-next,
.fade-carousel .carousel-item-prev,
.fade-carousel .carousel-item.active,
.fade-carousel .carousel-item-left.active,
.fade-carousel .carousel-item-prev.active {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
@supports (transform-style: preserve-3d) {
  .fade-carousel .carousel-item-next,
  .fade-carousel .carousel-item-prev,
  .fade-carousel .carousel-item.active,
  .fade-carousel .carousel-item-left.active,
  .fade-carousel .carousel-item-prev.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    }
  }
.carousel-inner {
  position: relative;
  width: 100%;
  height: calc(100vh - 56px);
  overflow: hidden;
}