@charset "UTF-8";

@font-face {
  font-family: "Roboto Bold";
  src: url(/fonts/Roboto-Bold.woff?ec5451c260edc7d4df07c22745b738a3) format("woff"), url(/fonts/Roboto-Bold.woff2?99d8f9b0f9fd9d286153093b30d94f8c) format("woff2"), url(/fonts/Roboto-Bold.svg?9bfe636cbf93b927a8a01ce7bffce936) format("svg"), url(/fonts/Roboto-Bold.eot?9a55cca57294bf768fad7dda86c6f186) format("embedded-opentype"), url(/fonts/Roboto-Bold.ttf?a68db3b33213fa138e6f72a5b76ac632) format("truetype");
}

@font-face {
  font-family: "Roboto Regular";
  src: url(/fonts/Roboto-Regular.woff?76e769e5f33359ea0afb70d7fd37d29c) format("woff"), url(/fonts/Roboto-Regular.woff2?6aeaf19ecc0c63247c13e3013d4d4b19) format("woff2"), url(/fonts/Roboto-Regular.svg?1f89899823684a26079e7b443849ab68) format("svg"), url(/fonts/Roboto-Regular.eot?d3e93294dd6b7c5a12cef757e7973767) format("embedded-opentype"), url(/fonts/Roboto-Regular.ttf?aa01d89b3d61775440fc4c69c6170703) format("truetype");
}

@font-face {
  font-family: "Roboto Light";
  src: url(/fonts/Roboto-Light.woff?95b27bcc01004e1a34a3cfaf962792b3) format("woff"), url(/fonts/Roboto-Light.woff2?3b8a6fc873e6857435ff2145dfc84c06) format("woff2"), url(/fonts/Roboto-Light.svg?31c3031a36fcd7a2e805c269ad164ee7) format("svg"), url(/fonts/Roboto-Light.eot?bde1278e747f9fd2e89c1c18eaee3d74) format("embedded-opentype"), url(/fonts/Roboto-Light.ttf?1552a12582288586f7e4fd1f24bf94d3) format("truetype");
}

@font-face {
  font-family: "Open Sans Light";
  src: url(/fonts/opensans-light.woff?f5e96f06811c03c019d10f2a8402303a) format("woff"), url(/fonts/opensans-light.woff2?eba8a81aecb8db0e88f8f200d1f36155) format("woff2"), url(/fonts/opensans-light.eot?d981171b7fb2b0d3c9eb587e4b8ba758) format("embedded-opentype"), url(/fonts/opensans-light.ttf?f63690df070db8f95c80cbfe943a5c53) format("truetype");
}

@font-face {
  font-family: "Open Sans Regular";
  src: url(/fonts/opensans-regular.woff?0f7c77932ea877aca544e439a3e63bb6) format("woff"), url(/fonts/opensans-regular.woff2?059568b0c420bf0264d3dea408247b2c) format("woff2"), url(/fonts/opensans-regular.eot?d1817655c93180f21a37f0eb839dac76) format("embedded-opentype"), url(/fonts/opensans-regular.ttf?d9e0079922a48f757042395172146cce) format("truetype");
}

.social-share__label,
.social-groups__label,
.header__sponsor,
.header__slogan {
  font: 0.8em/1em "Roboto Regular", sans-serif;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  box-sizing: border-box;
  min-height: 100vh;
  position: relative;
  overflow-x: hidden !important;
  display: flex;
  flex-flow: column nowrap;
  font-size: 100%;
  font-family: "Roboto Regular";
  line-height: 100%;
}

@media screen and (max-width: 768px) {
  body {
    padding: 48px 0 0;
    transition: padding-top 300ms ease 150ms;
  }

  body.app--search-form-active {
    padding: 128px 0 0;
    transition: padding-top 300ms ease 0ms;
  }
}

.header {
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transition: -webkit-transform 300ms ease 0ms;
    transition: transform 300ms ease 0ms;
    transition: transform 300ms ease 0ms, -webkit-transform 300ms ease 0ms;
  }

  .header--hidden {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    transition: -webkit-transform 300ms ease 0ms;
    transition: transform 300ms ease 0ms;
    transition: transform 300ms ease 0ms, -webkit-transform 300ms ease 0ms;
  }
}

.header__top {
  background: #1d4168;
  position: relative;
  z-index: 2;
  height: 48px;
}

@media screen and (max-width: 768px) {
  .header__top {
    height: auto;
  }
}

.header__main {
  background: #2c5d94;
  position: relative;
}

.app--navigation-active .header__main {
  z-index: 2;
}

.header__bottom {
  background: #f2f5f9;
  position: relative;
}

.header__holder {
  box-sizing: border-box;
  width: 100%;
  max-width: 1320px;
  padding: 0 16px;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-flow: row nowrap;
}

.header__top .header__holder {
  height: 100%;
}

@media screen and (max-width: 768px) {
  .header__top .header__holder {
    height: auto;
  }
}

@media screen and (max-width: 425px) {
  .header__holder {
    padding: 0;
  }
}

.header__slogan {
  margin: auto auto auto 0;
  color: #778da4;
  padding: 0 0 0 16px;
}

@media screen and (max-width: 768px) {
  .header__slogan {
    display: none;
  }
}

.header__sponsor {
  margin: auto;
  color: #778da4;
}

.header__sponsor a {
  color: #ffffff;
  text-decoration: underline;
}

@media screen and (max-width: 1024px) {
  .header__sponsor {
    display: none;
  }
}

.header__social-groups {
  margin: auto 0 auto auto;
}

@media screen and (max-width: 768px) {
  .header__social-groups {
    position: absolute;
    top: 0;
    right: 80px;
    transition: right 300ms ease 0ms;
  }

  .app--social-groups-active .header__social-groups {
    right: 32px;
    transition: right 300ms ease 0ms;
  }
}

@media screen and (max-width: 768px) and (max-width: 425px) {
  .app--social-groups-active .header__social-groups {
    right: 16px;
  }
}

