/* Start:/bitrix/templates/teplograd_max/components/bitrix/news/blog/style.min.css?16947851014345*/
.head-block.top.with-tabs .item-link:not(:hover){background:#fafafa;background:var(--light2_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-radius:0;border-color:var(--stroke_black)}.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-color:var(--black_bg_black)}}.categories_block .dropdown>li.has-child a .toggle_block{position:absolute;top:0;right:0;z-index:2;width:35px;height:100%;bottom:0}.categories_block.menu_top_block li.v_bottom .dropdown{position:static;min-width:auto;width:auto}.categories_block.menu_top_block .dropdown ul.child{margin:0}body .categories_block.menu_top_block .left_menu li.v_bottom>.dropdown{padding:0 0 16px}.categories_block.menu_top_block li.v_bottom.current .dropdown,.categories_block.menu_top_block li.v_bottom:hover .dropdown{background:#fafafa;background-color:var(--black_bg_black)}.categories_block.menu_top_block .dropdown>li.v_bottom>.dropdown{width:auto;box-shadow:none;opacity:1;visibility:visible;padding:5px 0 10px;border:1px solid #ececec;border-top-width:0;border-bottom-width:0;border-color:var(--stroke_black)}.categories_block.menu_top_block .dropdown>li.has-child.v_bottom.opened>a{padding-bottom:7px;border-bottom:none;line-height:20px}.categories_block.menu_top_block .item .child_container .child_wrapp{padding:0}.categories_block.menu_top_block .opened>a .svg{transform:rotate(180deg)}.categories_block.menu_top_block .dropdown>li.v_bottom>.dropdown li{float:none;display:block;width:auto;padding:5px 16px 0;vertical-align:top;line-height:20px}.categories_block.menu_top_block .dropdown>li.v_bottom>.dropdown li a{padding:0 10px 0 0;font-weight:400;font-size:12px;display:block;line-height:20px}.categories_block.menu_top_block .dropdown>li.v_bottom>.dropdown li:not(.current) a:not(:hover){color:#333;color:var(--white_text_black)}.categories_block.menu_top_block li.has-child.v_bottom:last-child>.dropdown{border-bottom-width:1px}.categories_block.menu_top_block ul.left_menu li{line-height:20px}.categories_block.menu_top_block .categories_count{position:absolute;right:15px;top:15px;font-weight:400}.categories_block.menu_top_block .has-child>a{padding-right:56px}.categories_block.menu_top_block .has-child .categories_count{right:38px}.categories_block.menu_top_block .has-child .svg{right:11px;top:19px}
/* End */


/* Start:/bitrix/templates/teplograd_max/components/bitrix/news.list/articles-tg/style.css?17865707733429*/
/* Теплоград, 12.08.2026: страница «Статьи» — калькуляторы плитками, темы по четыре статьи.
   Все правила с приставкой tga-, классы темы не переопределяются. */

/* Фильтр по годам темы прячем: даты заполнены у 13 статей из 73, толку от него нет.
   Вернуть — убрать это правило, разметка на месте (news.php шаблона blog, блок «years block»). */
.articles_main > .select_head_wrap { display: none; }

/* калькуляторы — отдельной панелью */
.tga-panel { background: #eef3f9; border: 0; border-radius: 12px; padding: 20px 22px 22px; }
.tga-panel-h { display: flex; align-items: baseline; gap: 10px; margin-bottom: 15px; }
.tga-panel-h h2 { margin: 0; font-size: 19px; font-weight: 600; line-height: 1.25; color: #0f172a; letter-spacing: -.01em; }

.tga-tools-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.tga-tool {
	display: flex; align-items: center; gap: 11px;
	padding: 13px 14px; border: 0; border-radius: 10px;
	background: #ffffff; color: #1c2126 !important; text-decoration: none;
	font-size: 13.5px; line-height: 1.35;
	transition: background .15s;
}
.tga-tool-ico {
	flex: 0 0 28px; height: 28px; display: flex; align-items: center; justify-content: center;
	border-radius: 7px; background: #dfe9f4; color: #5b7fa6;
}
.tga-tool:hover, .tga-tool:focus { background: #f7fafd; color: #1c2126 !important; text-decoration: none; }
.tga-tool:hover .tga-tool-ico { background: #cfdff1; color: #3f6f9e; }

/* темы */
.tga-sec { margin-bottom: 34px; }
.tga-sec-h {
	display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
	border-bottom: 2px solid #d3dbe2; padding-bottom: 8px; margin-bottom: 14px;
}
.tga-sec-h h2 { margin: 0; font-size: 20px; font-weight: 600; line-height: 1.25; color: #0f172a; letter-spacing: -.01em; }

.tga-rows { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 40px; }
.tga-row {
	display: block; margin: 0 -12px; padding: 9px 12px;
	border-bottom: 1px solid #f2f5f7; border-radius: 6px;
	text-decoration: none; color: #1f5583; font-size: 15px; line-height: 1.4;
	transition: background .12s, color .12s;
}
.tga-row:hover, .tga-row:focus { background: #f2f7fc; color: #0b64c8; text-decoration: none; }
.tga-row.tga-hid { display: none; }
.tga-sec.tga-open .tga-row.tga-hid { display: block; }

.tga-more {
	margin-top: 13px; padding: 0; border: 0; background: none;
	font: 13.5px/1.4 inherit; color: #8a949e; cursor: pointer;
}
.tga-more:hover { color: #5f6b78; text-decoration: underline; }
.tga-more span { font-size: 15px; }
.tga-empty { padding: 22px 0 40px; color: #8a949e; }

@media (max-width: 1199px) { .tga-tools-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 991px)  { .tga-tools-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) {
	.tga-panel { padding: 16px 14px 18px; border-radius: 10px; }
	.tga-tool-ico { flex: 0 0 24px; height: 24px; }
	.tga-panel-h h2 { font-size: 17px; }
	.tga-tools-grid { gap: 8px; }
	.tga-tool { padding: 11px 11px; font-size: 12.5px; gap: 9px; }
	.tga-rows { grid-template-columns: 1fr; }
	.tga-sec { margin-bottom: 26px; }
	.tga-sec-h h2 { font-size: 18px; }
	.tga-row { font-size: 14.5px; }
}

/* 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/blog/style.min.css?16947851014345 */
/* /bitrix/templates/teplograd_max/components/bitrix/news.list/articles-tg/style.css?17865707733429 */
/* /bitrix/templates/teplograd_max/css/animation/animation_ext.css?16947851004934 */