<STYLE>

html { scroll-behavior: smooth !important; /* Плавная прокрутка по странице - при клике на якоря */ /* НЕ РАБОТАЕТ */ }

img { /* border-radius: 5px; */ }

.tmpl-imgontitle-name { letter-spacing: 0.0em; }

div { letter-spacing: 0.0em; }

.div-a-trendy { padding-bottom: 5px; }
.div-a-trendy-a { font-size: 11px; }
.div-a-trendy-span { color: #999; font-size: 11px; }

.real-text-color-white { color: #eee; font-weight: 400; }



/* ===================== КАРТОЧКИ ОБЪЕКТОВ ========================================================== */


/* --------------------- с фоном и эффектом поднятия при наведении ---------------------------------------*/

.div-shadow-and-lift { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); transition: all 0.3s ease; }
.div-shadow-and-lift:hover { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); transform: translateY(-5px); }
/* /otraslevye-vystavki/ */



/* ===================== КРАСИВЫЕ ПЛАШКИ (для выделения некоторых полей в карточке) ========================================================== */


/* --------------------- с цветной полоской слева ---------------------------------------*/

.card-note { position: relative; background-color: #ffffff; padding: 20px 20px 20px 25px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); }
/* Цветная полоса слева */
.card-note::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 6px; background: #4a90e2; /* Цвет полосы */border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.card-note p {margin: 0; color: #333333; font-size: 16px; line-height: 1.5; }


/* --------------------- с градиентной рамкой вокруг ---------------------------------------*/

.card-glass { height: 70px; position: relative; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 12px; padding: 20px; color: #ffffff; }
/* Градиентная рамка */
.card-glass::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 12px; padding: 2px; /* Толщина рамки */ background: linear-gradient(135deg, /*#ff7e5f*/ #991D35 0%, #feb47b 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
/* /otraslevye-vystavki/ */

/* --------------------- с градиентным фоновым свечением ---------------------------------------*/

.card-neon { display: inline-block; background: linear-gradient(90deg, #8a2be2 0%, #00ffff 100%); padding: 10px 20px; border-radius: 30px; box-shadow: 0 0 20px rgba(138, 43, 226, 0.5); transition: transform 0.3s ease; }
.card-neon:hover { transform: translateY(-2px); }
.card-neon span { color: #ffffff; font-weight: bold; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; }



/* ПЕРЕМЕСТИТЬ В промлидерс ? */


/* --------------------- ЗАГОЛОВКИ БЛОКОВ — СВЕТЛЫЙ ТЕКСТ - для блоков с тёмным фоном ---------------------------------------*/

/* --------------------- раздел "Решения для отраслей / Оборудование и приборы / Фильтры промышленные" ---------------------------------------*/

.tpl-container-12163-list h2, .tpl-container-12210-list h2, .tpl-container-12214-list h2, .tpl-container-12218-list h2, .tpl-container-12254-list h2, .tpl-container-12256-list h2 
{ color: #F5F5F5; font-weight: normal; padding: 0; margin: 12px 0 15px 0; }
/* /resheniya-dlya-otrasley/oborudovanie-i-pribory/filtry-promyshlennye/ */

/* --------------------- ЗАГОЛОВКИ — малое значение letter-spacing ---------------------------------------*/

H3.h-small-letterspacing { letter-spacing: 0.01em; margin-top: 20px; color: #28647B; }



/* ===================== СТИЛИ В ТАБЛИЦАХ ========================================================== */


/* --------------------- ссылки - в таблицах ---------------------------------------*/

a.a-in-table-style-small { font-size: small !important; }


/* --------------------- ЗАГОЛОВКИ — Заголовок 3 - в таблицах ---------------------------------------*/

TH.tpl-text-thead {
    /* Включает автоматические переносы */
    -webkit-hyphens: auto; /* Для Safari */
    -ms-hyphens: auto;     /* Для IE/Edge */
    hyphens: auto;         /* Стандарт (Firefox, Chrome) */
  
    /* Разрешает перенос длинных слов, если авто-перенос не сработал */
    word-wrap: break-word; 
    overflow-wrap: break-word;
    }

H3.h3-in-table-style1 {
    font-size: 100% !important;
    font-weight: 500;
    
    /* Включает автоматические переносы */
    -webkit-hyphens: auto; /* Для Safari */
    -ms-hyphens: auto;     /* Для IE/Edge */
    hyphens: auto;         /* Стандарт (Firefox, Chrome) */
  
    /* Разрешает перенос длинных слов, если авто-перенос не сработал */
    word-wrap: break-word; 
    overflow-wrap: break-word;
    }

H4.h4-in-table-style1 {
    font-size: 100% !important;
    font-weight: 500;
    
    padding: 0;
    margin: 0;
    
    /* Включает автоматические переносы */
    -webkit-hyphens: auto; /* Для Safari */
    -ms-hyphens: auto;     /* Для IE/Edge */
    hyphens: auto;         /* Стандарт (Firefox, Chrome) */
  
    /* Разрешает перенос длинных слов, если авто-перенос не сработал */
    word-wrap: break-word; 
    overflow-wrap: break-word;
    }


/* --------------------- блок Содержание страницы ---------------------------------------*/

.real-div-soderzanie-stranicy {}

.resheniya-dlya-otrasley--oborudovanie-i-pribory--filtry-promyshlennye--div li,
.real-div-soderzanie-stranicy li
{
    padding: 0;
    margin: 0;
    margin-top: 7px;
    font-size: 100% !important;
    font-weight: 400;
    }

.resheniya-dlya-otrasley--oborudovanie-i-pribory--filtry-promyshlennye--div ul,
.real-div-soderzanie-stranicy ul {
    list-style-type: disc; /* Маркеры для первого уровня */
    }

.resheniya-dlya-otrasley--oborudovanie-i-pribory--filtry-promyshlennye--div ul ul,
.real-div-soderzanie-stranicy ul ul {
    list-style-type: circle; /* Другие маркеры для второго уровня */
    padding-left: 20px; /* Отступ для вложенности */
    }


/* ===================== ВИДЕО ========================================================== */


/* --------------------- блок для вставки Видео на всю страницу (на странице новости, например) ---------------------------------------*/

.div-video-fullpage {  }
        
.div-video-fullpage iframe { 
    all: initial; /* иначе какое-то свойство от неткат - не позволяет iframe быть шире 600пкс */
    width: 100%; height: auto; aspect-ratio: 16 / 9; border: none; }


/* --------------------- блок для вставки Видео с IFRAME ---------------------------------------*/

.div-video-container1 {
    position: relative;
    float: right;
    width: 40%;  /* ширина блока на десктопе */
    padding-bottom: 22.5%; /* Высота для 16:9 (40% * 9/16) */
    height: 0;
    margin: 10px 0 10px 20px;
    overflow: hidden;
}

.div-video-container1 iframe {
    /*position: absolute;*/
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Мобильная версия */
@media (max-width: 600px) {
    .div-video-container1 {
        float: none; /* убираем обтекание */
        width: 100%; /* видео на всю ширину */
        padding-bottom: 56.25%; /* стандартные 16:9 для моб. */
        margin-left: 0;
        margin-bottom: 15px;
    }
}




/* ----------------------- ОБЛОЖКИ ---------------------------------------------------------------- */

/* ----------------------- страница - Решения для отраслей ❯ Оборудование и приборы ❯ Фильтры промышленные ❯ Электрофильтры автоматические (пыле/дымоуловители) ---------------------------------------------------------------- */

div.tpl-container-12473 111 {
    width: 200px !important;
    }

#blok-oblozhki-filtry 111 {
    width: 200px !important; margin: 0; padding: 0;
    }





/* ------------------------------------------------------------ */
/* ------------------------ ОБЩИЕ СТИЛИ ----------------------- */
/* ------------------------------------------------------------ */


/* ------------------- для добавления отступов -------------------*/

.commmon-margin-top-50px { margin-top: 50px; }

.commmon-margin-bottom-30px { margin-bottom: 30px; }

.common-font-size-120proc { font-size: 120%; }
.common-font-size-150proc { font-size: 150%; }
.common-font-size-180proc { font-size: 180%; }
.common-font-size-200proc { font-size: 200%; }
.common-font-size-230proc { font-size: 230%; }

.common_div_gray_bg { background-color: #f0f0f0; padding: 25px; margin: 10px 0px 30px 0px; }


/* ------------------------ ПАГИНАЦИЯ ----------------------- */

.pagination { margin: 30px 0 30px 0; flex-wrap: wrap; }
.pagination a.pagination-item { margin-right: 0px; padding: 15px 18px 12px 18px; border: 1px solid #CCBCAD /*var(--tpl-color-background-accent)*/; background-color: #fff /*var(--tpl-color-background-accent-light)*/; }
.pagination a.pagination-item:hover { color: var(--tpl-color-background-main); background-color: var(--tpl-color-foreground-accent-light); }
.pagination a.disabled,
.pagination a.disabled:visited,
.pagination a.disabled:link { border: none; color: var(--tpl-color-foreground-main); background-color: var(--tpl-color-background-main); }
.pagination a.active,
.pagination a.active:visited { color: #fff; background-color: var(--tpl-color-foreground-accent); }


/* общий стиль для выступающего блока */

.uni-div-protrud1 { background-color: #f5f5f5; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.4); }
.uni-div-protrud1:hover { background-color: #fafafa; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.3); }

/* общий стиль для "парящих" карточек - на белом фоне, с бежевой границей, небольшой тенью 0.07 */

.uni-div-card-flow { border: 1px solid #EEE3DC; box-shadow: 6px 6px 15px rgba(0,0,0,0.07); }


/* общие стили для карточек */

.card-div-card { height: 120px; background-color: #f5f5f5; border: 1px solid #eee; padding: 15px; padding-right: 5px; border-radius: 5px; 
    box-shadow: 0 2px 5px rgba(0,0,0,0.02), 0 4px 6px rgba(0,0,0,0.02); }

.card-div-around-img { float: left; width: 100px; height: 70px; padding: 10px; margin-right: 8px; margin-bottom: 20px; background-color: #fff; border: 1px solid #eee; display: flex; /* 1. для вырав. по высоте */  
    box-shadow: 0 2px 5px rgba(0,0,0,0.02), 0 4px 6px rgba(0,0,0,0.02); border-radius: 7px; }
    
.card-div-around-img-without { background-color: #f5f5f5; float: left; width: 100px; height: 70px; padding: 10px; margin-right: 5px; margin-bottom: 20px; display: flex; /* 1. для вырав. по высоте */ }

.card-div-img { margin: auto; /* 1. для вырав. по высоте */ }
.card-div-img img { max-width: 80px; max-height: 50px; }

.card-div-card a { color: #333; text-decoration: none; }
.card-div-a { font-size: smaller; word-wrap: break-word; /*font-weight: bold;*/ line-height: 140%; }


/* ------------------------ ПОИСК ----------------------- */

/* ------------------------ ! без этого - поля и кнопки формы поиска, по 200px в высоту ----------------------- */
/* ------------------------ ! не действует если у блока настроено «Компоновка списка» — тогда в настройках, задаем высоту 100 ----------------------- */



.tpl-filter-row { all: unset; padding-bottom: 5px; }



/* ---------------------------------------------------------------------- */
/* ------------------------ Универсальные шаблоны ----------------------- */
/* ---------------------------------------------------------------------- */


/* ------------------------ вертикальная карточка объекта - фото вверху ----------------------- */

.real-uni-verticalcard-outer-div { box-shadow: 2px 2px 6px rgba(0,0,0,0.2); /* border: 1px solid rgba(204, 188, 173, 60%); */ position: relative; /* нужно чтобы внутри блока лого партнера наложилось */ }
.real-uni-verticalcard-inner-div {  }
.real-uni-verticalcard-img-div { overflow: hidden; padding: 0px; }
.real-uni-verticalcard-img-div img { width: 100%; aspect-ratio: 7/8; object-fit: cover; object-position: center center; }
.real-uni-verticalcard-texts-div { margin: 15px; }



.div_unitmpl_imgontheleft_list_card { /* width: 100%; */ /*min-height: 260px;*/ background-color: #fff; border: 1px solid #eee; padding: 0px; box-shadow: 6px 6px 15px rgba(0,0,0,0.05) }

.div_unitmpl_imgontheleft_list_card a { text-decoration: none; color: black; }

.div_unitmpl_imgontheleft_list_card-INNER { height: 100%; padding: 15px; }

.div_unitmpl_imgontheleft_list_card_img { float: left; vertical-align: top; padding-right: 15px; padding-bottom: 5px;  }
.div_unitmpl_imgontheleft_list_card_img img { max-width: 100px; max-height: 100px; }

.div_unitmpl_imgontheleft_list_card_content { vertical-align: top; }
.div_unitmpl_imgontheleft_list_card_title { line-height: 1.3em; font-size: medium; color: #666; font-weight: bold; margin-bottom: 5px; }
.div_unitmpl_imgontheleft_list_card_category { line-height: 1.3em; font-size: smaller; color: #666; }
.div_unitmpl_imgontheleft_list_card_date { font-size: small; margin-top: 5px; }
.div_unitmpl_imgontheleft_list_card_city { font-size: smaller;  }

.div_unitmpl_imgontheleft_list_card_desc { line-height: 1.2em; font-size: smaller; margin-top: 5px; }
.div_unitmpl_imgontheleft_list_card_branch { line-height: 1.2em; font-size: smaller; margin-top: 10px; }






/* ------------------------------------------------------------------- */
/* ------------------------ 55 ТОВАРЫ    ----------------------------- */
/* ------------------------------------------------------------------- */


.goods-tpl-main-card { padding: 0; display: flex; flex-direction: column; width: 100%; min-height: 100px; background: #fff; box-shadow: 6px 6px 15px rgba(0,0,0,0.1); overflow: hidden; }
.goods-tpl-main-card:hover { background-color: #fafafa; }

.goods-tpl-main-card-goods-url-div { margin-top: auto; /* Этот элемент будет прижат к низу */ margin-bottom: 10px; }

a.goods-tpl-main-card-goods-url-a { width: 100%; padding: 15px; margin-top: 15px; display: inline-block; /* Позволяет задавать отступы и размеры */ text-align: center; background-color: var(--tpl-color-brand); border: 1px solid transparent; border-radius: 4px; box-shadow: 4px 4px 6px rgba(0,0,0,0.2); }
a.goods-tpl-main-card-goods-url-a:hover { background-color: var(--tpl-color-brand-light); transition: background-color 0.5s, box-shadow 0.5s; border-radius: 4px; box-shadow: 4px 4px 6px rgba(0,0,0,0.3); }
a.goods-tpl-main-card-goods-url-a span { color: #fff; }



/* ------------------------ подкласс для Услуг -------------------------- */

.goods-tpl-main-ServiceCategorycard { padding: 0; margin: 0; display: flex; flex-direction: column; width: 100%; min-height: 100px; background: #fff; box-shadow: 6px 6px 15px rgba(0,0,0,0.1); overflow: hidden; }

.goods-tpl-main-ServiceCategorycard .item-image {  }
.goods-tpl-main-ServiceCategorycard .image {   }
.goods-tpl-main-ServiceCategorycard img {  }

.goods-tpl-main-ServiceCategorycard .item-info h6 { color: var(--tpl-color-brand); font-size: large; }

.goods-tpl-main-card-goods-desc { text-align: left; }
.goods-tpl-main-card-goods-desc span { font-size: 85%; }

.goods-tpl-main-ServiceCategorycard a.goods-tpl-main-card-goods-url-a { background-color: var(--tpl-color-background-accent-darkest); }



/* ------------------------ на основе шаблона Организаций «ПОСТАВЩИКИ» -------------------------- */


/* ------------------------ 55 ТОВАРЫ - таблица типов товаров  ----------------------------- */                                                /* ------------------------ (пример - https://promliders.ru/prom/oborudovanie/filtry-dlya-otrasley-promyshlennosti/ ) ----------------------------- */

.table-goodstype-beauty {}
.table-goodstype-beauty DIV.list-big-items {}
.table-goodstype-beauty DIV.list-small-items {}

h4.h4-in-table-goodstypes-typename {
    font-size: 100% !important;
    margin-top: 0;
    padding-top: 0;
    }



/* ------------------------------------------------------------------- */
/* ------------------------ 246 СОБЫТИЯ ------------------------------ */
/* ------------------------------------------------------------------- */

.div_fact_achievement { }
.div_fact_achievement_border { border: 1px solid #e1e3e4; }

.div_fact_achievement_head { width: 100%; }

.div_fact_achievement_title { width: 100%; background-color: #fbfbfb /*#f6f6f6*/ /*rgba(200, 100, 50, 0.05)*/; padding: 7px 10px 5px 20px; line-height: 1.6em; min-height: 65px; display: table; }
.div_fact_achievement_title.small { line-height: 1.3em; }
.div_fact_achievement_title_inner { display: table-cell; vertical-align: middle; }
.div_fact_achievement_title span { color: #1a4859; /*text-shadow: 1.5px 1px #ddd;*/ font-size: 15px/*large*/; font-weight: bold; padding: 0px; }
.div_fact_achievement_title span.small { font-size: 13px; }

.div_fact_achievement_text_on_img { position: absolute; top: 62%; width: 100%; height: 60px; background-color: rgba(0, 0, 0, 0.5); padding: 3% 15px 5px 20px; }

.div_fact_achievement_text { height: 60px; width: 100%; line-height: 1.8em; }
.div_fact_achievement_text.small { line-height: 1.3em; }
.div_fact_achievement_text_inner { display: table-cell; vertical-align: middle; height: 100%; }
.span_fact_achievement_text { color: #fff; text-shadow: 2px 2px #333; font-size: 24px; padding: 0px; }
.span_fact_achievement_text.small { font-size: 18px; }
@media (max-width: 600px)
{
.div_fact_achievement_text.small { line-height: 1em; }
.div_fact_achievement_text.small span { font-size: small; }
}

.div_fact_achievement .div_bottom_line { width: 100%; }
.div_fact_achievement .div_bottom_line_col1 { float: left; }
.div_fact_achievement .div_bottom_line_col2 { float: right; }
@media (max-width: 600px) { .div_bottom_line_col2 { max-width: 48%; } }

.div_fact_achievement .div_bottom_column { display: flex; flex-direction: column; }

.div_fact_achievement_date { float: left; padding: 6px 15px 4px 0px; line-height: 1.4em; border: 1px solid #fff; }
.div_fact_achievement_date span { color: #666 /*#c4122f*/; font-size: small; padding: 0px; }

.div_fact_achievement_type { /*float: right;*/ /*text-align: right;*/ background-color: #bd3543; padding: 5px 15px 6px 15px; margin-top: 0px; line-height: 1.4em; border: 1px solid #fff; /*max-width: 50%;*/ }
.div_fact_achievement_type span { color: #eee /*#c4122f*/; font-size: small; padding: 0px; }
.div_fact_achievement_type a { color: #eee /*#c4122f*/; font-size: small; padding: 0px; }

.div_fact_achievement .div_pagestat { float: right; padding: 5px 0px 0px 0px; }

.div_fact_achievement_rubric, .div_fact_achievement_branch, .div_fact_achievement_trend { float: left; background-color: #f5f5f5; padding: 3px 13px 4px 13px; margin-top: 5px; line-height: 1.4em; border: 1px solid #eee /*#bd3543*/; }

.div_fact_achievement_branch span { font-size: 11px; font-weight: bold; }




/* ------------------------------------------------------------------- */
/* ------------------------ 280 ДАТЫ КАЛЕНДАРЯ ----------------------- */
/* ------------------------------------------------------------------- */

/* стили - пока в основном скопированы из Проф даты (большая карточка) */

.card-calendardate-outer-div { min-width: 300px; max-width: 32%; box-shadow: 2px 2px 6px rgba(0,0,0,0.2); /* border: 1px solid rgba(204, 188, 173, 60%); */ position: relative; /* нужно чтобы внутри блока лого партнера наложилось */ }
@media (max-width: 600px) { .card-calendardate-outer-div { max-width: 100%; }  }


/* ------------------------ стили при наведении на карточку ----------------------- */

/* ------ !!! ------ цвета карточек на главной - прописаны в стиле каждого месяца (в CSS-файле сайта) ------ !!! ------ */

/* ------ !!! ------ а эти стили не касаются главной страницы (только для разделов): ------ !!! ------ */
.card-calendardate-outer-div a:hover .card-calendardate { background: rgb(/*0,0,0,50%*/ 240,190,90,70%); transition: background 0.5s; transition-delay: 0.0s; }    /* цвет фона карточек при наведении */
.card-calendardate-outer-div a:hover .card-calendardate-item-beauty-div { background: var(--tpl-color-foreground-accent); transition: background 0.5s; transition-delay: 0.0s; }    /* цвет квадратика */
/* .card-calendardate-outer-div a:hover div { color: #fff; transition: color 0.5s; transition-delay: 0.0s; } */    /* цвет текста */
.card-calendardate-outer-div a:hover .card-calendardate-item-part1 { color: #fff; transition: color 0.3s; transition-delay: 0.0s; }    /* цвет текста квадратика "__ лет" */
.card-calendardate-outer-div a:hover .card-calendardate-item-part2 { color: #fff; transition: color 0.3s; transition-delay: 0.0s; }
.card-calendardate-outer-div a:hover .card-calendardate-item-name { color: var(--tpl-color-brand-light); transition: color 0.5s; transition-delay: 0.0s; }    /* цвет текста названия (предприятия, персоны) */

.card-calendardate { /* aspect-ratio: 3 / 2; */ min-width: 300px; min-height: 300px; height: 100%; }
.card-calendardate-inner { /*margin: 8%;*/ }

/* красивое оформление даты */
.card-calendardate-item-beauty-div { width: min-content; min-width: 100px; padding: 12px 10px 10px 6px; background-color: var(--tpl-color-foreground-accent-darker); /*rgba(164, 180, 179, 80%)*/ /*rgba(204, 188, 173, 60%)*/; text-align: center; }
.card-calendardate-item-beauty-day-div { color: #F9F8F3; font-size: 300%; line-height: 0.8; font-weight: bold; font-family: Arial; }
.card-calendardate-item-beauty-day-div { text-shadow: 0.015em 0.015em 0.06em rgba(0,0,0,0.8); }
.card-calendardate-item-beauty-month-div { color: #F9F8F3; font-size: calc(80% + 15px); line-height: 0.8; padding-left: 0.1em; }
.card-calendardate-item-beauty-month-div { text-shadow: 0.01em 0.01em 0.09em rgba(0,0,0,0.9); }

/* квадратик "__ лет" справа вверху (только цвета! остальные стили - для каждого типа карточки ниже) */
.card-calendardate-item-DATA-div {  }
.card-calendardate-item-part1 { color: var(--tpl-color-brand-light);  }
.card-calendardate-item-part2 { color: var(--tpl-color-background-accent-dark); }

.card-calendardate-item-name { margin: 0vw 3vw 1vw 3vw; padding: 15px 0 5px 0; font-size: 120%; text-shadow: 0.05em 0.05em 0.1em rgba(0,0,0,0.4); text-align: right; }
.card-calendardate-item-name span.card-calendardate-item-name-name { font-size: 1.2vw; }
@media (max-width: 800px) { .card-calendardate-item-name  span.card-calendardate-item-name-name { font-size: 50%; } }    /* иначе если задать через vw - шрифт слишком мелкий при ширине экрана в 1 карточку */
.card-calendardate-item-name-name { color: var(--tpl-color-brand); }
.card-calendardate-item-subname { margin: 0vw 3vw 1vw 3vw; padding-top: 15px; text-shadow: 0.1em 0.1em 0.1em rgba(0,0,0,0.4); }
.card-calendardate-item-subname h5 { /* color: #fff; */ }
.card-calendardate-item-imgsmall-div { text-align: center; padding: 0 0 30px 0; }
.card-calendardate-item-imgsmall-div img { max-width: 200px; }
.card-calendardate-item-date {  }

/* лого партнера праздника */
.card-calendardate-item-partnerimage-div { position: absolute; bottom: 3%; right: 3%; }
.card-calendardate-item-partnerimage-div-subdiv {  }
.card-calendardate-item-partnerimage-div-subdiv img { max-width: 3em; max-height: 3em; }

/* БЛОК TAGS - выравнивается по низу карточки Даты */
.card-calendardate-item-TAGS-div { position: absolute; display: flex; align-items: center; /* выравнивание по высоте */ width: 100%; bottom: 10px; padding: 5px 15px 5px 15px; }

.card-calendardate-item-TAGS-div-geoicon { float: left; height: 20px; margin-right: 10px; }
.card-calendardate-item-TAGS-div-branch { padding: 4px 9px 4px 9px; color: #fff; background-color: rgba(0, 125, 176, 40%) /*rgba(1, 49, 72, 50%)*/; /*rgba(1, 50, 70, 50%);*/ }

/* ------------------------ стили для карточки типа Предприятие (юбилей) ----------------------- */

.card-calendardate-type-141 {  }
.card-calendardate-type-141 .card-calendardate-item-imgsmall-div { position: absolute; top: 15px; width: 100%; text-align: center; }
.card-calendardate-type-141 .card-calendardate-item-imgsmall-div img { max-height: 80px; }
.card-calendardate-type-141 .card-calendardate-item-DATA-div { position: absolute; top: 10px; right: 10px; float: right; text-align: right; display: flex; flex-direction: column; margin: 0 15px 0 15px; }
.card-calendardate-type-141 .card-calendardate-item-part1 { float: right; font-size: 220%; text-shadow: 0.02em 0.02em 0.01em rgba(255,255,255,0.9); padding: 0; margin: 0; }
.card-calendardate-type-141 .card-calendardate-item-part2 { float: right; font-size: 120%; }
.card-calendardate-type-141 .card-calendardate-item-name { float: right; text-align: right; margin: 10px 30px 0px 30px; font-size: 100%; border-bottom: 1px solid #013148; margin-bottom: 15px; color: var(--tpl-color-brand-dark); }
.card-calendardate-type-141 .card-calendardate-item-name-name { color: var(--tpl-color-brand-dark); }
.card-calendardate-type-141 .card-calendardate-item-desc { float: right; text-align: right; margin: 0 30px 0 30px; font-size: 90%; margin-bottom: 15px; }
.card-calendardate-type-141 .card-calendardate-item-TAGS-div-region { flex-grow: 1; /* иначе след блок иногда сдвигается влево */ float: left; width: 40%; text-align: left; }
.card-calendardate-type-141 .card-calendardate-item-TAGS-div-branch { float: right; max-width: 60%; text-align: right; }

/* ------------------------ стили для карточки типа Мероприятие ----------------------- */

.card-calendardate-type-142 {  }
.card-calendardate-type-142 .card-calendardate-item-name { margin: 0 60px 0 60px; font-size: 200%; border-bottom: 1px solid #eee; }
.card-calendardate-type-142 .card-calendardate-item-subname { margin: 0 60px 0 60px; }
.card-calendardate-type-142 .card-calendardate-item-TAGS-div-region { flex-grow: 1; /* иначе след блок иногда сдвигается влево */ float: left; width: 40%; text-align: left; }
.card-calendardate-type-142 .card-calendardate-item-TAGS-div-branch { float: right; max-width: 60%; text-align: right; }

/* ------------------------ стили для карточки типа Персона ----------------------- */

.card-calendardate-type-241 { }
.card-calendardate-type-241 .card-calendardate-item-IMG-div { float: right; height: 300px; padding-left: 15px; }
.card-calendardate-type-241 .card-calendardate-item-IMG-div img { float: right; height: 250px; filter: grayscale(100%); }
.card-calendardate-type-241:hover .card-calendardate-item-IMG-div img { height: 250px; filter: none; }
.card-calendardate-type-241 .card-calendardate-item-DATA-div { position: absolute; top: 10px; left: 140px; float: right; text-align: right; display: flex; flex-direction: column; margin: 0 5px 0 15px; }
.card-calendardate-type-241 .card-calendardate-item-part1 { float: right; font-size: 160%; text-shadow: 0.02em 0.02em 0.01em rgba(255,255,255,0.9); padding: 0; margin: 0; }
.card-calendardate-type-241 .card-calendardate-item-part2 { float: right; font-size: 100%; font-family: Roboto; font-weight: normal; }
.card-calendardate-type-241 .card-calendardate-item-part2 h4 { font-family: Roboto; font-weight: normal; }
.card-calendardate-type-241 .card-calendardate-item-f { color: var(--tpl-color-brand-dark); }
.card-calendardate-type-241 .card-calendardate-item-io { font-size: 80%; font-family: Roboto; font-weight: normal; }
.card-calendardate-type-241 .card-calendardate-item-desc { font-family: Cuprum; font-color: var(--tpl-color-foreground-main); text-align: right; margin: 0 30px 0 30px; font-size: 90%; margin-bottom: 15px; }
.card-calendardate-type-241 .card-calendardate-item-TAGS-div-geoicon { color: #333; }
.card-calendardate-type-241 .card-calendardate-item-TAGS-div-region { flex-grow: 1; /* иначе след блок иногда сдвигается влево */ float: left; width: 40%; text-align: left; }
.card-calendardate-type-241 .card-calendardate-item-TAGS-div-branch { float: right; max-width: 60%; text-align: right; }

/* ------------------------ стили для карточки типа Проф праздник ----------------------- */

.card-calendardate-type-242 {  }
.card-calendardate-type-242 .card-calendardate-item-DATA-div { position: absolute; top: 10px; right: 10px; float: right; text-align: right; display: flex; flex-direction: column; margin: 0 15px 0 15px; }
.card-calendardate-type-242 .card-calendardate-item-part1 { float: right; font-size: 220%; text-shadow: 0.02em 0.02em 0.01em rgba(255,255,255,0.9); padding: 0; margin: 0; }
.card-calendardate-type-242 .card-calendardate-item-part2 { float: right; font-size: 120%; }
.card-calendardate-type-242 .card-calendardate-item-name { width: 90%; position: absolute; bottom: 70px; right: 10px; float: right; margin: 0 15px 0 15px; }
.card-calendardate-type-242 .card-calendardate-item-name1 { float: right; font-size: 240%; color: var(--tpl-color-brand-lighter); text-shadow: 0.02em 0.02em 0.01em rgba(255,255,255,0.9); }
.card-calendardate-type-242 .card-calendardate-item-name2 { float: right; font-size: 120%; width: 100%; overflow-wrap: break-word; }
.card-calendardate-type-242 .card-calendardate-item-TAGS-div-region { flex-grow: 1; width: 10px; }
.card-calendardate-type-242 .card-calendardate-item-TAGS-div-branch { float: right; text-align: right; }

/* ------------------------ стили для карточки типа Событие ----------------------- */

.card-calendardate-type-246 {  }
.card-calendardate-type-246 .card-calendardate-item-DATA-div { position: absolute; top: 10px; right: 10px; float: right; text-align: right; display: flex; flex-direction: column; margin: 0 15px 0 15px; }
.card-calendardate-type-246 .card-calendardate-item-part1 { float: right; font-size: 180%; text-shadow: 0.02em 0.02em 0.01em rgba(255,255,255,0.9); padding: 0; margin: 0; }
.card-calendardate-type-246 .card-calendardate-item-name { float: left; text-align: left; width: 90%; font-size: 100%; color: #fff; right: 10px; margin: 0 15px 0 15px; }
.card-calendardate-type-246 .card-calendardate-item-desc { float: left; text-align: left; font-size: 90%; color: #fff; margin: 0 30px 0 30px; margin-bottom: 15px; }



/* ------------------------------------------------------------ */
/* ------------------------ 241 ПЕРСОНЫ ----------------------- */
/* ------------------------------------------------------------ */

/* ширины основных частей такие: */
/* отступ слева - фото - отступ - текст - отступ справа */
/* 25         - 90+2 - 15     - 180 - 20      (итого - 332) */

.div-person-item-a,
.div-person-item-a:visited { text-decoration: none; }
.div-person-item-a:hover .div-person-item { box-shadow: 6px 6px 15px rgba(0,0,0,0.3); background: var(--tpl-color-background-accent); transition: background 0.5s; transition-delay: 0.0s; }

.div-person-item-a:hover .div-person-item-name-f, .div-person-item-a:hover h4,
.div-person-item-a:hover .div-person-item-name-io,
.div-person-item-a:hover .div-person-item-name-position,
.div-person-item-a:hover .div-person-item-name-company { color: var(--tpl-color-brand); }

.div-person-item { width: 100%; min-height: 222px; padding: 0px 0px 10px 0px; border: 1px solid var(--tpl-color-background-accent);  box-shadow: 6px 6px 15px rgba(0,0,0,0.1); background-color: #fff; }
    
.div-person-item-topspace { width: 100%; height: 15px; }
.div-person-item-img { float: left; margin-right: 30px; /*border-radius: 50%;*/ overflow: hidden; width: 150px; height: 220px; }
.div-person-item-img img { width: 100%; height: 100%; object-fit: cover; }
.div-person-item-other { width: 100%; height: 100%; padding: 15px 30px 30px 30px; padding-left: 30px; /*border: 1px solid #666;*/ }
.div-person-item-name { line-height: 1.4em; font-size: small; font-weight: bold; color: #333; }
.div-person-item-name-f { margin-bottom: 0px; }
.div-person-item-name-io { font-size: 120%; color: #555; }
.div-person-item-position { padding-top: 10px; line-height: 1.4em; font-size: smaller; color: #666; }
.div-person-item-company { padding-top: 5px; line-height: 1.4em; font-size: small; color: #666; }
.div-person-item-birthday { padding-top: 5px; color: #CD0D22; }
.div-person-item-branch { padding-top: 10px; line-height: 1.4em; color: #CD0D22; font-size: x-small; }


/* персоны - шаблон Мнения экспертов - 257 */

.div-personexpertview-item { border: 1px solid #f5f5f5; background-color: #fff; }
.div-personexpertview-item-expertviews { padding: 0px 30px 0px 30px; }


.div-person-tmpl-expertview-fullpage {  }

.div-person-tmpl-expertview-fullpage-col1 { padding-top: /*60px*/; float: left; width: 330px; padding-right: 30px; }

.div-person-tmpl-expertview-fullpage-img-border { float: left; width: 300px; padding-bottom: 15px; }
.div-person-tmpl-expertview-fullpage-img { float: left; /*border-radius: 50%;*/ border: 1px solid #bbb; /*overflow: hidden;*/ width: 100%; /*height: 210px;*/ box-shadow: 6px 6px 15px rgba(0,0,0,0.2); }
.div-person-tmpl-expertview-fullpage-img img { width: 100%; /*height: 250px;*/ /*object-fit: cover;*/ }
.div-person-tmpl-expertview-fullpage-name { /*text-transform: uppercase;*/ }
.div-person-tmpl-expertview-fullpage-position { font-size: medium; margin-bottom: 0px;  }
.div-person-tmpl-expertview-fullpage-company { margin-top: 0px; }
.div-person-tmpl-expertview-fullpage-company h4 a { text-decoration: none; }
.div-person-tmpl-expertview-fullpage-positionactualdate { font-size: smaller; }
.div-person-tmpl-expertview-fullpage-description { font-size: medium; padding-top: 20px; }
.div-person-tmpl-expertview-fullpage-text { font-size: medium; padding-bottom: 30px; }



/* ------------------------------------------------------------ */
/* ------------------------ 242 ПРОФ ДАТЫ ----------------------- */
/* ------------------------------------------------------------ */

.card-profdate-outer-div { border: 1px solid rgba(204, 188, 173, 60%); position: relative; /* нужно чтобы внутри блока лого партнера наложилось */ }

.card-profdate {  aspect-ratio: 3 / 2; min-width: 300px; }
.card-profdate-inner { /*margin: 8%;*/ }

/* красивое оформление даты */
.card-profdate-item-beauty-div { width: min-content; min-width: 23%; padding: 4% 5% 5% 3%; background-color: rgba(204, 188, 173, 60%); text-align: center; }
.card-profdate-item-beauty-day-div { color: #fff; font-size: 300%; line-height: 0.8; font-weight: bold; font-family: Arial; }
.card-profdate-item-beauty-day-div { text-shadow: 0.015em 0.015em 0.06em rgba(0,0,0,0.8); }
.card-profdate-item-beauty-month-div { color: #fff; font-size: calc(80% + 15px); line-height: 0.8; padding-left: 0.1em; }
.card-profdate-item-beauty-month-div { text-shadow: 0.01em 0.01em 0.09em rgba(0,0,0,0.9); }

.card-profdate-item-name { height: 50%; /*border: 1px solid #eee;*/ font-size: 150%; padding: 10%;  }
.card-profdate-item-name { text-shadow: 0.05em 0.05em 0.1em rgba(0,0,0,0.4); }
.card-profdate-item-date {  }

/* лого партнера праздника */
.card-profdate-item-partnerimage-div { position: absolute; bottom: 3%; right: 3%; }
.card-profdate-item-partnerimage-div-subdiv {  }
.card-profdate-item-partnerimage-div-subdiv img { max-width: 3em; max-height: 3em; }




/* ------------------------------------------------------------------- */
/* ------------------------ 141 ОРГАНИЗАЦИИ -------------------------- */
/* ------------------------------------------------------------------- */



.div-org-item-a { text-decoration: none;   display: flex; align-items: stretch; /* чтобы содержимое растянулось на всю высоту (и высота карточек применялась из настроек инфоблока) */ }
a.div-org-item-a:hover .div-org-item, a.div-org-item-a:hover .div-org-item-long { /* background: #fcfcfc; transition: background 0.5s; transition-delay: 0.0s; */ box-shadow: 12px 12px 20px rgba(0,0,0,0.2); transition: box-shadow 0.5s; transition-delay: 0.0s; }    /* цвет фона карточек при наведении */
a.div-org-item-a:hover .div-org-item-img img { /*filter: grayscale(0%);*/ transition: opacity 0.5s; opacity: 1; }
a.div-org-item-a:hover div { color: #333; transition: color 0.5s; }
a.div-org-item-a:hover h5 { color: var(--tpl-color-brand); transition: color 0.5s; }
a.div-org-item-a:hover .div-org-item-branch { color: var(--tpl-color-brand); transition: color 0.5s; }

.div-org-item-img img { /*filter: grayscale(100%);*/ opacity: 0.9; }

@media (max-width: 600px) { .div-org-item-img img { max-width: 280px; } }    /* чтобы длинные лого в мобилке - не выезжали за пределы карточки */

.div-org-item, .div-org-item-long { position: relative; /* чтобы сайт выровнялся по низу */ text-align: center; width: 100%; /*max-width: 400px;*/ min-height: 300px; /*border: 1px solid red;*/ background: #fff; box-shadow: 6px 6px 15px rgba(0,0,0,0.1); overflow: hidden; }

.div-org-item-name { margin: 0; padding: 0; text-align: left; color: #666; }
.div-org-item-name h3, .div-org-item-name h5 { margin: 0; padding: 0; color: /*#666*/ rgba(150, 30, 30, 70%); font-weight: normal;
    font-size: 100% !important;
    }

.div-org-item-description { font-size: 14px /*small*/; line-height: 1.2em; color: #888; text-align: justify; }
.div-org-item-branch { position: absolute; bottom: 0px; width: 50%; text-align: left; font-size: small; /*color: var(--tpl-color-background-accent-darker);*/ }
.div-org-item-site { position: absolute; bottom: 0px; width: 85%; text-align: right; }
.div-org-item-birthday { float: right; font-size: smaller; color: #CD0D22; padding: 5px 0 0 0; }


/* ------------------------ карточка - с ЛОГО СЛЕВА ----------------------- */
.div-org-item { padding: 30px 35px 10px 25px; }
.div-org-item .div-org-item-img { float: left; width: 28%; height: 100%; min-height: 200px; padding: 0; margin-right: 25px; /*border: 1px solid #eee;*/ }
@media (max-width: 600px) { .div-org-item .div-org-item-img { min-height: 100px; } }    /* для мобилки - текст карточки - также заходит и под лого */
.div-org-item .div-org-item-img img { min-width: 100px; max-width: 100%; max-height: 160px; }
.div-org-item .div-org-item-name {  }
.div-org-item .div-org-item-description { padding-top: 10px; }

.div-org-item .div-org-item-name, .div-org-item .div-org-item-description { margin-left: 20px; }    /* если нет лого - нужен дополнительный отступ слева от края карточки */


/* ------------------------ карточка - с ЛОГО СВЕРХУ ----------------------- */
.div-org-item-long { padding: 20px 35px 10px 35px; }
.div-org-item-long .div-org-item-img { width: 100%; height: /*50px*/ 25%; margin-bottom: 5px;   display: flex; justify-content: center; align-items: center; /* чтобы содержимое растянулось на всю высоту */ }
.div-org-item-long .div-org-item-img img { max-width: 100%; max-height: /*50px*/ 100%; }
.div-org-item-long .div-org-item-name { padding: 0px 0 5px 0; text-align: center; font-size: larger; }
.div-org-item-long .div-org-item-description { padding-top: 5px; padding-bottom: 0; margin-bottom: 0; }




/* ------------------------ ШАБЛОН «ПОСТАВЩИКИ» -------------------------- */

/* .client-tpl-postavshiky-card */

.client-tpl-postavshiky-card-a { text-decoration: none;   display: flex; align-items: stretch; /* чтобы содержимое растянулось на всю высоту (и высота карточек применялась из настроек инфоблока) */  }
.client-tpl-postavshiky-card-a .client-tpl-postavshiky-card-img img { transform: scale(1.0); transition: transform 1s ease; /* для плавного возврата при убирании курсора */ }
a.client-tpl-postavshiky-card-a:hover .client-tpl-postavshiky-card { /* background: #fcfcfc; transition: background 0.5s; transition-delay: 0.0s; */ box-shadow: 12px 12px 20px rgba(0,0,0,0.2); transition: box-shadow 0.5s; transition-delay: 0.0s; }    /* цвет фона карточек при наведении */
a.client-tpl-postavshiky-card-a:hover .client-tpl-postavshiky-card-img img { /*filter: grayscale(0%);*/ transition: opacity 0.5s; opacity: 1; transform: scale(1.1); transition: transform 3s ease; }
a.client-tpl-postavshiky-card-a:hover div { color: #333; transition: color 0.5s; }
a.client-tpl-postavshiky-card-a:hover .client-tpl-postavshiky-card-goods-name span { color: var(--tpl-color-brand-light); transition: color 0.5s; }
a.client-tpl-postavshiky-card-a:hover .client-tpl-postavshiky-card-branch { color: var(--tpl-color-brand); transition: color 0.5s; }

.client-tpl-postavshiky-card { display: flex; flex-direction: column;
    padding: 0; width: 100%; min-height: 200px; background: #fff; box-shadow: 6px 6px 15px rgba(0,0,0,0.1); overflow: hidden; }

.client-tpl-postavshiky-card-img { width: 100%; height: 300px; display: flex; align-items: center; overflow: hidden; margin-bottom: 15px; }
.client-tpl-postavshiky-card-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

.client-tpl-postavshiky-card-img img { /*filter: grayscale(100%);*/ opacity: 0.9; }

.client-tpl-postavshiky-card-goods-name,
.client-tpl-postavshiky-card-goods-subname,
.client-tpl-postavshiky-card-goods-text,
.client-tpl-postavshiky-card-goods-url1-div { margin-left: 20px; margin-right: 20px; color: #333; }

.client-tpl-postavshiky-card-goods-name { margin-top: 5px; margin-bottom: 10px; }
.client-tpl-postavshiky-card-goods-name span { font-size: middle; font-weight: bold; color: var(--tpl-color-brand); }

.client-tpl-postavshiky-card-goods-subname { margin-bottom: 10px; line-height: 0.9em; }
.client-tpl-postavshiky-card-goods-subname span { font-size: small; font-weight: normal; color: #333; }

.client-tpl-postavshiky-card-goods-text { text-align: left; font-size: 80%; }
.client-tpl-postavshiky-card-goods-text span { font-size: small; font-weight: normal; color: #333; }

.client-tpl-postavshiky-card-goods-url1-div { margin-top: auto; /* Этот элемент будет прижат к низу */ margin-bottom: 10px; }

a.client-tpl-postavshiky-card-goods-url1-a { width: 100%; padding: 15px; margin-top: 15px; display: inline-block; /* Позволяет задавать отступы и размеры */ text-align: center; border: 1px solid transparent; border-radius: 4px; box-shadow: 4px 4px 6px rgba(0,0,0,0.2); }
a.client-tpl-postavshiky-card-goods-url1-a:hover { background-color: var(--tpl-color-brand-light); transition: background-color 0.5s, box-shadow 0.5s; border-radius: 4px; box-shadow: 4px 4px 6px rgba(0,0,0,0.3); }
a.client-tpl-postavshiky-card-goods-url1-a span { color: #fff; }

/*.client-tpl-postavshiky-card-goods-url1   { display: inline-block; padding: 15px; width: 100%; height: 60px; color: #fff; background-color: var(--tpl-color-brand); text-align: center; }*/

.client-tpl-postavshiky-card-img-logo { width: 100%; margin-top: 15px; margin-bottom: 15px; text-align: left; }
.client-tpl-postavshiky-card-img-logo img { max-width: 40%; max-height: 40px; }

@media (max-width: 600px) { .client-tpl-postavshiky-card-img-logo img { max-width: 280px; } }    /* чтобы длинные лого в мобилке - не выезжали за пределы карточки */

.client-tpl-postavshiky-card-name { padding: 10px 0 5px 0; text-align: left; font-size: large; }
.client-tpl-postavshiky-card-name h3,
.client-tpl-postavshiky-card-name h5{ margin: 0; padding: 0; color: #333 /* rgba(150, 30, 30, 70%) */ ; font-weight: normal;
    font-size: 100% !important;
    }

.client-tpl-postavshiky-card-description { padding-top: 5px; padding-bottom: 0; margin-bottom: 0; }
.client-tpl-postavshiky-card-branch { position: absolute; bottom: 0px; width: 50%; text-align: left; font-size: small; /*color: var(--tpl-color-background-accent-darker);*/ }
.client-tpl-postavshiky-card-site { position: absolute; bottom: 0px; width: 85%; text-align: right; }
.client-tpl-postavshiky-card-birthday { float: right; font-size: smaller; color: #CD0D22; padding: 5px 0 0 0; }






/* организации - шаблон "Карточки - лого и название" */

.div-org-card-item { border: 1px solid #CCBCAD; box-shadow: 6px 6px 15px rgba(0,0,0,0.05); }

.div-org-card-item-outer { position: relative; width: 100%; height: 100%; } /* блок необходим чтобы ссылка была на весь размер карточки */
.div-org-card-item-outer a.div-org-card-a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Чтобы ссылка была на весь размер карточки */

.div-org-card-item-outer a.div-org-card-a { text-decoration: none; } /* только так работает стиль для ссылки */
.div-org-card-item-outer a.div-org-card-a:hover .div-org-card-item { /* ФОН КАРТОЧКИ - ПРОПИСЫВАЕТСЯ ДЛЯ КАЖДОГО САЙТА В СВОЕМ CSS-ФАЙЛЕ */ }

.div-org-card-item-inner { padding: 20px 20px 30px 20px; width: 100%; height: 100%; } /* блок внутри ссылки (1. чтобы указать отступы 2. без указания тут ширины и высоты - не сработает высота у блока .div-org-card-item-img ) */

a.div-org-card-a:hover .div-org-card-item-name div { color: #B30005; }

.div-org-card-item-img { width: 100%; height: 60%; max-height: 60%; margin-bottom: 20px; text-align: center; }
.div-org-card-item-img img { max-width: 80%; max-height: 100%; }

/* чтобы лого выровнялось по вертикали по центру блока */
.div-org-card-item-img { position: relative; }
.div-org-card-item-img img { position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; }

.div-org-card-item-name { font-size: large; margin-bottom: 15px; text-align: center; }
.div-org-card-item-birthday {  }
.div-org-card-item-branch {  }
.div-org-card-item-description { font-size: medium; }

.div-org-card-item-div-blocktitle, .div-org-card-item-div-blocktitle-wo-topmargin { font-size: smaller; letter-spacing: 0.05em; /*font-style: italic;*/ color: #FCF6F2; background-color: #782431 /* #782431 */; padding: 1px 30px 7px 25px; margin-top: 30px; margin-bottom: 20px; box-shadow: 6px 6px 11px rgba(0,0,0,0.2); }
.div-org-card-item-div-blocktitle-wo-topmargin { margin-top: 0px; }
.div-org-card-item-div-blocktitle h4 { color: #FCF6F2; background-color: #782431 /* #782431 */; font-weight: normal; }
.div-org-card-item-div-blocktitle-wo-topmargin h4 { color: #FCF6F2; background-color: #782431 /* #782431 */; font-weight: normal; }

/* Некоторые стили для карточки, которая на странице организации */
.div-org-card-item-on-page { width: 100%; height: 200px; /* необходимо указать иначе у лого будет 0 высота */ padding: 20px 20px 40px 20px; }

.div-org-card-item-on-page .div-org-card-item-img { max-width: 260px; margin: 0 auto; } /* чтобы лого выровнялось по центру */
.div-org-card-item-on-page .div-org-card-item-img { width: 100%; max-height: 90px; margin-bottom: 15px; text-align: center; }
.div-org-card-item-on-page .div-org-card-item-img img { max-width: 80%; max-height: 90px; }

.div-org-card-item-on-page .div-org-card-item-on-page-date { font-size: larger; margin-top: 10px; margin-bottom: 10px; text-align: center; }
.div-org-card-item-on-page .div-org-card-item-on-page-site { font-size: larger; margin-top: 10px; margin-bottom: 25px; text-align: center; }
.div-org-card-item-on-page .div-org-card-item-on-page-site a { text-decoration: none; }
.div-org-card-item-on-page .div-org-card-item-on-page-site a:hover { text-decoration: underline; }
.div-org-card-item-on-page .div-org-card-item-on-page-site a:hover span { color: #CCBCAD; }


/* организации - шаблон "Список" */

.div-org-list-item { border: 1px solid #eee; box-shadow: 6px 6px 15px rgba(0,0,0,0.05); }
.div-org-list-item { min-height: 110px; }

.div-org-list-item-outer { position: relative; width: 100%; height: 100%; } /* блок необходим чтобы ссылка была на весь размер карточки */
.div-org-list-item-outer a.div-org-list-a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 300px; } /* Чтобы ссылка была на весь размер карточки */

.div-org-list-item-outer a.div-org-list-a { text-decoration: none; } /* только так работает стиль для ссылки */
.div-org-list-item-outer a.div-org-list-a:hover .div-org-list-item { /* ФОН КАРТОЧКИ - ПРОПИСЫВАЕТСЯ ДЛЯ КАЖДОГО САЙТА В СВОЕМ CSS-ФАЙЛЕ */ }

.div-org-list-item-inner { padding: 0px 20px 20px 20px; width: 100%; height: 100%; min-height: 120px; /* иначе блок не на всю высоту! */ } /* блок внутри ссылки (1. чтобы указать отступы 2. без указания тут ширины и высоты - не сработает высота у блока .div-org-card-item-img ) */

a.div-org-list-a:hover .div-org-list-item-name div { color: #B30005; }

.div-org-list-item-name { height: 100%; min-height: 120px; text-align: center; line-height: 1.2em; } /* чтобы если название длинное (больше 1 строки), оно внутри выровнялось по центру */
.div-org-list-item-name h3 {
    font-weight: normal;
    font-size: 100% !important;
    }

/* вертикальное выравнивание названия по центру */
.div-org-list-item-name:before { /*border: 1px solid #fafafa;*/ display: inline-block; width: 100%; vertical-align: middle; content: ""; }
.div-org-list-item-name div.div-org-list-item-name-inner { padding-top: 25px; display: inline-block; vertical-align: middle; width: 100%; width: 100%; /* без этого 1 строчные заголовки не по центру */ }
/* положение заголовка по вертикали - задается в коде компонента! (в зависимости от кол-ва символов заголовка) */

/* организации - список при выводе виджета */


/* организации - шаблон "Список организаций - СМИ" */

.client_list_smi_page_div {  }

.client_list_smi_page_div .sub-title { padding: 30px 0 0 0; font-size: xxx-large; }

.client_list_smi_page_div_card-OUTER { margin-top: 60px; margin-bottom: 60px; }
.client_list_smi_page_div_card { background-color: rgb(255, 255, 255, 0.8); padding: 20px 45px 20px 45px; border: 1px solid #eee; }
.client_list_smi_page_div_card .sub-date { padding: 30px 0 0 0; font-size: xxx-large; }
.client_list_smi_page_div_card .sub-site { padding: 30px 0 0 0; font-size: xxx-large; }
.client_list_smi_page_div_card .sub-desc { padding: 30px 0 0 0; font-size: xx-large; }

.client_list_smi_page_div .sub-news {  }

/* список */

.client-list-smi-list-item .div-org-list-item-inner { padding: 0px 20px 40px /* управляем отступом названия снизу*/ 20px; width: 100%; height: 100%; min-height: 120px; /* иначе блок не на всю высоту! */ } /* блок внутри ссылки (1. чтобы указать отступы 2. без указания тут ширины и высоты - не сработает высота у блока .div-org-card-item-img ) */

.client-list-smi-list-item .div-org-list-item-name { padding-bottom: 0px; margin-bottom: 0px; }
.client-list-smi-list-item .div-org-list-item-name-inner span { /*font-size: 32px;*/ line-height: 1.1em; }



/* ------------------------------------------------------------------- */
/* ------------------------ 139 СТАТЬИ ------- ----------------------- */
/* ------------------------------------------------------------------- */

.div-article-item { width: 100%; height: 100%; padding-top: 15px; border-top: 1px solid #ddd; } /* ширина определяется настройками инфоблока*/
.div-article-item-img { width: 75px; height: 100%; float: left; margin-right: 15px; padding-bottom: 15px; }
.div-article-item-img img { object-fit: cover; width: 75px; height: 75px; }
.div-article-item-name { font-size: smaller; line-height: 1.4em; letter-spacing: 0em; }


/* карточка Статьи на странице Организации */

.div-article-card-name-on-image-card { margin-bottom: 30px; box-shadow: 6px 6px 10px rgba(0,0,0,0.2); border: 1px solid #CCBCAD;
    max-height: 400px; }
.div-article-card-name-on-image-div { width: 100%; }
.div-article-card-name-on-image-img { width: 100%; max-width: 690px;
    max-height: 400px; object-fit: cover; /* чтобы при макс. ширине 690px — статья не вытягивалась по вертикали в квадрат */ }
.div-article-card-name-on-image-texts { min-height: 140px; display: flex; flex-direction: column; /* располагать элементы по левую сторону, а не растягивать их по умолчанию */ align-items: flex-start; }
.div-article-card-name-on-image-texts-inner { margin-top: auto; margin-bottom: auto; min-height: 70%; }
.div-article-card-name-on-image-texts-span-name { }
.div-article-card-name-on-image-texts-span-name h5 { color: #fff /*#FCF6F2*/ /*#9A4505*/ /*#782431*/; }
.div-article-card-name-on-image-texts-span-name h6 { color: #fff /*#FCF6F2*/ /*#9A4505*/ /*#782431*/; margin-top: 0; padding-top: 0; }
.div-article-card-name-on-image-texts-span-desc { color: /*#782431*/ #FCF6F2; }
.div-article-card-name-on-image-texts-span-desc p { margin-top: 10px; }

@media (min-width: 601px) {
.div-article-card-name-on-image-div { position: relative; min-height: 300px; /* чтобы пока грузится картинка - тексты не сьезжали вверх */ }
.div-article-card-name-on-image-texts { box-shadow: 6px 6px 10px rgba(0,0,0,0.2); position: absolute; bottom: 0; height: 40%; left: 0%; width: 100%; background: rgba(154,69,5 /*255,255,255*/ /*204, 188, 173*/ /*120, 36, 49*/, 0.75); padding: 15px 20px 5px 20px; }
.div-article-card-name-on-image-card-a:hover .div-article-card-name-on-image-texts { background: rgba(120, 36, 49, 0.85); }
.div-article-card-name-on-image-texts-span-name { font-size: large; line-height: 1.2em; }
.div-article-card-name-on-image-texts-span-desc { font-size: small; line-height: 1em; }
}

@media (max-width: 600px) {
.div-article-card-name-on-image-texts { padding: 15px; }
.div-article-card-name-on-image-texts { background: rgba(154,69,5 /*255,255,255*/ /*204, 188, 173*/ /*120, 36, 49*/, 1); }
}



/* ------------------------ ШАБЛОН - "Заголовок поверх картинки" ----------------------- */

.article-tpl-overlay-item .item-image { /*position: relative; width: 400px; height: 300px;*/ }

.article-tpl-overlay-item img {  }

.article-tpl-overlay-item .image::before { content: ""; position: absolute; bottom: 0; width: 100%; height: 40%; margin-top: 35%; background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.0)); z-index: 1; /* Чтобы фон был под текстом */ }

a.article-tpl-overlay-a:hover .image::before { background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0)); }
a.article-tpl-overlay-a:hover .text { color: var(--tpl-color-background-accent-lighter); }

.article-tpl-overlay-item .text-overlay { z-index: 2; max-height: 25%; position: absolute; bottom: 0px; left: 0px; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); padding: 0 5% 2% 4%;
                                            display: table; /* центрируем текст по вертикали */ }

.article-tpl-overlay-item .text-overlay .text { height: 50px; color: #fff; font-size: 130%; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); padding-bottom: 0px; line-height: 1.3em;
                                                  display: table-cell; vertical-align: middle; /* центрируем текст по вертикали */ }
@media(max-width: 600px) {
.article-tpl-overlay-item .text-overlay { max-height: 40%; }
.article-tpl-overlay-item .text-overlay .text { color: #fff; font-size: 80%; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); padding-right: 30px; }
}

.article-tpl-overlay-item .div-eye { z-index: 2; max-width: 100px; max-height: 20px; position: absolute; bottom: 0px; right: 0px; display: table; /* центрируем текст по вертикали */ padding: 0 10px 10px 0; }
.article-tpl-overlay-item .div-eye span { display: table-cell; text-align: right; vertical-align: middle; /* центрируем текст по вертикали */ color: rgba(255,255,255,0.5); font-size: 70%; }

.article-tpl-overlay-item .branch-div { border: 1px solid var(--tpl-color-background-accent); background: var(--tpl-color-background-main-dark); padding: 6px 15px 6px 15px; font-weight: 400; letter-spacing: 0.05em; margin-top: 10px; box-shadow: 3px 3px 5px rgba(0,0,0,0.1); }
.article-tpl-overlay-item .branch-a,
.article-tpl-overlay-item .branch-a:visited { color: var(--tpl-color-brand); }
.article-tpl-overlay-item .branch-a:hover .branch-div { color: #fff; background: var(--tpl-color-brand); border: 1px solid var(--tpl-color-main); }







/* ------------------------ СТРАНИЦА СТАТЬИ ----------------------- */

/* колонки */
.div-main-          { display: flex; flex-direction: row; flex-wrap: wrap; }
.div-center-column- { display:inline-block; vertical-align: top; width: 100%; max-width: 690px; flex: 1 0; margin-right: 30px; }
.div-right-column-  { display:inline-block; vertical-align: top; width: 330px; margin-right: 30px; margin-bottom: 30px; }

.div-main          { display: flex; flex-direction: row; flex-wrap: wrap; max-width: 1410px; }
.div-center-column { display:inline-block; flex: 1 0; max-width: /*810*/930px; /*margin-right: 30px;*/ }
.div-right-column  { display:inline-block; max-width: /*570*/ 450px /*330px*/; margin-left: 30px; }
@media(max-width: 600px) {
.div-right-column  { margin-left: 0; }
}


/* кнопка Скачать PDF-версию статьи*/
/* .button-pdf { position: fixed; right: 40px; bottom: 40px; padding: 25px; } */
div.button-pdf { background-image: url('/images/download-pdf-off-330.png'); background-size: cover; width: 330px; height: 79px; margin-bottom: 25px; }
div.button-pdf:hover { background-image: url('/images/download-pdf-on-330.png'); }

/* блок Биография/обращение руководителя */
.div-head { padding: 30px 30px 20px 30px; background-color: #F5F8F8; margin-top: 15px; margin-bottom: 35px; min-height: 335px; /* position: relative; overflow: hidden; */ }
.div-head { border: 1px solid #e5e5e5; /*box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.4);*/ }
/*.div-head:hover { background-color: #EaEaEb; /*box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.3);*/ }*/
.div-head p { margin-top: 1em; }

/* .div-head-img img { width: 50%; float: left; margin-right: 30px; margin-bottom: 10px; } */
.div-head img { height: 300px; float: left; padding: 0 30px 25px 0; }
.div-head-description { padding-bottom: 10px; font-size: large; font-weight: bold; line-height: 18px; color: var(--tpl-color-foreground-accent); }
.div-head-text { /*text-indent: 2em;*/ font-size: medium; line-height: 1.5; text-align: left; padding-bottom: 0; margin-bottom: 0; }

/* блок О предприятии */
.div-article-data { background-color: #f5f5f5; padding: 30px; margin-bottom: 25px; }
.div-article-data table { width: 100%; }
.div-article-data th { text-align: left; padding: 5px; padding-right: 25px; }
.div-article-data td { width: 100%; }

/* блок Данные статьи */
.div-article-data { background-color: #f5f5f5; padding: 30px; margin-bottom: 25px; }
.div-article-data table { width: 100%; }
.div-article-data th { text-align: left; padding: 5px; padding-right: 25px; }
.div-article-data td { width: 100%; }

/* главное фото */
.div-main-image { width: 100%; }
.div-main-image img { max-width: 100%; min-width: 300px; height:auto; }
.div-img-caption { font-size: larger; line-height: 1.2; padding: 10px 0 10px 0; color: #aaa; }


/* стили центральной колонки */
.div-textblock-name { font-size: large; font-weight: bold; padding-top: 15px; padding-bottom: 5px; color: #CD0D22; /*text-indent: 2em;*/ }
.div-textblock-desc { font-size: x-large; line-height: 1.4; font-weight: bold; padding-top: 20px; padding-bottom: 20px; }
.div-textblock-text { font-size: large; line-height: 1.5; letter-spacing: 0em; }
.div-textblock-text p { margin-bottom: 1em; }

.div-textblock-img      { float: right; margin: 15px 0px 15px 30px; max-width: 330px; }
.div-textblock-img-left { float: left; margin: 15px 30px 15px 0px; max-width: 330px; }

.div-textblock-author      { text-align: right; font-size: 12px; line-height: 1.2; }
.div-textblock-author-left { text-align: left; font-size: 12px; line-height: 1.2; padding-top: 15px; }

.div-textblock-img      img { max-width: 330px; }
.div-textblock-img-left img { max-width: 330px; }


.article H1 { font-size: xx-large; font-weight: bold; }


/* блок Статьи спецпроекта / Спецпроект */

.div-specproject { background-color: #f5f5f5; padding: 30px; margin-bottom: 45px; min-height: 10px; height: auto; }
.div-specproject { box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.2); }
.div-specproject:hover { background-color: #fafafa; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.3); }



/* ------------------------ шаблон Основной ------------------------------ */

.article_main_page_fact { border: 1px solid var(--tpl-color-brand-dark); background-color: #fff; padding: 40px 30px 10px 30px; margin-bottom: 50px; }




/* ----------------------------------------------------------------------- */
/* ------------------------ 142 МЕРОПРИЯТИЯ ------------------------------ */
/* ----------------------------------------------------------------------- */


/* ------------------------ шаблон 503. Мероприятия (брендированный) ------------------------------ */

.event-503-card { padding: 25px; }

.event-503-card .logo             { min-height: 120px; max-height: 120px; display: flex; justify-content: center; align-items: center; }
.event-503-card .logo-smaller     { min-height: 90px; max-height: 90px; display: flex; justify-content: center; align-items: center; }
.event-503-card .logo img         { height: auto; max-height: 120px; width: auto; max-width: 100%; box-sizing: border-box; }
.event-503-card .logo-smaller img { height: auto; max-height: 90px; width: auto; max-width: 100%; box-sizing: border-box; }

.event-503-card .content { display: flex; /* Включаем Flexbox */
  flex-direction: column; /* Располагаем блоки друг под другом */
  height: 100%; }

.event-503-card .title { display: flex; justify-content: center; }
.event-503-card .date { padding: 10px 0 10px 0; font-size: x-large; text-align: center; }
.event-503-card .desc { padding: 10px 0 20px 0; font-size: 80%; }
.event-503-card .region { padding: 0px 0 20px 0; display: flex; justify-content: center; }
.event-503-card .branch { margin-top: auto; display: flex; align-items: center; }

.event-503-card .branch a.link { min-width: 240px; position: relative; display: inline-block; box-shadow: inset 0 -1px 0 0 rgba(100, 100, 100, 0.0); padding: 20px 0px 20px 0px; }

.event-503-card .branch a span { box-shadow: inset 0 -1px 0 0 rgba(150, 30, 50, 0.1); transition: box-shadow 0.5s; color: var(--tpl-color-brand); }

.event-503-card .branch a:hover span { box-shadow: inset 0 -1px 0 0 rgba(150, 30, 50, 0.5); }

.event-503-card a.white span       { color: #eee !important; box-shadow: inset 0 -1px 0 0 rgba(200, 200, 200, 0.3); transition: box-shadow 0.5s; }
.event-503-card a.white:hover span { box-shadow: inset 0 -1px 0 0 rgba(200, 200, 200, 0.9); }




/* ------------------------------------------------------------------- */
/* ------------------------ 144 НОВОСТИ ------------------------------ */
/* ------------------------------------------------------------------- */

.div-news-item-a {  }
.div-news-item-a:hover .item-info { color: var(--tpl-color-brand); }

.div-news-item .item-image { margin-bottom: 0px; padding-bottom: 0px; border1: 1px solid #ccc; }
.div-news-item .item-info { margin-top: 0px; padding-top: 0px; border1: 1px solid #ccc;  }



/* карточка Новости на странице Организации */

.div-news-card-name-on-image-card-OUTER { display: inline-block; vertical-align: bottom;  margin-right: 30px; margin-bottom: 30px; }

.div-news-card-name-on-image-card-a {  }

.div-news-card-name-on-image-card { width: /*436*/670px; max-height: 300px; box-shadow: 6px 6px 10px rgba(0,0,0,0.2); /* border: 1px solid #CCBCAD; */ }
 
.div-news-card-name-on-image-div { width: 100%; }
.div-news-card-name-on-image-div::before {
  content: '';
  z-index: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 60%);
}
.div-news-card-name-on-image-texts { min-height: 140px; display: flex; flex-direction: column; /* располагать элементы по левую сторону, а не растягивать их по умолчанию */ align-items: flex-start; }
.div-news-card-name-on-image-texts-inner { margin-top: auto; margin-bottom: auto; min-height: 70%; }
.div-news-card-name-on-image-texts-span-name {  }
.div-news-card-name-on-image-texts-span-name h5 { color: #eee /*#FCF6F2*/ /*#9A4505*/ /*#782431*/; line-height: 1em; }
.div-news-card-name-on-image-texts-span-desc { color: /*#782431*/ #FCF6F2; }
.div-news-card-name-on-image-texts-span-desc p { margin-top: 10px; }

@media (min-width: 601px) {
.div-news-card-name-on-image-div { position: relative; min-height: 300px; /* чтобы пока грузится картинка - тексты не сьезжали вверх */ }
.div-news-card-name-on-image-img { width: 100%; /*width: 436px;*/ max-height: 300px; }
.div-news-card-name-on-image-texts { position: absolute; top: 45%; height: 50%; left: 0%; width: 100%; padding: 15px 20px 5px 25px; }
.div-news-card-name-on-image-card-a:hover .div-news-card-name-on-image-texts { /* background: rgba(120, 36, 49, 0.85); */ }
.div-news-card-name-on-image-texts-span-name h5 { font-size: xx-large; line-height: 1.1em; }
.div-news-card-name-on-image-texts-span-desc { font-size: medium; line-height: 1em; }
}

@media (max-width: 600px) {
.div-news-card-name-on-image-card-OUTER { width: 100%; margin-right: 0px; min-height: 200px; }
.div-news-card-name-on-image-card { width: 100%; max-height: 600px; }
.div-news-card-name-on-image-div { overflow: hidden; position: relative; min-height: 280px; /* чтобы пока грузится картинка - тексты не сьезжали вверх */ }
.div-news-card-name-on-image-img { position: absolute; z-index: -1; min-width: 400px; }
.div-news-card-name-on-image-texts { box-shadow: 6px 6px 10px rgba(0,0,0,0.2); position: absolute; top: 50%; height: 50%; left: 0%; width: 100%; padding: 15px 20px 5px 25px; }
.div-news-card-name-on-image-texts { padding: 15px; }
.div-news-card-name-on-image-texts-span-name h5 { line-height: 1.1em; }
}


/* ------------------------ СТРАНИЦА новости ------------------------------ */

.div-news-page { max-width: /*1040*/ /*590*/ 780px; }

/* главное фото */
.div-news-page .div-main-image { width: 100%; padding-bottom: 5px; }
.div-news-page .div-main-image img { width: 100%; /*max-width: 780px;*/ min-width: 330px; padding: 0px 0px 15px 0px; }

.div-news-page .div-date-and-imagecaption { display: flex; margin-bottom: 20px; color: var(--tpl-color-background-accent-darker); }
.div-news-page .div-date-and-imagecaption .part1 { float: left; white-space: nowrap; }
.div-news-page .div-date-and-imagecaption .divider { width: 10%; }
.div-news-page .div-date-and-imagecaption .part2 { float: right; text-align: right; width: 100%; }

.div-news-page .div-description h5 { font-weight: bold; padding-bottom: 5px; }

.div-news-page .div-text {  }
.div-news-page .div-text p { font-size: medium; }
.div-news-page .div-text img { float: left; max-width: 780px; width: 100%; padding: 10px 0px 15px 0px; }
 
.div-news-page .div-main-image-author { font-size: small; color: #aaa; padding-bottom: 5px; }

.div-news-page .video { min-width: 330px; width: 100%; height: 600px; }
.div-news-page .video iframe { min-width: 330px; width: 100%; height: 100%; }





/* ------------------------------------------------------------------- */
/* ------------------------ 248 СОБЫТИЯ (=факты) --------------------- */
/* ------------------------------------------------------------------- */

/* ------------------------ ШАБЛОН - "Достижения в цифрах" ----------------------- */

.fact-tpl-v-cifrah-item .item-image { position: relative; }

.fact-tpl-v-cifrah-item img {  }

.fact-tpl-v-cifrah-item .image::before { content: ""; position: absolute; width: 100%; height: 50%; margin-top: 35%; background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.0)); z-index: 1; /* Чтобы фон был под текстом */ }

a.fact-tpl-v-cifrah-a:hover .image::before { background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0)); }


.fact-tpl-v-cifrah-item .text-overlay { z-index: 2; max-height: 40%; position: absolute; bottom: 0; margin-bottom: 10px; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); padding: 0 5% 2% 4%; display: table; }

.fact-tpl-v-cifrah-item .texts { max-height: 40px; /* обязательно! чтобы блоки не вылезли вниз */ text-shadow: 2px 2px 4px rgba(0,0,0,0.5); display: table; /* чтобы дивы внутри выровнялись */ }


.namepart1 { font-size: 160%; color: #fff; margin: 0 0 12px 0; line-height: 1.48em; }
.namepart1 span { padding: 3px 20px 6px 10px; background: rgba(0,0,0,50%); }

.namepart2 { font-size: x-large; margin: 0 0 10px 0; }
.namepart2 span { padding: 3px 10px 4px 10px; margin: 0; line-height: 1em; color: var(--tpl-color-brand); background: #fff; }

.namepart3 { font-size: large; padding: 0 15px 0 0; /* чтобы на глазик не наезжало */ margin: 0; color: var(--tpl-color-background-accent); }


a.fact-tpl-v-cifrah-a:hover .namepart1 { color: var(--tpl-color-background-accent); background: 0; }
a.fact-tpl-v-cifrah-a:hover .namepart2 span { color: #fff; background: var(--tpl-color-brand) /*rgba(255,255,255,0.5)*/; }
a.fact-tpl-v-cifrah-a:hover .namepart3 { color: #fff /*var(--tpl-color-background-accent)*/; }


@media(max-width: 600px) {
.fact-tpl-v-cifrah-item .text-overlay { max-height: 40%; }
.fact-tpl-v-cifrah-item .text-overlay .texts { color: #fff; font-size: 80%; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); padding-right: 30px; }
}

.fact-tpl-v-cifrah-item .div-eye { z-index: 2; max-width: 100px; max-height: 20px; position: absolute; bottom: 0px; right: 0px; display: table; /* центрируем текст по вертикали */ padding: 0 10px 10px 0; }
.fact-tpl-v-cifrah-item .div-eye span { display: table-cell; text-align: right; vertical-align: middle; /* центрируем текст по вертикали */ color: rgba(255,255,255,0.5); font-size: 70%; }

.fact-tpl-v-cifrah-item .branch-div { border: 1px solid var(--tpl-color-background-accent); background: var(--tpl-color-background-main-dark); padding: 6px 15px 6px 15px; font-weight: 400; letter-spacing: 0.05em; margin-top: 10px; box-shadow: 3px 3px 5px rgba(0,0,0,0.1); }
.fact-tpl-v-cifrah-item .branch-a,
.fact-tpl-v-cifrah-item .branch-a:visited { color: var(--tpl-color-brand); }
.fact-tpl-v-cifrah-item .branch-a:hover .branch-div { color: #fff; background: var(--tpl-color-brand); border: 1px solid var(--tpl-color-main); }



/* ------------------------ ШАБЛОН - "Достижения в цифрах - мини" ----------------------- */


.namepart1-mini { font-size: 100%; color: #fff; margin: 0 0 12px 0; line-height: 1.7em; }
.namepart1-mini span { padding: 3px 20px 6px 10px; background: rgba(0,0,0,50%); }

.namepart2-mini { font-size: medium; margin: 0 0 10px 0; }
.namepart2-mini span { padding: 3px 10px 4px 10px; margin: 0; line-height: 1em; color: var(--tpl-color-brand); background: #fff; }

.namepart3-mini { font-size: small; padding: 0 25px 0 0; /* чтобы на глазик не наезжало */ margin: 0; color: var(--tpl-color-background-accent); }


a.fact-tpl-v-cifrah-a:hover .namepart1-mini { color: var(--tpl-color-background-accent); background: 0; }
a.fact-tpl-v-cifrah-a:hover .namepart2-mini span { color: #fff; background: var(--tpl-color-brand) /*rgba(255,255,255,0.5)*/; }
a.fact-tpl-v-cifrah-a:hover .namepart3-mini { color: #fff /*var(--tpl-color-background-accent)*/; }



/* ------------------------------------------------------------------- */
/* ------------------------ 252 ЦИТАТЫ ------------------------------- */
/* ------------------------------------------------------------------- */

.div-quote-item  { /*box-shadow: 5px 8px 15px 0px rgba(0, 0, 0, 0.3);*/ border-radius: 3px; }

.div-quote-item { display: flex; max-width: 100%; /* без этого - если выводить Цитату через "nc_objects_list" - берется ширина настроенная в блоке */ 
padding: 30px 35px 30px 45px; min-height: 360px; height: auto; background-color: var(--tpl-color-background-accent) /*#fff*/; }

.div-quote-item a:visited div { color: #333; }

.div-quote-item a:hover div { color: var(--tpl-color-foreground-accent-dark); }
    
.div-quote-item .div-img-quotes { float: left; width: 30px; margin-right: 10px; }
.div-quote-item .div-img-quotes img { max-width: 30px; }

.div-quote-item-img { float: right; margin: 0 0 15px 20px; /*border-radius: 50%;*/ /*border: 1px solid #eee;*/ overflow: hidden; /*width: 100%;*/ max-width: 100px; height: 120px; /*box-shadow: 6px 6px 15px rgba(0,0,0,0.2);*/ }
.div-quote-item-img img { width: 100%; height: 120px; object-fit: cover; }

.div-quote-item-title { font-size: 75%; font-style: italic; }

.div-quote-item-post { width: 95%; text-align: right; font-size: 15px; font-style: italic; padding-top: 15px; }






/* ПРОЕКТЫ */
.div-project-list-cnt { margin-top: 10px; }





/* кнопка Скачать PDF-версию */
div.button-pdf { background-image: url('/images/download-pdf-off-330.png'); background-size: cover; width: 330px; height: 79px; margin-bottom: 25px; }
div.button-pdf:hover { background-image: url('/images/download-pdf-on-330.png'); }

div.button-pdf_short { background-image: url('/images/download-pdf-off-330_short.png'); background-size: cover; width: 165px; height: 50px; margin-bottom: 25px; }
div.button-pdf_short:hover { background-image: url('/images/download-pdf-on-330_short.png'); }






/* КНОПКА "ПОДРОБНЕЕ" - НА СТРАНИЦЕ ПРЕДПРИЯТИЯ - старая версия (не отображаются переносы строк после абзаца) */

/* Новая версия */

.div-org-card-item-button-more { display: inline-block; color: #fff; background-color: #CCBCAD; }
.div-org-card-item-button-more:hover { background-color: #782431; }
.div-org-card-item-button-more span { font-size: medium; }
.div-org-card-item-button-more p { display: inline-block; padding: 7px 30px 0px 30px; }

/* простая версия (текст без переносов абзацев) */

.data-tooltip-org-page-more-button { display: inline-block; color: #fff; background-color: #CCBCAD; }
.data-tooltip-org-page-more-button:hover { color: #fff; background-color: #782431; }
.data-tooltip-org-page-more-button:hover a { color: #fff; background-color: #782431; }
.data-tooltip-org-page-more-button span { font-size: medium; }
.data-tooltip-org-page-more-button p { display: inline-block; padding: 7px 30px 0px 30px; }


/* ВСПЛЫВАЮЩЕЕ ОКНО - по нажатию на кнопку */

  [data-tooltip-org-page] {
  position: relative; /* Относительное позиционирование */ 
  }
  [data-tooltip-org-page]::after {
  content: attr(data-tooltip-org-page); /* Выводим текст */
  position: absolute; /* Абсолютное позиционирование */
  width: 60vw; /* Ширина подсказки */
  left: -10vw; top: -30vh; /* Положение подсказки */
  background: #fff; /* Синий цвет фона */
  color: #782431; /* Цвет текста */
  padding: 30px; /* Поля вокруг текста */
  border: 1px solid #CCBCAD;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* Параметры тени */
  pointer-events: none; /* Подсказка */
  opacity: 0; /* Подсказка невидима */
  transition: 1s; /* Время появления подсказки */
  } 
  [data-tooltip-org-page]:hover::after {
  opacity: 1; /* Показываем подсказку */
  top: -30vh; /* Положение подсказки */
  }







/* --------------------------------------------------------------------------------------------*/
/* ------------------------- ВИДЖЕТ-КОМПОНЕНТЫ ----------------------------------------------- */
/* --------------------------------------------------------------------------------------------*/


/* ------------------------- mywidget_child_congratulations----------------------------------- */


.div-congr-list { width: 1080px; padding: 30px 0 0 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)); }
@media (max-width: 600px) { .div-congr-list { width: 100%; } }

.div-congr { max-width: 450px; background-color: #fff; margin-bottom: 30px; vertical-align: top; }
@media (max-width: 600px) { .div-congr { min-height: 0px; } }

.div-congr { box-shadow: 12px 12px 20px rgba(0, 0, 0, 0.1); }
.div-congr:hover { background-color: #fefefe; box-shadow: 12px 12px 20px rgba(0, 0, 0, 0.15); }

.div-congr-content { /*padding: 15px 30px 30px 30px;*/ }

.div-congr-img { overflow: hidden; /*float: left;*/ padding: 45px 30px 5px 30px; text-align: center; }
.div-congr-img img { width: 330px; }
@media (max-width: 600px) { .div-congr-img img { width: 100%; } }

/* ------------------------- красивые кавычки ----------------------------------- */

.div-congr-content-blockquote { float: left; background-color: #fff; padding: 20px 5px 15px 10px; margin: 0px 0px 30px 0px; /*border: 1px solid #eee; box-shadow: 6px 6px 12px rgba(0,0,0,0.05);*/ }
.div-congr-content-blockquote-quote { float: left; padding: 0px 5px 0px 0px; margin-left: 10px; /*margin-top: -25px;*/ }
.div-congr-content-blockquote-text { padding: 15px 60px 30px 60px; }
@media (max-width: 600px) { .div-congr-content-blockquote-text { padding: 15px 30px 30px 30px; } }

.div-congr-text { font-size: 14px; line-height: 1.3; word-wrap: break-word; /*hyphens: auto;*/ text-align: justify; color: #333; }
.div-congr-desc { font-size: 14px; line-height: 1.3; font-style: italic; font-weight: bold; margin-top: 30px; text-align: right; color: var(--tpl-color-foreground-accent); }



/* -------------------------  виджет ТОП статей ----------------------------------- */

.div-articles-widget { vertical-align: top; /*display: inline-block;  width: 100%;*/ }
.div-articles-widget .div-article-item { float: left; }

.div-article-item-sum { float: right; width: 40px; height: 20px; color: #eee; font-size: x-small; font-weight: bold; text-align: right; background-color: #C4112F; padding: 0px 5px 5px 5px; margin-left: 10px; }



/* -------------------------  виджет ТОП регионов ----------------------------------- */

.div-regions-widget { vertical-align: top; /*display: inline-block;  width: 100%;*/
    display: flex;                /* Включаем flexbox */
    flex-direction: column;       /* Выстраиваем элементы в столбик */
    align-items: left;          /* Центрируем элементы горизонтально (по желанию) */
    gap: 10px;                    /* Отступы между элементами (по желанию) */
    /*padding: 5px;*/ }

.div-regions-widget .div-regions-item {  }
.div-regions-widget .div-regions-item-num { float: left; width: 30px; }
.div-regions-widget .div-regions-item-name { float: left; }
.div-regions-item-sum { float: right; width: 40px; height: 20px; color: #eee; font-size: x-small; font-weight: bold; text-align: center; background-color: #C4112F; padding: 5px 5px 5px 5px; margin-left: 10px; }



/* --------------------------------------------------------------------------------------------*/
/* ----------------------------------- ФУНКЦИИ ----------------------------------------------- */
/* --------------------------------------------------------------------------------------------*/


/* ----------------------------------- real_show_branch_name_by_id ----------------------------------------------- */

.real-show-branch-name-div-text-a-withlink { color: #eee; font-size: medium; text-decoration: none; }
  .real-show-branch-name-div-text-a-withlink:hover {  }
  .real-show-branch-name-div-text-a-withlink:hover .real-show-branch-name-div { background-color: var(--tpl-color-brand-lighter); color: #fff; font-size: medium; text-decoration: none; }

  .real-show-branch-name-div-text-a-nolink { /* pointer-events: none; cursor: default; */ color: /*var(--tpl-color-brand-lighter)*/ #888; font-size: medium; text-decoration: none; }

  .real-show-branch-name-div { padding: 5px 15px 5px 15px; margin: 10px 0px 0px 0px; background-color: var(--tpl-color-brand-light); opacity: 0.9; border: 1px solid var(--tpl-color-brand-lighter);
  width: fit-content; /* ширина div по содержимому, современный метод */ display: flex; align-items: flex-end; }





/* --------------------------------------------------------------------------------------------*/
/* ------------------------- АДМИНИСТРИРОВАНИЕ ----------------------------------------------- */
/* --------------------------------------------------------------------------------------------*/


.real-adm-form { padding-left: 20px; }

.real-adm-table-multicol { width: 95%; /*border: 3px solid #ccc;*/ }
.real-adm-table-multicol TR, TD { vertical-align: top; }
.real-adm-table-multicol .td-divider { width: 20px; }
.real-adm-table-multicol .td-maxcol TABLE { width: 100%; }

                .real-adm-block-name { text-align: left; /*background-color: #dceef8;*/ color: #666; padding: 0px; margin: 30px 0px 10px 30px; font-size: small; font-weight: bold; color: var(--tpl-color-brand); text-transform: uppercase; }
.real-adm-form .real-adm-block-name { text-align: left; /*background-color: #dceef8;*/ color: #666; padding: 0px; margin: 30px 0px 10px 30px; font-size: small; font-weight: bold; color: var(--tpl-color-brand); text-transform: uppercase; }

.real-adm-form .nc-field { margin-top: 5px; margin-bottom: 0px; }

.real-adm-form .nc-field-type-boolean {  }

.real-adm-note { color: #888; background-color: #eee; padding: 3px 10px 3px 10px; margin-bottom: 10px; font-style: italic; font-size: small; overflow-wrap: normal; }
.real-adm-note-red { color: red; }

.real-adm-table, .real-adm-table-leftalign, .real-adm-table-justifyalign, .real-adm-table-2col, .real-adm-table-3col, .real-adm-table-withwrap 
{
width: 95%;
background-color: #E8DFD6; 
/* margin-left: 20px; */
border-top: 15px solid #E8DFD6;
border-right: 30px solid #E8DFD6;
border-bottom: 15px solid #E8DFD6;
border-left: 30px solid #E8DFD6;
}

.real-adm-table DIV, .real-adm-table-leftalign DIV, .real-adm-table-justifyalign DIV { white-space: nowrap; }

.real-adm-table { }
.real-adm-table tr { vertical-align: top; }
.real-adm-table td { width: 600px; padding-right: 50px; }

.real-adm-table-leftalign {  }
.real-adm-table-leftalign tr { vertical-align: top; }
.real-adm-table-leftalign1 td { padding-right: 50px; }
.real-adm-table-leftalign .col5 { width: 100px; }

.real-adm-table-2col {  }
.real-adm-table-2col tr { vertical-align: top; }
.real-adm-table-2col td { width: 45%; padding-right: 50px; }

.real-adm-table-3col {  }
.real-adm-table-3col tr { vertical-align: top; }
.real-adm-table-3col td { width: 30%; padding-right: 50px; }

/* широкая таблица на всю ширину */
.real-adm-table-justifyalign {  }
.real-adm-table-justifyalign tr { vertical-align: top; display: flex; justify-content: space-between; }


/* блоки линиями на всю ширину, друг под другом */

.real-adm-div-manylines { width: 95%; display: grid; grid-template-columns: repeat(auto-fit, 100%); grid-gap: 10px; justify-content: space-between; resize: horizontal; overflow: hidden; }
.real-adm-div-manylines div { background: #E8DFD6; padding: 1px 20px 1px 10px; }


/* ------------------------- стили чекбоксов (например, для поля "Отрасли-потребители" ----------------------------------------------- */


.DIV-UL,
.DIV-BRANCH-UL { list-style: none; column-count: 3; column-gap: 30px; width: 1030px; height: /*680*/ 920px; border: 0px solid red; }

.DIV-BRANCH div,
.DIV-BRANCH-UL div { page-break-inside: avoid; break-inside: avoid; }

.DIV-UL input[type="checkbox"],
.DIV-BRANCH-UL input[type="checkbox"] { /* -webkit-appearance: none; appearance: none; */ /* базовые стили для кастомного оформления */ transform: scale(1.1); }

.DIV-BRANCH label,
.DIV-BRANCH-UL label { padding: 0 0 0 5px; margin: 0px; /*color: green;*/ font-size: small !important; }

.DIV-BRANCH-UL label[for="f_BranchFieldConsumers[14]"],
.DIV-BRANCH-UL label[for="f_BranchFieldConsumers[105]"],
.DIV-BRANCH-UL label[for="f_BranchFieldConsumers[11]"],
.DIV-BRANCH-UL label[for="f_BranchFieldConsumers[18]"],
.DIV-BRANCH-UL label[for="f_BranchFieldConsumers[57]"],
.DIV-BRANCH-UL label[for="f_BranchFieldConsumers[2]"],
.DIV-BRANCH-UL label[for="f_BranchFieldConsumers[8]"],
.DIV-BRANCH-UL label[for="f_BranchFieldConsumers[13]"],
.DIV-BRANCH-UL label[for="f_BranchFieldConsumers[45]"],
.DIV-BRANCH-UL label[for="f_BranchFieldConsumers[12]"],
.DIV-BRANCH-UL label[for="f_BranchFieldConsumers[15]"],
.DIV-BRANCH-UL label[for="f_BranchFieldConsumers[17]"],
.DIV-BRANCH-UL label[for="f_BranchFieldConsumers[3]"],
.DIV-BRANCH-UL label[for="f_BranchFieldConsumers[1]"],
.DIV-BRANCH-UL label[for="f_BranchFieldConsumers[7]"] { /*padding-left: 15px;*/ padding-top: 10px; font-weight: bold; }

.DIV-BRANCH-UL label[for="f_BranchFieldConsumers[7]"] { color: red; }    /* отрасль "ПРОЧЕЕ" */


.DIV-TAGS-UL { list-style: none; column-count: 2; column-gap: 10px; width: 1030px; height: 500px; border: 0px solid red; }

.DIV-TAGS-UL div { page-break-inside: avoid; break-inside: avoid; }

.DIV-TAGS-UL input[type="checkbox"] { /* -webkit-appearance: none; appearance: none; */ /* базовые стили для кастомного оформления */ transform: scale(1.1); }

.DIV-TAGS-UL label { padding: 0 0 0 2px; margin: 0px; /*color: green;*/ font-size: small !important; }





/* ------------------------- кое-где стиль называется так ----------------------------------------------- */

.DIV-UL {  }

</STYLE>