.carousel.bg-carousel {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.carousel .carousel-inner {
    height: 100%;
}

.carousel .item {
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}

.carousel .active {
    opacity: 1 !important;
}

.carousel .active.left {
    left: 0;
    opacity: 0;
    z-index: 2;
}