/*#region Default Banner FullFrame*/
.m-genre-selector {
    width: 100%;
    height: 100vh;
    font-size: 0;
}

.c-genre-selector-item {
    width: 50%;
    height: 100%;
    position: relative;
    display: inline-block;
    float: left;
}

.fourned-item {
    width: 100%;
}

.c-image--genre-selector {
    height: 100%;
}

.c-image {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

    .c-image .image {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.c-genre-selector-item .c-image {
    z-index: 1;
    width: 100%;
}

.c-image > .figure {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.c-image .image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.c-genre-selector-item .image {
    object-position: 58% 0%;
}

.c-genre-selector-item:first-of-type .image {
    object-position: 98% 0%;
}

@media screen and (max-width: 899px) {
    .c-genre-selector-item .image {
        object-position: 60% 0%;
    }

    .c-genre-selector-item:first-of-type .image {
        object-position: 85% 0;
    }
}
/*#endregion Default Banner FullFrame*/