/**
 * @source https://bootsnipp.com/snippets/zDQkr
 */

.multi-carousel {
    float: left;
    overflow: hidden;
    width: 100%;
    position: relative;
    height: inherit;
}
.multi-carousel .multi-carousel-inner {
    transition: 1s ease all;
    float: left;
}
.multi-carousel .multi-carousel-inner .item {
    float: left;
}
.multi-carousel .left-list, .multi-carousel .right-list {
    position: absolute;
    border-radius: 50%;
    top: calc(50% - 20px);
}
.multi-carousel .left-list {
    left: 0;
}
.multi-carousel .right-list {
    right: 0;
}
.multi-carousel .left-list.over, .multi-carousel .right-list.over {
    pointer-events: none;
    background-color: rgba(255,255,255,0.3);
    cursor: initial;
}