/* ------------------------------------------------------------------
carousel owl sliders
------------------------------------------------------------------- */
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
    position: absolute;
    background: #fff;
    display: block;
    height: 40px;
    width: 40px;
    top: 50%;
    margin: -40px 10px 0;
    padding: 0;
    opacity: 0;
    text-align: center;
    line-height: 40px;
    font-size: 17px;
    color: #111;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.owl-carousel .owl-nav .owl-prev {
    left: -20px;
}

.owl-carousel .owl-nav .owl-next{
    right: -20px;
}


.owl-carousel:hover .owl-nav .owl-prev {
    opacity: 0.9;
    left: 0px;
}

.owl-carousel:hover .owl-nav .owl-next {
    opacity: 0.9;
    right: 0px;
}