@media screen and (max-width: 425px) {
  .header__social-groups {
    right: 64px;
  }
}

.header__burger-button {
  display: none;
}

@media screen and (max-width: 1030px) {
  .header__burger-button {
    margin: auto 0;
    display: block;
  }
}

@media screen and (max-width: 425px) {
  .header__burger-button {
    opacity: 1;
    transition: opacity 300ms ease 0ms;
  }

  .app--social-groups-active .header__burger-button {
    opacity: 0;
    transition: opacity 300ms ease 0ms;
  }
}

.header__logo-main {
  margin: auto 0;
}

@media screen and (max-width: 425px) {
  .header__logo-main {
    opacity: 1;
    transition: opacity 300ms ease 0ms;
  }

  .app--social-groups-active .header__logo-main {
    opacity: 0;
    transition: opacity 300ms ease 0ms;
  }
}

.header__navigation {
  margin: auto auto auto 0;
}

.header__search-button {
  margin: auto 0 auto auto;
}

.header__search-form {
  width: 83.3333333333%;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .header__search-form {
    width: 100%;
  }
}

.header__burger-button .header__button {
  display: block;
  height: 32px;
  width: 32px;
  background: transparent url(/i/icon-burger-white.svg?86dcaf47cb9211569efb31687028eb41) left center no-repeat;
  background-size: 75%;
  font-size: 0;
  margin: 0 0 0 16px;
}

@media screen and (max-width: 768px) {
  .header__burger-button .header__button {
    background: transparent url(/i/icon-burger-white.svg?86dcaf47cb9211569efb31687028eb41) left center no-repeat;
    background-size: 50%;
  }
}

.header__search-button .header__button {
  display: block;
  height: 64px;
  width: 64px;
  background: #376599 url(/i/icon-search-white.svg?4473da84dd64f67a546062df9297ae4b) center no-repeat;
  background-size: 30%;
  font-size: 0;
  margin: 0 16px 0 0;
}

@media screen and (max-width: 768px) {
  .header__search-button .header__button {
    height: 48px;
    width: 48px;
    background-size: 40%;
  }
}

.app--search-form-active .header__search-button .header__button {
  background: #f2f5f9 url(/i/icon-search-blue.svg?f02786ebfb021542809f95115d4b3454) center no-repeat;
  background-size: 30%;
}

@media screen and (max-width: 768px) {
  .app--search-form-active .header__search-button .header__button {
    background-size: 40%;
  }
}

.app--search-form-static .header__search-button .header__button {
  background: #f2f5f9 url(/i/icon-search-blue.svg?f02786ebfb021542809f95115d4b3454) center no-repeat;
  background-size: 30%;
}

@media screen and (max-width: 768px) {
  .app--search-form-static .header__search-button .header__button {
    background-size: 40%;
  }
}

.header__logo-main .header__link {
  display: block;
  height: 43px;
  width: 76px;
  background: transparent url(/i/logo-main-full.svg?c2cb6fde2ae13d91fee74dad177d027c) center no-repeat;
  background-size: 100%;
  font-size: 0;
  margin: 0 16px;
}

@media screen and (max-width: 768px) {
  .header__logo-main .header__link {
    height: 32.25px;
    width: 57px;
  }
}

.content {
  position: relative;
  z-index: 1;
}

.content__full {
  width: 100%;
}

.content__wrap {
  box-sizing: border-box;
  width: 100%;
  max-width: 1320px;
  padding: 0 16px;
  position: relative;
  margin: 0 auto;
}

.content__columns {
  box-sizing: border-box;
  width: 100%;
  max-width: 1320px;
  padding: 0 16px;
  position: relative;
  margin: 0 auto;
  display: flex;
  flex-flow: row nowrap;
}

.content__columns--reverse {
  flex-flow: row-reverse nowrap;
}

@media screen and (max-width: 1024px) {
  .content--article .content__columns {
    display: block;
    flex-flow: unset;
  }
}

@media screen and (max-width: 768px) {
  .content__columns {
    display: block;
    flex-flow: unset;
  }
}

.content__main {
  width: 100%;
}

.content__side {
  width: 324px;
  flex: 0 0 324px;
}

@media screen and (max-width: 768px) {
  .content__side {
    width: auto;
    flex: unset;
  }
}

