/* Heroes */
@media screen and (min-width: 768px) {
    .c-hero > div> div,
    .m-hero-item> div> div {
        padding-left: 100px !important;
    }
}

.c-carousel li.f-animate-next .c-hero > div,
.c-carousel li.f-animate-next .m-hero-item > div {
    animation: none;
}

@media screen and (min-width: 1084px) and (max-width: 1400px) {
    .c-hero > div> div,
    .m-hero-item> div> div {
        width: 440px !important;}
}

@media screen and (max-width: 765px) {
 .m-hero-item > div {
    height: 250px;
    overflow: visible;}

[class*=f-x][class*=f-y].m-hero-item > div > div {
    top: calc(55%);}
}

.m-hero .c-sequence-indicator,  .m-hero .c-action-toggle {background-color: rgba(0, 0, 0, 0.4) !important;}

.m-hero .c-sequence-indicator button, .m-hero .c-sequence-indicator a {
    width: 22px;
    height: 20px;
}
.m-hero .c-sequence-indicator button:focus {
    outline: 2px dashed #fff !important;
    border: 2px dashed #000 !important;
}

.m-hero-item h2.c-heading {
    max-height: 212px !important;
}