/*17. banner rotativo*/
.banner-rotativo .m-slide {
    margin-bottom: 80px;
    margin-top: 80px;
}
.banner-rotativo .m-slide__item {
    display: flex;
    align-items: center;
}
.banner-rotativo .m-slide__item--dark {
    background: #002a3f;
}
.banner-rotativo .m-slide__item__image {
    position: relative;
    min-width: 50%;
}
.banner-rotativo .m-slide__item__image--video::after {
    position: absolute;
    display: block;
    content: "";
    width: 66px;
    height: 66px;
    top: 50%;
    left: 50%;
    margin-top: -33px;
    margin-left: -33px;
    background: url("../../images/icons/ico-play.svg") no-repeat;
}

.banner-rotativo .m-slide__item__content {
    padding: 0 100px;
}

.banner-rotativo .m-slide__item__title {
    font-weight: 400;
    font-size: 32px;
    color: #002a3f;
    margin-bottom: 12px;
}
.banner-rotativo .m-slide__item__content p {
    margin-bottom: 30px;
}

.banner-rotativo .m-slide__item--dark .m-slide__item__title {
    color: #fff;
}
.banner-rotativo .m-slide__item--dark .m-slide__item__content p {
    color: #fff;
}
.banner-rotativo .m-slide__item--dark .m-link {
    color: #fff;
}
.banner-rotativo .m-slide__item--dark .m-link::after {
    background-image: url("../../../assets/images/icons/arrow-white.svg");
}
.banner-rotativo .m-slide__item--dark .m-link:before {
    background: #fff;
}
.banner-rotativo .m-slide .owl-dots {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.banner-rotativo .m-slide .owl-dots .owl-dot span {
    display: block;
    width: 12px;
    height: 12px;
    border: solid 1px #fff;
    margin: 6px;
    background: #cccccc;
}
.banner-rotativo .m-slide .owl-dots .owl-dot.active span {
    background: #0bbbef;
    border-color: #0bbbef;
}
@media (max-width:1200px) {
    .banner-rotativo .m-slide__item__image {
        width: 50%;
    }
    .banner-rotativo .m-slide__item__image img {
        max-width: 100%;
    }
    .banner-rotativo .m-slide__item__content {
        padding: 30px 20px;
    }
}
@media (max-width: 576px) {
    .banner-rotativo .m-slide__item {
        flex-direction: column;
    }
    .banner-rotativo .m-slide__item__image {
        width: 100%;
    }      

    .banner-rotativo .m-slide__item__image img,
    .banner-rotativo .m-slide__item__image iframe {
        height: 250px;
    } 
}