.owl-carousel {
    display: block;
    visibility: hidden;
}
    .owl-carousel.owl-loaded {
        visibility: visible;
    }


.owl-dots {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
}

.owl-dot {
    outline: none;
}

.owl-theme .owl-dots .owl-dot span {
    background: #000;
    border: 2px solid #fff;
    width: 18px;
    height: 18px;
    margin: 0 7px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: red;
}