



.swiper-button-prev:after {
	content: url("/local/templates/s1/components/bitrix/news/media-center/images/Arrow__prev.svg")!important;
}
.swiper-button-next:after {
	content: url("/local/templates/s1/components/bitrix/news/media-center/images/Arrow__next.svg")!important;
}

.news-detail .h-1 {
	margin-bottom: 30px;
}

.swiper__nav {
	display: flex;
	justify-content: flex-end;
	column-gap: 31px;
	margin-top: 50px;
}

.media__detail_slider {
	display: flex;
	column-gap: 30px;
	padding: 0 0 90px;
	position: relative;
	overflow: hidden;
}
.pt-30{
	padding-top: 30px;
}
.swiper__media__detail__1,
.swiper__media__detail__2{
	height: 460px;
	width: calc((100% - 30px) / 2);
	position: static!important;
}

.swiper__media__detail__2 {
	z-index: 2!important;
}

.swiper__media__detail__1 {
	overflow: visible!important;
}

.swiper__media__detail__2 img {
	border-radius: 0 40px;;
}

.swiper__media__detail__1 img {
	border-radius: 20px;
}


.swiper__media__detail__1 .swiper-slide {
	height: calc((100% - 30px) / 2) !important;
}

.swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.media__detail__links__container {
	display: flex;
	justify-content: space-between;
}

.detail__links__item__title {
	display: flex;
	column-gap: 7px;
	align-items: center;
}

.detail__links__item__body {
	display: flex;
	flex-direction: column;
	row-gap: 15px;
	margin: 15px 0 0 31px;
}

.media__detail__links__item {
	max-width: 30%;
}

.media__detail__links__item svg {
	width: 24px;
	height: 24px;
}

.links__item__registre {
	display: flex;
	flex-direction: column;
	row-gap: 20px;
}

.item__registre {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
 }

.refistre__box {
	align-items: flex-start;
}

.item__registre a {
	font-size: 24px;
	line-height: 28px;
}

.media__detail__desc {
	margin: 40px 0 50px;
}

.media__detail__doc__items {
	display: flex;
	justify-content: space-between;
}

.media__detail__desc ul {
	margin-left: 20px;
	display: flex;
	flex-direction: column;
	row-gap: 15px;
}

.media__detail__desc ul li {
	list-style: outside!important;
}

.detail__doc__item__title {
	display: flex;
	column-gap: 20px;
	align-items: flex-start;
}

.item__title__link {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}

.media__detail__video .h-2,
.media__detail__doc .h-2 {
	margin-bottom: 30px;
}

.media__detail__video {
	padding: 55px 0 70px;
}

.detail__video__wrap {
	margin: 0 0 20px;
}

.detail__video__wrap iframe,
.vjs-poster,
.detail__video__wrap div{
	border-radius: 20px!important;
}
.video-js .vjs-big-play-button {
	width: 86px!important;
	height: 86px!important;
	border-radius: 50px;
	background-color: rgba(255, 255, 255, 0.47)!important;
	border: 1px solid white;
}

.vjs-icon-play:before, .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before {
	content: url("/local/templates/s1/components/bitrix/player/custom-player/Polygon 1.svg");
	width: 24px;
	height: 24px;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
}

.media__detail__all_wrapper {
	margin: 30px 0 70px;
	height: fit-content;
}

.media__detail_slider {
	position: relative;
}

.media__detail_slider .swiper__media__detail__2 .swiper__nav {
	display: none;
}

@media (max-width: 1200px) {

	.links__item__registre {
		width: 100%;
	}
	.links__item__registre a {
		word-wrap: break-word;
	}

}

@media (max-width: 850px) {
	.swiper__media__detail__1 {
		display: none;
	}

	.swiper__media__detail__2 {
		width: 80%;
	}

	.media__detail_slider .swiper__media__detail__2 .swiper__nav {
		left: 0;
		position: absolute;
		top: calc(100% - 60px);
		width: 100%;
		height: 40px;
		margin-top: 0;
		display: flex;
	}

	.media__detail__links__container {
		flex-direction: column;
		row-gap: 30px;
	}

	.media__detail__links__item {
		max-width: 100%;
	}

	.media__detail_slider .swiper__media__detail__1 .swiper__nav {
		display: none;
	}

}

@media (max-width: 600px) {
	.detail__doc__item__title .button__link {
		width: 100%;
		text-align: center;
	}

	.video-js {
		margin: 0 auto;
	}

	.swiper__media .media__section__item {
		width: 100%!important;
	}

	.swiper__media {
		width: 50%;
		overflow: visible!important;
	}

	.video-js {
		width: 100%!important;
	}

}





