div.news-detail
{
	word-wrap: break-word;
}
div.news-detail img.detail_picture
{
	float:left;
	margin:0 8px 6px 1px;
}
.news-date-time
{
	color:#486DAA;
}

/* id 40466 | Внести изменения на сайт */
.banner-bg {
    background:-webkit-gradient(linear,left top,right top,from(#007b7b),to(#00c09f));
    background:-o-linear-gradient(left,#007b7b,#00c09f);
    background:linear-gradient(90deg,#007b7b,#00c09f);
}
/* Отступы от верхнего и нижнего края баннера до его содержимого (ХК, текста и изображения) */
.product-banner-ui {
    padding: 40px 0 40px 0;
}
/* Отступ от нижнего края ХК до следующего контента (текста и изображения) */
.product-banner-ui .breadcrumbs-arrow {
    margin-bottom: 48px;
}
/* Как прижать текст к низу div?
Использование свойства position. 
Нужно назначить родительскому div свойство position: relative, а текстовому элементу внутри него — position: absolute и bottom: 0. 
Такие правила обеспечивают «смещение» текста к нижнему краю, независимо от размеров div. */
.banner-item {
    position: relative;
}
.banner-footer { 
    position: absolute;
    bottom: 0;
}
/* Цвет фона (переопределяю для этой страницы фон по-умолчанию, заданный в style.css) */
.bg-gray-100 {
    background-color: #f2f4f7 !important;
}
/* отступ текста под кнопкой баннера */
.banner-footer > .fsize-c3 {
    margin-top: 12px;

    a {
        text-decoration: underline;
        font-weight: 600;
        color: white;
    }
}

/* скругление краёв блока (серого фона) */
.block-text-item {
    border-radius: 8px;
}

/* цвет фона тегов в баннере */
.tag-list .tag-item {
    background-color: #00c09f;
}
/* оформление ссылки */
.fsize-b7 {
    a {
        text-decoration: none !important;
        font-weight: 600;
    }
}

/* Заголовки под верхним баннером */
.block-text-wrapper .fsize-t4.text-uppercase.text-center {
    margin-bottom: 24px;
}
.block-text-wrapper .fsize-b3.text-center {
    margin-bottom: 32px;
}

.tabs-container > .block-text-item {
    padding: 32px 32px 20px 32px;
}
/* Адаптивная высота инпута (минимальная высота min-height: 56px, если контент не влезает, то высота растягивается) */
.select-inp .value {
    height: unset !important;
    min-height: 56px;
    white-space: normal !important;
}
/* Оформление ссылок в веб-форме */
.form-content a {
    color: #00C09F;
}
/* размеры блока (серого фона) веб-формы и скругление краёв */
.rost-form-product-small {
    border-radius: 8px;
    margin: 64px 64px;
    /* margin: 0px 64px 64px 64px; */
}

.requirements-list li {
    margin: 0 0 8px 24px !important;
}
/* Оформление блока "Контент после формы" и "Детального текста" */
.block-text-wrapper p {
    margin-bottom: 12px;
}
.tab-header.black-tabs p {
    margin-bottom: unset;
}

.block-text-wrapper.before-form {
    padding: 24px 0 0px 0;
}

.block-text-wrapper .tab-container .tab-header {
    /* margin: 16px 0 32px 0 !important; */
    margin: 0px 0 32px 0 !important;
}
/* Отступ под текстом над формой */
/* .block-text-wrapper {
    padding: 40px 0 40px 0 !important;
} */

/* Блоки */
.block-text-wrapper {
    /* Внешний отступ */
    margin-top: 56px;
    /* Внутренние отступы */
    padding-top: unset !important;
    padding-bottom: unset !important;
}

@media only screen and (max-width: 1024px) {
    /* Как прижать текст к низу div?
    Использование свойства position. 
    Нужно назначить родительскому div свойство position: relative, а текстовому элементу внутри него — position: absolute и bottom: 0. 
    Такие правила обеспечивают «смещение» текста к нижнему краю, независимо от размеров div. */
    .banner-footer { 
        position: unset;
    }
    /* Отобразим заголовок веб-формы */
    #form .form-title {
        display: unset !important;
    }
}
/* мобильныя версия баннера (чтобы поместилась кнопка и текст под ней) */
@media only screen and (max-width: 767px) {
    /* Отступы от верхнего и нижнего края баннера до его содержимого (ХК, текста и изображения) */
    .product-banner-ui {
        padding: 24px 0 24px 0;
    }
    /* Отступ от нижнего края ХК до следующего контента (текста и изображения) */
    .product-banner-ui .breadcrumbs-arrow {
        /* margin-bottom: 20px; */
        margin-bottom: 24px !important;
    }
    /* отступ текста под кнопкой баннера */
    .banner-footer > .fsize-c3 {
        margin-top: 12px !important;
    }
    .block-text-wrapper .tab-header {
        /* Лечение проблемы скрола табов "Начало контейнера div обрезается, из-за чего невозможно прокрутить первый блок, чтобы он стал виден.":display:
        меняем "justify-content: center;" на "justify-content: start;" */
        justify-content: start !important;
    }

    /* Заголовки под верхним баннером */
    .block-text-wrapper .fsize-t4.text-uppercase.text-center {
        margin-bottom: 16px;
    }
    .block-text-wrapper .fsize-b3.text-center {
        margin-bottom: 24px;
    }

    /* размеры блока (серого фона) веб-формы */
    .rost-form-product-small {
        margin:64px auto
    }
    /* отступы полей от края блока (серого фона) веб-формы */
    .form-padding {
        padding: 20px;
    }
    /* Ширина дочернего div как 100% от ширины родительского контейнера */
    .banner-footer { width: 100%; }
    /* Как прижать текст к низу div?
    Использование свойства position. 
    Нужно назначить родительскому div свойство position: relative, а текстовому элементу внутри него — position: absolute и bottom: 0. 
    Такие правила обеспечивают «смещение» текста к нижнему краю, независимо от размеров div. */
    .banner-footer { 
        position: unset;
    }
    /* Отступ кнопки от заголовка баннера */
    .product-banner-ui .banner-content-flex .banner-item .banner-btn-flex {
        margin-top: 0px !important;
    }
    /* Отобразим заголовок веб-формы */
    #form .form-title {
        display: unset !important;
    }
    /* Отступ под текстом над формой */
    /* .block-text-wrapper {
        padding: 16px 0 0px 0 !important;
    } */
    /* Блоки */
    .block-text-wrapper {
        /* Внешний отступ */
        margin-top: 32px;
        /* Внутренние отступы */
        padding-top: unset !important;
        padding-bottom: unset !important;
    }
    .block-text-wrapper h2 {
        margin-top: 16px;
    }
}
/* мобильныя версия */
@media only screen and (max-width: 568px) {
    /* отступы полей от края блока (серого фона) веб-формы */
    .form-padding {
        padding: 20px !important;
    }
}
/* мобильныя версия */
@media only screen and (max-width: 373px) {
    /* Отступы от верхнего и нижнего края баннера до его содержимого (ХК, текста и изображения) */
    .product-banner-ui {
        padding: 24px 0 24px 0;
    }
    /* Отступ от нижнего края ХК до следующего контента (текста и изображения) */
    .product-banner-ui .breadcrumbs-arrow {
        /* margin-bottom: 20px; */
        margin-bottom: 24px !important;
    }
    /* размеры блока (серого фона) веб-формы */
    .rost-form-product-small {
        margin:64px auto
    }
    /* отступы полей от края блока (серого фона) веб-формы */
    .form-padding {
        padding: 20px;
    }
    /* Ширина дочернего div как 100% от ширины родительского контейнера */
    .banner-footer { width: 100%; }
    /* Как прижать текст к низу div?
    Использование свойства position. 
    Нужно назначить родительскому div свойство position: relative, а текстовому элементу внутри него — position: absolute и bottom: 0. 
    Такие правила обеспечивают «смещение» текста к нижнему краю, независимо от размеров div. */
    .banner-footer { 
        position: unset;
    }
}