/* Start:/local/templates/gb/components/bitrix/breadcrumb/template1/style.min.css?1696828772467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/local/templates/gb/styles.css?17500641281761*/
a.link-icon {text-decoration: underline;}
.covid .btn {
    position: relative;
}
.covid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
@media (max-width: 600px){
    .covid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}


/* ИСПРАВЛЕННЫЕ селекторы - НЕ затрагивают шапку */
/* Отступ только для контентной области, исключая header */
.container.position_relative:not(.page-header):not(header) {
    padding-bottom: 60px !important;
}

/* Более точный селектор - только для основного контента */
main .container.position_relative,
.main-content .container.position_relative,
body > .container.position_relative:not(:first-child) {
    padding-bottom: 60px !important;
}

/* Альтернативный вариант - отступ перед футером */
.page-footer {
    margin-top: 60px !important;
}

/* Убираем отступ у шапки принудительно */
header .container.position_relative,
.page-header .container.position_relative {
    padding-bottom: 0 !important;
}

/* Мобильная версия */
@media (max-width: 768px) {
    .container.position_relative:not(.page-header):not(header) {
        padding-bottom: 40px !important;
    }
    
    main .container.position_relative,
    .main-content .container.position_relative,
    body > .container.position_relative:not(:first-child) {
        padding-bottom: 40px !important;
    }
    
    .page-footer {
        margin-top: 40px !important;
    }
    
    header .container.position_relative,
    .page-header .container.position_relative {
        padding-bottom: 0 !important;
    }
}



/* End */


/* Start:/local/templates/gb/template_styles.css?17442039064819*/
a.link-icon:before {font-family: "Font Awesome 5 Free"; margin-right: 10px; font-size: 1.5em; font-weight: 900;}
a.link-icon[href$=".doc"]:before, a.link-icon[href$=".docx"]:before {    content: "\f1c2";}
a.link-icon[href$=".pdf"]:before {    content: "\f1c1";}
a.link-icon[href$=".xls"]:before, a.link-icon[href$=".xlsx"]:before {    content: "\f1c3";}
a.link-icon[href$=".rar"]:before, a.link-icon[href$=".zip"]:before {    content: "\f1c6";}
a.link-icon[href$=".png"]:before, a.link-icon[href$=".jpg"]:before {    content:"\f1c5";}

.container img {max-width: 100% !important; height: auto;}

.section-16 {display: flex; flex-wrap: wrap;}
.section-16 a.link-icon {text-decoration: none !important; display: block; margin-bottom: 25px; margin-right: 20px; padding: 10px 15px;}
.section-16 a.link-icon:before {font-size:1em;   content: "\f0c0";}
.section-16 a.link-icon:after {font-family: "Font Awesome 5 Free"; content:"\f019";     font-size: .7em;    font-weight: 900;    margin-left: 10px;}
.btn-secondary {
    color: #027d9a !important;
    background-color: #ffffff !important;
    border-color: #027d9a !important;
    border-radius: 30px !important;
    font-size: 18px !important;
    padding: 10px 25px  !important;
}

.form-control {
    border-radius: 15px !important;
}
.modal-header {
background: #027d9a;
    color: #fff;
}
.modal-header h4 {
font-weight: 600;
    font-size: 24px;
    color: #ffffff;
}
.modal-header .close {
    padding: 0;
    margin: 0;
    line-height: 40px;
    background: transparent;
    border: none;
    color: #fff;
    font-size: 40px;
}

.covid {position: absolute;
    top: -20px;
    right: 15px;}
.covid .btn {padding-left: 70px;}
.covid .fas {    position: absolute;
    left: 20px;
    font-size: 30px;
    top: 21px;}
@media (max-width: 600px) {
.covid {
position: relative;
top: auto;
right: auto;
margin-bottom: 20px;
}
}
.navbar-toggler-icon {
    width: auto !important;
}
.table {overflow-x:scroll;
display: block;}
.popup-youtube {position: relative;}
.popup-youtube .fa-youtube {position: absolute; top: calc(50% - 25px); left: calc(50% - 25px);}
.popup-youtube .fa-youtube::before { font-size: 50px;}

/* ======================================================== */
/* === ИСПРАВЛЕНИЯ МАКЕТА ТОЛЬКО ДЛЯ РАЗДЕЛА НОВОСТЕЙ (V4 - ИСПОЛЬЗУЯ :has) === */
/* ======================================================== */

/* --- Применяем только если мы на странице новостей --- */

/* 1. Скрываем левую колонку (col-md-4), ЕСЛИ СЛЕДУЮЩАЯ колонка (col-md-8) */
/*    содержит детальную новость (.bx-newsdetail) ИЛИ список новостей (.section-newslist) */
.container .row .col-md-4.order-md-first.order-sm-1:first-child:has(+ .col-md-8.order-md-first.order-sm-1 .bx-newsdetail),
.container .row .col-md-4.order-md-first.order-sm-1:first-child:has(+ .col-md-8.order-md-first.order-sm-1 .section-newslist)
{
  display: none;
}

/* 2. Заставляем основную колонку (col-md-8) занимать всю ширину, */
/*    ЕСЛИ она содержит детальную новость (.bx-newsdetail) ИЛИ список новостей (.section-newslist) */
.container .row .col-md-8.order-md-first.order-sm-1:has(.bx-newsdetail),
.container .row .col-md-8.order-md-first.order-sm-1:has(.section-newslist)
{
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
}

/* --- Стили для картинок внутри детальной новости --- */

/* 3. Ограничиваем картинки ВНУТРИ детальной новости (.page-text) */
/*    Это правило будет применяться только там, где есть .page-text */
.page-text img {
  max-width: 100% !important; /* Оставляем !important на случай инлайновых стилей */
  height: auto !important;
  width: auto !important; /* Добавляем и для width на всякий случай */
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.2em;
}

/* 4. Общее правило для картинок - УДАЛИТЬ ИЗ НЕГО !important */
/*    Найди в твоем template_styles.css строку ниже и убери !important */
/*
.container img {
    max-width: 100% !important;  <-- УДАЛИТЬ !important
    height: auto;
}
*/
/* Правильная версия БЕЗ !important: */
.container img {
    max-width: 100%;
    height: auto;
}

/* ======================================================== */
/* === КОНЕЦ ИСПРАВЛЕНИЙ ДЛЯ РАЗДЕЛА НОВОСТЕЙ === */
/* ======================================================== */
/* End */
/* /local/templates/gb/components/bitrix/breadcrumb/template1/style.min.css?1696828772467 */
/* /local/templates/gb/styles.css?17500641281761 */
/* /local/templates/gb/template_styles.css?17442039064819 */