.owl-dots {
    text-align: center;
    margin-top: 15px

}

.owl-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    box-shadow: 0 0 0 3px rgba(0,0,0,.1);
    background-color: rgba(0,0,0,.3);
    margin: .4rem .6rem;
    border-radius: 999px;
	@include mb2_transition1(all, .15s);

	&.active {
		background-color: $accent1;
	}
}

.owl-carousel.owl-hidden {
    opacity: 1 !important;
}


.owl-nav {

    $owl_nav_size: 46px;
    @include mb2_transition1(all, .35s);

    > div {
        display: block;
        @include mb2_border_radius(999px);
        width: $owl_nav_size;
        height: $owl_nav_size;
        line-height: $owl_nav_size;
        background-color: rgba(255,255,255,.98);
        color: #000;
        position: absolute;
        top: 50%;
        margin-top: ($owl_nav_size/2) * -1;
        text-align: center;
        font-size: 1.43rem;
        @include mb2_box_shadow(0 0 5px, rgba(0,0,0,.2));

        &.owl-prev {
            left: ($owl_nav_size/2) * -1;
            text-indent: -1px;
        }

        &.owl-next {
            right: ($owl_nav_size/2) * -1;
            text-indent: 1px;
        }

        @media only screen and (max-width: $wdlargedevice){

            &.owl-prev {
                left: -12px;
            }

            &.owl-next {
                right: -12px;
            }

        }

        &.disabled {
            display: none;
        }
    }


    .owl-carousel:hover & {
        opacity: 1;
    }

}