@media screen and (max-width: 1024px) {
  .content--article .content__side {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .content--search .content__side {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .content--list .content__side {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .content--tags .content__side {
    display: none;
  }
}

.footer {
  background: #ffffff;
  padding: 2em 0;
}

.footer__holder {
  box-sizing: border-box;
  width: 100%;
  max-width: 1320px;
  padding: 0 16px;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-flow: row nowrap;
}

@media screen and (max-width: 768px) {
  .footer__holder {
    display: block;
    flex-flow: unset;
  }
}

@media screen and (max-width: 425px) {
  .footer__holder {
    padding: 0;
  }
}

.footer__info {
  padding: 0 16px;
}

.footer__info p {
  font: 0.8em "Roboto Regular", sans-serif;
  color: #666666;
  margin: 0 0 0.5em;
}

.footer__info p:last-child {
  margin: 0;
}

.footer__info p.footer__mistake {
  border-bottom: 1px solid #dddddd;
  padding: 0 0 20px;
  margin: 0 0 20px;
}

.footer__info a {
  color: #376599;
}

@media screen and (max-width: 768px) {
  .footer__counters {
    margin: 1em 16px 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
}

.social-groups {
  display: flex;
  flex-flow: row nowrap;
}

.social-groups__control {
  margin: auto 0;
  padding: 0 16px 0 0;
}

@media screen and (max-width: 768px) {
  .social-groups__control {
    padding: 0;
  }
}

.social-groups__list {
  list-style: none;
  margin: 0 16px;
  padding: 0;
  display: flex;
  flex-flow: row nowrap;
}

@media screen and (max-width: 768px) {
  .social-groups__list {
    margin: 0;
    overflow: hidden;
    max-width: 0;
    opacity: 0;
    transition: opacity 300ms ease 0ms, max-width 300ms ease 0ms;
  }

  .app--social-groups-active .social-groups__list {
    max-width: 500px;
    opacity: 1;
    transition: opacity 300ms ease 0ms, max-width 300ms ease 0ms;
  }
}

.social-groups__item {
  margin: 0;
  padding: 0;
}

.social-groups__label {
  color: #778da4;
}

@media screen and (max-width: 768px) {
  .social-groups__label {
    display: none;
  }
}

.social-groups__button {
  display: none;
  height: 48px;
  width: 48px;
}

@media screen and (max-width: 768px) {
  .social-groups__button--show {
    background: #376599 url(/i/icon-social-share-white.svg?2682c078bce8c5cfe02de8292e9f0d75) center no-repeat;
    background-size: 50%;
    display: block;
  }

  .app--social-groups-active .social-groups__button--show {
    display: none;
  }

  .social-groups__button--hide {
    background: #f2f5f9 url(/i/icon-close-blue.svg?404749026e9802c5fedc2f8deb68c71b) center no-repeat;
    background-size: 40%;
    display: none;
  }

  .app--social-groups-active .social-groups__button--hide {
    display: block;
  }
}

.social-groups__link {
  display: block;
  height: 48px;
  width: 48px;
  font-size: 0;
}

.social-groups__link--vk {
  background: #48729e url(/i/icon-vkontakte-white.svg?0c3dd7d5c9743e9588b64ba30d63cab8) center no-repeat;
  background-size: 50%;
}

.social-groups__link--fb {
  background: #3b5998 url(/i/icon-facebook-white.svg?a8c130d5effcbe077eab5d13ad3d7513) center no-repeat;
  background-size: 50%;
}

.social-groups__link--tw {
  background: #00aced url(/i/icon-twitter-white.svg?ac6e9cdd48e2432bc08e092c7809a8ef) center no-repeat;
  background-size: 50%;
}

.social-groups__link--wa {
  background: #00aced url(/i/icon-whatsapp-white.svg?e13995e65b023e8166fb50d4d0fbf99b) center no-repeat;
  background-size: 50%;
}

.social-groups__link--rss {
  background: #ff6600 url(/i/icon-rss-white.svg?6c75f9323f142c4d483fc81f8c5efd11) center no-repeat;
  background-size: 40%;
}

.social-share {
  display: flex;
  flex-flow: row nowrap;
}

.social-share__control {
  display: none;
  margin: auto 0;
  padding: 0 16px 0 0;
}

@media screen and (max-width: 768px) {
  .social-share__control {
    display: none;
  }
}

.social-share__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row nowrap;
}

.social-share__item {
  margin: 0 16px 0 0;
  padding: 0;
}

.social-share__label {
  color: #778da4;
}

.social-share__link {
  height: 38px;
  text-decoration: none;
  display: flex;
  flex-flow: row nowrap;
}

@media screen and (max-width: 768px) {
  .social-share__link {
    height: 28px;
  }
}

.social-share__icon {
  display: block;
  height: 38px;
  width: 38px;
  padding: 0 16px;
}

@media screen and (max-width: 768px) {
  .social-share__icon {
    height: 28px;
    width: 28px;
    padding: 0 8px;
  }
}

.social-share__link--vk .social-share__icon {
  background: #48729e url(/i/icon-vkontakte-white.svg?0c3dd7d5c9743e9588b64ba30d63cab8) center no-repeat;
  background-size: 30%;
}

.social-share__link--fb .social-share__icon {
  background: #3b5998 url(/i/icon-facebook-white.svg?a8c130d5effcbe077eab5d13ad3d7513) center no-repeat;
  background-size: 30%;
}

.social-share__link--tw .social-share__icon {
  background: #00aced url(/i/icon-twitter-white.svg?ac6e9cdd48e2432bc08e092c7809a8ef) center no-repeat;
  background-size: 30%;
}

.social-share__link--ok .social-share__icon {
  background: #eb722e url(/i/icon-odnoklassniki-white.svg?7c21d13bb07ae609a56402e4e7fe1495) center no-repeat;
  background-size: 30%;
}

.social-share__link--em .social-share__icon {
  background: #e74c3c url(/i/icon-mail-to-white.svg?0dc3cb52e74d3e66fed1c83830f229f4) center no-repeat;
  background-size: 30%;
}

.social-share__count {
  font: 0.8em/38px "Roboto Regular", sans-serif;
  color: #ffffff;
  padding: 0 32px 0 0;
}

@media screen and (max-width: 768px) {
  .social-share__count {
    font: 0.8em/28px "Roboto Regular", sans-serif;
  }
}

.social-share__link--vk .social-share__count {
  background: #48729e;
}

.social-share__link--fb .social-share__count {
  background: #3b5998;
}

.social-share__link--tw .social-share__count {
  background: #00aced;
}

.social-share__link--ok .social-share__count {
  background: #eb722e;
}

.social-share__link--em .social-share__count {
  background: #e74c3c;
}

.navigation {
  margin: 0 16px;
}

@media screen and (max-width: 1030px) {
  .navigation {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    height: 100%;
    width: 50%;
    background: #2c5d94;
    box-shadow: 0 0 0 rgba(51, 51, 51, 0);
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    transition: -webkit-transform 300ms ease 0ms;
    transition: transform 300ms ease 0ms;
    transition: transform 300ms ease 0ms, -webkit-transform 300ms ease 0ms;
  }

  .app--navigation-active .navigation {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    transition: -webkit-transform 300ms ease 0ms;
    transition: transform 300ms ease 0ms;
    transition: transform 300ms ease 0ms, -webkit-transform 300ms ease 0ms;
    box-shadow: 0 2px 10px rgba(51, 51, 51, 0.8);
  }
}

@media screen and (max-width: 768px) {
  .navigation {
    width: 75%;
  }
}

@media screen and (max-width: 425px) {
  .navigation {
    width: 100%;
  }
}

.navigation__control {
  display: none;
}

@media screen and (max-width: 1030px) {
  .navigation__control {
    display: block;
    padding: 0.5em 16px;
  }
}

.navigation__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row nowrap;
}

@media screen and (max-width: 1030px) {
  .navigation__list {
    display: block;
    flex-flow: unset;
  }
}

.navigation__item {
  margin: 0;
}

@media screen and (max-width: 1030px) {
  .navigation__item {
    border-bottom: 1px solid #1d4168;
  }

  .navigation__item:last-child {
    border: none;
  }
}

.navigation__link {
  font: 0.9em/64px "Open Sans Regular", sans-serif;
  display: block;
  height: 64px;
  padding: 0 32px;
  color: #c0cfdf;
  text-decoration: none;
  text-transform: uppercase;
}

.navigation__link:before {
  content: "//";
  margin: 0 -3px 0 0;
}

.navigation__link:hover {
  background: rgba(242, 245, 249, 0.1);
  transition: background-color 300ms ease 0ms, color 300ms ease 0ms;
}

@media screen and (max-width: 1030px) {
  .navigation__link:hover {
    background: transparent;
    color: #c0cfdf;
    transition: unset;
  }
}

.navigation__link--active {
  background: #f2f5f9;
  color: #2c5d94;
}

.navigation__link--active:hover {
  background: #f2f5f9;
  color: #2c5d94;
  transition: unset;
}

.navigation__button {
  display: block;
  height: 32px;
  width: 32px;
  background: #f2f5f9 url(/i/icon-close-blue.svg?404749026e9802c5fedc2f8deb68c71b) center no-repeat;
  background-size: 40%;
  margin: 0 0 0 auto;
}

.search-form {
  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
  padding: 0;
  max-height: 0;
  opacity: 0;
  transition: padding 300ms ease 150ms, max-height 300ms ease 150ms, opacity 150ms ease 0ms;
}

.app--search-form-active .search-form {
  padding: 2em 0;
  max-height: 500px;
  opacity: 1;
  transition: padding 300ms ease 0ms, max-height 300ms ease 0ms, opacity 150ms ease 150ms;
}

@media screen and (max-width: 768px) {
  .app--search-form-active .search-form {
    padding: 1em 0;
  }
}

.app--search-form-static .search-form {
  padding: 2em 0;
  max-height: 500px;
  opacity: 1;
  transition: padding 300ms ease 0ms, max-height 300ms ease 0ms, opacity 150ms ease 150ms;
}

@media screen and (max-width: 768px) {
  .app--search-form-static .search-form {
    padding: 1em 0;
  }
}

.search-form__control {
  box-sizing: border-box;
  padding: 0 16px;
  margin: auto 0;
}

@media screen and (max-width: 768px) {
  .search-form__control {
    display: none;
  }
}

.search-form__form {
  box-sizing: border-box;
  padding: 0 16px;
  margin: auto 0;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}

.search-form__label {
  font: 1.4em/1em "Roboto Regular", sans-serif;
  color: #2c5d94;
}

.search-form__query {
  font: 1.2em "Roboto Regular", sans-serif;
  -webkit-appearance: none;
  box-sizing: border-box;
  outline: 0;
  display: block;
  padding: 0 32px;
  width: 100%;
  height: 48px;
  border-top: 1px solid #dddddd;
  border-right: none;
  border-bottom: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}

.search-form__clear {
  -webkit-appearance: none;
  box-sizing: border-box;
  outline: 0;
  padding: 0 32px;
  width: 48px;
  height: 48px;
  background: #ffffff url(/i/icon-close-grey.svg?5180b29fcf6d75c37f85859e42ca6a77) center no-repeat;
  background-size: 25%;
  cursor: pointer;
  border-top: 1px solid #dddddd;
  border-right: none;
  border-bottom: 1px solid #dddddd;
  border-left: none;
  display: none;
}

.search-form--has-value .search-form__clear {
  display: block;
}

.search-form__submit {
  font: 1em "Roboto Regular", sans-serif;
  color: #ffffff;
  -webkit-appearance: none;
  display: block;
  height: 48px;
  border: none;
  outline: none;
  background: #2c5d94;
  padding: 0 32px;
  cursor: pointer;
}

.page-header {
  background: #ffffff;
}

.page-header__holder {
  box-sizing: border-box;
  width: 100%;
  max-width: 1320px;
  padding: 0 16px;
  margin: 0 auto;
  position: relative;
  display: flex;
}

@media screen and (max-width: 768px) {
  .page-header__holder {
    display: block;
  }
}

@media screen and (max-width: 425px) {
  .page-header__holder {
    padding: 0;
  }
}

.page-header__holder:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 32px;
  width: 90%;
  height: 1px;
  background: #dddddd;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .page-header__holder:after {
    display: none;
  }
}

