.baner{
	position: relative;
    color: #fff
}
.baner video{
	height: 100%;
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.baner .baner-left{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 50%;
}
.baner .baner-right{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 50%;
    background: #d00 url(img/home-b-bg.jpg) no-repeat center/cover;
}

.baner__wrap {
    padding: calc(265 / var(--media-breakdown)) 0 calc(165 / var(--media-breakdown));
    position: relative;
    z-index: 10
}

.baner__subtitle {
    margin-bottom: calc(5 / var(--media-breakdown));
    font-size: calc(15 / var(--media-breakdown));
    font-weight: 700;
    color: #fff
}

.baner__title {
    max-width: calc(500 / var(--media-breakdown));
    margin-bottom: calc(35 / var(--media-breakdown));
    color: #fff
}

@media (max-width: 991px) {
    .baner::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.75)
    }
}
@media (max-width: 480px) {
	.baner .baner-left{
		width: 100%;
		z-index: 1;
	}
}

@supports (-webkit-appearance: none) {
	.baner{
		position: relative;
		color: #fff
	}
	.baner .baner-right{
		background: #d00 url(img/home-b-bg.jpg) no-repeat center/cover;
	}
}