/**
 * owl-nav
 */
.owl-nav div {
    position: absolute;
    top: 0;
    width: 50px;
    height: 100%;
    opacity: .8;
}

.owl-nav div:hover {
    opacity: 1;
}

.owl-nav .owl-prev {
    left: 0;
    background: linear-gradient(to right, rgba(0,0,0,.9), rgba(0,0,0,0));
}

.owl-nav .owl-next {
    right: 0;
    background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,.9));
}

.owl-nav div i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}