/*
    Owl Carousel
    ------------
*/
.owl-dots {
    text-align: center;
    margin-top: 2rem;
    }
.owl-dots .owl-dot {
    cursor: pointer;
    opacity: .7;
    width: 3vw;
    height: .75rem;
    border: 2px solid;
    border-radius: 2px;
    margin: 4px;
    display: inline-block;
    background-color: transparent;
    transition: all linear /*style.animation_speed(*/0.2s/*)*/;
    vertical-align: middle;
    }
.owl-dots .owl-dot.active {
    opacity: 1;
    border: 2px solid /*style.primary(*/#3e653e/*)*/;
    background-color: /*style.primary(*/#3e653e/*)*/;
    width: 6vw;
    height: 1rem;
    }