
/*--- Обнуление ---*
*,*:before,*:after{
	padding: 0;
	margin: 0;
	border: 0;
	box-sizing: border-box;
}

.wrapper {
	width: 800px;
	padding: 0;
}
*/
.video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    background-color: #000000;
	border: 0px solid red;
}

.video__media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border: none;
}

.video__button {
    position: absolute;
    top: 50%;
    left: 50%;
	padding: 0;
	width: 68px;
    height: 48px;
    border: none;
    background-color: transparent;
	/*background-color: #ff0000;*/
    transform: translate(-50%, -50%);
}

.video__button:hover {
	background-color: transparent;
}

/*Это сама кнопка*/
.video__button-shape {
    fill: #ff0000;
    /*fill-opacity: 0.8;*/
	cursor: pointer;
	/*z-index: 100;*/
}

/*Это треугольник внутри кнопки*/
.video__button-icon {
    fill: #ffffff;
	cursor: pointer;
}

/*---Адаптация видео---*/
.item__video {
	display: none;
	/*display: block;*/
	position: relative;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 56.2% 0px;
	/*cursor: pointer;*/
}

.item__video video {
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.item__video._active {
	/*display: none;*/
	display: block;
	position: relative;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 56.2% 0px;
	/*cursor: pointer;*/
}

.item__video._active video {
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*---Адаптация видео---*/
