/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.info_info__W7Vus {
  padding: 20px;
}
@media all          and (min-width: 680px) {
  .info_info__W7Vus {
    padding: 25px;
  }
}
@media all          and (min-width: 1020px) {
  .info_info__W7Vus {
    flex-basis: 680px;
  }
}
/* для брендированной рубрики приоритет в ширине отдается списку подрубрик
  и только при максимальном разрешении экрана у заголовка будет фиксированная ширина
 */
.info_branding__YuNFY {
  flex-basis: 680px;
}
@media all          and (max-width: 679px) {
  .info_branding__YuNFY {
    flex-basis: auto;
  }
}
@media all          and (min-width: 680px) {
  .info_branding__YuNFY {
    padding: 25px;
  }
}
@media all          and (min-width: 1020px) {
  .info_branding__YuNFY {
    flex-basis: 680px;
  }
}
@media all          and (min-width: 1360px) {
  .info_branding__YuNFY {
    flex-basis: 680px;
  }
}
@media all          and (min-width: 1020px) {
  .info_branding__YuNFY.info_smallInfo__2rUVo {
    flex-basis: 340px;
  }
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.subrubricsListItem_subrubric__33mxC {
  cursor: pointer;
}
@media all          and (max-width: 679px) {
  .subrubricsListItem_subrubric__33mxC {
    white-space: nowrap;
  }
}
.subrubricsListItem_subrubric__33mxC:not(:last-child) {
  padding-right: 20px;
}
@media all          and (min-width: 680px) {
  .subrubricsListItem_subrubric__33mxC:not(:last-child) {
    padding-right: 0;
  }
}
@media all          and (min-width: 680px) {
  .subrubricsListItem_subrubric__33mxC:not(.subrubricsListItem_withBranding__1tX1I):hover span {
    color: #0c49cd;
  }
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
@media all          and (min-width: 680px) {
  .subrubricsListOneColumn_list__7q8Hq {
    flex-basis: 50%;
  }
}
@media all          and (min-width: 1020px) {
  .subrubricsListOneColumn_list__7q8Hq {
    flex-basis: 365px;
  }
}
.subrubricsListOneColumn_ulWrapper__1cvXA {
  padding: 20px;
}
@media all          and (max-width: 679px) {
  .subrubricsListOneColumn_ulWrapper__1cvXA {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
.subrubricsListOneColumn_ulWrapper__1cvXA .subrubricsListOneColumn_ul__2sQMq {
  display: flex;
}
@media all          and (max-width: 679px) {
  .subrubricsListOneColumn_ulWrapper__1cvXA .subrubricsListOneColumn_ul__2sQMq li a span {
    color: #00077b;
  }
}
@media all          and (max-width: 679px) {
  .subrubricsListOneColumn_ulWrapper__1cvXA .subrubricsListOneColumn_ul__2sQMq li:last-child {
    padding-right: 40px;
  }
}
@media all          and (min-width: 680px) {
  .subrubricsListOneColumn_ulWrapper__1cvXA .subrubricsListOneColumn_ul__2sQMq {
    display: block;
  }
}
@media all          and (min-width: 680px) {
  .subrubricsListOneColumn_ulWrapper__1cvXA {
    padding: 25px;
    overflow: auto;
  }
}
.subrubricsListOneColumn_hide__E6Qa3 {
  display: none;
}
.subrubricsListOneColumn_delimiter__28IzY {
  display: none;
  padding: 25px 0 25px 25px;
}
@media all          and (min-width: 680px) {
  .subrubricsListOneColumn_delimiter__28IzY {
    display: flex;
  }
}
.subrubricsListOneColumn_shadow__2VhbK {
  position: relative;
}
@media all          and (max-width: 679px) {
  .subrubricsListOneColumn_shadow__2VhbK {
    width: 100%;
  }
}
.subrubricsListOneColumn_shadow__2VhbK::after {
  content: '';
  display: block;
  width: 50px;
  position: absolute;
  top: 0;
  height: 100%;
  right: 0;
  background: linear-gradient(to left, white 25%, rgba(255, 255, 255, 0));
}
@media all          and (min-width: 680px) {
  .subrubricsListOneColumn_shadow__2VhbK::after {
    content: none;
  }
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
/* Формируем меню подрубрик из двух колонок с левый бордером
  высота колонок фиксированная, для мобильной версии делаем горизонтальный скролл
  и отключаем колонки
*/
.subrubricsListTwoColumn_list__29MBm {
  flex-grow: 1;
  /* ограничиваем границы контейнера, чтобы скрыть левый бордер вложенного меню */
}
@media all          and (max-width: 679px) {
  .subrubricsListTwoColumn_list__29MBm {
    width: 100%;
  }
}
@media all          and (min-width: 680px) {
  .subrubricsListTwoColumn_list__29MBm {
    flex-basis: auto;
    overflow: hidden;
  }
}
@media all          and (min-width: 1020px) {
  .subrubricsListTwoColumn_list__29MBm {
    padding: 0;
    overflow: visible;
  }
}
@media all          and (min-width: 1360px) {
  .subrubricsListTwoColumn_list__29MBm {
    flex-basis: auto;
  }
}
.subrubricsListTwoColumn_shadow__2ISf5 {
  position: relative;
  width: 100%;
}
@media all          and (max-width: 679px) {
  .subrubricsListTwoColumn_shadow__2ISf5 {
    width: 100%;
  }
}
.subrubricsListTwoColumn_shadow__2ISf5::after {
  content: '';
  display: block;
  width: 50px;
  position: absolute;
  top: 0;
  height: 100%;
  right: 0;
  background: radial-gradient(circle at center, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0) 70%) no-repeat 26px center;
}
@media all          and (min-width: 680px) {
  .subrubricsListTwoColumn_shadow__2ISf5::after {
    content: none;
  }
}
.subrubricsListTwoColumn_hide__20aO0 {
  display: none;
}
.subrubricsListTwoColumn_ulWrapper__1cGhL {
  height: 100%;
  width: 100%;
}
.subrubricsListTwoColumn_ulWrapper__1cGhL .subrubricsListTwoColumn_ul__2t42F {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-end;
  flex-grow: 1;
  max-height: 270px;
  height: 100%;
  width: 100%;
  /* в мобильном разрешении избавляемся от двух колонок и установим вертикальный скролл */
  /* скрываем левый бордер в первой колонке за счет overflow родительского компонента
      и сдвига самого меню влево на ширину бордера
    */
}
@media all          and (max-width: 679px) {
  .subrubricsListTwoColumn_ulWrapper__1cGhL .subrubricsListTwoColumn_ul__2t42F {
    flex-direction: row;
    flex-wrap: nowrap;
    max-height: none;
  }
}
@media all          and (min-width: 680px) {
  .subrubricsListTwoColumn_ulWrapper__1cGhL .subrubricsListTwoColumn_ul__2t42F {
    display: flex;
    align-content: flex-start;
    position: relative;
    left: -1px;
  }
}
@media all          and (min-width: 1020px) {
  .subrubricsListTwoColumn_ulWrapper__1cGhL .subrubricsListTwoColumn_ul__2t42F {
    align-content: flex-end;
    position: static;
    left: auto;
  }
}
@media all          and (max-width: 679px) {
  .subrubricsListTwoColumn_ulWrapper__1cGhL {
    padding: 20px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
@media all          and (min-width: 680px) {
  .subrubricsListTwoColumn_ulWrapper__1cGhL {
    padding: 25px 0 100px;
    overflow: visible;
  }
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.subrubricsListWrapper_listWrap__JFFXS {
  width: 100%;
  max-width: 340px;
  border-left: 1px solid #e6e6e6;
  /* растягиваем по высоте последний элемент списка меню
    чтобы бордеры в каждой колонке были одно высоты
   */
}
.subrubricsListWrapper_listWrap__JFFXS li {
  padding: 0 10px 10px 25px;
}
.subrubricsListWrapper_listWrap__JFFXS li a span {
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
@media all          and (max-width: 679px) {
  .subrubricsListWrapper_listWrap__JFFXS li a span {
    color: #f7f7f7;
  }
}
@media all          and (max-width: 679px) {
  .subrubricsListWrapper_listWrap__JFFXS li:first-child {
    padding-left: 0;
  }
}
@media all          and (max-width: 679px) {
  .subrubricsListWrapper_listWrap__JFFXS li {
    padding: 5px 40px 0 0;
  }
}
.subrubricsListWrapper_listWrap__JFFXS:last-child {
  flex-grow: 1;
  max-height: 100%;
}
.subrubricsListWrapper_listWrap__JFFXS:last-child li {
  padding-bottom: 0;
}
@media all          and (max-width: 679px) {
  .subrubricsListWrapper_listWrap__JFFXS {
    display: flex;
    flex-wrap: nowrap;
    border: none;
    width: auto;
    max-width: none;
  }
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
@media all          and (min-width: 680px) {
  .mainInfo_container__28aoD {
    flex-flow: row nowrap;
  }
}
.mainInfo_branding__2W4wl {
  padding-top: 25px;
}
@media all          and (min-width: 680px) {
  .mainInfo_branding__2W4wl {
    flex-wrap: wrap;
  }
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
@media all          and (min-width: 680px) {
  .themeHeader_header__1tXRe {
    max-width: 465px;
  }
}
@media all          and (min-width: 1440px) {
  .themeHeader_header__1tXRe {
    flex-shrink: 1;
  }
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.ThemeItem_themeItem__2Ufdk {
  display: block;
}
@media all          and (max-width: 679px) {
  .ThemeItem_themeItem__2Ufdk {
    padding: 20px;
  }
}
@media all          and (min-width: 680px) {
  .ThemeItem_themeItem__2Ufdk {
    padding: 25px;
    flex: 1 1 340px;
  }
}
@media all          and (min-width: 1020px) {
  .ThemeItem_themeItem__2Ufdk {
    padding: 0 25px;
  }
}
@media all          and (min-width: 1360px) {
  .ThemeItem_themeItem__2Ufdk {
    padding: 0 0 25px;
  }
  .ThemeItem_themeItem__2Ufdk:first-child .ThemeItem_body__1RK64 {
    border-left: 0;
  }
}
.ThemeItem_themeItem__2Ufdk:hover {
  opacity: 0.65;
}
@media all          and (min-width: 1020px) {
  .withSidebar .ThemeItem_themeItem__2Ufdk {
    padding: 25px;
    flex: 1 1 340px;
  }
}
@media all          and (min-width: 1360px) {
  .withSidebar .ThemeItem_themeItem__2Ufdk {
    padding: 0 25px;
  }
}
@media all          and (min-width: 1700px) {
  .withSidebar .ThemeItem_themeItem__2Ufdk {
    padding: 0 0 25px;
    flex: 1 1 25%;
  }
  .withSidebar .ThemeItem_themeItem__2Ufdk:first-child .ThemeItem_body__1RK64 {
    border-left: 0;
  }
}
.ThemeItem_body__1RK64 {
  border-top: 1px solid rgba(223, 223, 230, 0.5);
  padding: 20px 0;
  min-height: 140px;
}
@media all          and (min-width: 1020px) {
  .ThemeItem_body__1RK64 {
    padding: 25px 0;
    min-height: 170px;
  }
}
@media all          and (min-width: 1360px) {
  .ThemeItem_body__1RK64 {
    border-top: 0;
    border-left: 1px solid rgba(223, 223, 230, 0.5);
    padding: 0 25px;
    min-height: 140px;
  }
}
@media all          and (min-width: 1360px) {
  .withSidebar .ThemeItem_body__1RK64 {
    border-top: 1px solid rgba(223, 223, 230, 0.5);
    border-left: 0;
    padding: 25px 0;
    min-height: 170px;
  }
}
@media all          and (min-width: 1700px) {
  .withSidebar .ThemeItem_body__1RK64 {
    border-top: 0;
    border-left: 1px solid rgba(223, 223, 230, 0.5);
    padding: 0 25px;
    min-height: 140px;
  }
}
.ThemeItem_opacity__1G3Ic {
  opacity: 0.5;
}
.ThemeItem_titleText__1VUjO span {
  line-height: 24px;
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.themeList_list__122M9 {
  display: flex;
  flex-wrap: nowrap;
}
@media all          and (max-width: 679px) {
  .themeList_list__122M9 {
    flex-direction: column;
  }
}
@media all          and (min-width: 680px) {
  .themeList_list__122M9 {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media all          and (min-width: 1360px) {
  .themeList_list__122M9 {
    height: 100%;
    flex-wrap: nowrap;
    align-items: flex-end;
  }
}
@media all          and (min-width: 1360px) {
  .withSidebar .themeList_list__122M9 {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media all          and (min-width: 1700px) {
  .withSidebar .themeList_list__122M9 {
    height: 100%;
    flex-wrap: nowrap;
    align-items: flex-end;
  }
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.themePhoto_photo__69ILZ {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media all          and (min-width: 1020px) {
  .themePhoto_photo__69ILZ {
    bottom: 0;
  }
}
@media all          and (min-width: 1360px) {
  .themePhoto_photo__69ILZ {
    height: 100%;
  }
}
.themePhoto_cover__nLYee {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 50%, #000000 90%, #000000 100%);
}
@media all          and (min-width: 1020px) {
  .themePhoto_cover__nLYee {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 40%, rgba(0, 0, 0, 0.8) 65%, #000000 100%);
  }
}
@media all          and (min-width: 1360px) {
  .themePhoto_cover__nLYee {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 50%, #000000 75%, #000000 100%);
  }
}
@media all          and (min-width: 1020px) {
  .withSidebar .themePhoto_cover__nLYee {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 50%, #000000 90%, #000000 100%);
  }
}
@media all          and (min-width: 1360px) {
  .withSidebar .themePhoto_cover__nLYee {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 40%, rgba(0, 0, 0, 0.8) 65%, #000000 100%);
  }
}
@media all          and (min-width: 1700px) {
  .withSidebar .themePhoto_cover__nLYee {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 50%, #000000 75%, #000000 100%);
  }
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.mainTheme_theme__27ee1 {
  width: 100%;
  background-color: white;
  position: relative;
  box-shadow: inset 0 0 0 4px #00077b;
}
@media all          and (max-width: 679px) {
  .mainTheme_theme__27ee1 {
    display: flex;
    flex-flow: column nowrap;
  }
}
@media all          and (min-width: 680px) {
  .mainTheme_theme__27ee1 {
    display: grid;
    grid-auto-columns: 2fr;
    grid-auto-rows: 2fr;
  }
}
@media all          and (min-width: 680px)    and (max-width: 1019px) {
  .mainTheme_theme__27ee1 {
    height: 650px;
  }
}
@media all          and (min-width: 1020px) {
  .mainTheme_theme__27ee1 {
    height: 100%;
    grid-auto-columns: 3fr;
    grid-auto-rows: 2fr;
  }
}
@media all          and (min-width: 1360px) {
  .mainTheme_theme__27ee1 {
    height: 510px;
    grid-auto-columns: 4fr;
    grid-auto-rows: 2fr;
  }
}
@media all          and (min-width: 1020px) {
  .withSidebar .mainTheme_theme__27ee1 {
    grid-auto-columns: 2fr;
    grid-auto-rows: 2fr;
  }
}
@media all          and (min-width: 1020px) and (max-width: 1359px) {
  .withSidebar .mainTheme_theme__27ee1 {
    height: 650px;
  }
}
@media all          and (min-width: 1360px) {
  .withSidebar .mainTheme_theme__27ee1 {
    height: 100%;
    grid-auto-columns: 3fr;
    grid-auto-rows: 2fr;
  }
}
@media all          and (min-width: 1700px) {
  .withSidebar .mainTheme_theme__27ee1 {
    height: 510px;
    grid-auto-columns: 4fr;
    grid-auto-rows: 2fr;
  }
}
.mainTheme_withPhoto__2b6H_ {
  box-shadow: none;
  background-color: #000;
}
.mainTheme_gridItem__3ntQr {
  z-index: 1;
}
.mainTheme_header__13vEu {
  padding: 25px;
  grid-column: 1 / 3;
  grid-row: 1 / 2;
}
.mainTheme_news__1AWwG {
  grid-column: 1 / 3;
  grid-row: 2 / 3;
}
@media all          and (min-width: 1020px) {
  .mainTheme_news__1AWwG {
    grid-column: 3 / 4;
    grid-row: 1 / 4;
  }
}
@media all          and (min-width: 1360px) {
  .mainTheme_news__1AWwG {
    grid-column: 1 / 5;
    grid-row: 2 / 3;
  }
}
@media all          and (min-width: 1020px) {
  .withSidebar .mainTheme_news__1AWwG {
    grid-column: 1 / 3;
    grid-row: 2 / 3;
  }
}
@media all          and (min-width: 1360px) {
  .withSidebar .mainTheme_news__1AWwG {
    grid-column: 3 / 4;
    grid-row: 1 / 4;
  }
}
@media all          and (min-width: 1700px) {
  .withSidebar .mainTheme_news__1AWwG {
    grid-column: 1 / 5;
    grid-row: 2 / 3;
  }
}
.mainTheme_expander__2CeoE {
  flex: 1 1 150px;
}
@media all          and (min-width: 680px) {
  .mainTheme_expander__2CeoE {
    display: none;
  }
}
.mainTheme_expander__2CeoE.mainTheme_photoTheme__2BD7S {
  flex: 1 1 300px;
}
@media all          and (min-width: 680px) {
  .mainTheme_expander__2CeoE.mainTheme_photoTheme__2BD7S {
    display: none;
  }
}

.mountPopup_anchor__1LgnZ {
  width: 100%;
}

.popupPortal_portal__1QkcL {
  position: absolute;
  z-index: 700;
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.newsTypesItem_item__21A6V {
  min-width: 210px;
  padding: 0 15px;
}
.newsTypesItem_item__21A6V:hover {
  cursor: pointer;
}
.newsTypesItem_textWrap__RK6BS {
  padding: 15px 0;
}
.newsTypesItem_item__21A6V:not(:last-child) .newsTypesItem_textWrap__RK6BS {
  border-bottom: 1px solid #dfdfe6;
}
.newsTypesItem_item__21A6V:hover .newsTypesItem_textWrap__RK6BS span {
  color: #0c49cd;
}
.newsTypesItem_disabled__1H9Qx:hover .newsTypesItem_textWrap__RK6BS span {
  color: #747e89;
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.newsTypesList_popupTemp__dlzHq {
  background-color: #f7f7f7;
  width: 240px;
  box-shadow: 0 2px 18px #dfdfe6;
}
.newsTypesList_list__2X_gD {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.newsTypesButton_button__2Y1y8 {
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 25px;
  cursor: pointer;
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.horizontalBanner_ad__3rhGT {
  border-top: 1px solid #dfdfe6;
  border-bottom: 1px solid #dfdfe6;
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.rubricFeed_container__2_OKu {
  padding: 25px;
  width: 100%;
}
@media all          and (min-width: 1020px) {
  .rubricFeed_container__2_OKu {
    max-width: 800px;
  }
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.newsGroup_advertising__2PFv6 {
  height: 100%;
}
.newsGroup_verticalBanner__3-Vh_ {
  width: 100%;
  height: 100%;
  padding: 25px 0 0;
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.date_hide__Z1Z3L {
  display: flex;
}
@media all          and (min-width: 1020px) {
  .date_hide__Z1Z3L {
    display: none;
  }
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.topOneCardImage_image__3C6f3 {
  flex-shrink: 1;
  flex-grow: 1;
}
@media all          and (min-width: 1360px) {
  .topOneCardImage_image__3C6f3 {
    flex-shrink: 0;
    flex-grow: 0;
    width: 450px;
    height: 290px;
  }
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.topOneCard_link__3I6st {
  width: 100%;
}
.topOneCard_container__PEEJ9 {
  padding: 20px;
}
@media all          and (min-width: 1020px) {
  .topOneCard_container__PEEJ9 {
    padding: 25px;
  }
}
@media all          and (min-width: 1360px) {
  .topOneCard_container__PEEJ9 {
    flex-direction: row;
  }
}
.topOneCard_container__PEEJ9:hover .topOneCard_title__1kNUb span {
  color: #0c49cd;
}
.topOneCard_body__1c6d5 {
  min-width: 100%;
  flex: 1 1;
  padding-right: 25px;
}
@media all          and (min-width: 1020px) {
  .topOneCard_body__1c6d5 {
    min-width: 400px;
  }
}
.topOneCard_verticalBreak__1HVnA {
  display: none;
}
@media all          and (min-width: 1360px) and (max-width: 1359px) {
  .topOneCard_verticalBreak__1HVnA {
    display: block;
  }
}

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/
/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
@media all          and (min-width: 1020px) {
  .rubricTop_grid__1dBQk {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 3fr;
    -ms-grid-columns: 340px 340px 340px;
  }
}
@media all          and (min-width: 1360px) {
  .rubricTop_grid__1dBQk {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 4fr;
    -ms-grid-columns: 340px 340px 339px 340px;
  }
}
@media all          and (min-width: 1020px) {
  .withSidebar .rubricTop_grid__1dBQk {
    display: block;
  }
}
@media all          and (min-width: 1360px) {
  .withSidebar .rubricTop_grid__1dBQk {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 3fr;
    -ms-grid-columns: 340px 340px 340px;
  }
}
@media all          and (min-width: 1700px) {
  .withSidebar .rubricTop_grid__1dBQk {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 4fr;
    -ms-grid-columns: 340px 340px 339px 340px;
  }
}
.rubricTop_topOneCard__2KDPW {
  border-bottom: 1px solid #dfdfe6;
}
@media all          and (min-width: 1020px) {
  .rubricTop_topOneCard__2KDPW {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2;
  }
}
@media all          and (min-width: 1360px) {
  .rubricTop_topOneCard__2KDPW {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1 / 4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2;
  }
}
@media all          and (min-width: 1360px) {
  .withSidebar .rubricTop_topOneCard__2KDPW {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2;
  }
}
@media all          and (min-width: 1700px) {
  .withSidebar .rubricTop_topOneCard__2KDPW {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1 / 4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2;
  }
}
.rubricTop_topCard__13zze {
  height: 100%;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2 / 3;
}
.rubricTop_topRowCard2__QG1V5 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
}
.rubricTop_topRowCard3__1diHU {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2 / 3;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .rubricTop_advertisingColumn__qE1o5 {
    border-left: 1px solid #dfdfe6;
  }
}
@media all          and (min-width: 680px)    and (max-width: 1019px) {
  .rubricTop_topRowCard3__1diHU {
    width: 100%;
  }
}
.rubricTop_topRowCard4__1uacx {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3 / 4;
}
.rubricTop_advertisingColumn__qE1o5 {
  display: flex;
}
@media all          and (min-width: 1020px) {
  .rubricTop_advertisingColumn__qE1o5 {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3 / 4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2;
  }
}
@media all          and (min-width: 1020px) and (max-width: 1359px) {
  .rubricTop_advertisingColumn__qE1o5 {
    border-bottom: 1px solid #dfdfe6;
  }
}
@media all          and (min-width: 1360px) {
  .rubricTop_advertisingColumn__qE1o5 {
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-column: 4 / 5;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1 / 3;
  }
}
@media all          and (min-width: 1360px) {
  .withSidebar .rubricTop_advertisingColumn__qE1o5 {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3 / 4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2;
  }
}
@media all          and (min-width: 1700px) {
  .withSidebar .rubricTop_advertisingColumn__qE1o5 {
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-column: 4 / 5;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1 / 3;
  }
}
.rubricTop_advertisingBlock__1xt_a {
  height: 100%;
}
.rubricTop_adText__3CoUz {
  width: 100%;
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.TopCardImage_image__1km8v {
  height: 56.25vw;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .TopCardImage_image__1km8v {
    max-height: 30vh;
  }
}
@media all          and (min-width: 680px)    and (max-width: 1019px) {
  .TopCardImage_image__1km8v {
    width: 290px;
    height: 185px;
  }
}
@media all          and (min-width: 1020px) {
  .TopCardImage_image__1km8v {
    height: unset;
    min-height: 185px;
  }
}
@media all          and (min-width: 1020px) and (max-width: 1359px) {
  .TopCardImage_image__1km8v.TopCardImage_withSidebar__11CTB {
    width: 290px;
    height: 185px;
  }
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.topCard_card__1KDml {
  padding: 20px;
  height: 100%;
  min-height: 170px;
}
@media all          and (min-width: 680px)    and (max-width: 1019px) {
  .topCard_card__1KDml {
    flex-flow: row nowrap;
  }
}
@media all          and (min-width: 1020px) {
  .topCard_card__1KDml {
    padding: 25px;
  }
}
@media all          and (min-width: 1020px) and (max-width: 1359px) {
  .topCard_card__1KDml.topCard_withSidebar__1dbri {
    flex-flow: row nowrap;
  }
}
@media all          and (min-width: 680px)    and (max-width: 1019px) {
  .topCard_title__3r5jC {
    max-width: 315px;
  }
}
@media all          and (min-width: 1020px) and (max-width: 1359px) {
  .topCard_title__3r5jC.topCard_withSidebar__1dbri {
    max-width: 315px;
  }
}
.topCard_card__1KDml:hover .topCard_title__3r5jC span {
  color: #0c49cd;
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.topNewsItem_borderedCard__3PzWh {
  border-top: 1px solid #dfdfe6;
}
@media all          and (min-width: 1020px) {
  .topNewsItem_borderedCard__3PzWh {
    border-left: 1px solid #dfdfe6;
    border-top: none;
  }
}
.topNewsItem_topCard__M2QEn {
  height: 100%;
}
@media all          and (min-width: 1020px) {
  .topNewsItem_topCard__M2QEn {
    flex-basis: 340px;
  }
}
@media all          and (min-width: 1020px) {
  .withSidebar .topNewsItem_topCard__M2QEn {
    flex-basis: unset;
  }
}
@media all          and (min-width: 1360px) {
  .withSidebar .topNewsItem_topCard__M2QEn {
    flex-basis: 33.33%;
  }
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.themesListItem_item__1AZ1w {
  align-items: center;
  white-space: nowrap;
}
.themesListItem_item__1AZ1w a,
.themesListItem_item__1AZ1w span {
  display: block;
  cursor: pointer;
  padding: 5px 20px 0 0;
}
@media all          and (min-width: 680px) {
  .themesListItem_item__1AZ1w {
    white-space: normal;
    display: inline-block;
    margin-bottom: 10px;
  }
  .themesListItem_item__1AZ1w a,
  .themesListItem_item__1AZ1w span {
    display: inline;
    vertical-align: middle;
    padding: 0;
  }
  .themesListItem_item__1AZ1w a:hover,
  .themesListItem_item__1AZ1w span:hover {
    color: #0c49cd;
  }
  .themesListItem_item__1AZ1w::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 5px;
    margin: 0 22px;
    background-color: #747e89;
    border-radius: 50%;
  }
}
.themesListItem_item__1AZ1w:last-child::after {
  content: none;
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.themesList_ulWrapper__2NFkx {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.themesList_ulWrapper__2NFkx .themesList_ul__1fRf0 {
  padding: 20px;
  display: flex;
}
@media all          and (min-width: 680px) {
  .themesList_ulWrapper__2NFkx {
    overflow: auto;
  }
  .themesList_ulWrapper__2NFkx .themesList_ul__1fRf0 {
    display: block;
    padding: 25px 25px 15px;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .themesList_shadow__rBIA2 {
    margin-bottom: 2px;
  }
}
.themesList_shadow__rBIA2 {
  position: relative;
}
.themesList_shadow__rBIA2::after {
  content: '';
  display: block;
  width: 50px;
  position: absolute;
  top: 0;
  height: 100%;
  right: 0;
  background: linear-gradient(to left, white 25%, rgba(255, 255, 255, 0));
}
@media all          and (min-width: 680px) {
  .themesList_shadow__rBIA2::after {
    content: none;
  }
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.themeCard_card__1o8ff {
  padding: 30px 20px;
  cursor: pointer;
}
@media all          and (min-width: 680px) {
  .themeCard_card__1o8ff {
    padding: 50px 25px;
  }
}
@media all          and (min-width: 1020px) {
  .themeCard_card__1o8ff {
    padding: 50px 25px;
  }
}
@media all          and (min-width: 1360px) {
  .themeCard_card__1o8ff {
    width: 730px;
  }
}
@media all          and (min-width: 1360px) {
  .withSidebar .themeCard_card__1o8ff {
    width: unset;
  }
}
.themeCard_card__1o8ff:hover .themeCard_more__3x7rM span,
.themeCard_card__1o8ff:hover .themeCard_title__3Fm_V span {
  color: #0c49cd;
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.themeCardWrap_wrap__2XdJC {
  border-bottom: 1px solid #dfdfe6;
  display: flex;
}
@media all          and (min-width: 680px) {
  .themeCardWrap_wrap__2XdJC {
    justify-content: space-around;
  }
}

.themeFeed_feed__2AGds {
  width: 100%;
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.themeNewsGroup_advertising__1z1VS {
  height: 100%;
}
.themeNewsGroup_verticalBanner__2Z3UG {
  width: 100%;
  border-bottom: 1px solid #dfdfe6;
  padding: 25px 0 0;
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
@media all          and (min-width: 680px) {
  .themeHeader_header__3Vz8t {
    max-width: 465px;
  }
}
@media all          and (min-width: 1440px) {
  .themeHeader_header__3Vz8t {
    flex-shrink: 1;
  }
}
h1 {
  margin: 0;
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.ThemeItem_themeItem__1Xy0Y {
  display: block;
}
@media all          and (min-width: 680px) {
  .ThemeItem_themeItem__1Xy0Y {
    padding: 0 25px;
    flex: 1 1 340px;
  }
}
@media all          and (min-width: 1360px) {
  .ThemeItem_themeItem__1Xy0Y {
    flex: unset;
  }
}
.ThemeItem_themeItem__1Xy0Y:hover {
  opacity: 0.5;
}
@media all          and (min-width: 1020px) {
  .withSidebar .ThemeItem_themeItem__1Xy0Y {
    padding: 0 25px;
    flex: 1 1 340px;
  }
}
@media all          and (min-width: 1700px) {
  .withSidebar .ThemeItem_themeItem__1Xy0Y {
    flex: unset;
  }
}
.ThemeItem_body__3y4LB {
  border-top: 1px solid rgba(223, 223, 230, 0.5);
  padding: 20px 0;
  min-height: 140px;
}
@media all          and (min-width: 1020px) {
  .ThemeItem_body__3y4LB {
    padding: 25px 0;
  }
}
@media all          and (min-width: 1360px) {
  .ThemeItem_body__3y4LB.ThemeItem_first__3qAAw {
    border: 0 none;
  }
}
@media all          and (min-width: 1020px) {
  .withSidebar .ThemeItem_body__3y4LB.ThemeItem_first__3qAAw {
    border-top: 1px solid rgba(223, 223, 230, 0.5);
  }
}
@media all          and (min-width: 1700px) {
  .withSidebar .ThemeItem_body__3y4LB.ThemeItem_first__3qAAw {
    border: 0 none;
  }
}
.ThemeItem_transparent__2NFYk {
  opacity: 0.5;
}
.ThemeItem_titleText__1sjvF span {
  line-height: 24px;
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
@media all          and (min-width: 680px) {
  .themeList_list__35OMp {
    margin: 0 -25px;
    flex-direction: row;
  }
}
@media all          and (min-width: 1360px) {
  .themeList_list__35OMp {
    flex-basis: 340px;
    margin: -25px 0;
    flex-direction: column;
  }
}
@media all          and (min-width: 1020px) {
  .withSidebar .themeList_list__35OMp {
    margin: 0 -25px;
    flex-direction: row;
  }
}
@media all          and (min-width: 1700px) {
  .withSidebar .themeList_list__35OMp {
    flex-basis: 340px;
    margin: -25px 0;
    flex-direction: column;
  }
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.themePhoto_photo__Nhu8D {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media all          and (max-width: 679px) {
  .themePhoto_photo__Nhu8D {
    height: 160vw;
  }
}
@media all          and (min-width: 680px) {
  .themePhoto_photo__Nhu8D {
    height: 680px;
  }
}
.themePhoto_cover__965Gg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 50%, #000000 90%, #000000 100%);
}
@media all          and (min-width: 1360px) {
  .themePhoto_cover__965Gg {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 40%, rgba(0, 0, 0, 0.8) 65%, #000000 100%);
  }
}
@media all          and (min-width: 1020px) {
  .withSidebar .themePhoto_cover__965Gg {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 50%, #000000 90%, #000000 100%);
  }
}
@media all          and (min-width: 1700px) {
  .withSidebar .themePhoto_cover__965Gg {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 40%, rgba(0, 0, 0, 0.8) 65%, #000000 100%);
  }
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.themeTop_theme__24c8B {
  width: 100%;
  height: 100%;
  background-color: white;
  position: relative;
  box-shadow: inset 0 0 0 4px #00077b;
}
.themeTop_withPhoto__1rh3D {
  box-shadow: none;
  background-color: #000;
}
.themeTop_container__3nZgu {
  height: 100%;
  padding: 20px;
  position: relative;
  z-index: 2;
}
@media all          and (min-width: 680px) {
  .themeTop_container__3nZgu.themeTop_containerWithPhoto__SEn-J {
    padding: 25px;
    min-height: 680px;
  }
}
.themeTop_inner__1saRA {
  position: relative;
  min-height: 100%;
}
@media all          and (min-width: 680px) {
  .themeTop_inner__1saRA {
    flex-flow: column nowrap;
  }
}
@media all          and (min-width: 1360px) {
  .themeTop_inner__1saRA {
    flex-flow: row nowrap;
  }
}
.withSidebar .themeTop_inner__1saRA {
  flex-wrap: nowrap;
}
@media all          and (min-width: 1020px) {
  .withSidebar .themeTop_inner__1saRA {
    flex-flow: column nowrap;
  }
}
@media all          and (min-width: 1700px) {
  .withSidebar .themeTop_inner__1saRA {
    flex-flow: row nowrap;
  }
}
.themeTop_expander__1W0nX {
  flex: 1 1 150px;
}
.themeTop_expander__1W0nX.themeTop_photoTheme__75rmd {
  flex: 1 1 350px;
}
@media all          and (min-width: 680px) {
  .themeTop_expander__1W0nX.themeTop_photoTheme__75rmd {
    flex: 1 1 150px;
    flex: unset;
  }
}
@media all          and (min-width: 680px) {
  .themeTop_body__2LLos {
    margin-top: 0;
  }
}
@media all          and (min-width: 1360px) {
  .themeTop_body__2LLos {
    flex-direction: row;
    flex-basis: 340px;
    justify-content: flex-end;
  }
}
@media all          and (min-width: 1020px) {
  .withSidebar .themeTop_body__2LLos {
    width: unset;
    flex-direction: column;
    justify-content: unset;
  }
}
@media all          and (min-width: 1700px) {
  .withSidebar .themeTop_body__2LLos {
    width: 46%;
    flex-direction: row;
    justify-content: flex-end;
  }
}
.themeTop_footer__142DD {
  text-align: center;
}
@media all          and (min-width: 680px) {
  .themeTop_footer__142DD {
    text-align: left;
  }
}
@media all          and (min-width: 1360px) {
  .themeTop_footer__142DD {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
  }
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.partner_material.small {
  flex-grow: 1;
  padding: 25px;
  display: block;
  border-top: 1px solid #dfdfe6;
  border-right: 1px solid #dfdfe6;
}
@media all          and (min-width: 1360px) {
  .partner_material.small {
    max-width: 340px;
    flex-grow: 0;
  }
}
.partner_material.small .news-content.news-content_partners {
  height: 100%;
}
.partner_material.small .news-content__container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media all          and (min-width: 680px) {
  .partner_material.small .news-content__container {
    flex-direction: row;
  }
}
@media all          and (min-width: 1360px) {
  .partner_material.small .news-content__container {
    flex-direction: column;
  }
}
.partner_material.small .news-content__marker {
  text-transform: uppercase;
  font-size: 12px;
  color: #747e89;
  margin-bottom: 5px;
}
.partner_material.small .news-content__date {
  display: none;
}
.partner_material.small .news-content__header .news-content__title {
  font-size: 18px;
}
.partner_material.small .news-content__photo {
  width: 100%;
  height: 100%;
  background-size: cover;
}
@media all          and (min-width: 680px) {
  .partner_material.small .news-content__photo {
    width: 270px;
    height: 182px;
  }
}
.partner_material.small .news-content__photo-wrapper {
  flex: 1 1 56.25vw;
  margin-top: 10px;
  display: flex;
  align-items: flex-end;
}
@media all          and (min-width: 680px) {
  .partner_material.small .news-content__photo-wrapper {
    flex: 1 0;
  }
}
.partner_material.small .news-content__link {
  display: none;
}
.large.partner_material {
  height: 440px;
  padding: 25px;
  flex: 1 1 auto;
  min-height: 376px;
  display: block;
  border-top: 1px solid #dfdfe6;
  border-right: 1px solid #dfdfe6;
}
@media all          and (min-width: 680px) {
  .large.partner_material {
    flex: 1 0 auto;
    height: unset;
  }
}
.large.partner_material .news-content.news-content_partners {
  height: 100%;
}
.large.partner_material .news-content__container {
  position: relative;
  display: flex;
  height: 100%;
  padding: 25px;
  flex-direction: column;
  justify-content: flex-end;
}
.large.partner_material .news-content__marker {
  font-size: 12px;
  text-transform: uppercase;
  color: white;
  margin-bottom: 5px;
  position: relative;
  z-index: 10;
}
.large.partner_material .news-content__date {
  display: none;
}
.large.partner_material .news-content__header {
  position: relative;
  z-index: 10;
  color: white;
  font-size: 24px;
  max-width: 400px;
}
.large.partner_material .news-content__header .news-content__title {
  font-size: 24px;
}
.large.partner_material .news-content__photo {
  width: 100%;
  height: 100%;
  background-size: cover;
}
.large.partner_material .news-content__photo-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0), black);
}
.large.partner_material .news-content__link {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0), black);
  color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.cardPicker_double__3LzWY {
  flex-direction: row;
}
@media all          and (min-width: 1360px) {
  .cardPicker_double__3LzWY {
    flex: 0 0 340px;
  }
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.flatCard_container__3UIXX {
  height: 100%;
  padding: 25px;
  min-height: 190px;
  flex-wrap: wrap;
}
@media all          and (min-width: 680px) {
  .flatCard_container__3UIXX {
    flex-direction: row;
    flex-wrap: nowrap;
  }
}
@media all          and (min-width: 1360px) {
  .flatCard_container__3UIXX {
    flex-wrap: wrap;
  }
}
.flatCard_link__RANjL {
  display: block;
  border-top: 1px solid #dfdfe6;
  border-right: 1px solid #dfdfe6;
  flex: 1 0 100%;
}
@media all          and (min-width: 1360px) {
  .flatCard_link__RANjL {
    flex: 0 0 340px;
  }
}
@media all          and (min-width: 1360px) {
  .flatCard_imageBreak__37jhL {
    height: 12px;
  }
}
.flatCard_image__2pomc {
  flex: 1 1 56.25vw;
}
@media all          and (min-width: 680px) {
  .flatCard_image__2pomc {
    flex: 0 0 300px;
  }
}
@media all          and (min-width: 1020px) {
  .flatCard_image__2pomc {
    flex: 0 0 290px;
  }
}
@media all          and (max-width: 679px) {
  .flatCard_textContainer__2-otr {
    max-width: 100%;
  }
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.loadMoreButton_container__3A97n {
  border-top: 1px solid #dfdfe6;
  padding: 35px 0;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.loadMoreButton_text__TEY-v {
  margin: 0 auto;
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
@media all          and (min-width: 680px) {
  .superRubricMainThemeHeader_header__2QZQI {
    max-width: 280px;
  }
}
@media all          and (min-width: 1020px) {
  .superRubricMainThemeHeader_header__2QZQI {
    max-width: 382px;
  }
}
@media all          and (min-width: 1360px) {
  .superRubricMainThemeHeader_header__2QZQI {
    max-width: 495px;
  }
}
@media all          and (min-width: 1440px) {
  .superRubricMainThemeHeader_header__2QZQI {
    flex-shrink: 1;
  }
}
.superRubricMainThemeHeader_themeWrap__3RnX0 span {
  letter-spacing: 2px;
}
@media all          and (min-width: 680px) {
  .superRubricMainThemeHeader_themeWrap__3RnX0 span {
    letter-spacing: 1px;
  }
}
@media all          and (min-width: 1360px) {
  .superRubricMainThemeHeader_themeWrap__3RnX0 span {
    font-size: 14px;
    line-height: normal;
  }
}
.superRubricMainThemeHeader_break__3WFpn {
  padding-top: 11px;
}
@media all          and (min-width: 1020px) {
  .superRubricMainThemeHeader_break__3WFpn {
    padding-top: 12px;
  }
}
@media all          and (min-width: 1360px) {
  .superRubricMainThemeHeader_break__3WFpn {
    padding-top: 9px;
  }
}
.superRubricMainThemeHeader_titleWrap__3P07H a {
  line-height: 30px;
  letter-spacing: 1.33px;
}
@media all          and (min-width: 1020px) {
  .superRubricMainThemeHeader_titleWrap__3P07H a {
    line-height: 40px;
    letter-spacing: normal;
  }
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.ThemeItem_themeItem__13-KT {
  display: block;
}
@media all          and (max-width: 679px) {
  .ThemeItem_themeItem__13-KT {
    padding: 0 20px;
  }
  .ThemeItem_themeItem__13-KT:first-child .ThemeItem_body__2G5R- {
    border-top: 0;
  }
}
@media all          and (min-width: 680px) {
  .ThemeItem_themeItem__13-KT {
    padding: 0 25px 25px;
    flex: 1 1 340px;
  }
}
@media all          and (min-width: 680px)    and (max-width: 1019px) {
  .ThemeItem_themeItem__13-KT:nth-child(-n + 2) .ThemeItem_body__2G5R- {
    border-top: 0;
  }
}
@media all          and (min-width: 1020px) {
  .ThemeItem_themeItem__13-KT {
    padding: 0 25px;
  }
  .ThemeItem_themeItem__13-KT:first-child .ThemeItem_body__2G5R- {
    border-top: 0;
  }
}
@media all          and (min-width: 1360px) {
  .ThemeItem_themeItem__13-KT {
    padding: 25px 0;
  }
  .ThemeItem_themeItem__13-KT:first-child .ThemeItem_body__2G5R- {
    border-left: 0;
  }
}
.ThemeItem_themeItem__13-KT:hover {
  opacity: 0.65;
}
@media all          and (min-width: 1020px) {
  .withSidebar .ThemeItem_themeItem__13-KT {
    padding: 0 25px 25px;
    flex: 1 1 340px;
  }
}
@media all          and (min-width: 1020px) and (max-width: 1359px) {
  .withSidebar .ThemeItem_themeItem__13-KT:nth-child(-n + 2) .ThemeItem_body__2G5R- {
    border-top: 0;
  }
}
@media all          and (min-width: 1360px) {
  .withSidebar .ThemeItem_themeItem__13-KT {
    padding: 0 25px;
  }
}
@media all          and (min-width: 1700px) {
  .withSidebar .ThemeItem_themeItem__13-KT {
    padding: 25px 0;
    flex: 1 1 25%;
  }
  .withSidebar .ThemeItem_themeItem__13-KT:first-child .ThemeItem_body__2G5R- {
    border-left: 0;
  }
}
.ThemeItem_body__2G5R- {
  border-top: 1px solid rgba(223, 223, 230, 0.5);
  padding: 17px 0;
  min-height: 132px;
}
@media all          and (min-width: 680px) {
  .ThemeItem_body__2G5R- {
    min-height: 144px;
    padding: 25px 0;
  }
}
@media all          and (min-width: 1020px) {
  .ThemeItem_body__2G5R- {
    padding: 22px 0;
    min-height: 170px;
  }
}
@media all          and (min-width: 1360px) {
  .ThemeItem_body__2G5R- {
    border-top: 0;
    padding: 0 25px;
    min-height: 140px;
    max-width: 326px;
  }
}
@media all          and (min-width: 1020px) {
  .withSidebar .ThemeItem_body__2G5R- {
    min-height: 144px;
    padding: 25px 0;
  }
}
@media all          and (min-width: 1360px) {
  .withSidebar .ThemeItem_body__2G5R- {
    border-top: 1px solid rgba(223, 223, 230, 0.5);
    border-left: 0;
    padding: 22px 0;
    min-height: 170px;
  }
}
@media all          and (min-width: 1700px) {
  .withSidebar .ThemeItem_body__2G5R- {
    border-top: 0;
    padding: 0 25px;
    min-height: 140px;
    max-width: 326px;
  }
}
.ThemeItem_opacity__EoMuo {
  opacity: 0.5;
}
.ThemeItem_titleText__11vBq span {
  line-height: 24px;
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.themeList_list__3Tips {
  display: flex;
  flex-wrap: nowrap;
}
@media all          and (max-width: 679px) {
  .themeList_list__3Tips {
    flex-direction: column;
  }
}
@media all          and (min-width: 680px) {
  .themeList_list__3Tips {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media all          and (min-width: 1360px) {
  .themeList_list__3Tips {
    flex-wrap: nowrap;
    align-items: flex-end;
  }
}
@media all          and (min-width: 1360px) {
  .withSidebar .themeList_list__3Tips {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media all          and (min-width: 1700px) {
  .withSidebar .themeList_list__3Tips {
    flex-wrap: nowrap;
    align-items: flex-end;
  }
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.themePhoto_photo__1o951 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media all          and (min-width: 1020px) {
  .themePhoto_photo__1o951 {
    bottom: 0;
  }
}
@media all          and (min-width: 1360px) {
  .themePhoto_photo__1o951 {
    height: 100%;
  }
}
.themePhoto_cover__2sC0Y {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), black);
}
@media all          and (min-width: 1020px) {
  .themePhoto_cover__2sC0Y {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 40%, rgba(0, 0, 0, 0.8) 65%, #000000 100%);
  }
}
@media all          and (min-width: 1360px) {
  .themePhoto_cover__2sC0Y {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 50%, #000000 75%, #000000 100%);
  }
}
@media all          and (min-width: 1020px) {
  .withSidebar .themePhoto_cover__2sC0Y {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), black);
  }
}
@media all          and (min-width: 1360px) {
  .withSidebar .themePhoto_cover__2sC0Y {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 40%, rgba(0, 0, 0, 0.8) 65%, #000000 100%);
  }
}
@media all          and (min-width: 1700px) {
  .withSidebar .themePhoto_cover__2sC0Y {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 50%, #000000 75%, #000000 100%);
  }
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.mainTheme_theme__WcE57 {
  width: 100%;
  background-color: white;
  position: relative;
  box-shadow: inset 0 0 0 4px #00077b;
}
@media all          and (max-width: 679px) {
  .mainTheme_theme__WcE57 {
    display: flex;
    flex-flow: column nowrap;
  }
}
@media all          and (min-width: 680px) {
  .mainTheme_theme__WcE57 {
    display: grid;
    grid-auto-columns: 2fr;
    grid-auto-rows: 2fr;
  }
}
@media all          and (min-width: 680px)    and (max-width: 1019px) {
  .mainTheme_theme__WcE57 {
    height: 650px;
  }
}
@media all          and (min-width: 1020px) {
  .mainTheme_theme__WcE57 {
    height: 100%;
    grid-auto-columns: 3fr;
    grid-auto-rows: 2fr;
  }
}
@media all          and (min-width: 1360px) {
  .mainTheme_theme__WcE57 {
    height: 510px;
    grid-auto-columns: 4fr;
    grid-auto-rows: 2fr;
  }
}
@media all          and (min-width: 1020px) {
  .withSidebar .mainTheme_theme__WcE57 {
    grid-auto-columns: 2fr;
    grid-auto-rows: 2fr;
  }
}
@media all          and (min-width: 1020px) and (max-width: 1359px) {
  .withSidebar .mainTheme_theme__WcE57 {
    height: 650px;
  }
}
@media all          and (min-width: 1360px) {
  .withSidebar .mainTheme_theme__WcE57 {
    height: 100%;
    grid-auto-columns: 3fr;
    grid-auto-rows: 2fr;
  }
}
@media all          and (min-width: 1700px) {
  .withSidebar .mainTheme_theme__WcE57 {
    height: 510px;
    grid-auto-columns: 4fr;
    grid-auto-rows: 2fr;
  }
}
.mainTheme_withPhoto__1_0O_ {
  box-shadow: none;
  background-color: #000;
}
.mainTheme_gridItem__3RWff {
  z-index: 1;
}
.mainTheme_header__2EdEO {
  padding: 20px;
  grid-column: 1 / 3;
  grid-row: 1 / 2;
}
@media all          and (min-width: 680px) {
  .mainTheme_header__2EdEO {
    padding: 33px 26px;
  }
}
.mainTheme_news__2EWYF {
  grid-column: 1 / 3;
  grid-row: 2 / 3;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), black);
}
@media all          and (min-width: 1020px) {
  .mainTheme_news__2EWYF {
    grid-column: 3 / 4;
    grid-row: 1 / 4;
    background: none;
  }
}
@media all          and (min-width: 1360px) {
  .mainTheme_news__2EWYF {
    grid-column: 1 / 5;
    grid-row: 2 / 3;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
  }
}
@media all          and (min-width: 1020px) {
  .withSidebar .mainTheme_news__2EWYF {
    grid-column: 1 / 3;
    grid-row: 2 / 3;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), black);
  }
}
@media all          and (min-width: 1360px) {
  .withSidebar .mainTheme_news__2EWYF {
    grid-column: 3 / 4;
    grid-row: 1 / 4;
    background: none;
  }
}
@media all          and (min-width: 1700px) {
  .withSidebar .mainTheme_news__2EWYF {
    grid-column: 1 / 5;
    grid-row: 2 / 3;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
  }
}
.mainTheme_border__3ATLu {
  display: none;
  height: 1px;
  background-color: rgba(223, 223, 230, 0.5);
  margin: 0 25px;
}
@media all          and (min-width: 1360px) {
  .mainTheme_border__3ATLu {
    display: block;
  }
}
.mainTheme_expander__3Stpy {
  flex: 1 1 150px;
}
@media all          and (min-width: 680px) {
  .mainTheme_expander__3Stpy {
    display: none;
  }
}
.mainTheme_expander__3Stpy.mainTheme_photoTheme__1I4RO {
  flex: 1 1 220px;
}
@media all          and (min-width: 680px) {
  .mainTheme_expander__3Stpy.mainTheme_photoTheme__1I4RO {
    display: none;
  }
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.subRubricList_container__39jyO {
  padding: 13px 12px 14px;
  flex-wrap: nowrap;
  overflow: auto;
  width: 100%;
}
@media all          and (min-width: 680px) {
  .subRubricList_container__39jyO {
    flex-wrap: wrap;
    overflow: visible;
    width: auto;
  }
}
.subRubricList_item__2Qi2l {
  padding: 13px 12px 14px;
  white-space: nowrap;
}

.superRubricTopOne_container__3mvv5 {
  padding: 25px 25px 50px;
}
.superRubricTopOne_content__3TgfL {
  max-width: 480px;
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.topNewsList_container__l-0Jt {
  padding: 25px 25px 50px;
  border-left: 1px solid rgba(255, 255, 255, 0.38);
}
.topNewsList_itemDelimiter__3b7qW {
  padding: 25px 0;
  opacity: 0.38;
}

.topNewsListItem_item__1DSWB {
  flex-basis: 33.33%;
  cursor: pointer;
}
.topNewsListItem_item__1DSWB:hover {
  opacity: 0.5;
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.desktopTop_top__3F3W1 {
  display: none;
  height: 100%;
}
@media all          and (min-width: 1020px) {
  .desktopTop_top__3F3W1 {
    display: flex;
  }
}
.withSidebar .desktopTop_top__3F3W1 {
  display: none;
  height: 100%;
}
@media all          and (min-width: 1360px) {
  .withSidebar .desktopTop_top__3F3W1 {
    display: flex;
  }
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.mobileSlider_slider__3uDEd {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media all          and (min-width: 1020px) {
  .mobileSlider_slider__3uDEd {
    display: none;
  }
}
.withSidebar .mobileSlider_slider__3uDEd {
  display: flex;
}
@media all          and (min-width: 1360px) {
  .withSidebar .mobileSlider_slider__3uDEd {
    display: none;
  }
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.sliderMarker_marker__WOoUn {
  width: 6px;
  height: 6px;
  border-radius: 100%;
  border: solid 1px #979797;
}
.sliderMarker_active__UEtUS {
  border: none;
  background-color: #d8d8d8;
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.sliderTapeFrame_frame__3w6gq {
  width: 280px;
  position: absolute;
}
@media all          and (min-width: 680px)    and (max-width: 1019px) {
  .sliderTapeFrame_frame__3w6gq {
    width: 480px;
  }
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.sliderTape_slider__2K6JZ {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.sliderTape_newsFeedHandler__2pSYq {
  width: 100%;
  height: 100%;
  max-height: 350px;
  overflow: hidden;
  position: relative;
}
.sliderTape_newsViewFeed__2_zbW {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease;
  transform: translate(0%);
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.positionContainer_positionContainer__1nDwR {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  padding: 20px 20px 35px;
}
@media all          and (min-width: 1020px) {
  .positionContainer_positionContainer__1nDwR {
    padding: 0;
  }
}
.withSidebar .positionContainer_positionContainer__1nDwR {
  padding: 20px 20px 35px;
}
@media all          and (min-width: 1360px) {
  .withSidebar .positionContainer_positionContainer__1nDwR {
    padding: 0;
  }
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.superRubricTopImage_imageContainer__3xm3t {
  position: relative;
  padding-bottom: 133.75%;
}
@media all          and (min-width: 680px)    and (max-width: 1019px) {
  .superRubricTopImage_imageContainer__3xm3t {
    height: 680px;
    padding-bottom: 0;
  }
}
@media all          and (min-width: 1020px) {
  .superRubricTopImage_imageContainer__3xm3t {
    height: unset;
    max-height: 680px;
    padding-bottom: 0;
  }
}
.superRubricTopImage_imageContainer__3xm3t img {
  position: absolute;
}
@media all          and (min-width: 680px)    and (max-width: 1019px) {
  .superRubricTopImage_imageContainer__3xm3t img {
    position: static;
  }
}
@media all          and (min-width: 1020px) {
  .superRubricTopImage_imageContainer__3xm3t img {
    position: static;
    max-height: 680px;
  }
}
.superRubricTopImage_cover__3rTwI {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.15);
}
@media all          and (min-width: 1020px) {
  .superRubricTopImage_cover__3rTwI {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  }
}

/**
 * Этот фаил предназначен для глобальных less mixins и переменных
 * Не стоит писать стили в этом файле, создайте less фаил и импортируйте сюда.
 * !!!!!Все что импортируется сюда должно импортироваться директивой (reference)!!!!!!
 */
.superRubricTop_container__OLuj_ {
  position: relative;
  background-color: black;
  width: 100%;
}
@media all          and (min-width: 1020px) {
  .superRubricTop_container__OLuj_ {
    height: 680px;
  }
}
@media all          and (min-width: 1020px) {
  .superRubricTop_container__OLuj_ {
    max-width: 1020px;
    max-height: 680px;
  }
}

/** COLORS */
/** MEDIA QUERIES END */
.color-main-blue {
  color: #00077b;
}
.background-color-main-blue {
  background-color: #00077b;
}
.fill-main-blue {
  fill: #00077b;
}
.stroke-main-blue {
  stroke: #00077b;
}
.color-light-blue {
  color: #0c49cd;
}
.background-color-light-blue {
  background-color: #0c49cd;
}
.fill-light-blue {
  fill: #0c49cd;
}
.stroke-light-blue {
  stroke: #0c49cd;
}
.color-science-blue {
  color: #2666ff;
}
.background-color-science-blue {
  background-color: #2666ff;
}
.fill-science-blue {
  fill: #2666ff;
}
.stroke-science-blue {
  stroke: #2666ff;
}
.color-science-blue-secondary {
  color: #404fff;
}
.background-color-science-blue-secondary {
  background-color: #404fff;
}
.fill-science-blue-secondary {
  fill: #404fff;
}
.stroke-science-blue-secondary {
  stroke: #404fff;
}
.color-grey {
  color: #747e89;
}
.background-color-grey {
  background-color: #747e89;
}
.fill-grey {
  fill: #747e89;
}
.stroke-grey {
  stroke: #747e89;
}
.color-grey-brown {
  color: #979797;
}
.background-color-grey-brown {
  background-color: #979797;
}
.fill-grey-brown {
  fill: #979797;
}
.stroke-grey-brown {
  stroke: #979797;
}
.color-grey-beige {
  color: #d8d8d8;
}
.background-color-grey-beige {
  background-color: #d8d8d8;
}
.fill-grey-beige {
  fill: #d8d8d8;
}
.stroke-grey-beige {
  stroke: #d8d8d8;
}
.color-black {
  color: black;
}
.background-color-black {
  background-color: black;
}
.fill-black {
  fill: black;
}
.stroke-black {
  stroke: black;
}
.color-white {
  color: white;
}
.background-color-white {
  background-color: white;
}
.fill-white {
  fill: white;
}
.stroke-white {
  stroke: white;
}
.color-light-grey {
  color: #dfdfe6;
}
.background-color-light-grey {
  background-color: #dfdfe6;
}
.fill-light-grey {
  fill: #dfdfe6;
}
.stroke-light-grey {
  stroke: #dfdfe6;
}
.color-white-grey {
  color: #f7f7f7;
}
.background-color-white-grey {
  background-color: #f7f7f7;
}
.fill-white-grey {
  fill: #f7f7f7;
}
.stroke-white-grey {
  stroke: #f7f7f7;
}
.color-mourning-grey {
  color: #e6e6e6;
}
.background-color-mourning-grey {
  background-color: #e6e6e6;
}
.fill-mourning-grey {
  fill: #e6e6e6;
}
.stroke-mourning-grey {
  stroke: #e6e6e6;
}
.color-red {
  color: #b3002d;
}
.background-color-red {
  background-color: #b3002d;
}
.fill-red {
  fill: #b3002d;
}
.stroke-red {
  stroke: #b3002d;
}
.color-transparent {
  color: transparent;
}
.background-color-transparent {
  background-color: transparent;
}
.fill-transparent {
  fill: transparent;
}
.stroke-transparent {
  stroke: transparent;
}
.color-grey-brown-lighter {
  color: #a6a6a6;
}
.background-color-grey-brown-lighter {
  background-color: #a6a6a6;
}
.fill-grey-brown-lighter {
  fill: #a6a6a6;
}
.stroke-grey-brown-lighter {
  stroke: #a6a6a6;
}
.color-whatsup-green {
  color: #34af23;
}
.background-color-whatsup-green {
  background-color: #34af23;
}
.fill-whatsup-green {
  fill: #34af23;
}
.stroke-whatsup-green {
  stroke: #34af23;
}
.color-facebook-blue {
  color: #3b5999;
}
.background-color-facebook-blue {
  background-color: #3b5999;
}
.fill-facebook-blue {
  fill: #3b5999;
}
.stroke-facebook-blue {
  stroke: #3b5999;
}
.color-vk-blue {
  color: #4c75a3;
}
.background-color-vk-blue {
  background-color: #4c75a3;
}
.fill-vk-blue {
  fill: #4c75a3;
}
.stroke-vk-blue {
  stroke: #4c75a3;
}
.color-twitter-blue {
  color: #55acee;
}
.background-color-twitter-blue {
  background-color: #55acee;
}
.fill-twitter-blue {
  fill: #55acee;
}
.stroke-twitter-blue {
  stroke: #55acee;
}
.color-ok-orange {
  color: #ed812b;
}
.background-color-ok-orange {
  background-color: #ed812b;
}
.fill-ok-orange {
  fill: #ed812b;
}
.stroke-ok-orange {
  stroke: #ed812b;
}
.color-viber-violet {
  color: #7360F2;
}
.background-color-viber-violet {
  background-color: #7360F2;
}
.fill-viber-violet {
  fill: #7360F2;
}
.stroke-viber-violet {
  stroke: #7360F2;
}
.color-telegram-blue {
  color: #3FAEE8;
}
.background-color-telegram-blue {
  background-color: #3FAEE8;
}
.fill-telegram-blue {
  fill: #3FAEE8;
}
.stroke-telegram-blue {
  stroke: #3FAEE8;
}
@media all          and (max-width: 679px) {
  #branding_wrapper {
    display: none !important;
  }
}