/*owl-carouselslide dots css*/

.owl-carouselslide .owl-nav button,
.owl-catdetail .owl-nav button {
    position: absolute;
    top: 50%;
    background-color: #000;
    color: #fff;
    margin: 0;
    transition: all 0.3s ease-in-out;
}

    .owl-carouselslide .owl-nav button.owl-prev,
    .owl-catdetail .owl-nav button.owl-prev {
        left: 0;
    }

    .owl-carouselslide .owl-nav button.owl-next,
    .owl-catdetail .owl-nav button.owl-next {
        right: 0;
    }

.owl-carouselslide .owl-dots,
.owl-catdetail .owl-dots {
    text-align: center;
    padding-top: 15px;
}

    .owl-carouselslide .owl-dots button.owl-dot,
    .owl-catdetail .owl-dots button.owl-dot {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        display: inline-block;
        background: #ccc;
        margin: 0 3px;
    }

        .owl-carouselslide .owl-dots button.owl-dot.active,
        .owl-catdetail .owl-dots button.owl-dot.active {
            background-color: #000;
        }

        .owl-carouselslide .owl-dots button.owl-dot:focus,
        .owl-catdetail .owl-dots button.owl-dot:focus {
            outline: none;
        }

.owl-carouselslide .owl-nav button,
.owl-catdetail .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.38) !important;
}

.owl-carouselslide span,
.owl-catdetail span {
    font-size: 70px;
    position: relative;
    top: -5px;
}

.owl-carouselslide .owl-nav button:focus,
.owl-catdetail .owl-nav button:focus {
    outline: none;
}