/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */

.main-content {
    position: relative;
    z-index: 4;
}

    .main-content .owl-theme .custom-nav {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height:100%;
    }

        .main-content .owl-theme .custom-nav .owl-prev,
        .main-content .owl-theme .custom-nav .owl-next {
            position: absolute;
            height: 100%;
            color: inherit;
            background: none;
            border: none;
            z-index: 20;
            padding: 0;
            width: 55px;
            outline: none;
        }
        

            .main-content .owl-theme .custom-nav .owl-prev i,
            .main-content .owl-theme .custom-nav .owl-next i {
                font-size: 2.5rem;
                color: #cecece;
            }

        /*.main-content .owl-theme .custom-nav .owl-prev {
            left: 0;
        }

        .main-content .owl-theme .custom-nav .owl-next {
            right: 0;
        }*/



.owl-theme .owl-nav {
    position: relative;
}
.owl-prev {
    right: 0;
    position: absolute;
    background-image: linear-gradient( 90deg, rgba(0, 0, 0, 0.25), transparent);
}

.owl-next {
    left: 0;
    position: absolute;
    background-image: linear-gradient( 90deg, rgba(0, 0, 0, 0.25), transparent);
}

.owl-theme .owl-nav .disabled {
    display:none
}

.custom-nav.owl-nav {
    opacity: 0;
    transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -webkit-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
}

.main-content:hover .custom-nav.owl-nav {
    opacity: 1
}

.grad {
    height: 100%;
    width: 3vw;
    margin: auto;
}
.grad-right {
    background-image: linear-gradient( 90deg, transparent, rgba(0, 0, 0, 0.25));
    margin-right: 0;
}

.grad-left {
    background-image: linear-gradient( 90deg, rgba(0, 0, 0, 0.25), transparent);
    margin-left: 0;
}
.grad span {
    position: absolute;
    color: #fff;
    font-size: 2vw;
    /*top: 50%;*/
}

.grad_mask {
    height: 100%;
    width: 55px;
    z-index: 50;
    position: absolute;
    top: 0;
    z-index: 5;
}

.mask-left {
    left:0;
}