.carousel.fade {
	opacity: 1 !important;
}
.carousel.fade .item, .carousel.fade .carousel-item {
	-moz-transition: opacity 0.7s ease-in-out 0s;
	-o-transition: opacity 0.7s ease-in-out 0s;
	-webkit-transition: opacity 0.7s ease-in-out 0s;
	transition: opacity 0.7s ease-in-out 0s;
	left: 0 !important;
	opacity: 0;
	top: 0;
	position: absolute;
	width: 100%;
	display: block !important;
	z-index: 1;
}
.carousel.fade .item:first-child, .carousel.fade .carousel-item:first-child {
	top: auto;
	position: relative;
}
.carousel.fade .item.active, .carousel.fade .carousel-item.active {
	opacity: 1;
	-moz-transition: opacity 0.7s ease-in-out 0s;
	-o-transition: opacity 0.7s ease-in-out 0s;
	-webkit-transition: opacity 0.7s ease-in-out 0s;
	transition: opacity 0.7s ease-in-out 0s;	
	z-index: 2;
}
.carouselControls {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-control.left {
	left: 0;
    position: absolute;
    top: 0;
    z-index: 99;
}

.carousel-control.right {
	right: 0;
    position: absolute;
    top: 0;
    z-index: 99;
}