.banner-media {
    background-color: #b2060b;
}

.media-slider {
    display: block;
}

.media-slider {
    height: 44px;
    position: relative;
}

.media-slider {
    width: 100% !important;
    margin: 0 auto;
    max-width: 1340px !important;
}

.media-slider .nav .prev {
    left: 0;
}

.media-slider .nav .prev,
.media-slider .nav .next {
    position: absolute;
    z-index: 2;
    top: 0;
    width: 40px;
    height: 100%;
    cursor: pointer;
}

.media-slider .nav .prev .arrow-left {
    -webkit-transform: translate(-20%, -50%) rotate(225deg);
    -ms-transform: translate(-20%, -50%) rotate(225deg);
    -o-transform: translate(-20%, -50%) rotate(225deg);
    transform: translate(-20%, -50%) rotate(225deg);
}

.media-slider .nav .prev .arrow-left,
.media-slider .nav .next .arrow-right {
    height: 20px;
    width: 20px;
    border-top: 3px solid #666;
    border-right: 3px solid #666;
    position: absolute;
    top: 50%;
    left: 50%;
}

.media-slider .nav .prev .arrow-left,
.media-slider .nav .next .arrow-right {
    height: 20px;
    width: 20px;
    border-top: 3px solid #666;
    border-right: 3px solid #666;
    position: absolute;
    top: 50%;
    left: 50%;
}

.media-slider .nav .next .arrow-right {
    -webkit-transform: translate(-70%, -50%) rotate(45deg);
    -ms-transform: translate(-70%, -50%) rotate(45deg);
    -o-transform: translate(-70%, -50%) rotate(45deg);
    transform: translate(-70%, -50%) rotate(45deg);
}

.media-slider .nav .next {
    right: 0;
}

.media-slider .item {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.media-slider .item.visible {
    display: block;
}