/* Start:/local/templates/nobetec/components/bitrix/news.detail/laying_page/style.css?17805807006018*/
/*start card-video*/
.card-video {
	width: 100%;
	position: relative;
}

.card-video__inner {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	height: 430px;
	cursor: pointer;
	box-shadow: 0px 4px 12px 0px rgba(141, 177, 195, 0.08);
}

.card-video__bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	opacity: 0.2;
	background: #000;
	pointer-events: none;
	bottom: 0;
	z-index: 2;
	transition: ease-in-out 0.4s;
}

.card-video__inner:hover .card-video__bg {
	opacity: 0.4;
	background: #1f1f1f;
}

.card-video__box {
	width: 100%;
	height: 100%;
}

.video-to-popup__block {
	display: none;
}

.card-video__box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.card-video__btn {
	z-index: 3;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.card-video__title {
	color: #282829;
	font-size: 28px;
	font-weight: 700;
	line-height: 140%;
	margin-top: 24px;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.card-video__btn {
	opacity: 0;
	transition: 0.3s;
}

.card-video__inner:hover .card-video__btn {
	opacity: 1;
}

.card-video--big .card-video__inner {
	height: 875px;
	border-radius: 32px;
}

.card-video--big .card-video__title {
	font-size: 36px;
	margin-top: 32px;
}

.card-video--big .card-video__bg {
	opacity: 0;
}

.card-video--shorts .card-video__inner {
	height: 410px;
	border-radius: 12px;
}

.card-video--shorts .card-video__title {
	font-size: 20px;
	margin-top: 16px;
}

.card-video--shorts:hover .card-video__btn {
	opacity: 0;
}

@media (max-width: 1920px) {
	.card-video__inner {
		height: calc(365px + (430 - 365) * ((100vw - 1536px) / (1920 - 1536)));
		border-radius: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
	}

	.card-video__title {
		font-size: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
		margin-top: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
	}

	.card-video--big .card-video__inner {
		height: calc(745px + (875 - 745) * ((100vw - 1536px) / (1920 - 1536)));
		border-radius: calc(28px + (32 - 28) * ((100vw - 1536px) / (1920 - 1536)));
	}

	.card-video--big .card-video__title {
		font-size: calc(32px + (36 - 32) * ((100vw - 1536px) / (1920 - 1536)));
		margin-top: calc(24px + (32 - 24) * ((100vw - 1536px) / (1920 - 1536)));
	}

	.card-video--shorts .card-video__inner {
		height: calc(355px + (410 - 355) * ((100vw - 1536px) / (1920 - 1536)));
	}

	.card-video--shorts .card-video__title {
		font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
	}
}

@media (max-width: 1536px) {
	.card-video--shorts .card-video__inner {
		height: calc(330px + (355 - 330) * ((100vw - 1366px) / (1536 - 1366)));
	}

	.card-video--shorts .card-video__title {
		margin-top: calc(12px + (16 - 12) * ((100vw - 1366px) / (1536 - 1366)));
		font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1536 - 1366)));
	}

	.card-video__inner {
		border-radius: 18px;
		height: calc(330px + (365 - 330) * ((100vw - 1366px) / (1536 - 1366)));
	}

	.card-video__title {
		margin-top: calc(16px + (20 - 16) * ((100vw - 1366px) / (1536 - 1366)));
		font-size: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
	}

	.card-video--big .card-video__inner {
		height: calc(675px + (745 - 675) * ((100vw - 1366px) / (1536 - 1366)));
		border-radius: calc(24px + (28 - 24) * ((100vw - 1366px) / (1536 - 1366)));
	}

	.card-video--big .card-video__title {
		font-size: calc(28px + (32 - 28) * ((100vw - 1366px) / (1536 - 1366)));
		margin-top: calc(20px + (24 - 20) * ((100vw - 1366px) / (1536 - 1366)));
	}
}

@media (max-width: 1366px) {
	.card-video__inner {
		border-radius: calc(16px + (18 - 16) * ((100vw - 1024px) / (1366 - 1024)));
		height: calc(240px + (330 - 240) * ((100vw - 1024px) / (1366 - 1024)));
	}

	.card-video__title {
		margin-top: 16px;
		font-size: calc(18px + (20 - 18) * ((100vw - 1024px) / (1366 - 1024)));
	}

	.card-video--big .card-video__inner {
		border-radius: calc(18px + (24 - 18) * ((100vw - 1024px) / (1366 - 1024)));
		height: calc(515px + (675 - 515) * ((100vw - 1024px) / (1366 - 1024)));
	}

	.card-video--big .card-video__title {
		font-size: calc(24px + (28 - 24) * ((100vw - 1024px) / (1366 - 1024)));
		margin-top: calc(16px + (20 - 16) * ((100vw - 1024px) / (1366 - 1024)));
	}

	.card-video--shorts .card-video__inner {
		height: calc(250px + (330 - 250) * ((100vw - 1024px) / (1366 - 1024)));
	}

	.card-video--shorts .card-video__title {
		margin-top: 12px;
		font-size: 16px;
	}
}

@media (max-width: 1024px) {
	.card-video--shorts .card-video__inner {
		height: 250px;
	}

	.card-video--shorts .card-video__title {
		font-size: calc(14px + (16 - 14) * ((100vw - 390px) / (1024 - 390)));
	}

	.card-video--big .card-video__title {
		font-size: calc(16px + (24 - 16) * ((100vw - 390px) / (1024 - 390)));
		margin-top: calc(12px + (16 - 12) * ((100vw - 390px) / (1024 - 390)));
	}

	.card-video--shorts .card-video__btn {
		opacity: 0;
	}

	.card-video__btn {
		opacity: 1;
	}

	.card-video__inner {
		border-radius: calc(12px + (16 - 12) * ((100vw - 390px) / (1024 - 390)));
		height: calc(210px + (240 - 210) * ((100vw - 390px) / (1024 - 390)));
	}

	.card-video__title {
		font-size: calc(16px + (18 - 16) * ((100vw - 390px) / (1024 - 390)));
		margin-top: calc(12px + (16 - 12) * ((100vw - 390px) / (1024 - 390)));
	}

	.card-video--big .card-video__inner {
		border-radius: calc(12px + (18 - 12) * ((100vw - 390px) / (1024 - 390)));
		height: calc(210px + (515 - 210) * ((100vw - 390px) / (1024 - 390)));
	}
}

@media (max-width: 390px) {
	.card-video--shorts .card-video__title {
		font-size: 14px;
	}

	.card-video--big .card-video__title {
		font-size: 16px;
		margin-top: 12px;
	}

	.card-video--big .card-video__inner {
		height: 210px;
		border-radius: 12px;
	}

	.card-video__inner {
		border-radius: 12px;
		height: 210px;
	}

	.card-video__title {
		margin-top: 12px;
		font-size: 16px;
	}
}

/*end card-video*/
/* End */
/* /local/templates/nobetec/components/bitrix/news.detail/laying_page/style.css?17805807006018 */