.page-header__title {
  font: 2em "Roboto Regular", sans-serif;
  color: #2c5d94;
  margin: 1em 16px;
  position: relative;
  z-index: 2;
  padding: 0 10% 0 0;
  background: #ffffff;
}

.page-control {
  background: #ffffff;
}

.page-control--loading {
  background: #ffffff url(/i/preloader.gif?15e371b4113ac7d4e0c702e6c386ef4a) center no-repeat;
}

.page-control--disabled {
  display: none;
}

.page-control__holder {
  box-sizing: border-box;
  width: 100%;
  max-width: 1320px;
  padding: 0;
  margin: 0 auto;
  position: relative;
}

.page-control__menu {
  margin: 0 16px;
  padding: 2em 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  border-top: 1px solid #dddddd;
}

@media screen and (max-width: 425px) {
  .page-control__menu {
    margin: 0;
  }
}

.page-control__button--more {
  display: block;
  font: 0.8em "Roboto Regular", sans-serif;
  color: #f7941d;
  text-transform: uppercase;
  text-decoration: none;
  margin: 0 16px;
}

.page-control--loading .page-control__button--more {
  opacity: 0;
  position: relative;
  z-index: -1;
}

.tags-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tags-list:after {
  content: "";
  display: block;
  width: 100%;
  clear: both;
}

