@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:100,300,300i,400,500,700&subset=cyrillic);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:100,300,300i,400,500,700&subset=cyrillic);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:100,300,300i,400,500,700&subset=cyrillic);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:100,300,300i,400,500,700&subset=cyrillic);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:100,300,300i,400,500,700&subset=cyrillic);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:100,300,300i,400,500,700&subset=cyrillic);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:100,300,300i,400,500,700&subset=cyrillic);
.logo {
  font-family: LatoBlack, sans-serif;
  font-weight: 900;
  display: block;
  font-size: 1.5rem;
  cursor: pointer; }
  .logo__main {
    margin: 0;
    white-space: nowrap; }
    .logo__main_centered {
      text-align: center; }
  .logo__byline {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: .58rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #333;
    margin: 2px 0 0; }
    .logo__byline_centered {
      text-align: center; }

.search {
  position: absolute;
  top: -60px;
  height: 3.75rem;
  width: 100vw;
  background-color: white;
  z-index: 2;
  transition: all .5s; }
  .search_visible {
    top: 0; }
  .search__input {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    outline: 0;
    border: 0;
    font-size: 1.6rem;
    font-weight: 300;
    box-sizing: border-box;
    color: #333;
    padding: .9rem;
    width: 100%; }

.socialShareButton {
  cursor: pointer;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .socialShareButton svg {
    width: 80%;
    height: 80%; }
  .socialShareButton_rounded {
    width: 32px;
    height: 32px;
    border-radius: 50%; }
  .socialShareButton--vk {
    background-color: #587a9e; }
    .socialShareButton--vk svg {
      fill: #587a9e; }
  .socialShareButton--facebook {
    background-color: #3a5795; }
    .socialShareButton--facebook svg {
      fill: #3a5795; }
  .socialShareButton--twitter {
    background-color: #659fcb; }
    .socialShareButton--twitter svg {
      fill: #659fcb; }
  .socialShareButton--ok {
    background-color: #ee8208; }
    .socialShareButton--ok svg {
      fill: #ee8208; }
  .socialShareButton--telegram {
    background-color: #35ace1; }
    .socialShareButton--telegram svg {
      fill: #35ace1; }
  .socialShareButton--rss {
    background-color: #ef8953; }
    .socialShareButton--rss svg {
      fill: #ef8953;
      width: 58%; }
  .socialShareButton--instagram {
    background-color: #8a3ab9; }
    .socialShareButton--instagram svg {
      fill: #8a3ab9; }
  .socialShareButton_withHover:not(:hover) {
    background-color: #f2f2f2; }
  .socialShareButton_withHover:hover svg {
    fill: #fff; }
  .socialShareButton:not(.socialShareButton_withHover) svg {
    fill: #fff; }
  .socialShareButton::after {
    display: none; }

.header {
  z-index: 3;
  position: fixed;
  top: 0;
  width: 100vw;
  height: 3.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 0.2rem 10px 0 rgba(115, 115, 115, 0.4);
  background-color: #fff;
  transition: all .3s; }
  .header_top {
    box-shadow: none;
    background-color: transparent;
    color: #fff; }
  .header__itemsBlock {
    display: flex;
    align-items: center;
    height: 100%; }
    .header__itemsBlock_main {
      flex-grow: 1;
      justify-content: center;
      margin-right: 6rem; }
    .header__itemsBlock_title {
      flex-grow: 1; }
  .header__menuItem {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    height: 100%;
    cursor: pointer;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: .9rem;
    font-weight: 500;
    letter-spacing: .03rem;
    text-transform: uppercase;
    color: #333; }
    .header__menuItem:hover {
      background-color: #eee; }
    .header__menuItem_onTop {
      color: #fff; }
      .header__menuItem_onTop:hover {
        color: #333; }
  .header__share {
    margin: 0 .2rem; }
  .header__category {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 .5rem;
    color: #333; }
  .header__title {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    margin: 0 .5rem;
    font-size: 14px;
    font-weight: 700;
    color: #333; }
  .header__search {
    width: 3.75rem;
    height: 3.75rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjMzMzIiBzdHJva2U9IiMzMzMiIHN0cm9rZS13aWR0aD0iMiUiIGQ9Ik00NDguMyA0MjQuN0wzMzUgMzExLjNjMjAuOC0yNiAzMy4zLTU5LjEgMzMuMy05NS4xIDAtODQuMS02OC4xLTE1Mi4yLTE1Mi0xNTIuMi04NCAwLTE1MiA2OC4yLTE1MiAxNTIuMnM2OC4xIDE1Mi4yIDE1MiAxNTIuMmMzNi4yIDAgNjkuNC0xMi43IDk1LjUtMzMuOEw0MjUgNDQ4bDIzLjMtMjMuM3pNMTIwLjEgMzEyLjZjLTI1LjctMjUuNy0zOS44LTU5LjktMzkuOC05Ni4zczE0LjItNzAuNiAzOS44LTk2LjMgNTkuOS00MCA5Ni4yLTQwYzM2LjMgMCA3MC41IDE0LjIgOTYuMiAzOS45czM5LjggNTkuOSAzOS44IDk2LjMtMTQuMiA3MC42LTM5LjggOTYuM2MtMjUuNyAyNS43LTU5LjkgMzkuOS05Ni4yIDM5LjktMzYuMy4xLTcwLjUtMTQuMS05Ni4yLTM5Ljh6Ij48L3BhdGg+PC9zdmc+Cg==);
    background-size: 32px;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 30px;
    cursor: pointer; }
    .header__search_top {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjZmZmIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIlIiBkPSJNNDQ4LjMgNDI0LjdMMzM1IDMxMS4zYzIwLjgtMjYgMzMuMy01OS4xIDMzLjMtOTUuMSAwLTg0LjEtNjguMS0xNTIuMi0xNTItMTUyLjItODQgMC0xNTIgNjguMi0xNTIgMTUyLjJzNjguMSAxNTIuMiAxNTIgMTUyLjJjMzYuMiAwIDY5LjQtMTIuNyA5NS41LTMzLjhMNDI1IDQ0OGwyMy4zLTIzLjN6TTEyMC4xIDMxMi42Yy0yNS43LTI1LjctMzkuOC01OS45LTM5LjgtOTYuM3MxNC4yLTcwLjYgMzkuOC05Ni4zIDU5LjktNDAgOTYuMi00MGMzNi4zIDAgNzAuNSAxNC4yIDk2LjIgMzkuOXMzOS44IDU5LjkgMzkuOCA5Ni4zLTE0LjIgNzAuNi0zOS44IDk2LjNjLTI1LjcgMjUuNy01OS45IDM5LjktOTYuMiAzOS45LTM2LjMuMS03MC41LTE0LjEtOTYuMi0zOS44eiI+PC9wYXRoPjwvc3ZnPgo=); }
  .header__rightWrapper {
    display: flex;
    align-items: center; }
  .header__rules {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: .9rem;
    width: 3.75rem;
    height: 3.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #333; }
    .header__rules:hover {
      background-color: #eee; }
    .header__rules_top {
      color: #fff; }
      .header__rules_top:hover {
        color: #333; }
  .header__menu {
    height: 3.75rem;
    flex: 0 0 3.75rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjMzMzIiBkPSJNOTYgMjQxaDMyMHYzMkg5NnpNOTYgMTQ1aDMyMHYzMkg5NnpNOTYgMzM3aDMyMHYzMkg5NnoiPjwvcGF0aD48L3N2Zz4K);
    background-size: 32px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer; }
    .header__menu_top {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNOTYgMjQxaDMyMHYzMkg5NnpNOTYgMTQ1aDMyMHYzMkg5NnpNOTYgMzM3aDMyMHYzMkg5NnoiPjwvcGF0aD48L3N2Zz4K); }
  .header__close {
    height: 60px;
    width: 60px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjMzMzIiBzdHJva2U9IiMzMzMiIHN0cm9rZS13aWR0aD0iMiUiIGQ9Ik0zNDAuMiAxNjBsLTg0LjQgODQuMy04NC04My45LTExLjggMTEuOCA4NCA4My44LTg0IDgzLjkgMTEuOCAxMS43IDg0LTgzLjggODQuNCA4NC4yIDExLjgtMTEuNy04NC40LTg0LjMgODQuNC04NC4yeiI+PC9wYXRoPjwvc3ZnPgo=);
    background-size: 32px;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 30px;
    z-index: 3;
    cursor: pointer; }

@media screen and (max-width: 1280px) {
  .header__itemsBlock_main {
    margin-right: 0; } }

@media screen and (max-width: 1125px) {
  .header__menuItem {
    padding: 0 15px; } }

@media screen and (max-width: 950px) {
  .header__rules {
    display: none; }
  .header__itemsBlock {
    flex-grow: 1; }
    .header__itemsBlock .logo {
      margin: 0 auto; }
    .header__itemsBlock_main {
      display: none; }
  .header__logo {
    margin: 0 auto; } }

@media screen and (max-width: 650px) {
  .header__search {
    margin-right: 0; }
  .header__close {
    margin-right: 0; } }

.sideMenu {
  z-index: 3;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  visibility: hidden;
  transition: all .5s; }
  .sideMenu_opened {
    visibility: visible;
    background-color: rgba(0, 0, 0, 0.4); }
  .sideMenu__menu {
    height: 100vh;
    width: 300px;
    background-color: #fff;
    position: absolute;
    left: -300px;
    transition: all .5s;
    overflow-y: auto; }
    .sideMenu__menu_opened {
      left: 0; }
  .sideMenu__logoContainer {
    margin: 1rem 0; }
  .sideMenu__item {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    display: flex;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    color: #666;
    font-size: .8rem;
    letter-spacing: .03rem; }
    .sideMenu__item:hover {
      background-color: #eee; }
  .sideMenu__itemName {
    text-transform: uppercase; }
  .sideMenu__itemPages {
    font-size: .7rem; }
  .sideMenu__showMore {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    letter-spacing: .03rem;
    font-size: .8rem;
    color: #666;
    padding: 1rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer; }
    .sideMenu__showMore:hover {
      background-color: #eee; }
  .sideMenu__termOfUse {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    text-decoration: none;
    background: #eee;
    border-radius: 2px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1) inset;
    color: #9e9e9e;
    display: block;
    width: 3rem;
    padding: .5rem 0;
    text-align: center;
    margin: 2rem auto;
    font-size: 14px; }
    .sideMenu__termOfUse::after {
      display: none; }

.footer {
  z-index: -1;
  position: fixed;
  bottom: 0;
  padding: 1rem 1rem 0;
  height: 18rem;
  width: 100vw;
  box-sizing: border-box;
  background-color: #212121; }
  .footer__social {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 48px; }
  .footer__socialIcon {
    margin: 8px; }
  .footer__socialTitle {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: .9rem;
    color: #9e9e9e;
    margin: 0 8px 0 0; }
  .footer__copyright {
    color: #616161;
    font-size: .7rem;
    max-width: 1240px;
    width: 100%;
    margin: 1rem auto;
    padding: 0 1rem;
    border-top: 1px solid #141414;
    box-sizing: border-box;
    display: flex;
    white-space: pre-wrap;
    font-family: "Roboto", sans-serif;
    font-weight: 400; }
  .footer__mediaBusiness {
    width: 92px;
    height: 62px;
    margin: 1rem 1rem 0 0;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0; }

@media screen and (max-width: 600px) {
  .footer {
    position: inherit;
    height: auto; }
    .footer__socialTitle {
      display: none; }
    .footer__social {
      justify-content: center;
      flex-wrap: wrap;
      height: auto; }
    .footer__copyright {
      flex-wrap: wrap; } }

.layout {
  margin-bottom: 18rem; }
  .layout__content {
    z-index: 2;
    background-color: #f6f8fb; }

@media screen and (max-width: 600px) {
  .layout {
    margin-bottom: 0; } }

.tag {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  color: #1e1e1e;
  background-color: #fff;
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: .3rem .7rem;
  border-radius: 1rem;
  transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1);
  margin: 0 .7rem .7rem 0;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.15); }
  .tag:hover {
    color: #ef5350;
    box-shadow: 0 4px 8px 2px rgba(0, 0, 0, 0.1); }
  .tag_black {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: .8rem;
    box-shadow: none;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
    .tag_black:hover {
      color: #fff;
      box-shadow: none;
      background-color: #000; }
  .tag_gray {
    color: #333;
    background-color: #f2f2f2;
    font-size: .8rem;
    box-shadow: none;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
    .tag_gray:hover {
      color: #333;
      box-shadow: none;
      background-color: #b9b9b9; }

.materialPreview {
  display: block;
  margin-bottom: 1.5rem;
  background-color: #fff;
  box-shadow: 0 0.05rem 0.3rem 0 rgba(0, 0, 0, 0.15);
  transition: all .1s; }
  .materialPreview:hover {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4); }
  .materialPreview--hidden {
    opacity: 0.3; }
  .materialPreview__header {
    width: 100%;
    padding: 1.5rem;
    box-sizing: border-box;
    color: #fff;
    background-size: cover;
    background-position-y: center;
    position: relative;
    z-index: 0; }
    .materialPreview__header--withImage::after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.4);
      pointer-events: none;
      z-index: -1; }
  .materialPreview__tags {
    display: flex;
    flex-wrap: wrap;
    z-index: 1; }
  .materialPreview__title {
    z-index: 1;
    color: #fff; }
    .materialPreview__title--noImage {
      color: #333;
      margin-top: 1rem; }
    .materialPreview__title h3 {
      font-family: LatoBold, sans-serif;
      font-weight: 700;
      font-size: 1.4rem;
      line-height: 1.6rem;
      margin-top: 4rem; }
    .materialPreview__title:hover {
      color: #ef5350; }
  .materialPreview__time {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    font-size: .8rem;
    z-index: 1; }
    .materialPreview__time--noImage {
      color: '#333'; }
  .materialPreview__description {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: .9rem;
    font-weight: 300;
    padding: .5rem 1.5rem; }
  .materialPreview__interTop {
    width: 100%;
    padding: 1.5rem;
    box-sizing: border-box; }
    .materialPreview__interTop h3 {
      margin: 22px 0; }
  .materialPreview__interBottom {
    width: 100%;
    min-height: 175px;
    border-top: 1px solid #f2f2f2;
    padding: 1.5rem 1.5rem .5rem;
    box-sizing: border-box; }
  .materialPreview__photo {
    border-radius: 50%;
    width: 125px;
    height: 125px;
    float: right;
    object-fit: cover; }
  .materialPreview__interPost {
    font-family: LatoRegular, sans-serif;
    font-weight: 400;
    font-weight: 400;
    font-size: .9rem;
    padding-bottom: .3rem;
    margin: 0; }
  .materialPreview__interName {
    font-family: LatoBold, sans-serif;
    font-weight: 700;
    font-size: .9rem;
    margin: 0; }
  .materialPreview__interQuote {
    font-family: LatoItalic, sans-serif;
    font-weight: 400;
    font-weight: 400;
    font-size: .9rem;
    margin-left: 0; }
  .materialPreview__placeRow {
    display: flex;
    align-items: center;
    margin: .3rem 0; }
  .materialPreview__pinIcon {
    height: 20px;
    width: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjU2IDMyYy03OS41MjkgMC0xNDQgNjQuNDcxLTE0NCAxNDQgMCAxMTIgMTQ0IDMwNCAxNDQgMzA0czE0NC0xOTIgMTQ0LTMwNGMwLTc5LjUyOS02NC40NzEtMTQ0LTE0NC0xNDR6bTAgMTkwLjljLTI1LjkgMC00Ni45LTIxLTQ2LjktNDYuOXMyMS00Ni45IDQ2LjktNDYuOSA0Ni45IDIxIDQ2LjkgNDYuOS0yMSA0Ni45LTQ2LjkgNDYuOXoiPjwvcGF0aD48L3N2Zz4K);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 80%; }
  .materialPreview__mapIcon {
    height: 20px;
    width: 20px;
    background-image: url(data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZD0iTTQzNy4zMzMgNjRjLTIuMTc2IDAtNC4zOTYgMS4zNjktOS4xNzYgMy4yMDdMMzIwIDEwOC44MDIgMTkyIDY0IDcxLjQ2OSAxMDQuNTMxQzY3LjE5NyAxMDUuNjA0IDY0IDEwOS44NjQgNjQgMTE1LjE5N3YzMjIuMTM2QzY0IDQ0My43MjkgNjguMjcxIDQ0OCA3NC42NjYgNDQ4YzEuODI4IDAgNi41MDUtMi4zMyA5LjA4Ny0zLjMxOUwxOTIgNDAzLjE5NyAzMjAgNDQ4bDEyMC41MzEtNDAuNTMxYzQuMjcxLTEuMDczIDcuNDY5LTUuMzM0IDcuNDY5LTEwLjY2N1Y3NC42NjZDNDQ4IDY4LjI3MSA0NDMuNzI5IDY0IDQzNy4zMzMgNjR6TTMyMCA0MDUuMzMzbC0xMjgtNDQuODAyVjEwNi42NjZsMTI4IDQ0LjgwM3YyNTMuODY0eiIvPjwvc3ZnPgo=);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 80%; }
  .materialPreview__place {
    color: #666;
    margin: 0 0 0 .3rem;
    font-weight: 400; }