/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.owl-item {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.logo-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 120px;
}

button:focus {
    outline: none !important;
}

.owl-nav.disabled {
    display: block !important;
}

.container-carousel .carousel-mdw-logo .owl-prev,
.container-carousel .carousel-mdw-logo .owl-next {
    position: absolute;
    background-color: transparent !important;
    background: url('../img/fleche.jpg') no-repeat 7px 0px !important;
    height: 38px;
    width: 40px;
    top:50%;
    margin-top:-15px;
}

.container-carousel .carousel-mdw-logo .owl-next {
    background: url('../img/fleche.jpg') no-repeat -29px 0px !important;
}

.container-carousel .carousel-mdw-logo .owl-prev{
    left: -40px;
}
.container-carousel .carousel-mdw-logo .owl-next{
    right: -40px;
}

@media screen and (max-width: 576px) {
    .container-carousel .carousel-mdw-logo .owl-prev{
        left: -25px;
    }
    .container-carousel .carousel-mdw-logo .owl-next{
        right: -25px;
    }
}