.tags-list--short {
  overflow: hidden;
  height: 32px;
}

.tags-list--short .tags-list__item {
  margin: 0 16px 5px 0;
  float: left;
}

.tags-list--full .tags-list__item {
  margin: 0 16px 0.5em 0;
  float: left;
}

.tags-list__link {
  box-sizing: border-box;
  display: block;
  font: 0.75em "Open Sans Regular", sans-serif;
  text-decoration: none;
  padding: 0.5em 16px;
}

.tags-list__link:before {
  content: "#";
}

.tags-list--dark .tags-list__link {
  color: #666666;
  border: 1px solid #aaaaaa;
}

.tags-list--light .tags-list__link {
  color: #ffffff;
  border: 1px solid #ffffff;
}

.vesti-net-social {
  display: flex;
  flex-flow: row nowrap;
  margin: auto 0 auto auto;
  padding: 10px 16px;
  background: #ffffff;
  position: relative;
  z-index: 3;
}

.vesti-net-social__label {
  font: 0.8em "Roboto Regular", sans-serif;
  color: #aaaaaa;
  margin: auto 8px auto 0;
}

.vesti-net-social__label span {
  color: #23282f;
}

.vesti-net-social__list {
  margin: auto 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row nowrap;
}

.vesti-net-social__item {
  margin: 0 0 0 8px;
}

.vesti-net-social__link {
  display: block;
  height: 24px;
  width: 24px;
}

.vesti-net-social__link--vk {
  background: transparent url(/i/icon-vkontakte-grey.svg?ba82e98af5941d85135882100947a478) center no-repeat;
  background-size: 90%;
}

.vesti-net-social__link--vk:hover {
  background: transparent url(/i/icon-vkontakte-color.svg?dfed1ec5465bbc94ec9603ac9df9cdff) center no-repeat;
  background-size: 90%;
}

.vesti-net-social__link--fb {
  background: transparent url(/i/icon-facebook-grey.svg?4f2e8cd18e8d08e1a249dbbcc5a573f9) center no-repeat;
  background-size: 35%;
}

.vesti-net-social__link--fb:hover {
  background: transparent url(/i/icon-facebook-color.svg?521d544f199a302afc24e59612fbd5b0) center no-repeat;
  background-size: 35%;
}

.vesti-net-social__link--tw {
  background: transparent url(/i/icon-twitter-grey.svg?1d3ef90a300d91c2ebcd9a96184f654e) center no-repeat;
  background-size: 80%;
}

.vesti-net-social__link--tw:hover {
  background: transparent url(/i/icon-twitter-color.svg?9f70404e1ff590d4d0f14fdf1252a8fc) center no-repeat;
  background-size: 80%;
}

.articles-list-top__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row nowrap;
}

@media screen and (max-width: 768px) {
  .articles-list-top__list {
    display: block;
    flex-flow: unset;
  }
}

.articles-list-top__item {
  width: 50%;
  position: relative;
}

@media screen and (max-width: 768px) {
  .articles-list-top__item {
    width: 100%;
  }

  .articles-list-top__item:first-child {
    border-bottom: 1px solid #ffffff;
  }
}

.articles-list-top__preview {
  position: relative;
  width: 100%;
  z-index: 1;
}

.articles-list-top__info {
  position: absolute;
  left: 0;
  bottom: 2em;
  width: 100%;
  z-index: 2;
}

@media screen and (max-width: 1024px) {
  .articles-list-top__info {
    bottom: 0.5em;
  }
}

.articles-list-top__picture img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.articles-list-top__title {
  margin: 0 64px 4em;
}

@media screen and (max-width: 1280px) {
  .articles-list-top__title {
    margin: 0 64px 2em;
  }
}

@media screen and (max-width: 1024px) {
  .articles-list-top__title {
    margin: 0 32px 1em;
  }
}

.articles-list-top__tags {
  margin: 0 64px 2em;
}

@media screen and (max-width: 1024px) {
  .articles-list-top__tags {
    margin: 0 32px 1em;
  }
}

.articles-list-top__picture .articles-list-top__link {
  display: block;
  position: relative;
}

.articles-list-top__picture .articles-list-top__link:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
}

.articles-list-top__title .articles-list-top__link {
  font: 1.6em "Roboto Bold", sans-serif;
  text-decoration: none;
  color: #ffffff;
}

@media screen and (max-width: 1024px) {
  .articles-list-top__title .articles-list-top__link {
    font: 1.2em "Roboto Bold", sans-serif;
  }
}

@media screen and (max-width: 768px) {
  .articles-list-top__title .articles-list-top__link {
    font: 1em "Roboto Bold", sans-serif;
  }
}

.articles-list-main {
  box-sizing: border-box;
  width: 100%;
  max-width: 1320px;
  padding: 0 16px;
  position: relative;
  margin: 0 auto;
}

@media screen and (max-width: 425px) {
  .articles-list-main {
    padding: 0;
  }
}

.articles-list-main__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.articles-list-main__empty {
  font: 1.2em "Roboto Regular", sans-serif;
  width: 100%;
  padding: 2em 0 3em;
  text-align: center;
}

.articles-list-main__item {
  border-top: 1px solid #dddddd;
  padding: 2em 0 3em;
  display: flex;
  flex-flow: row nowrap;
}

.articles-list-main__item:first-child {
  border-top: none;
}

@media screen and (max-width: 1024px) {
  .articles-list-main__item {
    display: block;
    flex-flow: unset;
  }
}

.content__wrap .articles-list-main__item {
  display: flex;
  flex-flow: row nowrap;
}

@media screen and (max-width: 768px) {
  .content__wrap .articles-list-main__item {
    display: block;
    flex-flow: unset;
  }
}

.articles-list-main__preview {
  box-sizing: border-box;
  margin: 0 16px 0 0;
  position: relative;
  overflow: hidden;
  width: 50%;
  flex: 1 0 40%;
}

@media screen and (max-width: 1024px) {
  .articles-list-main__preview {
    width: 100%;
    padding: 0;
    margin: 0 0 1em;
  }
}

