/* Start:/bitrix/templates/teplograd_max/components/bitrix/news/news/style.min.css?16947851012333*/
.head-block.top.with-tabs .item-link:not(:hover){background:#fafafa;background:var(--light_bg_black)}.select_head_wrap .menu_item_selected{position:relative;padding:15px 55px 15px 25px;margin:0 0 -1px;cursor:pointer;color:#333;color:var(--white_text_black)}.select_head_wrap .menu_item_selected .svg.svg-inline-down{right:15px;position:absolute;top:50%}@media (min-width:768px){.select_head_wrap .menu_item_selected+.head-block{display:block!important;margin:0 0 32px}.head-block.top.with-tabs.srollbar-custom .mCSB_container{padding-bottom:20px}}@media (max-width:767px){.select_head_wrap{margin-bottom:32px}.select_head_wrap .head-block.top{margin-bottom:0}.select_head_wrap .head-block.top .item-link{display:block;float:none}.select_head_wrap .menu_item_selected.opened .svg.svg-inline-down{transform:rotate(180deg)}.select_head_wrap .menu_item_selected+.head-block{display:none}.select_head_wrap .head-block.top .item-link{border-bottom:1px solid #eee;border-color:var(--stroke_black)}.select_head_wrap .head-block.top .item-link:last-child{border-bottom:none}.select_head_wrap .head-block.top:not(.with-tabs) .item-link{border-right:none}.select_head_wrap .head-block .item-link .title span,.select_head_wrap .head-block.top .item-link .title .btn-inline{padding:15px 55px 15px 25px}.select_head_wrap .head-block.top.with-tabs .item-link{margin:0;border:none;border-bottom:1px solid #eee;border-color:var(--stroke_black);border-radius:0}.select_head_wrap .head-block.top.with-tabs .item-link.active:last-child:hover,.select_head_wrap .head-block.top.with-tabs .item-link:last-child{border-bottom:none}.select_head_wrap .head-block.top.with-tabs{border:1px solid #eee;border-color:var(--stroke_black)}.select_head_wrap .head-block.top.with-tabs .item-link:hover{box-shadow:none;transform:none}.select_head_wrap .head-block.top.with-tabs .item-link.active:hover{border:none;border-bottom:1px solid #eee;border-color:var(--stroke_black)}.select_head_wrap .head-block.top.with-tabs .item-link.active .title span:before{border-top-right-radius:0;border-top-left-radius:0;left:-1px;top:0;bottom:0;right:auto;height:auto;width:2px}.select_head_wrap{position:relative}.select_head_wrap .head-block.top{position:absolute;left:0;right:0;z-index:110;max-height:220px;overflow:hidden;background-color:#fff;background:var(--card_bg_black)}}
/* End */


/* Start:/bitrix/templates/teplograd_max/components/bitrix/news.list/news-tg/style.css?178847565512911*/
/* Теплоград, 02.09.2026. Страница «Новости», вариант 5: плитки по три в ряд.
   Цвета и шрифт взяты у сайта: основной #005fb1, рамки #ececec, скругление 3px. */

/* Родная панель годов: выводит все девятнадцать лет подряд и занимает две строки.
   Вместо нее своя, ниже. Файл подключается только на странице новостей. */
.select_head_wrap { display: none !important; }

/* панель годов */
.tgn-years {
	display: flex;
	align-items: flex-start;
	gap: 6px;
	flex-wrap: nowrap;
	border: 1px solid #ececec;
	border-radius: 3px;
	padding: 12px 16px;
	margin-bottom: 26px;
}
/* Галочка, на которой держится раскрытие. Прячем ее не через display:none:
   при display:none Safari и часть мобильных браузеров не переключают ее нажатием
   на подпись. Уводим за пределы видимости — нажатие работает везде. */
.tgn-years__flag {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}
.tgn-years__label {
	flex: none;
	padding-top: 6px;
	font-size: 12px;
	color: #aaa;
	text-transform: uppercase;
	letter-spacing: .6px;
	margin-right: 6px;
}
.tgn-years__btn {
	display: inline-block;
	padding: 5px 12px;
	border-radius: 3px;
	font-size: 13px;
	color: #555;
	text-transform: uppercase;
	letter-spacing: .3px;
	text-decoration: none;
	transition: background .15s, color .15s;
}
.tgn-years__btn:hover { background: #f4f7fa; color: #005fb1; text-decoration: none; }
.tgn-years__btn--on,
.tgn-years__btn--on:hover { background: #005fb1; color: #fff; }
.tgn-years__more {
	font-size: 13px;
	color: #005fb1;
	cursor: pointer;
	padding: 5px 6px;
	margin: 0;
	font-weight: 400;
	user-select: none;
	touch-action: manipulation;
}
.tgn-years__more:after { content: " \25be"; }
.tgn-years__more--sm { display: none; }
.tgn-years__more:hover { text-decoration: underline; }
/* Все годы лежат в одном ряду с переносом — тогда вторая строка выравнивается
   по первой, а не начинается от края панели. */
.tgn-years__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 4px;
	flex: 1;
	min-width: 0;
}
/* Раскрытие остальных лет — на галочке, без скриптов. display: contents
   вливает спрятанные годы в общий ряд, поэтому они переносятся вместе с прочими. */
.tgn-years__rest { display: none; }
.tgn-years__flag:checked ~ .tgn-years__list .tgn-years__rest { display: contents; }
.tgn-years__flag:checked ~ .tgn-years__list .tgn-years__more { display: none; }
.tgn-years__total { flex: none; padding-top: 7px; font-size: 12px; color: #aaa; white-space: nowrap; margin-left: 16px; }

/* плитки */
.tgn-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	/* все ряды одной высоты, по самому высокому. Иначе ряд с анонсами выше
	   ряда без них на 85 точек — анонс заполнен у считанных новостей. */
	grid-auto-rows: 1fr;
}
.tgn-t {
	display: flex;
	flex-direction: column;
	border: 1px solid #ececec;
	border-radius: 3px;
	overflow: hidden;
	color: inherit;
	text-decoration: none;
	transition: border-color .15s, box-shadow .15s;
}
.tgn-t:hover {
	border-color: #005fb1;
	box-shadow: 0 3px 12px rgba(0, 0, 0, .06);
	text-decoration: none;
}
.tgn-t__ph {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 200px;
	/* белый: поля вокруг снимка сливаются с ним самим. Плитка без снимка
	   переопределяет фон своей заставкой ниже. */
	background: #fff;
	border-bottom: 1px solid #f0f0f0;
	overflow: hidden;
}
.tgn-t__ph img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.tgn-t__ph--empty { background: linear-gradient(135deg, #f3f7fb, #e9f0f7); }
.tgn-t__stub {
	font-size: 25px;
	font-weight: 300;
	color: #a6c2da;
	letter-spacing: .5px;
	text-align: center;
	padding: 0 14px;
}
.tgn-t__bd {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 10px 18px 12px;
}
.tgn-t__date { font-size: 12px; line-height: 16px; color: #a8a8a8; }
/* Заголовок не растягиваем: иначе в плитке с коротким анонсом лишняя высота ряда
   уходила под заголовок и между ним и текстом появлялся пробел. Свободное место
   остается внизу плитки, там оно незаметно. */
.tgn-t__title {
	font-size: 15px;
	line-height: 22px;
	color: #333;
	margin-top: 4px;
	transition: color .15s;
}
.tgn-t:hover .tgn-t__title { color: #005fb1; }
.tgn-t__text {
	font-size: 12.5px;
	line-height: 19px;
	color: #828282;
	margin-top: 6px;
}

/* постраничность темы под плитками */
.tgn-nav { margin-top: 28px; }

/* планшет: две плитки в ряд */
@media (max-width: 991px) {
	.tgn-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
}

/* телефон: одна плитка в ряд, снимок ниже */
/* Панель годов: до планшета включительно ведем ее в одну строку — показываем
   меньше лет, прячем счетчик и меняем подпись. Граница 767, а не 600: на 601-767
   в строку не влезали пять лет со счетчиком и кнопкой. */
@media (max-width: 767px) {
	.tgn-years { padding: 10px 12px; gap: 4px; }
	.tgn-years__total { display: none; }
	.tgn-years__gap { display: none; }
	.tgn-years__list > a:nth-of-type(n+6) { display: none; }
	.tgn-years__flag:checked ~ .tgn-years__list > a { display: inline-block; }
	.tgn-years__more { display: none; }
	.tgn-years__more--sm { display: inline-block; margin-left: auto; }
}

/* телефон: одна плитка в ряд */
@media (max-width: 600px) {
	.tgn-grid { grid-template-columns: 1fr; gap: 14px; grid-auto-rows: auto; }
	.tgn-t__ph { height: 200px; }
}

/* на узких телефонах (320–380) в строку помещается на год меньше */
@media (max-width: 480px) {
	/* Телефоны: в строку не помещаются ни три года с подписью, ни кнопка рядом.
	   Убираем подпись «Год», поджимаем кнопки и оставляем два года — с запасом
	   на все ходовые ширины, от 320 до 430. */
	.tgn-years__label { display: none; }
	.tgn-years__btn { padding: 5px 10px; }
	.tgn-years__list > a:nth-of-type(n+4) { display: none; }
	.tgn-years__flag:checked ~ .tgn-years__list > a { display: inline-block; }
}

/* Заголовок страницы ровно по центру. В теме справа от него в потоке стоит иконка
   (float: right, ширина 41), и заголовок центрируется по остатку — смещается влево
   на 23 точки, а хлебные крошки под ним стоят по центру. Уводим иконку из потока,
   на ее вид это не влияет. Правило работает только на новостях: файл подключается
   вместе с этим шаблоном. Селектор с body — наш файл идет в сборке раньше шаблонного. */
body .page-top .topic__inner { position: relative; }
body .page-top .topic__inner > div:not(.topic__heading) {
	position: absolute;
	right: 0;
	top: 0;
	float: none;
	margin: 0;
}

/* Крошки под заголовком. В теме у последнего звена стоит margin-right: -16px:
   браузер считает строку на 16 точек короче, чем она выглядит, и при центрировании
   уводит ее вправо на 8. Убираем отступ у последнего звена, а отступом слева
   возвращаем строку на место — иначе она уезжает влево на те же 8 точек.
   Величины подобраны замером по пикселям: центр строки совпадает с центром заголовка. */
body .page-top .breadcrumbs { padding-left: 16px; }
body .page-top .breadcrumbs > *:last-child { margin-right: 0; }

/* Теплоград, 2026-09-03: адаптивная панель годов только на mobile.
   Класс tgn-years--adaptive-mobile ставит script.js после точного
   измерения кнопок. До этого остается прежний CSS-only fallback.
   Для отката удалить этот блок и одноименный блок из script.js. */
@media (max-width: 767px) {
	.tgn-years.tgn-years--adaptive-mobile {
		position: relative;
		z-index: 20;
	}
	.tgn-years.tgn-years--adaptive-mobile .tgn-years__list {
		position: relative;
		align-items: center;
		flex-wrap: nowrap;
		overflow: visible;
	}
	/* Перебиваем старые nth-of-type-ступени: состав строки уже
	   рассчитан по фактической ширине, поэтому все прямые ссылки видимы. */
	.tgn-years.tgn-years--adaptive-mobile .tgn-years__list > a.tgn-years__btn {
		display: inline-block;
		flex: none;
		white-space: nowrap;
	}
	.tgn-years.tgn-years--adaptive-mobile .tgn-years__rest {
		display: none;
	}
	.tgn-years.tgn-years--adaptive-mobile .tgn-years__more {
		display: none;
	}
	.tgn-years.tgn-years--adaptive-mobile .tgn-years__more--sm {
		display: inline-block;
		flex: none;
		margin-left: auto;
		white-space: nowrap;
	}
	.tgn-years.tgn-years--adaptive-mobile.tgn-years--all-fit .tgn-years__more--sm {
		display: none;
	}
	/* Полный список открывается поверх плиток: высота панели не меняется. */
	.tgn-years.tgn-years--adaptive-mobile .tgn-years__flag:checked ~ .tgn-years__list .tgn-years__rest {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(58px, 1fr));
		gap: 6px;
		position: absolute;
		top: calc(100% + 8px);
		left: 0;
		right: 0;
		z-index: 2;
		max-height: min(50vh, 260px);
		overflow-y: auto;
		padding: 10px;
		border: 1px solid #dfe5ea;
		border-radius: 3px;
		background: #fff;
		box-shadow: 0 8px 24px rgba(0, 0, 0, .14);
	}
	.tgn-years.tgn-years--adaptive-mobile .tgn-years__flag:checked ~ .tgn-years__list .tgn-years__more--sm {
		display: inline-block;
	}
	.tgn-years.tgn-years--adaptive-mobile .tgn-years__rest .tgn-years__btn {
		display: block;
		width: 100%;
		padding-right: 6px;
		padding-left: 6px;
		text-align: center;
		white-space: nowrap;
	}
	.tgn-years.tgn-years--adaptive-mobile .tgn-years__more--sm:focus-visible {
		outline: 2px solid #005fb1;
		outline-offset: 2px;
	}
	.tgn-years.tgn-years--adaptive-mobile .tgn-years__flag:checked ~ .tgn-years__list .tgn-years__more--sm:after {
		display: inline-block;
		transform: rotate(180deg);
	}
}

/* Теплоград, 03.09.2026. Телефон и планшет: новость без снимка идет компактной строкой.
   Заставка с датой занимала 200 точек и была выше самого текста новости —
   на первом экране помещалось две новости вместо шести. Плитки со снимком
   не меняются. На компьютере от 992 точек все остается как было. */
@media (max-width: 991px) {
	/* В двухколоночной сетке высоту определяет каждый ряд, а не самая высокая
	   плитка на всей странице. На одной колонке правило дает тот же результат. */
	.tgn-grid { grid-auto-rows: auto; }
	.tgn-t--nopic .tgn-t__ph { display: none; }
	.tgn-t--nopic .tgn-t__bd { padding: 11px 16px 12px; }
}

@media (min-width: 601px) and (max-width: 991px) {
	/* Короткая плитка не растягивается до высоты соседней плитки со снимком. */
	.tgn-grid { align-items: start; }
}

/* End */


/* Start:/bitrix/templates/teplograd_max/css/animation/animation_ext.css?16947851004934*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.transition{
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.animated.duration03{

-webkit-animation-duration: 0.3s;
-moz-animation-duration: 0.3s;
-o-animation-duration: 0.3s;
animation-duration: 0.3s;
}
.animated.duration04{

-webkit-animation-duration: 0.4s;
-moz-animation-duration: 0.4s;
-o-animation-duration: 0.4s;
animation-duration: 0.4s;
}
.animated.duration05{

-webkit-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
-o-animation-duration: 0.5s;
animation-duration: 0.5s;
}
.animated.duration06{

-webkit-animation-duration: 0.6s;
-moz-animation-duration: 0.6s;
-o-animation-duration: 0.6s;
animation-duration: 0.6s;
}
.animated.duration07{

-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
-o-animation-duration: 0.7s;
animation-duration: 0.7s;
}
.animated.duration08{

-webkit-animation-duration: 0.8s;
-moz-animation-duration: 0.8s;
-o-animation-duration: 0.8s;
animation-duration: 0.8s;
}
.animated.duration09{

-webkit-animation-duration: 0.9s;
-moz-animation-duration: 0.9s;
-o-animation-duration: 0.9s;
animation-duration: 0.9s;
}
.animated.duration10{

-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
}

.delay01{

-webkit-animation-delay: 0.1s;
-moz-animation-delay: 0.1s;
-o-animation-delay: 0.1s;
animation-delay: 0.1s;}

.delay03{

-webkit-animation-delay: 0.3s;
-moz-animation-delay: 0.3s;
-o-animation-delay: 0.3s;
animation-delay: 0.3s;}


.delay05{

-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
-o-animation-delay: 0.5s;
animation-delay: 0.5s;}

.delay055{

-webkit-animation-delay: 0.55s;
-moz-animation-delay: 0.55s;
-o-animation-delay: 0.55s;
animation-delay: 0.55s;}

.delay06{

-webkit-animation-delay: 0.6s;
-moz-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
animation-delay: 0.6s;}
.delay065{

-webkit-animation-delay: 0.65s;
-moz-animation-delay: 0.65s;
-o-animation-delay: 0.65s;
animation-delay: 0.65s;}

.delay07{

-webkit-animation-delay: 0.7s;
-moz-animation-delay: 0.7s;
-o-animation-delay: 0.7s;
animation-delay: 0.7s;}

.delay08{

-webkit-animation-delay: 0.8s;
-moz-animation-delay: 0.8s;
-o-animation-delay: 0.8s;
animation-delay: 0.8s;}

.delay09{

-webkit-animation-delay: 0.9s;
-moz-animation-delay: 0.9s;
-o-animation-delay: 0.9s;
animation-delay: 0.9s;}

.delay11,.delay011{

-webkit-animation-delay: 1.1s;
-moz-animation-delay: 1.1s;
-o-animation-delay: 1.1s;
animation-delay: 1.1s;}

.delay12, .delay012{

-webkit-animation-delay: 1.2s;
-moz-animation-delay: 1.2s;
-o-animation-delay: 1.2s;
animation-delay: 1.2s;}

.delay13,.delay013{

-webkit-animation-delay: 1.3s;
-moz-animation-delay: 1.3s;
-o-animation-delay: 1.3s;
animation-delay: 1.3s;}

.delay15, .delay015{

-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
-o-animation-delay: 1.5s;
animation-delay: 1.5s;}

.delay17, .delay017{

-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
-o-animation-delay: 1.5s;
animation-delay: 1.5s;}

.delay19, .delay019{

-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
-o-animation-delay: 1.5s;
animation-delay: 1.5s;}

.delay21, .delay021{

-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
-o-animation-delay: 1.5s;
animation-delay: 1.5s;}

@-webkit-keyframes toggle_opacity{
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes toggle_opacity{
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}

@-webkit-keyframes flash {
  0% {
    opacity: .55;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: .55;
  }
  100% {
    opacity: 1;
  }
}

/* WebKit � Opera */
@-webkit-keyframes spinner{
  from{
    -webkit-transform:rotate(0deg);
  }
  to{
    -webkit-transform:rotate(360deg);
  }
}
/* Other */
@keyframes spinner{
  from{
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  to{
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}
/* End */
/* /bitrix/templates/teplograd_max/components/bitrix/news/news/style.min.css?16947851012333 */
/* /bitrix/templates/teplograd_max/components/bitrix/news.list/news-tg/style.css?178847565512911 */
/* /bitrix/templates/teplograd_max/css/animation/animation_ext.css?16947851004934 */