/* Start:/bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?176326213951*/
font.errortext{color:red}font.notetext{color:green}
/* End */


/* Start:/local/templates/ks87/components/bitrix/news.list/banners_right/style.css?17648313002107*/
.banners {
	position: relative;
	margin-bottom: 1.875rem;
	overflow: hidden;
}

.banners--has-bg {
	background-color: #f2f2f2;
	padding: 1.875rem 0;
}

.banners__list {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	z-index: 3;
	transition: opacity 0.3s ease;
	max-width: 330px;
}

.banners__loader {
	position: absolute;
	inset: 0;
	z-index: 10;
	background: rgba(255, 255, 255, 0.8);
	display: none;
	align-items: center;
	justify-content: center;
}

.banners.is-wait-loading .banners__loader { display: flex; }
.banners.is-wait-loading .banners__list { opacity: 0; pointer-events: none; }

.banner {
	position: relative;
	background: #fff;
	margin-bottom: 1px;
	overflow: hidden;

	width: 100%;
	max-width: 100%;
	flex: 0 0 100%;

	min-height: 225px;
	max-height: 450px;
}

.banner__bg {
	height: 100%;
	width: 100%;
	object-fit: contain;
}

.banner__link {
	position: absolute;
	inset: 0;
	z-index: 5;
}

.banner__overlay {
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
}

.banner__overlay::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 70%;
	z-index: 1;
	background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.85));
	opacity: 0.8;
	transition: opacity 0.2s;
}

.banner:hover .banner__overlay::before {
	opacity: 1;
}

.banner__content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 3;
	padding: 1.25rem;
	color: #f8f9fa;
	pointer-events: none;
}

.banner__title {
	display: block;
	font-size: 1.25rem;
	line-height: 1.3;
	margin: 0;
	color: #f8f9fa;
	pointer-events: auto;
}

.banner__title a {
	color: inherit;
	text-decoration: none;
}

.banner__date {
	display: block;
	font-size: 0.85em;
	margin-bottom: 0.5rem;
	opacity: 0.9;
	color: #f8f9fa;
}

/* Выезжающий текст */
.banner__desc {
	font-size: 0.9em;
	line-height: 1.2;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	color: #f8f9fa;
	margin-top: 0;
	transition: all 0.4s ease-out;
}

@media (min-width: 992px) {
	.banner:hover .banner__desc {
		display: block;
		opacity: 1;
		max-height: 8rem;
		margin-top: 0.5rem;
	}
}
/* End */
/* /bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?176326213951 */
/* /local/templates/ks87/components/bitrix/news.list/banners_right/style.css?17648313002107 */