.content__wrap .articles-list-main__preview {
  width: 50%;
  max-width: 402px;
  padding: 0;
  margin: 0 16px 0 0;
}

@media screen and (max-width: 768px) {
  .content__wrap .articles-list-main__preview {
    width: 100%;
    padding: 0;
    margin: 0 0 1em;
  }
}

.articles-list-main__info {
  box-sizing: border-box;
  margin: 0 0 0 16px;
  width: 100%;
  flex: 1 0 40%;
  display: flex;
  flex-flow: column nowrap;
}

@media screen and (max-width: 1024px) {
  .articles-list-main__info {
    width: 100%;
    padding: 0;
    margin: 0;
  }
}

.content__wrap .articles-list-main__info {
  width: 100%;
  padding: 0;
  margin: 0 0 0 16px;
}

@media screen and (max-width: 768px) {
  .content__wrap .articles-list-main__info {
    width: 100%;
    padding: 0;
    margin: 0;
  }
}

.articles-list-main__picture {
  width: 100%;
  position: relative;
  z-index: 1;
}

.articles-list-main__picture img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.articles-list-main__picture img.lazy {
  opacity: 0;
  transition: opacity 300ms ease 0ms;
}

.articles-list-main__picture img.loaded {
  opacity: 1;
  transition: opacity 300ms ease 0ms;
}

.articles-list-main__title {
  margin: 0 auto 0 0;
}

.articles-list-main__full-date {
  margin: 0 auto auto 0;
  padding: 1em 0 2em;
}

.articles-list-main__tags {
  margin: auto auto 0 0;
}

.articles-list-main__overlay {
  display: block;
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 56.25%;
}

.articles-list-main__overlay:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(102, 102, 102, 0.05);
}

.articles-list-main__title .articles-list-main__link {
  font: 1.6em "Roboto Light", sans-serif;
  color: #333333;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .articles-list-main__title .articles-list-main__link {
    font: 1.2em "Roboto Light", sans-serif;
  }
}

.articles-list-main__picture .articles-list-main__link {
  display: block;
}

.articles-list-main__item--has-video .articles-list-main__picture .articles-list-main__link {
  display: block;
}

.articles-list-main__item--has-video .articles-list-main__picture .articles-list-main__link:after {
  content: "\421\43C\43E\442\440\435\442\44C   \432\438\434\435\43E";
  font: 15px/60px "Roboto Regular", sans-serif;
  color: #ffffff;
  display: block;
  height: 60px;
  width: 180px;
  padding: 0 0 0 30px;
  position: absolute;
  top: 50%;
  left: -150px;
  background: #2c5d94;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
  transition: left 300ms ease 0ms;
}

.articles-list-main__item--has-video .articles-list-main__picture .articles-list-main__link:before {
  content: "";
  box-sizing: border-box;
  border: 2px solid #ffffff;
  border-radius: 100%;
  display: block;
  height: 30px;
  width: 30px;
  position: absolute;
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: transparent url(/i/icon-play-white.svg?7ecd5fb514ca7b72353b2301ffbdfadc) 9px center no-repeat;
  background-size: 40%;
  z-index: 2;
  transition: left 300ms ease 0ms;
}

.articles-list-main__item--has-video .articles-list-main__picture .articles-list-main__link:hover:after {
  left: 0;
  transition: left 300ms ease 0ms;
}

.articles-list-main__item--has-video .articles-list-main__picture .articles-list-main__link:hover:before {
  left: 165px;
  transition: left 300ms ease 0ms;
}

.articles-list-main__full-date .articles-list-main__link {
  font: 0.8em "Open Sans Regular", sans-serif;
  color: #666666;
  text-decoration: none;
}

.articles-list-popular {
  box-sizing: border-box;
  width: 100%;
  max-width: 1320px;
  padding: 0 16px;
  position: relative;
  margin: 0 auto;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.article__side .articles-list-popular {
  padding: 0;
}

@media screen and (max-width: 425px) {
  .articles-list-popular {
    padding: 0;
  }

  .article__articles-list-popular .articles-list-popular {
    padding: 0 16px;
  }
}

.articles-list-popular__header {
  padding: 0 0 2em;
}

.articles-list-popular__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.articles-list-popular__item {
  padding: 2em 0;
}

.articles-list-popular--small .articles-list-popular__item {
  border-top: 1px solid #dddddd;
  display: flex;
  flex-flow: row nowrap;
}

@media screen and (max-width: 768px) {
  .articles-list-popular--big .articles-list-popular__item {
    border-top: 1px solid #dddddd;
    display: flex;
    flex-flow: row nowrap;
  }
}

.articles-list-popular__item:first-child {
  padding: 0 0 2em 0;
  border-top: none;
}

.articles-list-popular--small .articles-list-popular__preview {
  box-sizing: border-box;
  padding: 0 16px 0 0;
  position: relative;
  overflow: hidden;
  width: 33.3333333333%;
}

.articles-list-popular--big .articles-list-popular__preview {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 0 1em;
}

@media screen and (max-width: 768px) {
  .articles-list-popular--big .articles-list-popular__preview {
    padding: 0 16px 0 0;
    width: 25%;
    margin: 0;
  }
}

.articles-list-popular--small .articles-list-popular__info {
  box-sizing: border-box;
  padding: 0 0 0 16px;
  width: 66.6666666667%;
}

@media screen and (max-width: 768px) {
  .articles-list-popular--big .articles-list-popular__info {
    box-sizing: border-box;
    padding: 0 0 0 16px;
    width: 66.6666666667%;
  }
}

.articles-list-popular__picture {
  width: 100%;
  position: relative;
  z-index: 1;
}

.articles-list-popular__picture img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.articles-list-popular__picture img.lazy {
  opacity: 0;
  transition: opacity 300ms ease 0ms;
}

.articles-list-popular__picture img.loaded {
  opacity: 1;
  transition: opacity 300ms ease 0ms;
}

.articles-list-popular__video {
  margin: 0.5em 0 0;
}

.articles-list-popular__header .articles-list-popular__title {
  font: 1.4em "Roboto Regular", sans-serif;
  color: #666666;
  margin: 0;
  padding: 2em 0 0;
}

@media screen and (max-width: 768px) {
  .articles-list-popular__header .articles-list-popular__title {
    padding: 2em 0 0;
  }
}

.articles-list-popular__item .articles-list-popular__title {
  margin: 0;
}

.articles-list-popular__overlay {
  display: block;
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 56.25%;
}

.articles-list-popular__overlay:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(102, 102, 102, 0.05);
}

