div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.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);
}
/* Как прижать текст к низу div?
Использование свойства position. 
Нужно назначить родительскому div свойство position: relative, а текстовому элементу внутри него — position: absolute и bottom: 0. 
Такие правила обеспечивают «смещение» текста к нижнему краю, независимо от размеров div. */
.product-item-description {
    position: relative;
}
.product-item-footer {
    position: absolute;
    bottom: 25px;
    width: 100%;
}
/* Отступы блока "ХК и Заголовок" от краём баннера */
.product-banner-ui {
    padding: 40px 0 !important;
    /* position: relative;
    color: #fff; */
}
/* мобильныя версия баннера (чтобы поместилась кнопка и текст под ней) */
@media only screen and (max-width: 1024px) {
    .product-item-footer {
        /* position: absolute; */
        /* bottom: 25px; */
        position: unset;
        width: 100%;
    }
}
/* мобильныя версия баннера (чтобы поместилась кнопка и текст под ней) */
@media only screen and (max-width: 767px) {
    .product-item-footer {
        /* position: absolute; */
        /* bottom: 25px; */
        position: unset;
        width: 100%;
    }
    /* Отступы от верхнего и нижнего края баннера до его содержимого (ХК, текста и изображения) */
    .product-banner-ui {
        padding: 24px 0 24px 0;
    }
    /* Отступ от нижнего края ХК до следующего контента (текста и изображения) */
    .product-banner-ui .breadcrumbs-arrow {
        margin-bottom: 20px;
    }
}