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 !important;
}
/* Отступ от нижнего края ХК до следующего контента (текста и изображения) */
.product-banner-ui .breadcrumbs-arrow {
    margin-bottom: 48px;
}

/* Оформление тизеров под баннером (ПДС) */
.teasers {
    /* padding: 40px 0px; */
    padding: 40px 0px 0px 0px;

    /* Frame 711844 */

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* padding: 0px; */ /* отступы указал выше */
    gap: 16px;

    /* Указываем размеры либо здесь (в основном контейнер) либо в дочернем контейнере (строке), 
    иначе мешают друг другу для работы в дочернем контейнере (строке) flex-wrap: wrap; 
    Либо и тут и там указывать width: 100% (и height: auto; для адаптивного изменения высоты) */
    /* width: 1200px;
    height: 148px; */
    width: 100%;
    height: auto;

    /* Inside auto layout - НЕ понял, зачем этот блок был в Figma */
    /* flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0; */
}

.teasers .teasers-list.teasers-list-nowrap {
    /* Frame 711775 */

    /* Auto layout */
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    /* padding: 0px; */
    padding-top: 24px;
    gap: 16px;

    /* Указываем размеры width: 100% (и height: auto; для адаптивного изменения высоты) */
    /* width: 1200px;
    height: 148px; */
    width: 100%;
    height: auto;

    /* Inside auto layout - НЕ понял, зачем этот блок был в Figma */
    /* flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0; */
}
.teasers .teasers-list.teasers-list-nowrap .teasers-list-item {
    /* Frame 3498 */

    box-sizing: border-box;

    /* Auto layout */
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    align-items: flex-start;
    padding: 32px 24px;
    /* gap: 32px; */
    gap: 16px;

    width: 389.33px;
    height: 148px;

    background: #DBF8F3;
    border-radius: 8px;

    /* Inside auto layout */
    /* НЕ понял, зачем это было в Figma */
    /* flex: none; */
    /* НЕ понял, зачем это было в Figma */
    /* order: 0; */
    /* НЕ понял, зачем это было в Figma */
    /* align-self: stretch; */
    /* Растягивает перенесённый на новую строку блок до шириный строки */
    flex-grow: 1;
}

/* Оформление вторых тизеров (под первыми ПДС) */
.teasers .teasers-list {
    /* Frame 711775 */

    /* Auto layout */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    /* padding: 0px; */
    gap: 16px;

    /* Указываем размеры width: 100% (и height: auto; для адаптивного изменения высоты) */
    /* width: 1200px;
    height: 482px; */
    width: 100%;
    height: auto;

    /* Inside auto layout */
    /* НЕ понял, зачем это было в Figma */
    /* flex: none; */
    /* НЕ понял, зачем это было в Figma */
    /* order: 0; */
    /* НЕ понял, зачем это было в Figma */
    /* align-self: stretch; */
    /* НЕ понял, зачем это было в Figma */
    /* flex-grow: 0; */
}
.teasers .teasers-list .teasers-list-item {
    /* Frame 3498 */

    /* Auto layout */
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    align-items: flex-start;
    padding: 32px 24px;
    /* gap: 32px; */
    gap: 16px;

    /* width: 592px; */
    width: 440px;
    /* height: 200px; */
    height: 230px;

    /* Black-White/100 */
    background: #F2F4F7;
    border-radius: 8px;

    /* Inside auto layout */
    /* НЕ понял, зачем это было в Figma */
    /* flex: none; */
    /* НЕ понял, зачем это было в Figma */
    /* order: 0; */
    /* НЕ понял, зачем это было в Figma */
    /* flex-grow: 0; */
    /* Растягивает перенесённый на новую строку блок до шириный строки */
    flex-grow: 1;
    /* НЕ понял, зачем это было в Figma */
    /* align-self: stretch; */
}

/* Ваш капитал на будущее будет... */
/* Внешний отступ до блока */
.teaser-block {
    margin-top: 64px;
}
.teaser-block .teaser-block-header {
    text-align: center;
}
.teaser-block .teaser-block-header .teaser-block-header-title {
    margin-bottom: 24px;
}
.teaser-block .teaser-block-header .teaser-block-header-desc {
    margin-bottom: 12px;
}
.product-teaser-blocks {
    margin-top: 24px;
    flex-wrap: wrap;
}
.product-teaser-blocks .product-teaser-block {
    padding: 24px;
    flex: 1 1 32%;
}
/* .product-teaser-blocks .product-teaser-block {
    display: flex;
} */
.product-teaser-blocks .product-teaser-block .inform-box-text {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}
.product-teaser-blocks .product-teaser-block .inform-box-text .inform-box-text-title {
    margin-bottom: 12px;
}
.inform-box-text .inform-box-text-title.fsize-t6 {
    /* width: 341.33px; */
    min-height: 60px;

    /* Web/Titles/T6 */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 30px;
    /* or 125% */
    text-transform: uppercase;

    color: #1B1B1B;

    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}
.inform-box-text .fsize-b1 {
    /* width: 341.33px;
    height: 154px; */

    /* Web/Body/B3 */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    /* or 138% */

    color: #656B74;

    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

/* Подробнее о программе */
/* Внешний отступ до блока */
.product-table{
    margin-top: 64px;
    padding-bottom: 64px;
}
.product-table-title {
    text-align: center;
}
/* Оформление ссылок в веб-форме */
.product-table a {
    color: #00C09F;
}
/* Отступы между абзацами в таблице "Подробнее о программе" */
/* .product-table .product-table-content .product-table-flex .product-table-cell p:first-child { */
.product-table .product-table-content .product-table-flex .product-table-cell p {
    margin-bottom: 8px;
}

/* Веб-форма */
.rost-form-product-small {
    margin-bottom: 40px;
}

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

/* Оформление блока "Контент после формы" */
.block-text-wrapper p {
    margin-bottom: 12px;
}

/* Оформление ссылок в веб-форме */
.block-text-wrapper a {
    color: #00C09F;
}

/* Серый фон в блоке тизеров и в "Цели и условия" */
.bg-gray-100 {
    background-color: #f2f4f7 !important;
}

/* Адаптивная высота инпута (минимальная высота 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;
}

/* мобильныя версия */
@media only screen and (max-width: 767px) {
    /* Отступы от верхнего и нижнего края баннера до его содержимого (ХК, текста и изображения) */
    .product-banner-ui {
        padding: 24px 0 24px 0 !important;
    }
    .product-banner-ui .breadcrumbs-arrow {
        margin-bottom: 24px !important;
    }

    .product-banner-ui .banner-content-flex .banner-item .banner-btn-flex {
        margin-top: 0px !important;
    }

    /* размеры блока (серого фона) веб-формы */
    .rost-form-product-small {
        margin:64px auto
    }
    /* отступы полей от края блока (серого фона) веб-формы */
    .form-padding {
        padding: 20px !important;
    }

    /* Отобразим заголовок веб-формы */
    #form .form-title {
        display: unset !important;
    }
}