.articles-list-popular__title .articles-list-popular__link {
  font: 1em "Roboto Bold", sans-serif;
  color: #333333;
  text-decoration: none;
}

.article__side .articles-list-popular__title .articles-list-popular__link {
  font: 0.9em "Roboto Light", sans-serif;
}

.articles-list-popular--big .articles-list-popular__title .articles-list-popular__link {
  font: 1em "Roboto Regular", sans-serif;
}

.articles-list-popular__picture .articles-list-popular__link {
  display: block;
}

.articles-list-popular__video .articles-list-popular__link {
  font: 0.8em/34px "Roboto Regular", sans-serif;
  color: #2c5d94;
  text-decoration: none;
  display: inline-block;
  height: 34px;
  padding: 0 0 0 34px;
  position: relative;
}

.articles-list-popular__video .articles-list-popular__link:after {
  content: "";
  display: block;
  box-sizing: border-box;
  border: 2px solid #2c5d94;
  border-radius: 100%;
  position: absolute;
  top: 8px;
  left: 0;
  height: 18px;
  width: 18px;
  background: transparent url(/i/icon-play-blue.svg?1ec70ee80f19c7aaa3adf79f66e0c2c6) 4px center no-repeat;
  background-size: 45%;
}

.article {
  margin: 0 auto 2em;
  padding: 0 16px;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 425px) {
  .article {
    padding: 0;
  }
}

.article__header {
  padding: 0;
}

.article__media {
  padding: 0;
  margin: 0 0 2em;
  width: 100%;
  position: relative;
}

.article__main {
  display: flex;
  flex-flow: row nowrap;
}

@media screen and (max-width: 768px) {
  .article__main {
    display: block;
    flex-flow: unset;
  }
}

.article__header .article__tags {
  padding: 2em 0 0;
}

.article__body .article__tags {
  padding: 2em 0;
}

.article__title {
  font: 2em "Roboto Light", sans-serif;
  color: #333333;
  margin: 0.5em 0 1em;
}

.article__info {
  margin: 0.5em 0 2em;
  display: flex;
  flex-flow: row nowrap;
}

.article__header .article__social-share {
  margin: 1em 0 2em;
}

.article__author {
  font: 0.8em "Open Sans Regular", sans-serif;
  text-transform: uppercase;
  color: #888888;
  margin: 0 32px 0 0;
}

.article__date {
  font: 0.8em "Open Sans Regular", sans-serif;
  color: #666666;
  margin: 0 auto 0 0;
}

.article__views {
  font: 0.8em "Open Sans Regular", sans-serif;
  color: #888888;
  margin: 0 0 0 auto;
  padding: 0 0 0 36px;
  position: relative;
}

.article__views:before {
  content: "";
  height: 18px;
  width: 25px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: transparent url(/i/icon-views-blue.svg?1a8eb2cb41eb417b7fc0304a21e152cd) center no-repeat;
  background-size: contain;
}

.article__body {
  position: relative;
  z-index: 2;
}

.article__side {
  margin: 0;
  width: 292px;
  flex: 0 0 292px;
}

@media screen and (max-width: 768px) {
  .article__side {
    width: auto;
    flex: unset;
  }
}

.article__text {
  margin: 0 32px 0 0;
}

@media screen and (max-width: 768px) {
  .article__text {
    margin: 0;
  }
}

.article__text h2 {
  font: 1.4em "Open Sans Regular", sans-serif;
  margin: 2em 0 1em 0;
}

.article__text h3 {
  font: 1.3em "Open Sans Regular", sans-serif;
  margin: 2em 0 1em 0;
}

.article__text ul {
  margin: 0;
  padding: 0 0 0 32px;
}

.article__text ol {
  margin: 0;
  padding: 0 0 0 32px;
}

.article__text li {
  font: 1em/1.5em "Open Sans Regular", sans-serif;
  color: #333333;
  margin: 0 0 0.5em;
}

.article__text p {
  font: 1em/1.5em "Open Sans Regular", sans-serif;
  color: #333333;
  margin: 0 0 1em;
}

.article__text p:last-child {
  margin: 0;
}

.article__text img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.article__text blockquote {
  margin: 1em 0 1em 32px;
  padding: 0 0 0 32px;
  border-left: 2px solid #2c5d94;
  font: 1.2em "Open Sans Regular", sans-serif;
  color: #333333;
}

.article__text blockquote p {
  font: 1em "Open Sans Regular", sans-serif;
}

.article__text a {
  color: #333333;
  text-decoration: none;
  border-bottom: 1px solid #2c5d94;
}

.article__text a:hover {
  color: #2c5d94;
}

.article__articles-list-popular {
  margin: 0 -16px;
  height: 100%;
}

.article .article-text-video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.article .article-text-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100% !important;
  width: 100% !important;
}

.article-pictures {
  margin: 0;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  width: 100%;
}

.article-pictures__wrapper {
  position: relative;
  width: 100%;
  z-index: 1;
  display: flex;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  box-sizing: content-box;
}

