/* Заготовка для меню */
/*
* Вендорные префиксы
*
* Имеется возможность задать явный браузер в постфиксе,
* поддерживаются следующие варианты:
* _no - без префикса
* _wk - префикс webkit
* _ms - префикс ms
* _moz - префикс moz
*/
/* transition */
/* transition для трансформаций */
/* user-select */
/* transform-origin*/
/* animation-duration*/
/* animation-fill-mode*/
/* animation-name*/
/* Трансформации */
/*
* Несколько трансформаций в одной
* Необходимо явно указыть параметр
*/
/*
* Cдвиг блока на двумерной плоскости
* По обоим координатам, плюс каждая по отдельности
*/
/*
* Деформация блока на двумерной плоскости
* По обоим координатам, плюс каждая по отдельности
*/
/*
* Поворот блока на двумерной плоскости
* По умолчанию отностиельно центра
* При задании _origin(transform-origin) можно указать конкретную точку
*/
/*
* Масштабирование блока
* По обоим координатам, плюс каждая по отдельности
*/
/*
* Иконки на базе css
* Все имеют префиксы _i
* Имя состоит из название[_ориентация]
*/
/* Стрелки */
/* Минималистичный reset */
/* Сброс характеристик для input-полей */
/* Сброс характеристик для input-полей в iOS */
/* Сброс оформления colorbpx */
/* Интерактивность по флагу*/
/* Абсолютное позиционирование */
/* Пропадение текста в ограниченом по высоте блоке*/
.list_news12 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -9px;
  margin-right: -9px;
}
.list_news12 .list__item {
  margin: 9px;
  width: 290px;
}
.list_mode-teaser .news12 {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.list_mode-teaser .news12::after {
  content: '';
  display: inline-block;
  position: absolute;
  background-color: #ffffff;
  bottom: 0;
  box-shadow: 0 10px 30px 0 rgba(140, 142, 145, 0.5);
  opacity: 0;
  left: 0;
  right: 0;
  top: 0;
  margin: -18px;
  z-index: 15;
}
@media screen and (max-width: 638px) {
  .list_mode-teaser .news12::after {
    margin: -18px -15px;
  }
}
.list_mode-teaser .news12:hover > * {
  position: relative;
  z-index: 16;
}
.list_mode-teaser .news12:hover:after {
  opacity: 1;
}
.list_mode-teaser .news12__image {
  display: inline-block;
  line-height: 0;
  margin-bottom: 15px;
}
.list_mode-teaser .news12__date-publish {
  color: #000000;
  font-size: 13px;
  font-weight: 300;
  line-height: 14px;
  margin-bottom: 10px;
}
.list_mode-teaser .news12__title {
  color: #000000;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 10px;
}
.list_mode-teaser .news12__announce {
  position: relative;
  color: #8c8e91;
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
  margin-bottom: 15px;
  max-height: 110px;
  overflow: hidden;
}
.list_mode-teaser .news12__announce::after {
  content: '';
  display: inline-block;
  position: absolute;
  background-color: #ffffff;
  bottom: -1px;
  height: 1px;
  left: 0;
  width: 100%;
  box-shadow: 0 0 28px 21px #ffffff;
}