.article-pictures__slide {
  flex-shrink: 0;
  width: 100%;
  position: relative;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.article-pictures__navigation {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
}

.article-pictures__button {
  display: block;
  height: 48px;
  width: 48px;
  position: absolute;
  top: -24px;
  z-index: 5;
  border-radius: 100%;
  opacity: 0.4;
  transition: opacity 300ms ease 0ms;
}

@media screen and (max-width: 768px) {
  .article-pictures__button {
    top: -18px;
    height: 32px;
    width: 32px;
    opacity: 0.9;
  }
}

.article-pictures:hover .article-pictures__button {
  opacity: 0.9;
  transition: opacity 300ms ease 0ms;
}

.article-pictures__button--prev {
  left: 16px;
  background: #2c5d94 url(/i/icon-prev-white.svg?5ca51fe99eb1badb42ed1c02068f4239) center no-repeat;
  background-size: 50%;
}

.article-pictures__button--next {
  right: 16px;
  background: #2c5d94 url(/i/icon-next-white.svg?51e9ca54a162718fb1c43e88f5a5eb05) center no-repeat;
  background-size: 50%;
}

.article-pictures__holder {
  position: relative;
  width: 100%;
}

.article-pictures__info {
  box-sizing: border-box;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  margin: 0;
  padding: 0.5em 16px 1em;
  bottom: 0;
  left: 0;
}

@media screen and (max-width: 768px) {
  .article-pictures__info {
    background: rgba(0, 0, 0, 0.9);
    position: relative;
    bottom: auto;
    left: auto;
  }
}

.article-pictures__description {
  margin: 0;
  font: italic 0.9em/1em "Open Sans", sans-serif;
  color: #aaaaaa;
}

.article-pictures__author {
  margin: 1em 0 0;
  font: italic 0.9em/1em "Open Sans", sans-serif;
  color: #aaaaaa;
}

.article-pictures__author a {
  color: inherit;
  text-decoration: underline;
}

.article-pictures__notation {
  font: lighter 0.9em/1em "Open Sans", sans-serif;
  color: #888888;
  margin: 1em 0;
}

.article-pictures__image {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.article-pictures__list {
  margin: 2em -16px 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row nowrap;
}

@media screen and (max-width: 1024px) {
  .article-pictures__list {
    margin: 2em -16px 0;
  }
}

@media screen and (max-width: 768px) {
  .article-pictures__list {
    margin: 2em -8px 0;
  }
}

.article-pictures__item {
  box-sizing: border-box;
  width: 20%;
  padding: 0 16px;
}

@media screen and (max-width: 768px) {
  .article-pictures__item {
    padding: 0 8px;
  }
}

.article-pictures__thumb {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  font-size: 0;
  background: transparent;
}

.article-pictures__preview {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.article-video {
  position: relative;
  width: 100%;
  height: 0;
  padding: 0 0 56.25%;
  margin: 0 0 2em;
}

.article-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border: 0;
  outline: 0;
}

.teaser {
  margin: 2em 0 1em;
  display: flex;
  flex-flow: row nowrap;
}

@media screen and (max-width: 768px) {
  .teaser {
    display: block;
    flex-flow: unset;
  }
}

.teaser .teaser_photo {
  box-sizing: border-box;
  padding: 0 16px 0 0;
  width: 40%;
  border: none;
  text-decoration: none;
  margin: auto 0;
}

.teaser .teaser_photo img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

@media screen and (max-width: 768px) {
  .teaser .teaser_photo {
    width: 100%;
    padding: 0;
    margin: 0 0 1em;
  }
}

.teaser .wrapper-teaser {
  box-sizing: border-box;
  padding: 0 0 0 16px;
  width: 60%;
  display: flex;
  flex-flow: column nowrap;
}

@media screen and (max-width: 768px) {
  .teaser .wrapper-teaser {
    width: 100%;
    padding: 0;
    margin: 1em 0 0;
  }
}

.teaser .teaser_title {
  font: 1.6em "Roboto Light", sans-serif;
  color: #333333;
  border: none;
  margin: auto auto auto 0;
}

@media screen and (max-width: 768px) {
  .teaser .teaser_title {
    font: 1.4em "Roboto Light", sans-serif;
  }
}

.teaser .teaser_read {
  font: 1em "Roboto Regular", sans-serif;
  padding: 0.5em 0;
  color: #888888;
  border: none;
  margin: auto auto auto 0;
}

.picture-insert {
  margin: 0 0 1em;
}

.picture-insert__info {
  margin: 0.5em 0 0;
  text-align: right;
  font: italic 0.9em/1.2em "Open Sans", sans-serif;
  color: #666666;
}

.picture-insert__info a {
  border: none;
  color: inherit;
  text-decoration: underline;
}

.picture-insert__info span {
  color: inherit;
  text-decoration: none;
}

.picture-insert__description {
  margin: 0 0 0.5em 0;
}

.picture-insert__author {
  margin: 0.5em 0 0;
  text-align: right;
  font: italic 0.9em/1.2em "Open Sans", sans-serif;
  color: #666666;
}

.picture-insert__author a {
  border: none;
  color: inherit;
  text-decoration: underline;
}

.picture-insert__author span {
  color: inherit;
  text-decoration: none;
}

.error {
  width: 100%;
  background: #e5eef0;
  padding: 2em 16px;
}

.error--404 .error__code {
  width: 224px;
  height: 81px;
  background: transparent url(/i/logo-error-404.svg?944226fa6215c5349aa8da999dea2c2c) center no-repeat;
  background-size: contain;
  margin: 2em auto;
}

.error--500 .error__code {
  width: 224px;
  height: 81px;
  background: transparent url(/i/logo-error-500.svg?4b7139346262fdef69d4f009407add4b) center no-repeat;
  background-size: contain;
  margin: 2em auto;
}

.error__reason {
  font: 1.8em "Roboto Regular", sans-serif;
  margin: 2em auto;
  text-align: center;
  padding: 0 16px;
}

.error__message {
  font: 1.2em "Roboto Regular", sans-serif;
  margin: 2em auto;
  text-align: center;
  padding: 0 16px;
}

.slot--article-bottom {
  border-top: 1px solid #dddddd;
}

.slot--read-now {
  margin: 2em 16px 0;
}

@media screen and (max-width: 768px) {
  .slot--read-now {
    margin: 0;
    display: none;
  }
}

.article__side .slot--read-now {
  margin: 0;
}