@font-face {
  font-family: OpenSans;
  src: url("/static/fonts/OpenSansBold.woff") format("woff"), url("/static/fonts/OpenSansBold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: OpenSans;
  src: url("/static/fonts/OpenSansRegular.woff") format("woff"), url("/static/fonts/OpenSansRegular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url("/static/fonts/RobotoSlabBold.woff") format("woff"), url("/static/fonts/RobotoSlabBold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url("/static/fonts/RobotoSlabRegular.woff") format("woff"), url("/static/fonts/RobotoSlabRegular.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url("/static/fonts/RobotoSlabLight.woff") format("woff"), url("/static/fonts/RobotoSlabLight.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Roboto-Condensed;
  src: url("/static/fonts/RobotoCondensedBold.woff") format("woff"), url("/static/fonts/RobotoCondensedBold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Verdana;
  src: url("/static/fonts/VerdanaBold.woff") format("woff"), url("/static/fonts/VerdanaBold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15 /* 1 */;
  -webkit-text-size-adjust: 100% /* 2 */;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box /* 1 */;
  height: 0 /* 1 */;
  overflow: visible /* 2 */;
}
pre {
  font-family: monospace, monospace /* 1 */;
  font-size: 1em /* 2 */;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none /* 1 */;
  -webkit-text-decoration: underline /* 2 */;
          text-decoration: underline /* 2 */;
  -webkit-text-decoration: underline dotted /* 2 */;
          text-decoration: underline dotted /* 2 */;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace /* 1 */;
  font-size: 1em /* 2 */;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit /* 1 */;
  font-size: 100% /* 1 */;
  line-height: 1.15 /* 1 */;
  margin: 0 /* 2 */;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]-moz-focusring,
[type="reset"]-moz-focusring,
[type="submit"]-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box /* 1 */;
  color: inherit /* 2 */;
  display: table /* 1 */;
  max-width: 100% /* 1 */;
  padding: 0 /* 3 */;
  white-space: normal /* 1 */;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box /* 1 */;
  padding: 0 /* 2 */;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield /* 1 */;
  outline-offset: -2px /* 2 */;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button /* 1 */;
  font: inherit /* 2 */;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
*,
*::before,
*::after {
  padding: 0;
  margin: 0;
  text-decoration: none;
  list-style-type: none;
  box-sizing: border-box;
}
* button,
*::before button,
*::after button {
  border-width: 0;
  background-color: inherit;
}
body {
  -webkit-font-smoothing: antialiased;
  position: relative;
  font-family: "OpenSans", sans-serif;
  font-size: 16px;
  color: #5d6359;
  background-color: #fff;
}
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}
input,
button,
textarea,
select {
  font: inherit;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: anywhere;
  margin: 0;
}
a {
  color: inherit;
}
a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline: 2px solid #333;
  outline-offset: 2px;
}
button:not([disabled]),
input:not([disabled]):not([type="text"]):not([type="search"]) {
  cursor: pointer;
}
.visually-hidden:not(:focus):not(:active),
input[type="checkbox"].visually-hidden,
input[type="radio"].visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}
.webp .figure-news,
.webp .news__content-img a,
.webp .read-material__img {
  background-image: url("/static/images/placeholder.webp");
}
.webp .preview__figure:empty,
.webp .edition-preview__img:empty,
.webp .edition-card__img:empty {
  background-image: url("/static/images/placeholder.webp");
}
.webp .content > figure > div {
  background-image: url("/static/images/placeholder.webp");
}
#main {
  background-color: #eee;
}
@media (min-width: 1920px) {
  #main {
    background-image: url("/static/images/background-img.png");
  }
}
.main {
  background-color: #fff;
}
.main__dark {
  background-color: #eee;
}
.grid-container__index .subscribe {
  background-color: #fff;
}
@media (min-width: 768px) {
  .grid-container__index .subscribe {
    padding: 30px 0;
    margin-top: -20px;
  }
}
.no-scroll {
  overflow: hidden;
}
@media (min-width: 1024px) {
  .no-scroll .header__wrapper {
    padding: 0 55px 0 40px;
  }
}
.no-scroll .ring {
  padding-right: 15px;
}
.hr {
  border: none;
  color: rgba(191,191,191,0.898);
  background-color: rgba(191,191,191,0.898);
  height: 1px;
}
.social-sharing .share__list {
  display: flex;
}
.social-sharing .share__link {
  height: 32px;
  width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  filter: grayscale(100%) contrast(10%);
  border: none;
  border-radius: 50%;
}
.social-sharing .share__link:hover,
.social-sharing .share__link:active {
  background-color: #eee;
  filter: none;
}
.social-sharing_color .share__link {
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  filter: none;
  border: 1px solid #ddd;
  border-right: none;
  border-radius: 0;
}
.social-sharing_color .share__link:hover,
.social-sharing_color .share__link:active {
  background-color: transparent;
}
.social-sharing_color .share__link:hover svg,
.social-sharing_color .share__link:active svg {
  filter: grayscale(100%) contrast(10%);
}
.social-sharing_color .share li:first-child a {
  border-radius: 3px 0 0 3px;
}
.social-sharing_color .share li:last-child a {
  border-right: 1px solid #ddd;
  border-radius: 0 3px 3px 0;
}
.cursor {
  cursor: url("/static/images/cursor.svg") 4 12, auto;
}
.btn-loader {
  width: 20px;
  height: 20px;
  animation: spin 1s linear infinite;
}
.btn-loader circle {
  fill: none;
  stroke: #bac0b7;
  stroke-width: 6px;
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}
@keyframes spin {
  100% {
    rotate: 360deg;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
.grecaptcha-badge {
  visibility: hidden !important;
}
.check:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  border-radius: 10px;
  background: rgba(0,0,0,0.6);
  content: '';
}
.check .reportage__link,
.check .reportage__cursor-img {
  cursor: url("/static/images/icon-check.svg") 32 32, auto;
}
.check .reportage__about {
  justify-content: flex-start;
}
.check .reportage__title {
  display: none;
}
.check .reportage__text {
  display: -webkit-box;
  display: -moz-box;
}
.check .reportage__footer {
  display: none;
}
.foto-gallery {
  -ms-grid-row: 15;
  -ms-grid-column: 1;
  grid-area: foto-gallery;
}
.grid-container_listing > .foto-gallery {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}
.grid-container_video-listing > .foto-gallery {
  -ms-grid-row: 6;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
}
.grid-container_gallery > .foto-gallery {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.grid-container_videoplayer > .foto-gallery {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.video-gallery {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
  grid-area: video-gallery;
}
.grid-container_gallery-listing > .video-gallery {
  -ms-grid-row: 6;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.grid-container_gallery > .video-gallery {
  -ms-grid-row: 8;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.grid-container_videoplayer > .video-gallery {
  -ms-grid-row: 8;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.ring-search {
  width: 100%;
  height: 100%;
  max-height: 40px;
  position: relative;
}
@media (max-width: 1023px) {
  .ring-search {
    display: none;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ring-search {
    position: relative;
  }
}
.ring-search__label {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 40px;
  height: 100%;
  background-color: #333;
}
.ring-search__label:before {
  content: "";
  display: block;
  height: 40px;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  background-image: linear-gradient(90deg, rgba(51,51,51,0) 0, #333);
  transform: translateX(-30px);
}
.ring-search__label-icon {
  position: absolute;
  top: 4px;
  right: 0;
  cursor: pointer;
  fill: #aaa;
}
.ring-search__input {
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
  background-color: #333;
}
.ring-search__input::-webkit-search-decoration,
.ring-search__input::-webkit-search-cancel-button,
.ring-search__input::-webkit-search-results-button,
.ring-search__input::-webkit-search-results-decoration {
  display: none;
}
.ring-search__input:focus,
.ring-search__input:valid {
  max-width: 100%;
  width: 340px;
  height: 32px;
  padding: 0 40px 0 8px;
  background: none;
  border: none;
  font: inherit;
  color: #aaa;
  font-size: 14px;
  box-shadow: inset 0 -1px 0 0 #aaa;
  outline: none;
  clip-path: none;
  clip: none;
}
@media (min-width: 1690px) {
  .ring-search__input:focus,
  .ring-search__input:valid {
    margin: 0;
  }
}
.ring-search__button {
  display: none;
  position: absolute;
  bottom: 4px;
  right: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  fill: #aaa;
}
.ring-search__input:valid ~ button {
  display: block;
}
.ring-search__input:valid ~ label svg {
  display: none;
}
.ring-search__icon {
  display: block;
  fill: #aaa;
}
.form-search {
  position: relative;
  width: 100%;
}
.form-search__label {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.form-search__input {
  width: 100%;
  height: 48px;
  border-radius: 10px;
  border: 1px solid #bac0b7;
  padding: 15px 40px 15px 20px;
}
.form-search__input:placeholder {
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
}
.form-search__input::-webkit-search-decoration,
.form-search__input::-webkit-search-cancel-button,
.form-search__input::-webkit-search-results-button,
.form-search__input::-webkit-search-results-decoration {
  display: none;
}
.form-search__button {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  background-color: inherit;
  border: none;
}
.form-search__button svg {
  margin: 0 7px 0 auto;
  fill: #aaa;
}
.nav-search .form-search__input {
  border: none;
  border-radius: 0;
  border-bottom: 1px solid rgba(51,51,51,0.1);
  background-color: transparent;
  padding: 15px 40px 15px 40px;
}
.nav-search .form-search__button {
  right: auto;
  left: 0;
}
.button-icon {
  max-width: 280px;
  max-height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  border-radius: 24px;
  border: none;
}
.button-icon__icon {
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}
.button-icon.light {
  background-color: #fff;
  color: #565c68;
}
.button-icon.light .button-icon__icon {
  background-color: #bac0b7;
  fill: #5d6359;
}
.button-icon.light:hover {
  color: #333;
}
.button-icon.light:hover .button-icon__icon {
  background-color: #9f2b11;
}
.button-icon.dark {
  background-color: #bac0b7;
  color: #fff;
}
.button-icon.dark .button-icon__icon {
  background-color: #fff;
  fill: #bac0b7;
}
.button-icon.dark:hover {
  color: #333;
}
.button-icon.dark:hover .button-icon__icon {
  background-color: #9f2b11;
  fill: #fff;
}
.button-icon.large {
  min-width: 260px;
  min-height: 48px;
}
.button-detail {
  width: 198px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
  color: #bac0b7;
  border-radius: 24px;
  border: 2px solid #bac0b7;
  background-color: transparent;
  fill: #bac0b7;
}
.button-detail_active,
.button-detail:hover,
.button-detail:active {
  border: 2px solid #90978c;
  color: #90978c;
  fill: #90978c;
}
.button-detail_active svg {
  transform: rotate(180deg);
}
.listing-item:first-child {
  min-height: 200px;
}
@media (min-width: 1920px) {
  .listing-item {
    gap: 12px;
  }
}
.listing-item_news {
  padding: 20px 0 0;
}
.listing-item_news .meta__rubric {
  display: none;
}
.listing-item__title {
  display: block;
  font-family: "OpenSans", sans-serif;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  color: #5d6359;
}
.listing-item__title:hover {
  color: #333;
}
.button {
  max-width: 180px;
  width: 100%;
  min-height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  border-radius: 24px;
  border: none;
}
.button.light {
  background-color: #fff;
  color: #565c68;
}
.button.light:hover {
  color: #333;
}
.button.dark {
  background-color: #90978d;
  color: #fff;
}
.button.dark:hover {
  background-color: #5d6359;
}
.button__large {
  max-width: 260px;
  width: 100%;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  background-color: #bac0b7;
  border-radius: 24px;
  border: none;
}
.button__large:hover {
  background-color: #5d6359;
}
.button__large.dark {
  background-color: #90978d;
  color: #fff;
}
.button__large.dark:hover {
  background-color: #5d6359;
}
.dot {
  height: 5px;
  width: 5px;
  background-color: #bac0b7;
  border: none;
  border-radius: 50px;
}
.dot_active {
  background-color: #9f2b11;
  outline: 2px solid #9f2b11;
}
.dot_active:focus {
  outline: 2px solid #9f2b11;
}
.text-line {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  font-size: 12px;
  line-height: 32px;
  text-transform: uppercase;
  padding-left: 20px;
}
.text-line:after {
  width: 100%;
  content: '';
  height: 1px;
  background-color: #ddd;
}
@media (min-width: 768px) {
  .text-line {
    padding: 0 20px;
  }
}
.button-slider {
  border-radius: 100px;
  border: none;
  background-color: #fff;
  box-shadow: 0 0 4px rgba(0,0,0,0.25);
  height: 32px;
  width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  fill: #bac0b7;
}
.button-slider:first-child {
  transform: rotate(90deg);
}
.button-slider:last-child {
  transform: rotate(-90deg);
}
.button-slider:hover,
.button-slider:active {
  box-shadow: 0 0 4px #565c68;
  fill: #565c68;
}
.button-slider[disabled] {
  opacity: 0.7;
}
.button-calendar {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  padding: 0 10px 0 18px;
  height: 48px;
  min-width: 68px;
  border: none;
  border-radius: 100px;
  fill: #565c68;
  background-color: #fff;
  color: #565c68;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}
.button-calendar span {
  margin-left: 6px;
}
.button-calendar svg {
  height: 24px;
  width: 24px;
  fill: #565c68;
}
.button-calendar svg .fon {
  fill: #fff;
}
.button-calendar svg:first-child {
  height: 18px;
  width: 18px;
}
.button-calendar svg:last-child {
  margin-left: 10px;
}
.button-calendar.active.active svg:last-child,
.button-calendar:hover.active svg:last-child,
.button-calendar:active.active svg:last-child {
  transform: rotate(180deg);
}
.author-card {
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background-color: #eee;
  padding: 10px 20px;
}
.author-card__img {
  min-height: 49px;
  min-width: 49px;
  border-radius: 50px;
  overflow: hidden;
  background: url("/static/images/avatar-placeholder.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.author-card__img img {
  width: 100%;
  height: 100%;
}
.author-card__content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.author-card__name {
  font-weight: 700;
  font-size: 18px;
  line-height: 18px;
  color: #565c68;
}
@media (min-width: 768px) {
  .author-card__name {
    line-height: 20px;
    text-align: start;
  }
}
.author-card__quantity {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #90978d;
}
@media (min-width: 768px) {
  .author-card__quantity {
    gap: 5px;
  }
}
.author-card__quantity span:first-child {
  font-weight: 700;
  font-size: 16px;
  line-height: 14px;
  margin-right: 4px;
}
@media (min-width: 768px) {
  .author-card__quantity span {
    display: block;
  }
  .author-card__quantity span:first-child {
    margin-right: 0;
    line-height: 20px;
  }
}
.author-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-right: auto;
}
@media (min-width: 768px) {
  .author-content {
    display: grid;
    align-items: center;
    -moz-column-gap: 10px;
         column-gap: 10px;
    row-gap: 6px;
  }
}
.author-content__avatars {
  grid-column: 1/2;
  grid-row: span 2;
  display: flex;
}
.author-content__avatars > picture {
  width: 48px;
  height: 48px;
  border-radius: 50px;
  border: 1px solid #fff;
  background-image: url("/static/images/avatar-placeholder.png");
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.author-content__avatars > picture:not(:first-child) {
  margin-left: -15px;
}
.author-content__avatars > picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.author-content__authors {
  grid-column: 2/3;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.author-content__authors p {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  width: 100%;
}
.author-content__authors span,
.author-content__authors a {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  white-space: wrap;
  margin-right: 4px;
}
.author-content__authors a {
  border-bottom: 1px solid #9f2b11;
}
.author-content__authors a:hover {
  color: #565c68;
}
.author-content__meta time {
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  color: #90978d;
  margin-right: 4px;
}
@media (min-width: 768px) {
  .author-content__meta {
    margin-right: 0;
  }
}
.meta__rubric-advertising {
  position: absolute;
  top: -20px;
  right: 2px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #99999b;
  font-size: 11px;
}
.meta__rubric-advertising:hover +.advertising__tooltip {
  visibility: visible;
}
.meta__rubric-advertising>svg {
  max-width: 14px;
  max-height: 14px;
}
.advertising__tooltip {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  background-color: #fff;
  border: 1px solid #e3e1ef;
  border-radius: 10px;
  font-size: 11px;
  text-align: right;
  visibility: hidden;
  z-index: 3;
}
.advertising__tooltip-item::before {
  content: "•";
  float: right;
  padding-left: 10px;
}
.burger__btn {
  position: relative;
  z-index: 5;
  display: block;
  justify-self: end;
  width: 45px;
  height: 45px;
  cursor: pointer;
  background-color: #eee;
  border: 1px solid #565c68;
  border-radius: 100px;
}
.burger__btn::before,
.burger__btn::after,
.burger__btn span {
  position: absolute;
  left: 9px;
  width: 25px;
  height: 2px;
  transition: all 0.3 ease 0s;
  background-color: #565c68;
}
.burger__btn::before {
  content: '';
  top: 14px;
}
.burger__btn:after {
  content: '';
  bottom: 13px;
}
.burger__btn span {
  top: 50%;
  transform: scale(1) translate(0px, -50%);
}
.burger__btn.active span {
  transform: scale(0) translate(0px, -50%);
}
.burger__btn.active::after {
  bottom: 50%;
  transform: rotate(45deg) translate(0px, 40%);
}
.burger__btn.active::before {
  top: 50%;
  transform: rotate(-45deg) translate(0px, -65%);
}
@media (min-width: 1024px) {
  .burger__btn {
    display: none;
  }
}
.container {
  margin: 0 10px;
  max-width: 100%;
}
@media (min-width: 768px) {
  .container {
    margin-right: 20px;
    margin-left: 20px;
  }
}
@media (min-width: 1024px) {
  .container {
    margin-right: auto;
    margin-left: auto;
    max-width: 964px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1220px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1129px;
  }
}
@media (min-width: 1920px) {
  .container {
    max-width: 1484px;
  }
}
.grid-container {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 10px;
  margin: 0 auto;
  padding: 30px 0 20px;
  max-width: 1480px;
}
@media (min-width: 768px) {
  .grid-container {
    row-gap: 20px;
    -moz-column-gap: 20px;
         column-gap: 20px;
    padding: 40px 0 20px;
  }
}
.grid-container_index {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 30px 0 20px;
  margin: 0;
  max-width: 100%;
}
@media (min-width: 768px) {
  .grid-container_index {
    margin: 0 10px;
    margin-right: 20px;
    margin-left: 20px;
  }
}
@media (min-width: 1024px) {
  .grid-container_index {
    margin-right: auto;
    margin-left: auto;
    max-width: 964px;
  }
}
@media (min-width: 1280px) {
  .grid-container_index {
    max-width: 1220px;
  }
}
@media (min-width: 1400px) {
  .grid-container_index {
    max-width: 1340px;
  }
}
@media (min-width: 1920px) {
  .grid-container_index {
    max-width: 1484px;
  }
}
.grid-container_article {
  display: grid;
  gap: 20px;
  grid-template-areas: "article" "good-top" "subscribe" "actual" "news-listing" "other-news" "good-bottom" "foto-gallery";
}
@media (min-width: 768px) {
  .grid-container_article {
    padding: 10px;
  }
}
@media (min-width: 1024px) {
  .grid-container_article {
    padding: 30px;
    margin: 0 auto;
    grid-template-columns: auto 300px;
    grid-template-rows: 900px 380px auto;
    grid-template-areas: "article good-top" "article actual" "article news-listing" "subscribe subscribe" "other-news good-bottom" "foto-gallery good-bottom";
  }
  .foto-gallery {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
  }
}
@media (min-width: 1280px) {
  .grid-container_article {
    grid-template-columns: auto 393px;
    max-width: 1220px;
  }
}
@media (min-width: 1400px) {
  .grid-container_article {
    max-width: 1340px;
  }
}
@media (min-width: 1920px) {
  .grid-container_article {
    max-width: 1484px;
  }
}
.grid-container_listing {
  grid-template-areas: "listing-top" "good-top" "subscribe" "foto-gallery" "listing-middle" "good-middle" "video-gallery" "listing-bottom" "good-bottom" "about";
}
@media (min-width: 768px) {
  .grid-container_listing {
    padding: 20px;
  }
}
@media (min-width: 1024px) {
  .grid-container_listing {
    padding: 30px;
    grid-template-areas: "listing-top good-top" "listing-top good-top" "subscribe subscribe" "foto-gallery foto-gallery " "listing-middle good-middle" "listing-middle good-middle" "video-gallery video-gallery" "listing-bottom good-bottom" "listing-bottom good-bottom" "about about";
  }
  .grid-container_listing > .foto-gallery {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .video-gallery {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}
@media (min-width: 1920px) {
  .grid-container_listing {
    padding: 20px 0;
  }
}
.grid-container_gallery-listing {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "gallery-listing" "good-top" "subscribe" "read-more" "good-middle" "video-gallery";
}
.grid-container_gallery-listing > .article__aside-news {
  display: none;
}
@media (min-width: 1024px) {
  .grid-container_gallery-listing {
    padding: 20px;
    grid-template-columns: auto 300px;
    grid-template-areas: "gallery-listing good-top" "gallery-listing news-listing" "subscribe subscribe" "read-more good-middle" "read-more good-middle" "video-gallery video-gallery";
  }
  .grid-container_gallery-listing > .article__aside-news {
    display: block;
  }
  .grid-container_gallery-listing > .video-gallery {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}
@media (min-width: 1024px) {
  .grid-container_gallery-listing {
    padding: 30px;
  }
}
@media (min-width: 1920px) {
  .grid-container_gallery-listing {
    padding: 20px 0;
  }
}
.grid-container_video-listing {
  grid-template-areas: ". video-listing ." ". good-top ." ". subscribe ." ". read-more ." ". good-middle ." "foto-gallery foto-gallery foto-gallery";
}
@media (min-width: 768px) {
  .grid-container_video-listing {
    grid-template-areas: ". video-listing video-listing ." ". good-top good-top ." ". subscribe subscribe ." ". read-more read-more ." ". good-middle good-middle ." "foto-gallery foto-gallery foto-gallery foto-gallery";
  }
  .grid-container_video-listing > .foto-gallery {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
}
@media (min-width: 1024px) {
  .grid-container_video-listing {
    grid-template-areas: ". video-listing good-top ." ". subscribe subscribe ." ". read-more good-middle ." "foto-gallery foto-gallery foto-gallery foto-gallery";
  }
  .grid-container_video-listing > .foto-gallery {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
}
.grid-container_gallery {
  grid-template-areas: "gallery" "content" "good-top" "subscribe" "foto-gallery" "read-more" "good-bottom" "video-gallery";
}
@media (min-width: 768px) {
  .grid-container_gallery {
    padding: 20px;
    grid-template-areas: "gallery gallery" "content content" "good-top good-top" "foto-gallery foto-gallery" "subscribe subscribe" "read-more read-more" "good-bottom good-bottom" "video-gallery video-gallery";
  }
  .grid-container_gallery > .foto-gallery {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .grid-container_gallery > .video-gallery {
    -ms-grid-row: 8;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}
@media (min-width: 1024px) {
  .grid-container_gallery {
    padding: 30px;
    grid-template-areas: "gallery gallery" "content good-top" "content good-top" "foto-gallery foto-gallery" "subscribe subscribe" "read-more good-bottom" "video-gallery video-gallery";
  }
  .grid-container_gallery > .foto-gallery {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .grid-container_gallery > .video-gallery {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}
@media (min-width: 1920px) {
  .grid-container_gallery {
    padding: 20px 0;
  }
}
.grid-container_other {
  grid-template-areas: "other" "good-top" "subscribe";
}
@media (min-width: 768px) {
  .grid-container_other {
    padding: 10px;
    grid-template-areas: "other other" "good-top good-top" "subscribe subscribe";
  }
}
@media (min-width: 1024px) {
  .grid-container_other {
    padding: 30px;
    grid-template-areas: "other good-top" "subscribe subscribe";
  }
}
@media (min-width: 1920px) {
  .grid-container_other {
    padding: 20px 0;
  }
}
.grid-container_videoplayer {
  grid-template-areas: "videoplayer-preview" "videoplayer-content" "good-top" "subscribe" "foto-gallery" "read-more" "good-bottom" "video-gallery";
}
@media (min-width: 768px) {
  .grid-container_videoplayer {
    padding: 10px;
    grid-template-areas: "videoplayer-preview videoplayer-preview" "videoplayer-content videoplayer-content" "good-top good-top" "subscribe subscribe" "foto-gallery foto-gallery" "read-more read-more" "good-bottom good-bottom" " video-gallery video-gallery";
  }
  .grid-container_videoplayer > .foto-gallery {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .grid-container_videoplayer > .video-gallery {
    -ms-grid-row: 8;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}
@media (min-width: 1024px) {
  .grid-container_videoplayer {
    padding: 30px;
    grid-template-areas: "videoplayer-preview videoplayer-preview" "videoplayer-content good-top" "subscribe subscribe" "foto-gallery foto-gallery" "read-more good-bottom" "video-gallery video-gallery";
  }
  .grid-container_videoplayer > .foto-gallery {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .grid-container_videoplayer > .video-gallery {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}
@media (min-width: 1920px) {
  .grid-container_videoplayer {
    padding: 20px 0;
  }
}
.grid-container__static {
  padding: 10px 0;
  grid-template-columns: 10px auto 10px;
}
@media (min-width: 768px) {
  .grid-container__static {
    grid-template-columns: 20px auto 20px;
    padding: 20px 0;
  }
}
@media (min-width: 1024px) {
  .grid-container__static {
    grid-template-columns: auto 984px auto;
  }
}
@media (min-width: 1280px) {
  .grid-container__static {
    grid-template-columns: auto 1126px auto;
  }
}
@media (min-width: 1400px) {
  .grid-container__static {
    grid-template-columns: auto 1484px auto;
  }
}
.rubr {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media (min-width: 1024px) {
  .rubr {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.izdania {
  padding: 10px;
  background-color: #fff;
}
@media (min-width: 768px) {
  .izdania {
    padding: 20px;
    border-radius: 20px;
  }
}
.izdania__header {
  margin-bottom: 20px;
}
.izdania__title {
  font-family: 'OpenSans';
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
  color: #5d6359;
  letter-spacing: -1px;
}
@media (min-width: 1024px) {
  .izdania__title {
    font-size: 38px;
    line-height: 29px;
  }
}
.izdania__body {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-bottom: 20px;
}
@media (min-width: 1280px) {
  .izdania__body {
    flex-direction: row;
  }
}
.izdania__item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 1280px) {
  .izdania__item {
    width: 50%;
  }
  .izdania__item:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: -20px;
    right: -20px;
    border-right: 1px solid rgba(191,191,191,0.502);
  }
}
.izdania__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.popular-on-forum {
  margin: 0 auto;
  padding: 20px;
  background: #fff;
}
.listing-top {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: listing-top;
}
.listing-middle {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  grid-area: listing-middle;
}
.listing-bottom {
  -ms-grid-row: 8;
  -ms-grid-column: 1;
  grid-area: listing-bottom;
}
.gallery {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: gallery;
}
.read-more {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  grid-area: read-more;
}
.grid-container_video-listing > .read-more {
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
}
.grid-container_gallery > .read-more {
  -ms-grid-row: 6;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.grid-container_videoplayer > .read-more {
  -ms-grid-row: 6;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.gallery-content {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: content;
}
.news > .gallery-content {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.gallery-listing {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: gallery-listing;
}
.video-listing {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: video-listing;
}
.videoplayer-content {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: videoplayer-content;
}
.videoplayer-preview {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: videoplayer-preview;
}
.search,
.polls,
.profile,
.profiles-list,
.editions,
.authors {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: other;
}
.good__header_top:not(:empty) {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 0;
  width: 100%;
  max-width: 768px;
  height: 250px;
  margin: 20px auto;
  background-color: rgba(238,238,238,0);
  border-radius: 10px;
}
.good__header_top:not(:empty) img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1024px) {
  .good__header_top:not(:empty) {
    max-width: 984px;
  }
}
@media (min-width: 1400px) {
  .good__header_top:not(:empty) {
    max-width: 1129px;
  }
}
@media (min-width: 1920px) {
  .good__header_top:not(:empty) {
    max-width: 1484px;
  }
}
.good__header_top:empty {
  height: 0;
  display: none;
}
.good {
  position: relative;
  padding: 40px 0 60px;
  background-color: #fff;
}
@media (min-width: 768px) {
  .good {
    padding: 40px 40px 60px;
    border-radius: 20px;
  }
}
@media (min-width: 1024px) {
  .good {
    padding: 40px 0 60px;
  }
}
.good__body {
  position: sticky;
  top: 90px;
  left: 0;
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.good__right_top,
.good__right-2,
.good__right-3,
.good__right_middle {
  width: 300px;
  margin: 0 auto;
  overflow: hidden;
}
.good__right_top > img,
.good__right-2 > img,
.good__right-3 > img,
.good__right_middle > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom center;
     object-position: bottom center;
  margin: auto;
}
@media (min-width: 768px) {
  .good__right_top,
  .good__right-2,
  .good__right-3,
  .good__right_middle {
    width: 300px;
  }
  .good__right_top > img,
  .good__right-2 > img,
  .good__right-3 > img,
  .good__right_middle > img {
    width: auto;
    -o-object-position: center;
       object-position: center;
  }
}
.good__teaser_right-1,
.good__teaser_right-2 {
  width: 300px;
  height: 200px;
  margin: 0 auto;
  overflow: hidden;
}
.good__teaser_right-1 > img,
.good__teaser_right-2 > img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
  margin: auto;
}
@media (min-width: 768px) {
  .good__teaser_right-1,
  .good__teaser_right-2 {
    width: 300px;
    max-height: 600px;
  }
  .good__teaser_right-1 > img,
  .good__teaser_right-2 > img {
    width: auto;
    -o-object-position: center;
       object-position: center;
  }
}
.good__underarticle-1 {
  margin: 40px 0;
}
.good__underarticle-2 {
  margin-bottom: 60px;
}
.good__undercomments-1 {
  margin: 0;
}
.good__right_top:empty,
.good__right-2:empty,
.good__right-3:empty,
.good__underarticle-1:empty,
.good__underarticle-2:empty,
.good__undercomments-1:empty,
.good__rich_footer:empty,
.good__rich_footer-down:empty,
.good__teaser_right-1:empty,
.good__teaser_right-2:empty,
.good__right_middle:empty {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}
.good__best-read {
  margin: 60px 0;
}
.good__best-read h5 {
  font-family: 'Verdana';
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 30px;
}
.good__best-read ul {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 0 20px;
}
.good__best-read ul .best-news {
  grid-template-columns: 1fr;
  justify-items: center;
}
.good__reportage {
  width: 100%;
  max-height: 252px;
  margin-bottom: 60px;
}
.good__good {
  margin-bottom: 60px;
}
.good__good > img {
  margin: 0 auto;
}
.good-aside__top {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: good-top;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.grid-container_listing > .good-aside__top {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.grid-container_gallery-listing > .good-aside__top {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
}
.grid-container_video-listing > .good-aside__top {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
}
.grid-container_gallery > .good-aside__top {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.grid-container_other > .good-aside__top {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.grid-container_videoplayer > .good-aside__top {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
@media (min-width: 768px) {
  .good-aside__top {
    flex-direction: row;
    gap: 50px;
  }
}
@media (min-width: 1024px) {
  .good-aside__top {
    display: block;
  }
}
.good-aside__top-ad {
  flex: 1 0 300px;
}
.good-aside__middle {
  -ms-grid-row: 6;
  -ms-grid-column: 1;
  grid-area: good-middle;
}
.grid-container_gallery-listing > .good-aside__middle {
  -ms-grid-row: 5;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
}
.grid-container_video-listing > .good-aside__middle {
  -ms-grid-row: 5;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
}
@media (max-width: 767px) {
  .good-aside__middle {
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 20px 0;
  }
}
.good-aside__bottom {
  -ms-grid-row: 13;
  -ms-grid-column: 1;
  grid-area: good-bottom;
}
.grid-container_listing > .good-aside__bottom {
  -ms-grid-row: 9;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
}
.grid-container_gallery > .good-aside__bottom {
  -ms-grid-row: 7;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
}
.grid-container_videoplayer > .good-aside__bottom {
  -ms-grid-row: 7;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
@media (max-width: 767px) {
  .good-aside__bottom {
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 20px 0;
  }
}
.ad-article__content {
  position: relative;
  margin-bottom: 40px;
}
.ad-article__content span {
  display: block;
  font-weight: 700;
  font-size: 12px;
  line-height: 32px;
  color: #bac0b7;
  text-transform: uppercase;
  text-align: right;
  margin-right: 20px;
}
@media (min-width: 768px) {
  .ad-article__content span {
    margin-right: 0;
  }
}
.ad-article__content span:after {
  position: absolute;
  top: 15px;
  left: 0;
  right: 65px;
  height: 1px;
  content: '';
  background-color: #ddd;
}
.ad-article__content img {
  margin: 4px auto 20px;
}
.ad-article__content hr {
  color: #ddd;
  background: #ddd;
}
.article__ad {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .article__ad {
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 60px;
         column-gap: 60px;
    align-items: start;
  }
  .article__ad .ad__title {
    grid-column: 2 span;
  }
}
@media (min-width: 1024px) {
  .article__ad {
    display: block;
  }
}
.quiz {
  padding: 0 20px;
}
@media (min-width: 768px) {
  .quiz {
    padding: 0 40px;
  }
}
.quiz__title {
  font-family: 'Verdana';
  font-size: 16px;
  line-height: 19px;
  font-weight: 700;
  text-transform: uppercase;
  color: #565c68;
}
.quiz__form {
  margin: 12px 0 73px;
}
.quiz__fieldset {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 30px 0 43px;
  border: none;
}
.quiz__legend {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  line-height: 28px;
  font-weight: 700;
  color: #565c68;
}
.quiz__label {
  display: inline-flex;
  align-items: center;
  -webkit-user-select: none;
          user-select: none;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}
.quiz__input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.quiz__input+label::before {
  content: '';
  display: block;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  border: 1px solid #bac0b7;
  border-radius: 50px;
  margin-right: 10px;
  padding: 2px;
}
.quiz__input:checked+label::before {
  background-color: #bac0b7;
  border: 2px solid #fff;
  outline: 1px solid #bac0b7;
}
.quiz button {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .quiz button {
    min-width: 260px;
  }
}
.ring {
  display: flex;
  position: relative;
  overflow: hidden;
  background-color: #333;
  transition: shadow, transform 0.3s;
}
.ringafter,
.ringbefore {
  content: '';
  display: block;
  height: 40px;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 20px;
}
.ring:before {
  background-image: linear-gradient(270deg, rgba(51,51,51,0) 0, #333);
  left: 0;
}
.ring:after {
  background-image: linear-gradient(90deg, rgba(51,51,51,0) 0, #333);
  right: 0;
}
.ring__skiplink {
  position: absolute;
  top: -200px;
  left: 20px;
  padding: 5px;
  transition: top 0.2s;
  background-color: #90978d;
  color: #fff;
}
.ring__skiplink:focus {
  top: 5px;
}
.ring__scroll {
  display: flex;
  flex-grow: 1;
  margin-bottom: -20px;
  padding-bottom: 20px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}
.ring__scroll-webkit-scrollbar {
  display: none;
}
.ring__projects {
  display: flex;
  gap: 20px;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 20px;
  font-family: Verdana, Aria, sans-serif;
}
@media (min-width: $lg) {
  .ring__projects {
    gap: 30px;
    margin-left: 40px;
  }
}
.ring__item {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  min-height: 40px;
  font-weight: 700;
  color: #ddd;
  text-decoration: none;
  font-size: 14px;
  font-family: Verdana, sans-serif;
}
.ring__item_active svg,
.ring__item:hover svg {
  color: #fff;
  background-color: #df3836;
}
.ring__item-icon {
  fill: #ddd;
  background-color: #777;
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  height: 24px;
  margin-right: 10px;
  width: 24px;
}
.ring__item-name {
  flex-shrink: 0;
}
.ring__right {
  display: flex;
  gap: 30px;
  align-self: flex-start;
  height: 100%;
  color: #eee;
  margin: 0 20px 0 auto;
  padding: 0 0 0 20px;
}
.ring__right-search {
  margin-left: auto;
  min-width: 40px;
  min-height: 40px;
}
.ring__right-btn {
  color: #fff;
  font-size: 12px;
  line-height: 14.6px;
  font-weight: 400;
  text-transform: uppercase;
  background-color: transparent;
  border: none;
}
.ring__right-btn:hover {
  color: #eee;
}
@media (max-width: 899px) {
  .ring__right-btn {
    display: none;
  }
}
.ring__right-age {
  width: 34px;
}
.ring__right-age-icon {
  fill: #777;
}
.header {
  position: sticky;
  top: 0;
  z-index: 10;
  transition: top 0.2s, height 0.5s;
  height: 80px;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 15px 25px 3px rgba(0,0,0,0.1);
}
.header_fixed {
  height: 73px;
}
.header_fixed .header__picture {
  width: 0;
  height: 10px;
  opacity: 0;
}
.header__wrapper {
  position: relative;
  display: flex;
  gap: 30px;
  align-items: center;
  margin: 0 auto;
  padding: 0 10px;
  height: 100%;
}
@media (min-width: 1024px) {
  .header__wrapper {
    padding: 0 30px;
    max-width: 1480px;
  }
}
@media (min-width: 1920px) {
  .header__wrapper {
    padding: 0;
  }
}
.header__logo {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 1;
}
.header__logo > img {
  width: 179px;
  height: 34px;
}
@media (min-width: 768px) {
  .header__logo > img {
    height: 53px;
    width: 282px;
  }
}
.header__picture {
  width: 44px;
  height: 44px;
  transition: all 0.5s, opacity 0.8s;
  opacity: 1;
}
@media (min-width: 768px) {
  .header__picture {
    width: 70px;
    height: 70px;
  }
}
.header__picture img {
  height: 100%;
  width: 100%;
}
.header__links {
  display: none;
}
@media (min-width: 1024px) {
  .header__links {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
  }
}
@media (min-width: 1440px) {
  .header__links {
    gap: 40px;
  }
}
.header__link {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #5d6359;
}
@media (min-width: 1280px) {
  .header__link {
    max-width: 196px;
  }
}
.header__link-img {
  display: none;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
}
.header__link-img img {
  width: 100%;
  height: 100%;
}
@media (min-width: 1280px) {
  .header__link-img {
    display: block;
  }
}
.header__link-text {
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
}
.header__link-forum {
  padding: 6px;
  background: #5d6359;
  border-radius: 50%;
}
.header__link:hover {
  color: #333;
}
.header__control {
  display: flex;
  justify-content: flex-end;
  gap: 46px;
}
.header__social {
  display: none;
  align-self: center;
}
@media (min-width: 1024px) {
  .header__social {
    display: block;
  }
}
.header__burger {
  position: relative;
  z-index: 5;
  display: block;
  justify-self: end;
  width: 44px;
  height: 44px;
  cursor: pointer;
  background-color: #eee;
  border: none;
  border-radius: 100px;
}
@media (min-width: 1024px) {
  .header__burger {
    display: none;
  }
}
.header__burger:hover {
  filter: drop-shadow(0px 0px 30px rgba(0,0,0,0.15));
}
.header__burger::before,
.header__burger::after,
.header__burger span {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  transform-origin: left top;
  width: 16px;
  height: 2px;
  transition: all 0.3 ease;
  background-color: #333;
}
.header__burger::before {
  content: '';
  top: 16px;
}
.header__burger:after {
  content: '';
  bottom: 16px;
}
.header__burger span {
  top: 50%;
  transform: scale(1) translate(-50%, -50%);
}
.header__burger.active span {
  transform: scale(0) translate(0px, -50%);
}
.header__burger.active::after {
  bottom: 50%;
  transform: rotate(-45deg) translate(-60%, 50%);
}
.header__burger.active::before {
  top: 50%;
  transform: rotate(45deg) translate(-45%, -50%);
}
.nav {
  display: none;
  width: 100vw;
  height: calc(100vh - 73px);
  padding: 30px 20px;
  background-color: #fff;
  overflow-y: auto;
}
.nav scrollbar-width none::-webkit-scrollbar {
  width: 0;
  height: 0;
}
@media (min-width: 768px) {
  .nav {
    padding: 20px 40px;
  }
}
@media (min-width: 1024px) {
  .nav {
    padding: 44px 28px;
  }
}
@media (min-width: 1280px) {
  .nav {
    padding: 25px calc((100% - 1069px) / 2);
  }
}
@media (min-width: 1400px) {
  .nav {
    padding: 25px calc((100% - 1380px) / 2);
  }
}
@media (min-width: 1920px) {
  .nav {
    padding: 25px calc((100% - 1425px) / 2);
  }
}
.nav__search {
  margin-bottom: 0;
}
@media (min-width: 900px) {
  .nav__search {
    margin-bottom: 30px;
  }
}
@media (min-width: 1024px) {
  .nav__search {
    display: none;
  }
}
.nav__login {
  border-bottom: 1px solid rgba(51,51,51,0.1);
  margin-bottom: 30px;
}
@media (min-width: 900px) {
  .nav__login {
    display: none;
  }
}
.nav__login-btn {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 5px;
  background-color: transparent;
  border: none;
  padding: 10px 0;
  text-align: left;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  color: #565c68;
  text-transform: uppercase;
}
.nav__login-btn:before {
  content: url("data:image/svg+xml; utf8, <svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='7.5' r='3.75' fill='%23AAAAAA'/><path fill-rule='evenodd' clip-rule='evenodd' d='M5.52948 18.8818C4.37757 17.7856 4.04 16.2104 5.35807 14.8441C7.03876 13.1017 9.51779 12 12.2827 12C15.0477 12 17.5267 13.1017 19.2074 14.8441C20.2161 15.8897 20.2549 17.0577 19.7011 18.0397C17.4069 19.4419 14.71 20.25 11.8244 20.25C9.57808 20.25 7.44613 19.7603 5.52948 18.8818Z' fill='%23AAAAAA'/></svg>");
  display: block;
  height: 24px;
  width: 24px;
}
.nav__login-btn svg {
  margin-left: auto;
  width: 24px;
  height: 24px;
  fill: #bac0b7;
  transform: rotate(-90deg);
}
.nav__login[open] svg {
  transform: rotate(0);
}
.nav__login ul {
  padding: 16px 20px 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.nav__login ul a {
  display: block;
  width: 100%;
}
.nav__rubrics {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1 0 auto;
}
@media (min-width: 768px) {
  .nav__rubrics {
    padding-bottom: 300px;
  }
}
@media (min-width: 1024px) {
  .nav__rubrics {
    padding-bottom: 0;
  }
}
.nav__rubric {
  width: 100%;
}
@media (min-width: 768px) {
  .nav__rubric {
    max-width: 166px;
  }
}
@media (min-width: 1280px) {
  .nav__rubric {
    max-width: 200px;
  }
}
.nav__rubric.active .nav__btn {
  background-color: #eee;
}
.nav__rubric.active .nav__subnav {
  display: block;
}
@media (max-width: 767px) {
  .nav__rubric.active .nav__btn svg {
    transform: rotate(0deg);
  }
}
.nav__btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: 'OpenSans';
  font-size: 14px;
  line-height: 19px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: left;
  color: #565c68;
  padding: 14px 20px;
  border: none;
  border-radius: 5px;
  background-color: transparent;
  width: 100%;
}
.nav__btn:hover {
  background-color: #eee;
}
@media (max-width: 767px) {
  .nav__btn {
    padding: 7px 8px 6px 22px;
  }
}
.nav__btn svg {
  flex-shrink: 0;
  height: 24px;
  width: 24px;
  transform: rotate(-90deg);
  fill: #bac0b7;
  margin-left: 10px;
}
.nav__social {
  display: block;
  margin: 30px 0;
}
.nav__social .share__list {
  justify-content: center;
}
@media (min-width: 768px) {
  .nav__social {
    display: none;
  }
}
@media (min-width: 768px) {
  .nav__subnav {
    padding-left: 21px;
  }
}
.nav.active {
  display: block;
}
@media (min-width: 1024px) {
  .nav.active {
    display: flex;
    align-items: center;
  }
}
.subnav {
  display: none;
}
@media (min-width: 768px) {
  .subnav {
    position: absolute;
    top: 0;
    left: 166px;
    max-width: 100%;
    height: calc(100vh - 100px);
  }
}
@media (min-width: 1280px) {
  .subnav {
    left: 200px;
  }
}
.subnav__container {
  position: sticky;
  top: 0;
}
@media (max-width: 767px) {
  .subnav__container {
    background-color: #eee;
    padding: 0 20px 16px;
    margin-top: -2px;
  }
}
.subnav__header {
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 768px) {
  .subnav__header {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: repeat(2, auto);
    row-gap: 8px;
  }
  .subnav__header .hr {
    display: none;
  }
}
.subnav__header-title {
  display: none;
}
@media (min-width: 768px) {
  .subnav__header-title {
    display: block;
    margin-left: 20px;
    font-size: 28px;
    line-height: 38px;
    font-weight: 700;
    text-transform: uppercase;
    color: #565c68;
  }
}
.subnav__header .subnav__link {
  justify-content: space-between;
}
.subnav__subrubrics {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 15px 0 18px;
}
@media (min-width: 768px) {
  .subnav__subrubrics {
    grid-column: 2 span;
    flex-direction: row;
    flex-wrap: wrap;
    -moz-column-gap: 2px;
         column-gap: 2px;
    row-gap: 6px;
    margin-top: 0;
    width: 100%;
  }
}
.subnav__subrubric {
  font-size: 12px;
  line-height: 16.3px;
  font-weight: 400;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .subnav__subrubric {
    padding: 8px 20px;
    border-radius: 5px;
  }
  .subnav__subrubric:hover {
    background-color: #eee;
  }
}
.subnav__link {
  margin-top: 11px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  line-height: 16.3px;
  font-weight: 400;
  color: #565c68;
}
.subnav__link-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background-color: #bac0b7;
  border-radius: 50%;
  fill: #fff;
}
@media (min-width: 768px) {
  .subnav__link {
    margin-top: 0;
  }
}
.subnav__link:hover span {
  color: #333;
}
.subnav__link:hover .subnav__link-icon {
  background-color: #9f2b11;
}
.subnav__body {
  display: none;
}
@media (min-width: 768px) {
  .subnav__body {
    display: block;
    border-radius: 5px;
    background-color: #f0f0f0;
  }
}
@media (min-width: 1024px) {
  .subnav__body {
    display: grid;
    grid-template-columns: 454px 1fr;
    padding: 20px;
  }
}
@media (min-width: 1280px) {
  .subnav__body {
    grid-template-columns: 493px 1fr;
  }
}
@media (min-width: 1400px) {
  .subnav__body {
    grid-template-columns: 562px minmax(auto, 604px);
  }
}
.subnav__body .reportage {
  height: 356px;
}
@media (min-width: 1024px) {
  .subnav__body .reportage {
    height: 100%;
    max-height: 341px;
  }
}
@media (min-width: 1280px) {
  .subnav__body .reportage {
    max-height: 370px;
  }
}
@media (min-width: 1400px) {
  .subnav__body .reportage {
    max-height: 422px;
  }
}
.subnav__list {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 18px 20px 70px;
}
.subnav__list .listing-item__title {
  font-size: 20px;
  line-height: 26px;
}
@media (min-width: 1024px) {
  .subnav__list {
    padding: 7px 0 60px 20px;
  }
}
@media (min-width: 1280px) {
  .subnav__list {
    padding: 7px 20px 60px;
  }
}
.news {
  padding: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: grid;
  grid-template-areas: "content" "listing" "actual" "ad";
  grid-template-columns: 1fr;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 20px;
  margin: 0;
}
@media (min-width: 768px) {
  .news {
    margin: 0;
    grid-template-areas: "content ad" "content actual" "listing listing";
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 2fr 1fr;
  }
  .news > .gallery-content {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}
@media (min-width: 1024px) {
  .news {
    grid-template-areas: "content ad" "content actual" "listing listing";
    grid-template-columns: 2fr 1fr;
  }
  .news > .gallery-content {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}
@media (min-width: 1280px) {
  .news {
    grid-template-areas: "content listing ad" "content listing actual";
    grid-template-columns: auto 300px 300px;
  }
  .news > .gallery-content {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}
@media (min-width: 1920px) {
  .news {
    grid-template-columns: auto 355px 355px;
  }
}
.news__title {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  letter-spacing: -1.5px;
  font-size: 20px;
  line-height: 29px;
  font-weight: 700;
  text-transform: uppercase;
  color: #5d6359;
  font-family: "OpenSans";
  margin: 0;
}
.news__title svg {
  width: 48px;
  height: 48px;
}
@media (min-width: 768px) {
  .news__title {
    grid-column: span 2;
  }
}
.news__body,
.news__important {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: content;
  display: flex;
  gap: 20px;
  flex-direction: column;
  background-color: #fff;
  padding: 20px 20px 60px;
}
.news > .news__body,
.news > .news__important {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.news__body>section,
.news__important>section {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 768px) {
  .news__body,
  .news__important {
    grid-template-columns: 231px 1fr;
    grid-template-rows: auto auto auto 1fr;
    -moz-column-gap: 20px;
         column-gap: 20px;
    border-radius: 20px;
  }
}
@media (min-width: 1024px) {
  .news__body,
  .news__important {
    grid-template-columns: 326px 1fr;
  }
}
.news__body-link,
.news__important-link {
  position: relative;
}
@media (min-width: 768px) {
  .news__body-link,
  .news__important-link {
    grid-row: 3 span;
  }
}
.news__body-blurImg,
.news__important-blurImg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, #000 -15%, transparent 90%);
  opacity: 0.7;
  border-radius: 10px;
}
.news__body-img,
.news__important-img {
  display: block;
  border-radius: 10px;
  background-image: url("/static/images/placeholder.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
}
@media (min-width: 768px) {
  .news__body-img,
  .news__important-img {
    height: 300px;
  }
}
@media (min-width: 1024px) {
  .news__body-img,
  .news__important-img {
    height: 340px;
  }
}
@media (min-width: 1920px) {
  .news__body-img,
  .news__important-img {
    height: 450px;
  }
}
.news__body-img img,
.news__important-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  transition: transform 0.6s;
}
.news__body-img:hover img,
.news__important-img:hover img {
  transform: scale(1.2);
}
.news__body-data,
.news__important-data {
  position: absolute;
  bottom: 0;
  padding: 10px 20px 0;
  pointer-events: none;
}
.news__body-title,
.news__important-title {
  font-size: 18px;
  line-height: 32px;
  font-weight: 700;
  color: #fff;
  font-family: "Roboto", sans-serif;
}
@media (min-width: 768px) {
  .news__body-title,
  .news__important-title {
    font-size: 32px;
    line-height: 36px;
  }
}
@media (min-width: 1024px) {
  .news__body-title,
  .news__important-title {
    font-size: 36px;
    line-height: 40px;
  }
}
@media (min-width: 1400px) {
  .news__body-title,
  .news__important-title {
    font-size: 32px;
  }
}
@media (min-width: 1920px) {
  .news__body-title,
  .news__important-title {
    font-size: 44px;
    line-height: 52px;
  }
}
.news__body a:hover .news__content-title,
.news__important a:hover .news__content-title {
  color: #333;
}
.news__body-text,
.news__important-text {
  line-height: 24px;
  font-weight: 400;
  margin-top: 12px;
}
@media (min-width: 1400px) {
  .news__body-text,
  .news__important-text {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (min-width: 1920px) {
  .news__body-text,
  .news__important-text {
    font-size: 20px;
    line-height: 30px;
  }
}
.news__body-hr,
.news__important-hr {
  padding-top: 30px;
  border-bottom: 1px solid #90978d;
}
.news__body-last-link,
.news__important-last-link {
  display: flex;
  flex-direction: column;
}
.news__body-last-link>a,
.news__important-last-link>a {
  display: flex;
  gap: 10px;
}
.news__body-last-link>a>img,
.news__important-last-link>a>img {
  display: none;
  width: 100px;
  height: 100px;
  border-radius: 10px;
}
@media (min-width: 768px) {
  .news__body-last-link>a>img,
  .news__important-last-link>a>img {
    display: block;
  }
}
.news__good {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
  grid-area: ad;
  margin: 0 10px;
  padding: 40px 0 70px;
  background-color: #fff;
  border-radius: 20px;
}
@media (min-width: 768px) {
  .news__good {
    margin: 0;
  }
}
@media (min-width: 1024px) {
  .news__good {
    margin: 0;
  }
}
.news__main {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: listing;
  display: flex;
  flex-direction: column;
  padding: 20px;
  background-color: #fff;
  position: relative;
  display: flex;
}
@media (min-width: 768px) {
  .news__main {
    border-radius: 20px;
  }
}
.news__main-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
}
.news__main-header > h2 {
  font-size: 20px;
  color: #5d6359;
  text-transform: uppercase;
  letter-spacing: -1px;
  line-height: 29px;
}
.news__main-header svg {
  border-radius: 50px;
  background-color: #bac0b7;
  fill: #5d6359;
}
.news__main-header:hover svg {
  background-color: #9f2b11;
  fill: #fff;
}
.news__main > .news__listing {
  display: grid;
  grid-template-rows: repeat(3, auto);
  grid-template-columns: 1fr;
}
@media (min-width: 768px) and (max-width: 1279px) {
  .news__main > .news__listing {
    grid-template-columns: 50% auto;
  }
  .news__main > .news__listing .listing-item:nth-child(n + 5) {
    display: none;
  }
  .news__main > .news__listing .listing-item:first-child {
    grid-column: 1/2;
    grid-row: span 3;
  }
  .news__main > .news__listing .listing-item:not(:first-child) {
    grid-column: 2/3;
  }
}
.news__listing {
  display: flex;
  flex-direction: column;
  gap: 30px;
  border-radius: 10px;
}
.news__actual {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
  grid-area: actual;
  padding: 20px;
  background-color: #fff;
  height: 100%;
  font-size: 12px;
}
.news > .news__actual {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}
@media (min-width: 768px) {
  .news__actual {
    border-radius: 20px;
  }
}
@media (min-width: 1024px) {
  .news__actual {
    margin: 0;
  }
}
.news__actual-header {
  padding: 0 0 20px;
  font-family: 'OpenSans';
  font-weight: 700;
  text-transform: uppercase;
  color: #5d6359;
  letter-spacing: -1px;
}
.news .button-icon {
  grid-area: btn;
}
.subscribe {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  grid-area: subscribe;
}
.grid-container_listing > .subscribe {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.grid-container_gallery-listing > .subscribe {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.grid-container_video-listing > .subscribe {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}
.grid-container_gallery > .subscribe {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.grid-container_other > .subscribe {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.grid-container_videoplayer > .subscribe {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.subscribe__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 11px;
  margin: 0 10px;
  padding: 20px 20px 30px;
  background-color: #333;
  border-radius: 20px;
}
@media (min-width: 768px) {
  .subscribe__container {
    flex-direction: row;
    justify-content: center;
    gap: 20px;
    margin: 0;
    padding: 20px 40px;
  }
}
@media (min-width: 1920px) {
  .subscribe__container {
    margin: 0;
  }
}
.subscribe__container:hover button {
  color: #333;
}
.subscribe__logo {
  min-width: 64px;
  min-height: 64px;
}
.subscribe__logo img {
  width: 100%;
  height: 100%;
}
.subscribe__title {
  font-family: "Roboto", sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 28px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .subscribe__title {
    font-size: 20px;
    text-align: left;
  }
}
@media (min-width: 1024px) {
  .subscribe__title {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .subscribe button {
    min-width: 260px;
  }
}
.rubric {
  padding: 20px 10px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  height: 100%;
  background-color: #fff;
}
@media (min-width: 768px) {
  .rubric {
    padding: 20px;
    border-radius: 20px;
  }
}
.rubric__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rubric__header > h2 {
  font-size: 22px;
  color: #5d6359;
  text-transform: uppercase;
  letter-spacing: -1px;
  max-width: 80%;
}
@media (min-width: 1280px) {
  .rubric__header > h2 {
    font-size: 30px;
  }
}
@media (min-width: 1920px) {
  .rubric__header > h2 {
    font-size: 38px;
  }
}
.rubric__header svg {
  border-radius: 50px;
  background-color: #bac0b7;
  fill: #5d6359;
}
.rubric__header:hover svg {
  background-color: #9f2b11;
  fill: #fff;
}
.rubric__header-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
}
.rubric__top {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  gap: 30px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .rubric__top {
    gap: 40px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1920px) {
  .rubric__top {
    grid-template-columns: 336px 1fr;
    grid-template-rows: auto;
    gap: 20px;
  }
}
.rubric__top-foto {
  height: calc(100vw * 0.75);
}
@media (min-width: 768px) {
  .rubric__top-foto {
    height: 448px;
  }
}
@media (min-width: 1024px) {
  .rubric__top-foto {
    height: 412px;
  }
}
@media (min-width: 1400px) {
  .rubric__top-foto {
    height: 520px;
  }
}
.rubric__news {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px 20px 0;
}
@media (min-width: 768px) {
  .rubric__news {
    padding: 20px 20px 0;
  }
}
@media (min-width: 1280px) {
  .rubric__news {
    padding: 0 20px 0;
  }
}
.rubric__news a:hover .rubric-big__title {
  color: #333;
}
.rubric__news-title {
  font-family: "Roboto", sans-serif;
  font-size: 26px;
  line-height: 32px;
  font-weight: 700;
  overflow-wrap: normal;
  color: #565c68;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .rubric__news-title {
    font-size: 32px;
    line-height: 36px;
  }
}
.rubric__news-text {
  font-weight: 400;
  line-height: 24px;
}
.rubric__down {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, auto);
  row-gap: 10px;
}
@media (min-width: 1024px) {
  .rubric__down {
    row-gap: 20px;
  }
}
@media (min-width: 1280px) {
  .rubric__down {
    row-gap: 40px;
  }
}
@media (min-width: 1400px) {
  .rubric__down {
    grid-template-columns: 336px 1fr;
    grid-template-rows: auto;
    gap: 20px;
  }
}
@media (min-width: 1400px) and (max-width: 1920px) {
  .rubric__down .rubric-big__title {
    font-size: 22px;
    line-height: 26px;
  }
}
.rubric__down-foto {
  height: calc(100vw * 0.75);
}
@media (min-width: 768px) {
  .rubric__down-foto {
    height: 448px;
  }
}
@media (min-width: 1024px) {
  .rubric__down-foto {
    height: 412px;
  }
}
@media (min-width: 1400px) {
  .rubric__down-foto {
    height: 252px;
  }
  .rubric__down-foto .reportage__title {
    font-size: 22px;
    line-height: 26px;
  }
}
.rubric .rubric-small {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto auto;
  gap: 30px;
  padding: 40px 0 60px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.204);
}
@media (min-width: 768px) {
  .rubric .rubric-small {
    gap: 40px;
    padding: 45px 20px 60px;
  }
}
@media (min-width: 1024px) {
  .rubric .rubric-small {
    grid-template-columns: 300px 1fr;
    grid-template-rows: auto auto auto;
    gap: 20px;
    padding: 45px 40px 60px;
  }
}
@media (min-width: 1400px) {
  .rubric .rubric-small {
    grid-template-columns: 335px 1fr;
    padding: 45px 40px 50px;
  }
}
.rubric .rubric-small__title {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  font-size: 24px;
  line-height: 29px;
  font-weight: 700;
  text-transform: uppercase;
  color: #565c68;
  font-family: "Verdana";
  margin: 0 20px 0;
}
.rubric .rubric-small__title svg {
  width: 48px;
  height: 48px;
}
@media (min-width: 1024px) {
  .rubric .rubric-small__title {
    margin: 0 0 40px;
    grid-column: 2 span;
  }
}
.rubric .rubric-small__list {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 1280px) {
  .rubric .rubric-small .listing-item__title {
    font-size: 22px;
    line-height: 26px;
  }
}
.rubric .rubric-small__foto {
  height: calc(100vw * 0.75);
}
@media (min-width: 768px) {
  .rubric .rubric-small__foto {
    height: 488px;
  }
}
@media (min-width: 1024px) {
  .rubric .rubric-small__foto {
    height: 445px;
  }
}
@media (min-width: 1400px) {
  .rubric .rubric-small__foto {
    height: 512px;
  }
}
.rubric .rubric-small .button-icon {
  margin: 30px auto 0;
  border: 2px solid #bac0b7;
}
@media (min-width: 768px) {
  .rubric .rubric-small .button-icon {
    margin: 40px auto 0;
  }
}
@media (min-width: 1024px) {
  .rubric .rubric-small .button-icon {
    grid-column: span 2;
  }
}
.gallery-list {
  min-width: 1px;
  padding: 20px 10px 10px;
  background-color: #fff;
}
@media (min-width: 768px) {
  .gallery-list {
    padding: 20px;
    border-radius: 20px;
  }
}
.gallery-list__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .gallery-list__header {
    margin: 0 20px;
  }
}
@media (min-width: 1920px) {
  .gallery-list__header {
    margin: 0;
  }
}
.gallery-list__title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'OpenSans';
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  color: #5d6359;
  font-size: 18px;
}
@media (min-width: 768px) {
  .gallery-list__title {
    font-size: 38px;
    letter-spacing: -2px;
  }
}
.gallery-list__title svg {
  width: 48px;
  height: 48px;
}
@media (max-width: 767px) {
  .gallery-list__slider {
    padding: 10px 0;
    background-color: #fff;
  }
}
.gallery-list__list {
  display: flex;
  gap: 10px;
}
@media (max-width: 767px) {
  .gallery-list__list {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-points-x: repeat(100%);
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
  }
  .gallery-list__list::-webkit-scrollbar {
    display: none;
  }
}
@media (min-width: 768px) {
  .gallery-list__list {
    display: grid;
    grid-template-rows: 488px 237px 237px;
    grid-template-areas: "li-1 li-1" "li-2 li-3" "li-4 li-5";
    gap: 30px;
    padding: 20px 0 0;
  }
}
@media (min-width: 1024px) {
  .gallery-list__list {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 200px 200px;
    grid-template-areas: "li-1 li-1 li-2 li-3" "li-1 li-1 li-4 li-5";
  }
}
@media (min-width: 1920px) {
  .gallery-list__list {
    grid-template-rows: 252px 252px;
    grid-template-areas: "li-1 li-1 li-2 li-3" "li-1 li-1 li-4 li-5";
  }
}
.gallery-list__list-small {
  display: flex;
  gap: 10px;
  grid-template-columns: 1fr;
}
@media (max-width: 767px) {
  .gallery-list__list-small {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-points-x: repeat(100%);
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
  }
  .gallery-list__list-small::-webkit-scrollbar {
    display: none;
  }
}
@media (min-width: 768px) {
  .gallery-list__list-small {
    padding: 20px 0 0;
    display: grid;
    grid-template-rows: 488px 237px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "li-1 li-1" "li-2 li-3" "li-4 li-5";
  }
}
@media (min-width: 1024px) {
  .gallery-list__list-small {
    grid-template-rows: 200px 200px;
    grid-template-areas: "li-1 li-2" "li-1 li-3";
  }
}
@media (min-width: 1920px) {
  .gallery-list__list-small {
    grid-template-rows: 252px 252px;
    grid-template-areas: "li-1 li-2" "li-1 li-3";
  }
}
.gallery-list__item {
  flex-shrink: 0;
  flex-basis: 300px;
  scroll-snap-align: center;
}
@media (max-width: 767px) {
  .gallery-list__item {
    height: 208px;
  }
}
.gallery-list__item h3 {
  font-size: 20px;
  line-height: 26px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.gallery-list__item:nth-child(1) {
  grid-area: li-1;
}
.gallery-list__item:nth-child(2) {
  grid-area: li-2;
}
.gallery-list__item:nth-child(3) {
  grid-area: li-3;
}
.gallery-list__item:nth-child(4) {
  grid-area: li-4;
}
.gallery-list__item:nth-child(5) {
  grid-area: li-5;
}
@media (min-width: 768px) {
  .gallery-list__item:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .gallery-list__list-small > .gallery-list__item:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .gallery-list__item:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .gallery-list__list-small > .gallery-list__item:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .gallery-list__item:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .gallery-list__list-small > .gallery-list__item:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .gallery-list__item:nth-child(4) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .gallery-list__list-small > .gallery-list__item:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .gallery-list__item:nth-child(5) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
  }
  .gallery-list__list-small > .gallery-list__item:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
}
@media (min-width: 1024px) {
  .gallery-list__item:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .gallery-list__list-small > .gallery-list__item:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .gallery-list__item:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .gallery-list__list-small > .gallery-list__item:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .gallery-list__item:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }
  .gallery-list__list-small > .gallery-list__item:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .gallery-list__item:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .gallery-list__item:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
  }
}
@media (min-width: 1920px) {
  .gallery-list__item:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .gallery-list__list-small > .gallery-list__item:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .gallery-list__item:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .gallery-list__list-small > .gallery-list__item:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .gallery-list__item:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }
  .gallery-list__list-small > .gallery-list__item:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .gallery-list__item:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .gallery-list__item:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
  }
}
.gallery-list__dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .gallery-list__dots {
    display: none;
  }
}
.popular-on-forum {
  padding: 10px;
  background: #fff;
}
@media (min-width: 768px) {
  .popular-on-forum {
    border-radius: 20px;
  }
}
@media (min-width: 1024px) {
  .popular-on-forum {
    margin: 0 auto;
    padding: 20px;
    border-radius: 20px;
  }
}
@media (min-width: 1920px) {
  .popular-on-forum {
    width: 100%;
  }
}
.popular-on-forum__title {
  font-family: 'OpenSans';
  font-weight: 700;
  font-size: 20px;
  line-height: 27.24px;
  text-transform: uppercase;
  color: #5d6359;
  letter-spacing: -1px;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(51,51,51,0.1);
}
@media (min-width: 1024px) {
  .popular-on-forum__title {
    font-size: 38px;
    line-height: 29px;
  }
}
.popular-on-forum__topics {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 40px;
  padding: 0;
}
@media (min-width: 768px) {
  .popular-on-forum__topics {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
  }
}
@media (min-width: 1024px) {
  .popular-on-forum__topics {
    gap: 60px;
  }
}
@media (min-width: 1920px) {
  .popular-on-forum__topics {
    padding: 0 30px 30px;
  }
}
.popular-on-forum__topic {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0;
}
.popular-on-forum__news {
  font-family: "OpenSans", sans-serif;
  font-size: 22px;
  line-height: 26px;
  font-weight: 700;
  color: #565c68;
}
.popular-on-forum__text {
  margin-bottom: auto;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.news__items {
  padding: 0;
}
.news__items-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.news__item {
  display: flex;
  flex-direction: column;
}
.news__item-main {
  display: flex;
  gap: 10px;
  font-size: 18px;
  font-weight: 700;
}
.news__item-img {
  min-width: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
.about {
  -ms-grid-row: 10;
  -ms-grid-column: 1;
  padding: 40px 18px 60px;
  background-color: #fff;
  grid-area: about;
}
@media (min-width: 768px) {
  .about {
    padding: 40px 58px 50px;
    border-radius: 20px;
  }
}
@media (min-width: 1024px) {
  .about {
    padding: 40px 58px 80px;
  }
}
@media (min-width: 1400px) {
  .about {
    padding: 40px 58px 120px;
  }
}
@media (min-width: 1400px) {
  .about {
    padding: 40px 58px 128px;
  }
}
.about:empty {
  display: none;
}
.about > h1,
.about h2,
.about h3 {
  color: #565c68;
  font-size: 16px;
  line-height: 28px;
  font-weight: 700;
  text-transform: uppercase;
}
.about > p {
  line-height: 24px;
}
@media (min-width: 1920px) {
  .about > p {
    max-width: 1046px;
    margin: 20px auto 0;
  }
}
.preview {
  background-color: #fff;
}
.preview__body {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 10px 0 30px;
  padding: 0 20px;
}
@media (min-width: 768px) {
  .preview__body {
    grid-template-columns: 231px 1fr;
    margin: 20px 0;
  }
}
@media (min-width: 1024px) {
  .preview__body {
    grid-template-columns: 364px 1fr;
    margin: 20px 0 30px;
  }
}
@media (min-width: 1400px) {
  .preview__body {
    grid-template-columns: 514px 1fr;
  }
}
.preview__figure {
  position: relative;
  z-index: 1;
  height: calc((100vw - 40px) * 0.7);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 10px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .preview__figure {
    height: 450px;
  }
}
.preview__figure-front {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 10px;
}
.preview__figure-back {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 10px;
  z-index: -1;
}
.preview__figure-back img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  filter: blur(10px);
}
.preview__figure figcaption {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #90978d;
  text-align: center;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .preview__figure figcaption {
    text-align: left;
    margin-top: 20px;
  }
}
.preview__figure.empty {
  background-image: url("/static/images/placeholder.webp");
}
.preview__title {
  font-family: 'OpenSans';
  color: #5d6359;
  font-weight: 700;
  font-size: 20px;
  line-height: 36px;
}
@media (min-width: 768px) {
  .preview__title {
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1024px) {
  .preview__title {
    font-size: 40px;
    line-height: 44px;
  }
}
@media (min-width: 1400px) {
  .preview__title {
    font-size: 44px;
    line-height: 44px;
    padding: 0 20px;
  }
}
@media (min-width: 1920px) {
  .preview__title {
    padding: 0 90px;
  }
}
.preview__text {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  line-height: 25px;
  color: #565c68;
}
@media (min-width: 768px) {
  .preview__text {
    font-size: 20px;
    line-height: 32px;
  }
}
@media (min-width: 1024px) {
  .preview__text {
    font-size: 24px;
    line-height: 38px;
  }
}
@media (min-width: 1400px) {
  .preview__text {
    padding: 0 20px;
    font-size: 26px;
    line-height: 40px;
  }
}
@media (min-width: 1920px) {
  .preview__text {
    padding: 0 90px;
    font-size: 28px;
    line-height: 40px;
  }
}
.preview__social {
  text-align: center;
  color: #90978d;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.preview__social .share {
  margin-top: 13px;
}
.preview__social .share__list {
  justify-content: center;
}
.article {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: article;
  background-color: #fff;
  overflow: hidden;
  height: 100%;
  padding: 24px 0 65px;
}
@media (min-width: 768px) {
  .article {
    padding: 30px 20px 70px;
    border-radius: 20px;
  }
}
@media (min-width: 1400px) {
  .article {
    padding: 45px 20px 70px;
  }
}
@media (min-width: 1920px) {
  .article {
    padding: 45px 40px 80px;
  }
}
.article__aside-news {
  -ms-grid-row: 9;
  -ms-grid-column: 1;
  display: flex;
  flex-direction: column;
  padding: 20px;
  background-color: #fff;
  grid-area: news-listing;
}
@media (min-width: 768px) {
  .article__aside-news {
    border-radius: 20px;
  }
}
.article__aside-news-container {
  position: sticky;
  top: 90px;
  height: 90vh;
  overflow: scroll;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
.article__aside-news ul {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.content {
  position: relative;
  min-width: 1px;
}
.content > p {
  margin-bottom: 20px;
  padding: 0 20px;
  font-family: "OpenSans", sans-serif;
  font-size: 16px;
  color: #37393e;
  line-height: 24px;
}
@media (min-width: 768px) {
  .content > p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 40px;
    padding: 0 20px;
  }
}
@media (min-width: 1920px) {
  .content > p {
    font-size: 20px;
    line-height: 32px;
    padding: 0 90px;
  }
}
.content > p a {
  border-bottom: 1px solid #9f2b11;
}
.content blockquote {
  position: relative;
  display: block;
  background-color: #f7f7f7;
  border-radius: 10px;
  padding: 60px 20px 60px;
  margin-bottom: 40px;
}
.content blockquote:before {
  content: url("data:image/svg+xml; utf8, <svg width='32' height='30' viewBox='0 0 32 30' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M0 0V30H7.23123L12.1081 14.4886V0H0ZM19.8919 0V30H27.1231L32 14.4886V0H19.8919Z' fill='%23BAC0B7'/></svg>");
  display: block;
  position: absolute;
  top: 20px;
  left: 20px;
  width: 32px;
  height: 31px;
}
@media (min-width: 768px) {
  .content blockquote {
    padding: 80px 20px 90px 80px;
  }
  .content blockquote:before {
    top: 40px;
    left: 30px;
  }
}
@media (min-width: 1920px) {
  .content blockquote {
    padding: 70px 90px 90px;
  }
  .content blockquote:before {
    left: 40px;
  }
}
.content blockquote p {
  font-family: "OpenSans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
  color: #565c68;
}
@media (min-width: 768px) {
  .content blockquote p {
    font-size: 26px;
    line-height: 38px;
  }
}
@media (min-width: 1920px) {
  .content blockquote p {
    font-size: 28px;
    line-height: 40px;
  }
}
.content blockquote.autor {
  padding: 60px 20px 40px;
}
@media (min-width: 768px) {
  .content blockquote.autor {
    padding: 80px 20px 50px 80px;
  }
}
@media (min-width: 1920px) {
  .content blockquote.autor {
    padding: 70px 90px 50px;
  }
}
.content blockquote.autor figure {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}
.content blockquote.autor figure img {
  width: 48px;
  height: 48px;
  border-radius: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  background-image: url("/static/images/avatar-placeholder.png");
}
.content blockquote.autor figure figcaption {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #565c68;
}
.content > ol {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 20px;
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .content > ol {
    margin-bottom: 48px;
  }
}
@media (min-width: 1024px) {
  .content > ol {
    margin-bottom: 60px;
  }
}
@media (min-width: 1400px) {
  .content > ol {
    margin-bottom: 30px;
  }
}
@media (min-width: 1920px) {
  .content > ol {
    padding: 0 90px;
    margin-bottom: 60px;
  }
}
.content > ol li {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 10px;
  font-weight: 300;
  margin-top: 8px;
}
.content > ol li span {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  margin-top: -8px;
  border-radius: 50px;
  background-color: #bac0b7;
  font-family: "OpenSans", sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 36px;
  color: #eee;
}
.content > ul > li,
.content ol > li {
  font-family: "OpenSans", sans-serif;
  font-size: 16px;
  line-height: 26px;
  font-weight: 300;
  color: #5d6359;
}
@media (min-width: 768px) {
  .content > ul > li,
  .content ol > li {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (min-width: 1024px) {
  .content > ul > li,
  .content ol > li {
    font-size: 20px;
    line-height: 32px;
  }
}
.content > h2 {
  font-family: "OpenSans", sans-serif;
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  padding: 0 20px;
}
@media (min-width: 1400px) {
  .content > h2 {
    font-size: 36px;
    line-height: 36px;
  }
}
.content > h3 {
  margin-bottom: 20px;
  padding: 0 20px;
  font-family: "OpenSans", sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
  color: #565c68;
}
@media (min-width: 1920px) {
  .content > h3 {
    font-size: 32px;
    padding: 0 90px;
  }
}
.content > p+ul {
  margin-top: -20px;
}
.content > ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 0 20px 0 60px;
  margin-bottom: 40px;
}
@media (min-width: 1920px) {
  .content > ul {
    gap: 20px;
    padding: 0 90px 0 130px;
  }
}
.content > ul li {
  padding-left: 20px;
  list-style-type: disc;
  list-style-position: outside;
}
.content > ul li::marker {
  color: #bac0b7;
}
.content > figure {
  padding: 20px 0 40px;
  margin: 0 0 30px;
  background-color: #f7f7f7;
  border-radius: 10px;
}
@media (min-width: 768px) {
  .content > figure {
    padding: 20px 20px 40px;
    margin: 0 0 40px;
  }
}
@media (min-width: 1920px) {
  .content > figure {
    padding: 20px 90px 40px;
  }
}
.content > figure > picture {
  position: relative;
}
.content > figure > picture > button {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 48px;
  height: 48px;
  border: none;
  background-color: transparent;
}
.content > figure > picture > img {
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto;
  cursor: url("/static/images/cursor.svg") 4 12, auto;
  max-height: calc(100vh - 100px);
}
@media (min-width: 768px) {
  .content > figure > picture > img {
    min-height: 487px;
  }
}
@media (min-width: 1024px) {
  .content > figure > picture > img {
    min-height: 411px;
  }
}
@media (min-width: 1400px) {
  .content > figure > picture > img {
    min-height: 520px;
  }
}
.content > figure figcaption {
  text-align: center;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #90978d;
  margin-top: 10px;
  padding: 0 20px;
}
@media (min-width: 768px) {
  .content > figure figcaption {
    margin-top: 20px;
  }
}
@media (min-width: 1024px) {
  .content > figure figcaption {
    padding: 0 80px;
  }
}
.content > figure figcaption span {
  display: block;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1920px) {
  .content > figure figcaption span {
    display: inline;
  }
}
.content > figure.active {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  cursor: default;
}
.content > figure.active img {
  cursor: default;
}
.content > figure.active > div {
  position: static;
  max-width: 74%;
  height: 90%;
  margin: 0 auto;
  border-radius: 0;
  background: none;
}
.content > figure.active > div > button {
  top: 20px;
  right: 20px;
  border-radius: 50%;
  background-color: #eee;
}
.content > figure.active > div > button:after,
.content > figure.active > div > button:before {
  position: absolute;
  content: '';
  width: 16px;
  height: 2px;
  top: 50%;
  left: calc(50% - 8px);
  transform: translate(-50%, -50%);
  transform-origin: center center;
  background-color: #333;
}
.content > figure.active > div > button:after {
  transform: rotate(-45deg);
}
.content > figure.active > div > button:before {
  transform: rotate(45deg);
}
.content > figure.active > div > button svg {
  display: none;
}
.content > figure.active.scale > div {
  overflow: hidden;
  background: none;
}
.content > figure.active.scale img {
  transform: translate(0, 0) scale(3);
  cursor: grab;
}
.content > figure.active .controls {
  position: absolute;
  top: 20px;
  right: 88px;
  display: flex;
}
.content > figure.active .controls button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(255,255,255,0.4);
  border-radius: 2px;
  background-color: transparent;
  color: #fff;
  font-weight: 400;
  font-size: 24px;
}
.content > picture {
  padding: 20px;
  margin-bottom: 30px;
  background-color: #f7f7f7;
  border-radius: 10px;
}
@media (min-width: 1024px) {
  .content > picture {
    margin: 0 20px 40px;
  }
}
@media (min-width: 1920px) {
  .content > picture {
    margin: 0 90px 40px;
  }
}
.content > picture img {
  margin: 0 auto;
}
.content__video {
  background: #f7f7f7;
  border-radius: 10px;
  overflow: hidden;
  padding: 20px;
  margin: 0 0 60px;
}
@media (min-width: 1024px) {
  .content__video {
    margin: 0 20px 60px;
  }
}
@media (min-width: 1920px) {
  .content__video {
    margin: 0 90px 60px;
  }
}
.content__video video {
  max-width: 100%;
  margin: 0 auto;
}
.content .content__accent {
  position: relative;
  background: #f7f7f7;
  border-radius: 10px;
  overflow: hidden;
  padding: 60px 20px 60px 40px;
  font-family: "OpenSans", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
}
.content .content__accent:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 10px;
  content: '';
  background-color: #bac0b7;
}
@media (min-width: 768px) {
  .content .content__accent {
    padding: 60px 20px 60px 80px;
  }
}
@media (min-width: 768px) {
  .content .content__accent {
    padding: 60px 90px;
  }
}
.content .read-material {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .content .read-material {
    margin-bottom: 40px;
  }
}
.content > table {
  position: relative;
  display: block;
  border-collapse: collapse;
  overflow-x: auto;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .content > table {
    margin: 0 20px 40px;
  }
}
.content > table caption {
  font-family: "OpenSans", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  color: #565c68;
  margin-bottom: 30px;
  padding: 0 20px;
}
@media (min-width: 768px) {
  .content > table caption {
    margin-bottom: 20px;
  }
}
.content > table thead th {
  padding: 20px 20px 30px;
  text-align: left;
  background-color: #f7f7f7;
  font-weight: 700;
  font-size: 18px;
  line-height: 36px;
  text-transform: uppercase;
}
.content > table thead th:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  border-top-left-radius: 10px;
}
.content > table thead th:first-child:after {
  position: absolute;
  top: 0;
  right: -1px;
  content: '';
  height: 100%;
  width: 1px;
  background-color: #ddd;
}
.content > table thead th:last-child {
  border-top-right-radius: 10px;
}
.content > table thead th:not(:last-child) {
  border-right: 1px solid #ddd;
}
.content > table tbody td {
  position: relative;
  width: 33%;
  min-width: 195px;
  padding: 20px 20px 40px;
  border: 1px solid #ddd;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  vertical-align: top;
}
.content > table tbody td:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: #fff;
}
.content > table tbody td:first-child:after {
  position: absolute;
  top: 0;
  right: -1px;
  content: '';
  height: 100%;
  width: 1px;
  background-color: #ddd;
}
@media (min-width: 768px) {
  .content > table tbody td:first-child {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .content > table {
    overflow: hidden;
  }
  .content > table span {
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px;
  }
}
.content .content__dialog-list {
  gap: 10px;
  padding: 0 10px;
  margin-top: 0;
}
@media (min-width: 768px) {
  .content .content__dialog-list {
    padding: 0 20px;
  }
}
@media (min-width: 1920px) {
  .content .content__dialog-list {
    padding: 0 90px;
  }
}
.content .content__dialog-list .content__dialog-item {
  position: relative;
  border-radius: 10px;
  border: 1px solid #ddd;
  list-style-type: none;
  padding: 78px 20px 60px;
  font-family: "OpenSans", sans-serif;
  font-size: 18px;
  line-height: 28px;
}
.content .content__dialog-list .content__dialog-item:before {
  position: absolute;
  top: 20px;
  left: 20px;
  height: 48px;
  width: 48px;
  border-radius: 50px;
  background-color: #90978d;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "OpenSans", sans-serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 34px;
  color: #fff;
}
@media (min-width: 768px) {
  .content .content__dialog-list .content__dialog-item {
    padding: 25px 40px 30px 99px;
  }
  .content .content__dialog-list .content__dialog-item:before {
    left: 40px;
  }
}
@media (min-width: 1920px) {
  .content .content__dialog-list .content__dialog-item {
    font-size: 20px;
    line-height: 32px;
  }
}
.content .content__dialog-list .content__dialog-item:nth-child(odd) {
  font-weight: 700;
}
.content .content__dialog-list .content__dialog-item:nth-child(odd):before {
  content: url("data:image/svg+xml; utf8, <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M14.908 0C13.9931 0 13.2515 0.741615 13.2515 1.65644V3.38777C10.6852 3.64675 8.61813 4.57739 7.05039 6.17971C5.41356 7.85265 4.49311 10.0541 4.28904 12.784H1.65644C0.741614 12.784 0 13.5256 0 14.4405C0 15.3553 0.741613 16.0969 1.65644 16.0969H4.38936C4.71699 18.3857 5.604 20.2728 7.05039 21.7582C8.61813 23.3682 10.6852 24.3033 13.2515 24.5635V27.4159C13.2515 28.3307 13.9931 29.0724 14.908 29.0724C15.8228 29.0724 16.5644 28.3307 16.5644 27.4159V24.5384C19.0314 24.2469 21.0254 23.3202 22.5464 21.7582C23.9928 20.2728 24.8798 18.3857 25.2074 16.0969H28.3436C29.2584 16.0969 30 15.3553 30 14.4405C30 13.5256 29.2584 12.784 28.3436 12.784H25.3075C25.1024 10.0541 24.1775 7.85265 22.5326 6.17971C21.006 4.62704 19.0166 3.70507 16.5644 3.41378V1.65644C16.5644 0.741614 15.8228 0 14.908 0ZM12.8374 13.6656C12.8374 12.5221 13.7644 11.5951 14.908 11.5951C16.0515 11.5951 16.9785 12.5221 16.9785 13.6656C16.9785 14.8092 16.0515 15.7362 14.908 15.7362C13.7644 15.7362 12.8374 14.8092 12.8374 13.6656ZM18.3527 19.1664C18.866 18.543 19.2464 17.8074 19.4939 16.9595C19.7414 16.1116 19.8652 15.1148 19.8652 13.9689C19.8652 12.7406 19.7231 11.6957 19.4389 10.834C19.1548 9.97235 18.7835 9.2757 18.3252 8.74404C17.8577 8.19405 17.3192 7.79531 16.7096 7.54781C16.1 7.30031 15.4652 7.17657 14.8053 7.17657C14.1361 7.17657 13.5059 7.29573 12.9147 7.53406C12.3234 7.77239 11.7803 8.16655 11.2853 8.71654C10.827 9.22987 10.4535 9.93797 10.1647 10.8409C9.87597 11.7438 9.7316 12.791 9.7316 13.9827C9.7316 15.2018 9.87138 16.2399 10.151 17.097C10.4305 17.9541 10.7995 18.653 11.2578 19.1939C11.7161 19.7347 12.2524 20.1334 12.8665 20.3901C13.4807 20.6467 14.1269 20.7751 14.8053 20.7751C15.4836 20.7751 16.1298 20.6445 16.744 20.3832C17.3581 20.122 17.8944 19.7164 18.3527 19.1664Z' fill='white'/></svg>");
  padding-top: 7px;
}
.content .content__dialog-list .content__dialog-item:nth-child(even) {
  font-weight: 300;
}
.content .content__dialog-list .content__dialog-item:nth-child(even):before {
  content: 'И';
}
.content__reportage {
  margin-bottom: 40px;
}
.content__reportage-body {
  background: #f7f7f7;
  border-radius: 10px;
  overflow: hidden;
  margin: 5px 0 20px;
}
.content__reportage-body h3 {
  color: #fff;
}
@media (min-width: 768px) {
  .content__reportage-body {
    padding: 20px;
  }
}
@media (min-width: 1920px) {
  .content__reportage-body {
    padding: 20px 90px 30px;
  }
}
.content__reportage-footer {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  gap: 20px;
  padding: 10px 10px 20px;
  background: rgba(0,0,0,0.9);
}
@media (min-width: 768px) {
  .content__reportage-footer {
    padding: 20px;
    grid-template-columns: 1fr 250px;
  }
}
@media (min-width: 1024px) {
  .content__reportage-footer {
    grid-template-columns: 1fr 150px;
  }
}
@media (min-width: 1400px) {
  .content__reportage-footer {
    grid-template-columns: 1fr 280px;
  }
}
.content__reportage-imgs {
  display: flex;
  gap: 10px;
}
.content__reportage-imgs img {
  width: 107px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
}
.content__reportage-imgs_last {
  position: relative;
}
.content__reportage-imgs_last:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
}
.content__reportage-imgs_last span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 30px;
  line-height: 41px;
  font-weight: 700;
  color: #fff;
}
.content__reportage:hover .button-icon__icon {
  background-color: #9f2b11;
}
.content__ad-footer {
  padding: 0 20px;
}
@media (min-width: 768px) {
  .content__ad-footer {
    padding: 0;
  }
}
.content__ad-footer .text-line {
  padding: 0;
}
.footer {
  background-color: #333;
  color: #fff;
  padding: 30px;
}
@media (min-width: 768px) {
  .footer {
    padding: 30px 40px 40px;
  }
}
@media (min-width: 1024px) {
  .footer {
    padding: 30px 20px;
  }
}
.footer__container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
@media (min-width: 1024px) {
  .footer__container {
    grid-template-columns: 1fr 336px;
    gap: 20px;
  }
}
.footer__nav {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 20px;
}
@media (min-width: 768px) {
  .footer__nav {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    row-gap: 26px;
    max-height: 500px;
  }
}
.footer__rubric {
  max-width: 120px;
}
@media (min-width: 768px) {
  .footer__rubric {
    max-width: 157px;
  }
}
@media (min-width: 1024px) {
  .footer__rubric {
    max-width: 147px;
  }
}
@media (min-width: 1400px) {
  .footer__rubric {
    max-width: 159px;
  }
}
.footer__rubric-link {
  font-size: 14px;
  line-height: 19px;
  font-weight: 700;
  text-transform: uppercase;
}
.footer__rubric-link:hover {
  color: #9f2b11;
}
.footer__subrubrics {
  display: none;
}
@media (min-width: 768px) {
  .footer__subrubrics {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 14px;
  }
}
.footer__subrubric {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.footer__about-title {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 16px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 19px;
  font-weight: 700;
}
.footer__about-title:hover {
  color: #9f2b11;
}
@media (min-width: 768px) {
  .footer__about-texts {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (min-width: 1024px) {
  .footer__about-texts {
    display: block;
  }
}
.footer__about-link {
  display: block;
  font-size: 11px;
  line-height: 16px;
  font-weight: 700;
  margin-bottom: 6px;
}
.footer__about-link:hover {
  color: #9f2b11;
}
.footer__about-text {
  font-size: 11px;
  line-height: 16px;
  font-weight: 400;
}
.footer__about-text span {
  font-weight: 700;
  color: #565c68;
}
.footer__about-webrating {
  display: flex;
  justify-content: center;
  gap: 5px;
  grid-column: 2 span;
  margin-top: 20px;
}
@media (min-width: 1024px) {
  .footer__about-webrating {
    justify-content: flex-end;
  }
}
.social-subscription {
  background: #f7f7f7;
  padding: 30px 10px 40px;
}
@media (min-width: 768px) {
  .social-subscription {
    padding: 40px 20px;
    border-radius: 20px 20px 0 0;
  }
}
@media (min-width: 1024px) {
  .social-subscription {
    padding: 40px 30px;
  }
}
@media (min-width: 1400px) {
  .social-subscription {
    padding: 40px 20px;
  }
}
@media (min-width: 1920px) {
  .social-subscription {
    padding: 40px 90px;
  }
}
.social-subscription__title {
  font-family: 'Roboto';
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #565c68;
}
@media (min-width: 768px) {
  .social-subscription__title {
    font-size: 22px;
    line-height: 30px;
  }
}
@media (min-width: 1400px) {
  .social-subscription__title {
    font-size: 28px;
    line-height: 36px;
  }
}
.social-subscription__links {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  margin-top: 14px;
}
@media (min-width: 768px) {
  .social-subscription__links {
    flex-direction: row;
    gap: 20px;
    margin-top: 20px;
  }
}
@media (min-width: 1920px) {
  .social-subscription__links {
    gap: 20px;
  }
}
.social-subscription__links li {
  width: 100%;
}
@media (min-width: 768px) {
  .social-subscription__links li {
    max-width: 220px;
  }
}
.social-subscription__link {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  gap: 6px;
  height: 48px;
  width: 100%;
  padding: 0 12px;
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  color: #565c68;
  background: #fff;
  border-radius: 24px;
  border: 1px solid #ddd;
}
.social-subscription__link:hover {
  font-weight: 700;
  color: #333;
}
@media (min-width: 768px) {
  .social-subscription__link {
    font-size: 16px;
  }
}
.social-subscription__link svg {
  flex-shrink: 0;
  height: 12px;
  width: 12px;
}
@media (min-width: 768px) {
  .social-subscription__link svg {
    height: 24px;
    width: 24px;
  }
}
.comments {
  background: #f7f7f7;
  border-radius: 10px;
  padding: 40px 20px;
}
@media (min-width: 768px) {
  .comments {
    padding: 60px 90px;
  }
}
.comments__title {
  font-family: 'Roboto';
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
  color: #565c68;
}
.comments__title span {
  color: #90978d;
}
.comments__form {
  display: flex;
  gap: 9px;
  margin: 40px 0;
}
@media (min-width: 768px) {
  .comments__form {
    margin: 40px 0 60px;
  }
}
.comments__form_answer {
  grid-column: 2 span;
  padding-left: 10px;
  margin: 20px 0 0;
  border-left: 2px solid #bac0b7;
  align-items: center;
}
.comments__form_answer .comments__form-img {
  height: 33px;
  width: 33px;
}
.comments__form_answer .comments__form-btn_active {
  fill: #9f2b11;
}
.comments__form-img {
  flex-shrink: 0;
  height: 48px;
  width: 48px;
  border-radius: 50px;
  background-image: url("/static/images/avatar-placeholder.png");
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}
.comments__form-label {
  position: relative;
  flex-grow: 1;
  max-width: 100%;
  min-height: auto;
}
.comments__form-label .show-message {
  width: auto;
  top: 60px;
}
.comments__form-input {
  overflow: hidden;
  width: 100%;
  height: 48px;
  padding: 14px 46px 14px 20px;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 0 10px rgba(0,0,0,0.14);
  border-radius: 24px;
  resize: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.comments__form-input::placeholder {
  color: #bac0b7;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.comments__form-btn {
  position: absolute;
  top: 0;
  right: 0;
  height: 48px;
  width: 48px;
  padding-left: 12px;
  border: none;
  background-color: transparent;
  fill: #90978d;
  pointer-events: none;
}
.comments__form-btn_active {
  pointer-events: auto;
  fill: #2fa8df;
}
.comments__form-error {
  margin-top: 10px;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
}
.comments__form-error button {
  border: none;
  background-color: transparent;
  color: inherit;
}
.comments__form-error button,
.comments__form-error span {
  border-bottom: 1px solid #9f2b11;
}
.comments__list {
  display: flex;
  flex-direction: column;
  gap: 45px;
  margin-bottom: 60px;
}
.comments__list_answers {
  padding: 15px 0 0 15px;
  margin-bottom: 0;
  border-left: 2px solid #bac0b7;
}
.comments__list_answers .user__avatar {
  width: 33px;
  height: 33px;
}
.comments__btn {
  margin: 0 auto;
  width: 218px;
}
.comments .disabled {
  color: #bac0b7 !important;
  position: relative;
}
.show-message {
  position: absolute;
  top: 27px;
  left: 0;
  width: 240px;
  padding: 15px 27px 15px 20px;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 8px 20px rgba(0,0,0,0.2);
  border-radius: 10px;
  font-family: 'OpenSans';
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  text-align: left;
  color: #5d6359;
}
.show-message button {
  border: none;
  border-bottom: 1px solid #9f2b11;
  background-color: transparent;
  color: inherit;
}
.also-comments {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 60px;
}
.also-comments__comment-body {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}
.also-comments__comment-body img {
  width: 98px;
  height: 68px;
  -o-object-fit: cover;
     object-fit: cover;
}
.also-comments__comment-body p {
  font-family: 'Roboto';
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
}
.other-news {
  -ms-grid-row: 11;
  -ms-grid-column: 1;
  grid-area: other-news;
  background: #fff;
  padding: 40px 0 60px;
}
@media (min-width: 1024px) {
  .listing-top {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .listing-middle {
    -ms-grid-row: 5;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .listing-bottom {
    -ms-grid-row: 8;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .gallery {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .read-more {
    -ms-grid-row: 4;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .grid-container_video-listing > .read-more {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .grid-container_gallery > .read-more {
    -ms-grid-row: 6;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .grid-container_videoplayer > .read-more {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .gallery-content {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .gallery-listing {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .video-listing {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .videoplayer-content {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .videoplayer-preview {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .search,
.polls,
.profile,
.profiles-list,
.editions,
.authors {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .good-aside__top {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .grid-container_listing > .good-aside__top {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
  }
  .grid-container_gallery-listing > .good-aside__top {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
  }
  .grid-container_video-listing > .good-aside__top {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
  .grid-container_gallery > .good-aside__top {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .grid-container_other > .good-aside__top {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .grid-container_videoplayer > .good-aside__top {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .good-aside__middle {
    -ms-grid-row: 5;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
  }
  .grid-container_gallery-listing > .good-aside__middle {
    -ms-grid-row: 4;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
  }
  .grid-container_video-listing > .good-aside__middle {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
  .good-aside__bottom {
    -ms-grid-row: 5;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
  }
  .grid-container_listing > .good-aside__bottom {
    -ms-grid-row: 8;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
  }
  .grid-container_gallery > .good-aside__bottom {
    -ms-grid-row: 6;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .grid-container_videoplayer > .good-aside__bottom {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .news__body,
.news__important {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .news > .news__body,
.news > .news__important {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .news__good {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .news__main {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .news__actual {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .news > .news__actual {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .subscribe {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .grid-container_listing > .subscribe {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .grid-container_gallery-listing > .subscribe {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .grid-container_video-listing > .subscribe {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .grid-container_gallery > .subscribe {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .grid-container_other > .subscribe {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .grid-container_videoplayer > .subscribe {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .about {
    -ms-grid-row: 10;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .article {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .article__aside-news {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .article__aside-news {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .other-news {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
}
@media (min-width: 768px) {
  .gallery {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .grid-container_video-listing > .read-more {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .grid-container_gallery > .read-more {
    -ms-grid-row: 6;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .grid-container_videoplayer > .read-more {
    -ms-grid-row: 6;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .gallery-content {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .video-listing {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .videoplayer-content {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .videoplayer-preview {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .search,
.polls,
.profile,
.profiles-list,
.editions,
.authors {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .grid-container_video-listing > .good-aside__top {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .grid-container_gallery > .good-aside__top {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .grid-container_other > .good-aside__top {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .grid-container_videoplayer > .good-aside__top {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .grid-container_video-listing > .good-aside__middle {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .grid-container_gallery > .good-aside__bottom {
    -ms-grid-row: 7;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .grid-container_videoplayer > .good-aside__bottom {
    -ms-grid-row: 7;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .news__body,
.news__important {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .news > .news__body,
.news > .news__important {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .news__good {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .news__main {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .news > .news__actual {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .grid-container_video-listing > .subscribe {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .grid-container_gallery > .subscribe {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .grid-container_other > .subscribe {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .grid-container_videoplayer > .subscribe {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}
@media (min-width: 1280px) {
  .news > .news__body,
.news > .news__important {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .news__good {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .news__main {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .news > .news__actual {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
}
@media (min-width: 768px) {
  .other-news {
    padding: 60px 40px 60px;
    border-radius: 20px;
  }
}
.other-news__title {
  margin-bottom: 20px;
  padding: 0 20px;
  font-weight: 700;
  font-size: 26px;
  line-height: 36px;
  text-transform: uppercase;
  color: #565c68;
}
@media (min-width: 768px) {
  .other-news__title {
    padding: 0;
  }
}
.other-news__list {
  display: grid;
  grid-template-columns: 1fr;
  padding: 0 20px;
  gap: 20px;
}
@media (min-width: 768px) {
  .other-news__list {
    grid-template-columns: repeat(2, 1fr);
    padding: 0;
  }
}
@media (min-width: 1280px) {
  .other-news__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.other-news__ad {
  overflow: hidden;
  padding: 0 10px;
}
@media (min-width: 768px) {
  .other-news__ad {
    padding: 0;
  }
}
.comment {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 767px) {
  .comment .user {
    grid-column: 2 span;
  }
}
.comment__hidden {
  position: relative;
  border-top: 1px dashed #ddd;
  border-bottom: 1px dashed #ddd;
  padding: 20px 0 15px;
}
.comment__hidden p,
.comment__hidden time,
.comment__hidden summary {
  color: #bac0b7 !important;
}
.comment__hidden picture {
  filter: grayscale(1);
}
.comment__hidden:before {
  content: 'Комментарии скрыты';
  position: absolute;
  top: -10px;
  left: 0;
  background-color: #f7f7f7;
  padding-right: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: #bac0b7;
}
.comment__likes {
  position: relative;
  margin-left: auto;
  display: flex;
}
@media (max-width: 767px) {
  .comment__likes {
    grid-area: 2 span;
    margin: 10px 0;
  }
}
.comment__likes > button,
.comment__likes span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 40px;
  background: #fff;
  border: 1px solid #ddd;
  font-family: 'Verdana';
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  color: #90978d;
}
.comment__likes > button:first-child,
.comment__likes span:first-child {
  border-radius: 3px 0 0 3px;
  color: #9f2b11;
}
.comment__likes > button:last-child,
.comment__likes span:last-child {
  border-radius: 0 3px 3px 0;
}
.comment__likes .show-message {
  left: auto;
  top: 57px;
  right: 0;
}
.comment__text {
  grid-column: 2 span;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #5d6359;
  font-family: 'OpenSans';
  margin: 10px 0 14px;
  outline: none;
}
.comment__text[contenteditable] {
  padding: 20px;
  background-color: #fff;
  border-radius: 24px;
  box-shadow: 0 0 10px rgba(0,0,0,0.14);
  border: 1px solid #ddd;
}
.comment__btns {
  grid-column: 2 span;
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.comment__btns .show-message {
  bottom: 180px;
  left: 50%;
  transform: translateX(-50%);
  height: 140px;
}
.comment__btn {
  border: none;
  background-color: transparent;
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  color: #565c68;
}
.comment__btn:hover {
  color: #333;
}
.comment__answer {
  position: relative;
}
.comment__answer .show-message {
  top: 27px;
  left: 0;
  transform: translateX(0);
  height: 81px;
}
.comment__controls {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 10px;
  margin-left: auto;
}
.comment__controls details {
  position: relative;
}
.comment__controls summary {
  width: 24px;
  height: 24px;
  border-radius: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1px;
  cursor: pointer;
  text-align: center;
}
.comment__controls summary:hover {
  background-color: #ddd;
}
.comment__controls ul {
  position: absolute;
  top: 30px;
  right: 0;
  background-color: #fff;
  box-shadow: 0 0 30px rgba(0,0,0,0.15);
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.comment__controls ul button {
  white-space: nowrap;
}
.comment__details {
  grid-column: 2 span;
  margin-top: 14px;
}
.comment__details summary {
  cursor: pointer;
  font-family: 'Verdana';
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  color: #90978d;
}
.comment__details summary:hover {
  color: #333;
}
.comment__summary {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.user {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr 1fr;
  -moz-column-gap: 9px;
       column-gap: 9px;
  align-items: center;
}
.user__profile {
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 4px;
}
.user__profile .user__avatar {
  height: 60px;
  width: 60px;
}
.user__avatar {
  grid-row: span 2;
  height: 49px;
  width: 49px;
  border-radius: 50px;
  overflow: hidden;
  background: url("/static/images/avatar-placeholder.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.user__avatar img {
  width: 100%;
  height: 100%;
}
.user__name {
  align-self: end;
  font-size: 14px;
  line-height: 19px;
  font-weight: 700;
  text-transform: capitalize;
  color: #565c68;
}
.user__data {
  display: block;
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  color: #90978d;
}
.user__city {
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  color: #565c68;
  align-self: start;
}
.user__city span {
  font-weight: 400;
}
.read-material {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.read-material__body {
  display: flex;
}
.read-material__body hr {
  display: none;
}
.read-material__content {
  display: flex;
  width: 100%;
  gap: 10px;
}
@media (min-width: 768px) {
  .read-material__content {
    padding: 0;
  }
}
.read-material hr {
  color: #ddd;
  background: #ddd;
}
.read-material__title {
  padding-bottom: 8px;
  font-family: 'OpenSans';
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #5d6359;
}
.read-material__title:hover {
  color: #333;
}
.read-material__text {
  font-size: 16px;
  line-height: 24px;
  padding: 0;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.read-material__img {
  width: 100px;
  height: 100px;
  min-width: 100px;
  background-image: url("/static/images/placeholder.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 10px;
  overflow: hidden;
  display: none;
}
.read-material__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  .read-material__img {
    display: block;
  }
}
.read-material__btn {
  margin: 0 auto 20px;
  grid-row: 2/3;
}
@media (min-width: 768px) {
  .read-material__btn {
    grid-column: 2 span;
    grid-row: auto;
    margin: 0 auto;
  }
}
@media (min-width: 1920px) {
  .read-material__btn {
    display: none !important;
  }
}
.read-material__big .read-material__body {
  padding: 20px 0;
}
.read-material__big .read-material__content {
  display: flex;
  flex-direction: column;
}
.read-material__big .read-material__img {
  display: block;
  width: 100%;
  height: 300px;
}
@media (min-width: 1024px) {
  .read-material__big .read-material__img {
    height: 200px;
  }
}
.best-news {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.best-news__data {
  display: flex;
  gap: 10px;
}
.best-news__img {
  position: relative;
  min-width: 76px;
  width: 76px;
  height: 76px;
  border-radius: 10px;
  overflow: hidden;
}
.best-news__img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  filter: contrast(70%) brightness(80%);
  transition: transform 0.3s ease-in-out;
}
.best-news__img span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 22px;
  line-height: 29px;
  color: #eee;
  font-weight: 700;
}
.best-news__img:hover img {
  transform: scale(1.5);
}
.best-news__title {
  font-family: "OpenSans", sans-serif;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  color: #5d6359;
}
.best-news__title:hover {
  color: #333;
}
.meta {
  display: grid;
  grid-template-columns: repeat(2, auto);
  align-items: center;
  row-gap: 1px;
  -moz-column-gap: 20px;
       column-gap: 20px;
  min-height: 36px;
  width: 100%;
  margin-top: auto;
  padding-bottom: 5px;
  pointer-events: auto;
  color: #5d6359;
}
.meta__date {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  line-height: 15px;
  font-weight: 400;
  text-transform: uppercase;
  color: #90978d;
}
.meta__date-hr {
  border-left: 1px solid #90978d;
  height: 14px;
}
.meta__date a {
  position: relative;
  display: inline;
  color: #9f2b11;
  font-weight: 700;
  font-size: 11px;
}
.meta__date a:before {
  position: absolute;
  top: -50%;
  left: 0;
  width: 100%;
  height: 200%;
  content: '';
}
.meta__date a:hover {
  color: #333;
}
.meta__rubric {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  font-size: 11px;
  line-height: 15px;
  font-weight: 400;
  text-transform: uppercase;
  color: #90978d;
}
.meta__rubric svg {
  fill: #bac0b7;
}
@media (min-width: 768px) {
  .meta__rubric {
    gap: 8px;
  }
}
@media (max-width: 350px) {
  .meta__rubric > span {
    display: none;
  }
}
.meta__rubric_under-text {
  margin-top: 8px;
}
.meta__comment-counter {
  display: flex;
  align-items: center;
  gap: 4px;
}
.meta__comment-counter span {
  color: #90978d;
  font-weight: 700;
}
@media (min-width: 768px) {
  .meta__comment-counter {
    gap: 8px;
  }
}
.meta__comment-counter:hover svg {
  fill: #9f2b11;
}
.meta__comment-counter:hover span {
  color: #9f2b11;
}
.meta__hr {
  grid-column: 2 span;
  border: none;
  color: rgba(51,51,51,0.1);
  background: rgba(51,51,51,0.1);
  height: 1px;
}
.meta.light {
  color: #eee;
}
.meta.light svg {
  fill: #fff;
}
.meta.light a {
  color: #eee;
}
.meta.light a:hover {
  color: #fff;
  opacity: 1;
}
.reportage {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url("/static/images/placeholder.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 10px;
}
.reportage:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(0,0,0,0) 14.85%, rgba(0,0,0,0.8) 100%);
  content: '';
}
.reportage__link {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  cursor: url("/static/images/cursor.svg") 4 12, auto;
}
.reportage__link img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.6s;
}
.reportage__about {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 45px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 8% 10px 0;
  font-size: 16px;
}
@media (min-width: 1280px) {
  .reportage__about {
    padding: 8% 20px 0;
  }
}
.reportage__title {
  font-family: 'OpenSans';
  font-size: 22px;
  line-height: 26px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .reportage__title {
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 20px;
  }
}
.reportage__text {
  display: none;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #eee;
  overflow: hidden;
  line-clamp: 5;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.reportage__footer {
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 20px;
  z-index: 3;
  min-height: 44px;
  max-height: 54px;
  padding: 0 0 10px;
  border-top: 1px solid rgba(255,255,255,0.7);
  opacity: 0.8;
}
.reportage__footer hr {
  display: none;
}
.reportage-date {
  color: #eee;
}
.reportage-rubric {
  color: #eee;
}
.reportage__cursor-img {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 20px;
  fill: #eee;
}
.reportage__cursor-img img {
  width: 50px;
  height: 50px;
}
.reportage:hover .reportage__title {
  opacity: 0.8;
}
.reportage:hover .reportage__link img {
  transform: scale(1.2);
}
.reportage_foto-gallery {
  max-height: 290px;
  overflow: hidden;
}
.reportage_foto-gallery .reportage__cursor-img {
  display: none;
}
.reportage_foto-gallery:hover .reportage__title {
  opacity: 1;
}
.reportage_foto-gallery:hover .reportage__link img {
  transform: scale(1);
}
.reportage_video-gallery {
  max-height: 653px;
}
.reportage_video-gallery:after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  height: 60px;
  width: 60px;
  border-radius: 50px;
  background-color: rgba(51,51,51,0.8);
  transform: translate(-50%, -90%);
  pointer-events: none;
  content: url("data:image/svg+xml; utf8, <svg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M30 60C13.4315 60 0 46.5685 0 30C0 13.4315 13.4315 0 30 0C46.5685 0 60 13.4315 60 30C60 46.5685 46.5685 60 30 60ZM30 58C45.464 58 58 45.464 58 30C58 14.536 45.464 2 30 2C14.536 2 2 14.536 2 30C2 45.464 14.536 58 30 58ZM45.3313 29.942L22.1313 15.4865V44.4865L45.3313 29.942Z' fill='white'/></svg>");
}
.reportage_video-gallery .reportage__cursor-img {
  display: none;
}
.reportage_video-gallery:hover .reportage__title {
  opacity: 1;
}
.reportage_video-gallery:hover .reportage__link img {
  transform: scale(1);
}
.reportage__small {
  font-size: 18px;
  line-height: 24px;
}
.reportage__small > .reportage__link > img {
  min-height: 230px;
}
@media (min-width: 1024px) {
  .news__important-reportage > .reportage__link {
    height: 420px;
  }
}
@media (min-width: 1400px) {
  .news__important-reportage > .reportage__link {
    height: 500px;
  }
}
.listing {
  min-width: 0;
  padding: 0;
}
.listing__container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
@media (min-width: 1024px) {
  .listing__container {
    grid-template-columns: 1fr 336px;
    gap: 20px;
  }
}
.listing__content {
  background-color: #fff;
  padding: 10px 10px 0;
  height: 100%;
}
@media (min-width: 768px) {
  .listing__content {
    margin: 0;
    padding: 20px;
    border-radius: 20px;
  }
}
.listing__title {
  margin-bottom: 6px;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
  line-height: 36px;
  color: #5d6359;
}
@media (min-width: 768px) {
  .listing__title {
    padding-bottom: 30px;
    font-size: 36px;
  }
}
.listing__editions {
  margin-top: 20px;
}
.listing__calendar {
  margin: 30px 0 40px;
  width: 100%;
}
.listing__body {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
}
.listing__body-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.listing__body-header>h3 {
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: -0.5px;
}
@media (min-width: 768px) {
  .listing__body-header>h3 {
    font-size: 28px;
  }
}
.listing__body ul {
  display: flex;
  gap: 30px;
}
.listing__body li:last-child hr {
  display: none;
}
.listing__body .listing-item hr {
  display: none;
}
.listing__body .listing-item:not(:first-child) {
  border-top: 1px solid #ddd;
}
.listing__body-rubric {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  gap: 20px;
}
@media (min-width: 768px) {
  .listing__body-rubric {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1280px) {
  .listing__body-rubric {
    grid-template-columns: repeat(3, 1fr);
  }
}
.listing__footer {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin: 20px 0;
}
@media (min-width: 768px) {
  .listing__footer {
    margin-top: 60px;
  }
}
.listing__about {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.204);
  padding: 60px 40px 60px;
}
@media (min-width: 1024px) {
  .listing__about {
    grid-column: span 2;
  }
}
.listing__about h2 {
  font-family: 'Verdana';
  font-weight: 700;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 20px;
}
.subrubrics {
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 0;
  min-width: 0;
}
.subrubrics:after,
.subrubrics:before {
  content: '';
  position: absolute;
  top: 0;
  height: 100%;
  transform: rotate(-90deg);
  pointer-events: none;
}
.subrubrics:before {
  left: 0;
  width: 50px;
  background: linear-gradient(180deg, #fff 0%, rgba(255,255,255,0) 100%);
}
.subrubrics:after {
  right: 5px;
  width: 30px;
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #fff 100%);
}
@media (min-width: 768px) {
  .subrubrics:after {
    right: 84px;
  }
}
.subrubrics.disable-control .subrubrics__control {
  display: none;
}
.subrubrics.disable-control:after,
.subrubrics.disable-control:before {
  content: none;
}
.subrubrics__container {
  display: flex;
  gap: 6px;
  padding-right: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}
.subrubrics__container::-webkit-scrollbar {
  display: none;
}
@media (max-width: 1023px) {
  .subrubrics__container {
    scroll-snap-points-x: repeat(100%);
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
  }
}
.subrubrics__control {
  display: none;
}
@media (min-width: 768px) {
  .subrubrics__control {
    display: flex;
    gap: 4px;
  }
}
.subrubric-btn {
  flex-shrink: 0;
  scroll-snap-align: start;
}
.subrubric-btn a {
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 14px;
  border-radius: 100px;
  background-color: #eee;
  border: 1px solid #eee;
  color: #565c68;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
}
.subrubric-btn:hover a,
.subrubric-btn_active a {
  border: 1px solid #565c68;
}
.content-footer__subscription {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .content-footer__subscription {
    border-radius: 20px 20px 0 0;
  }
}
@media (min-width: 1920px) {
  .content-footer__body {
    padding: 0 90px;
  }
}
.content-footer__top {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 20px;
  padding: 0 10px;
}
@media (min-width: 768px) {
  .content-footer__top {
    justify-content: space-between;
    padding: 0 20px;
  }
}
@media (min-width: 1024px) {
  .content-footer__top {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
@media (min-width: 1400px) {
  .content-footer__top {
    justify-content: space-between;
  }
}
.content-footer__social {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.content-footer__social span {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #90978d;
}
@media (min-width: 768px) {
  .content-footer__social {
    flex-direction: row;
    align-items: center;
    gap: 10px;
  }
}
.content-footer__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 5px;
  padding: 0 10px;
}
@media (min-width: 768px) {
  .content-footer__tags {
    padding: 0 20px;
  }
}
.content-footer__tags .content-footer__tag {
  display: block;
  background-color: #f7f7f7;
  border: 1px solid #f7f7f7;
  border-radius: 24px;
  padding: 5px 20px 7px;
  font-weight: 400;
  font-family: "OpenSans";
  font-size: 14px;
  line-height: 20px;
  color: #90978d;
}
.content-footer__tags .content-footer__tag:hover {
  border: 1px solid #565c68;
}
@media (max-width: 767px) {
  .content-footer__tags .text-line {
    padding: 0;
  }
}
.content-footer__comments {
  padding: 20px 0 60px;
}
.calendar {
  position: absolute;
  top: 56px;
  right: 0;
  z-index: 5;
  width: 300px;
  padding: 36px 18px;
  background-color: #fff;
  box-shadow: 0 8px 20px rgba(0,0,0,0.2);
  border: 1px solid #ddd;
  border-radius: 10px;
  align-items: baseline;
}
@media (min-width: 768px) {
  .calendar {
    right: 0;
  }
}
.calendar__container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
  justify-content: space-between;
}
.calendar__container p {
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  color: #565c68;
}
.calendar__container.bottom__calendar .calendar {
  top: -356px;
  bottom: 56px;
}
.calendar__error-message {
  padding: 0 32px 16px;
  color: #9f2b11;
}
.calendar__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.calendar__data {
  font-weight: 700;
  line-height: 23px;
  font-size: 18px;
}
.calendar__data-month {
  text-transform: capitalize;
}
.calendar__controls {
  display: flex;
  gap: 4px;
}
.calendar__control {
  border-radius: 50px;
  background-color: #eee;
  border: none;
  box-shadow: 0 0 4px rgba(0,0,0,0.25);
  fill: #565c68;
}
.calendar__control[disabled] {
  fill: #bac0b7;
}
.calendar__control:first-child {
  transform: rotate(90deg);
}
.calendar__control:last-child {
  transform: rotate(-90deg);
}
.calendar__table {
  -webkit-user-select: none;
          user-select: none;
  max-width: 100%;
  table-layout: fixed;
}
.calendar__table-years td {
  width: 54px;
}
.calendar__day {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: #bac0b7;
  width: 38px;
  height: 32px;
}
.calendar__day.calendar__day_weekend {
  color: #dfb5ad;
}
.calendar__day_active {
  color: #5d6359;
}
.calendar__day_active.calendar__day_weekend {
  color: #9f2b11;
}
.calendar__day_active.calendar__day_weekend .calendar__link {
  color: #9f2b11;
}
.calendar__day_today a {
  background: #eee;
  border: 2px solid #9f2b11;
  border-radius: 4px;
}
.calendar__link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-weight: 700;
  background-color: #eee;
  border-radius: 4px;
  border: 2px solid #eee;
}
.calendar__link:hover {
  background: #eee;
  border: 2px solid #9f2b11;
  border-radius: 4px;
}
.calendar_hidden,
.calendar__error-message_hidden {
  display: none;
}
.calendar-abc {
  left: 0;
}
.calendar-abc__header {
  margin-bottom: 20px;
}
.calendar-abc__title {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #565c68;
}
.calendar-abc__content .calendar__table-cell {
  width: 38px;
  height: 32px;
  border-radius: 4px;
  background-color: #fff;
}
.calendar-abc__content .calendar__table-cell_active {
  background-color: #eee;
}
.gallery {
  background-color: #eee;
  min-width: 0;
}
@media (min-width: 768px) {
  .gallery {
    padding: 40px 40px 60px;
    background-color: #fff;
    border-radius: 20px;
  }
}
@media (min-width: 768px) {
  .gallery-content {
    border-radius: 20px;
  }
}
.gallery__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 5px;
}
.gallery__header>h2 {
  flex: 1;
  white-space: nowrap;
}
.gallery__header-actions {
  display: flex;
  gap: 20px;
}
.gallery__slider {
  position: relative;
}
.gallery__slider figcaption {
  display: none;
  padding: 20px 0 20px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #f7f7f7;
  text-align: center;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
}
.gallery__slider.disable .gallery__about {
  left: -100%;
  width: 0;
}
.gallery__slider.disable figcaption:not(:empty) {
  display: block;
}
.gallery__about {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.gallery__about:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: url("/static/images/gallery-mask.png");
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 768px) {
  .gallery__about {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    background: rgba(52,64,79,0.2);
    backdrop-filter: blur(20px);
    transition: left 0.4s ease-in-out, width 0s ease 0.5s;
  }
  .gallery__about:before {
    content: none;
  }
}
@media (max-width: 767px) {
  .gallery__about {
    position: relative;
    z-index: 1;
    order: -1;
    padding: 35px 20px 20px;
    background-color: #fff;
  }
}
.gallery__about-content {
  color: #fff;
  max-width: 100%;
  min-width: 1px;
}
@media (min-width: 768px) {
  .gallery__about-content {
    max-width: 480px;
  }
}
@media (min-width: 1024px) {
  .gallery__about-content {
    max-width: 600px;
  }
}
@media (min-width: 1440px) {
  .gallery__about-content {
    max-width: 690px;
  }
}
@media (min-width: 1920px) {
  .gallery__about-content {
    max-width: 870px;
  }
}
.gallery__about-content h1 {
  text-align: center;
  color: #fff;
  font-size: 28px;
  line-height: 32px;
  font-weight: 700;
  font-family: 'Roboto';
}
@media (min-width: 768px) {
  .gallery__about-content h1 {
    font-size: 32px;
    line-height: 36px;
  }
}
@media (min-width: 1024px) {
  .gallery__about-content h1 {
    font-size: 40px;
    line-height: 44px;
  }
}
@media (min-width: 1400px) {
  .gallery__about-content h1 {
    font-size: 44px;
    line-height: 48px;
  }
}
@media (min-width: 1920px) {
  .gallery__about-content h1 {
    line-height: 52px;
  }
}
.gallery__about-content p {
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
@media (min-width: 768px) {
  .gallery__about-content p {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (min-width: 1024px) {
  .gallery__about-content p {
    font-size: 24px;
    line-height: 38px;
  }
}
@media (min-width: 1400px) {
  .gallery__about-content p {
    font-size: 26px;
    line-height: 40px;
  }
}
@media (min-width: 1920px) {
  .gallery__about-content p {
    font-size: 28px;
    line-height: 40px;
  }
}
.gallery__about-social {
  margin-top: 20px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
}
@media (max-width: 767px) {
  .gallery__about-social {
    margin-top: 65px;
  }
  .gallery__about-social p {
    color: #565c68;
  }
}
.gallery__about-social .social-sharing {
  margin-top: 13px;
}
.gallery__about-social li {
  background-color: #fff;
}
.gallery__body {
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .gallery__body {
    display: flex;
    flex-direction: column;
  }
}
.gallery__imgs {
  position: relative;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-points-x: repeat(100%);
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.gallery__imgs::-webkit-scrollbar {
  width: 0;
  height: 0;
}
@media (min-width: 768px) {
  .gallery__imgs {
    height: calc(100vh - 73px - 40px - 100px);
  }
}
@media (max-width: 767px) {
  .gallery__imgs {
    padding: 20px 10px 10px;
    background-color: #fff;
    gap: 10px;
  }
}
.gallery__img {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  overflow: hidden;
  scroll-snap-align: center;
  width: calc(100vw - 20px);
  height: calc(100vw - 20px);
}
.gallery__img:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(52,64,79,0.2);
}
@media (min-width: 768px) {
  .gallery__img {
    width: 100%;
    height: 100%;
  }
}
.gallery__img img {
  transition: width 0.5s;
  width: 100%;
  height: 100%;
}
.gallery__front {
  -o-object-fit: contain;
     object-fit: contain;
}
.gallery__front.disabled {
  width: 1px;
}
.gallery__back {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  filter: blur(20px);
}
@media (min-width: 768px) {
  .gallery__back {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    filter: blur(20px);
  }
}
.gallery__control {
  display: none;
}
@media (min-width: 768px) {
  .gallery__control {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 2;
    transform: translate(0, -50%);
    display: flex;
    justify-content: space-between;
    padding: 0 4%;
  }
  .gallery__control button {
    width: 48px;
    height: 48px;
  }
}
@media (min-width: 768px) {
  .gallery__preview {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    padding: 0;
    min-width: 0;
  }
}
.gallery__preview-btn {
  width: 100%;
  height: 48px;
  margin-left: auto;
  padding: 16px 33px 0;
  border: none;
  background: #333;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  text-transform: uppercase;
  color: #fff;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.gallery__preview-btn_counter:after {
  content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 23 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M22.2924 12.3931C22.6829 12.0026 22.6829 11.3695 22.2924 10.9789L12.3929 1.07943C12.0024 0.688908 11.3692 0.688908 10.9787 1.07943C10.9784 1.07976 10.978 1.08009 10.9777 1.08042L1.0792 10.9789C0.688678 11.3695 0.688677 12.0026 1.0792 12.3931C1.46973 12.7837 2.10289 12.7837 2.49342 12.3931L11.6858 3.20075L20.8782 12.3931C21.2687 12.7837 21.9019 12.7837 22.2924 12.3931Z' fill='white'/></svg>");
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 12px;
}
@media (max-width: 767px) {
  .gallery__preview-btn_counter:after {
    content: none;
  }
}
@media (min-width: 768px) {
  .gallery__preview-btn {
    max-width: 170px;
    padding: 0 33px;
    background: rgba(0,0,0,0.6);
    transition: max-width 0.8s;
    justify-content: flex-end;
  }
}
.gallery__preview-btn_figcaption {
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .gallery__preview-btn_figcaption {
    display: none;
  }
}
.gallery__preview-list {
  max-width: 100%;
  display: flex;
  gap: 20px;
  padding: 0 10px 16px;
  background: #333;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-points-x: repeat(100%);
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
.gallery__preview-list::-webkit-scrollbar {
  width: 0;
  height: 0;
}
@media (min-width: 768px) {
  .gallery__preview-list {
    max-height: 0;
    padding: 0 40px 0;
    background: rgba(0,0,0,0.6);
    transition: max-height 0.5s;
    border-radius: 0;
  }
}
.gallery__preview-item {
  width: 67px;
  height: 50px;
  border: none;
  flex-shrink: 0;
  margin: 20px 0;
}
@media (min-width: 768px) {
  .gallery__preview-item {
    width: 220px;
    height: 160px;
    margin: 4px 0 20px;
  }
}
@media (min-width: 1024px) {
  .gallery__preview-item {
    width: 100px;
    height: 80px;
  }
}
@media (min-width: 1280px) {
  .gallery__preview-item {
    width: 220px;
    height: 160px;
  }
}
.gallery__preview-item button {
  width: 100%;
  height: 100%;
  border: none;
}
.gallery__preview-item img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gallery__preview-item_active {
  border: 4px solid #fff;
}
.gallery__preview.active .gallery__preview-btn {
  max-width: 100%;
}
.gallery__preview.active .gallery__preview-btn_counter:after {
  transform-origin: center bottom;
  transform: rotate(-180deg);
}
.gallery__preview.active .gallery__preview-list {
  max-height: 200px;
}
.gallery__preview.active .gallery__preview-control {
  opacity: 1;
}
.gallery__preview-control {
  display: none;
}
@media (min-width: 768px) {
  .gallery__preview-control {
    position: absolute;
    top: calc(50%);
    left: 0;
    right: 0;
    transform: translate(0, -10%);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0s ease 0.2s;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
  }
  .gallery__preview-control button {
    pointer-events: auto;
    width: 48px;
    height: 48px;
  }
}
@media (min-width: 1920px) {
  .gallery-content {
    padding: 0 0 40px;
  }
}
.gallery-content {
  background-color: #fff;
  min-width: 1px;
}
.authorization-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.8);
  z-index: 40;
}
.authorization-popup__container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 53px 20px 0;
  max-width: 300px;
  width: 100%;
  height: 610px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.204);
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
}
.authorization-popup__button {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  border: none;
  background-color: inherit;
}
.authorization-popup__button:before,
.authorization-popup__button:after {
  content: '';
  position: absolute;
  left: 15px;
  width: 16px;
  height: 2px;
  background-color: #565c68;
}
.authorization-popup__button:before {
  top: 50%;
  transform: rotate(-45deg) translate(0px, -80%);
}
.authorization-popup__button:after {
  bottom: 50%;
  transform: rotate(45deg) translate(0px, 50%);
}
.authorization-popup__logo {
  margin: 0 auto 30px;
}
.authorization-popup__radio {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 40px;
  padding: 4px;
  width: 100%;
  border: 1px solid #bac0b7;
  border-radius: 10px;
}
.authorization-popup__radio input:checked,
.authorization-popup__radio input:not(:checked) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  border: 0;
  outline: none;
}
.authorization-popup__radio input:not(:checked) + label,
.authorization-popup__radio input:checked + label {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  cursor: pointer;
  border-radius: 6px;
  width: 100%;
  height: 40px;
}
.authorization-popup__radio input:checked + label {
  background-color: #eee;
}
.authorization-popup__radio input:focus-visible + label {
  outline: 2px solid #333;
}
.authorization-popup form > label {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 48px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  border: 0;
}
.authorization-popup form > label input:not([type="checkbox"]) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 48px;
  padding: 15px 0 15px 25px;
  border: 1px solid #bac0b7;
  border-radius: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.authorization-popup form > label input:not([type="checkbox"])::placeholder {
  color: #bac0b7;
}
.authorization-popup form > label input:not([type="checkbox"]):focus-visible {
  border: 2px solid #bac0b7;
  outline: none;
}
.authorization-popup form > label input:not([type="checkbox"]).error {
  border: 1px solid #f00;
}
.authorization-popup form > label input:not([type="checkbox"]).error:focus-visible {
  border: 2px solid #f00;
}
.authorization-popup form > label button {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  height: 100%;
  width: 40px;
  border: none;
  background-color: transparent;
}
.authorization-popup form > label button svg {
  pointer-events: none;
}
.authorization-popup form > label button:focus-visible {
  outline-offset: -2px;
}
.authorization-popup form > button[disabled] {
  background-color: #eee;
  color: #bac0b7;
  pointer-events: none;
}
.authorization-popup form button[type="submit"] .btn-loader {
  margin-left: -20px;
  margin-right: 20px;
}
.signin-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.signin-form__forget {
  display: inline;
  width: auto;
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #5d6359;
  border: none;
  background-color: inherit;
  margin: 5px auto 0 0;
}
.signin-form__forget:after {
  display: block;
  content: '';
  height: 1px;
  width: 112px;
  background-color: #9f2b11;
}
.signin-form__remember {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 5px 0;
}
.signin-form__remember label {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.signin-form__remember input {
  position: absolute;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
}
.signin-form__remember input:checked + span {
  background-color: #5d6359;
  outline-color: #5d6359;
}
.signin-form__remember input:checked + span svg {
  display: block;
}
.signin-form__remember input:focus-visible + span {
  box-shadow: 0 0 0 2px #5d6359;
}
.signin-form__remember span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  border: 1px solid #fff;
  border-radius: 2px;
  background-color: #bac0b7;
  outline: 1px solid #bac0b7;
}
.signin-form__remember span svg {
  display: none;
  width: 6px;
  height: 7px;
}
.signin-form .signin-btn {
  margin-top: 30px;
}
.signin-form__social-title {
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.signin-form__social-btns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  height: 48px;
}
.signin-form__social-btns a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #bac0b7;
  background-color: transparent;
}
.signin-form__social-btns a:first-child {
  border-radius: 50px 0 0 50px;
  border-right: none;
}
.signin-form__social-btns a:last-child {
  border-radius: 0 50px 50px 0;
}
.signin-form__social-btns a svg {
  width: 22px;
  height: 22px;
  filter: grayscale(100%) contrast(10%);
}
.signin-form__social-btns a:focus-visible {
  outline: none;
  border: 2px solid #5d6359;
}
.signup-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.signup-form > button {
  margin-top: 20px;
}
.signup-form .message {
  min-height: 20px;
}
.remember-form {
  display: flex;
  flex-direction: column;
}
.remember-form h4 {
  text-align: center;
  font-weight: 700;
  font-size: 22px;
  line-height: 28px;
  color: #565c68;
  margin-bottom: 35px;
}
.remember-form p {
  margin: 10px 0 20px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.form-disable {
  display: none;
}
.message {
  color: #000;
  align-items: start;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}
.message span {
  display: block;
  font-weight: 700;
}
.message__error {
  color: #f00;
}
.gallery-listing__list {
  display: grid;
  grid-template-columns: minmax(auto, 336px);
  justify-content: center;
  row-gap: 40px;
  -moz-column-gap: 20px;
       column-gap: 20px;
  margin-top: 40px;
}
@media (min-width: 768px) {
  .gallery-listing__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.gallery-listing__list > li {
  height: auto;
}
.gallery-listing__list > li .reportage__title {
  font-size: 22px;
  line-height: 26px;
}
@media (min-width: 768px) {
  .gallery-listing__list > li:first-child .reportage {
    max-height: 487px;
  }
}
@media (min-width: 1024px) {
  .gallery-listing__list > li:first-child .reportage {
    max-height: 412px;
  }
}
@media (min-width: 1400px) {
  .gallery-listing__list > li:first-child .reportage {
    max-height: 520px;
  }
}
@media (min-width: 1920px) {
  .gallery-listing__list > li:first-child .reportage {
    max-height: 580px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .gallery-listing__list > li:first-child {
    grid-column: 2 span;
  }
  .gallery-listing__list > li:first-child .reportage__title {
    font-size: 36px;
    line-height: 44px;
  }
}
@media (min-width: 1920px) {
  .gallery-listing__list > li:first-child {
    grid-column: 2 span;
    background-color: #eee;
  }
}
.search__content {
  min-height: 460px;
}
.search__form {
  margin: 16px 0 12px;
}
.search__error {
  margin-top: 40px;
  text-align: center;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  color: #bac0b7;
}
@media (min-width: 768px) {
  .search__error {
    font-size: 24px;
  }
}
.videoplayer-preview {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  background-color: #fff;
  padding: 24px 20px 65px;
}
@media (min-width: 768px) {
  .videoplayer-preview {
    border-radius: 20px;
    padding: 30px 40px;
  }
}
@media (min-width: 1920px) {
  .videoplayer-preview {
    padding: 45px 40px 80px;
  }
}
.videoplayer-preview__body {
  margin: 0 auto;
  max-width: 100%;
}
.videoplayer-preview__body h1 {
  text-align: center;
}
.videoplayer-preview__social {
  margin: 10px auto 0;
}
.videoplayer-preview__social p {
  margin-bottom: 13px;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  color: #90978d;
}
.videoplayer-content {
  height: 100%;
  min-width: 1px;
  background-color: #fff;
  padding: 40px 0 60px;
}
@media (min-width: 768px) {
  .videoplayer-content {
    padding: 20px;
    border-radius: 20px;
  }
}
.videoplayer-content__video {
  position: relative;
  z-index: 1;
  background: #f7f7f7;
  border-radius: 10px;
  overflow: hidden;
  padding: 20px 20px 60px;
  margin: 0 0 40px;
  min-height: calc(100vw * 0.65);
}
@media (min-width: 768px) {
  .videoplayer-content__video {
    min-height: calc(100vw * 0.58);
  }
}
@media (min-width: 1024px) {
  .videoplayer-content__video {
    margin: 0 0 60px;
    min-height: calc((100vw - 80px - 20px - 336px) * 0.62);
  }
}
@media (min-width: 1280px) {
  .videoplayer-content__video {
    min-height: 388px;
  }
}
@media (min-width: 1400px) {
  .videoplayer-content__video {
    min-height: 470px;
  }
}
@media (min-width: 1920px) {
  .videoplayer-content__video {
    min-height: 647px;
  }
}
.videoplayer-content__video .viqeo-embed:not(:empty) + .videoplayer-content__loader,
.videoplayer-content__video .viqeo-external_player:not(:empty) + .videoplayer-content__loader {
  display: none;
}
.videoplayer-content__loader {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.videoplayer-content__loader img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.videoplayer-content__loader:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
}
.videoplayer-content__loader:after {
  content: url("/static/images/loading.svg");
  position: absolute;
  top: 50%;
  left: 50%;
  animation-name: bar-loader;
  animation-duration: 1.3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
@keyframes bar-loader {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}
.meta-preview {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}
.meta-preview__times {
  display: flex;
  justify-content: center;
}
.meta-preview__times span {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.meta-preview__links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.meta-preview__links svg {
  fill: #fff;
}
.meta-preview__links a:last-child {
  display: inline-flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 4px;
}
.meta-preview._gallery {
  color: #fff;
}
.meta-preview._gallery svg {
  fill: #fff;
}
.meta-preview._article {
  color: #90978d;
}
.meta-preview._article svg {
  fill: #90978d;
}
.polls__list {
  margin-top: 60px;
  display: flex;
  flex-direction: column;
  gap: 80px;
}
.poll {
  border-bottom: 1px solid #ddd;
  padding: 0 0 80px;
}
@media (min-width: 1920px) {
  .poll {
    padding: 0 90px 100px;
  }
}
.poll:last-child {
  border-bottom: none;
}
.poll__meta {
  font-weight: 400;
  font-size: 11px;
  line-height: 15px;
  text-transform: uppercase;
  color: #90978d;
}
.poll__question {
  font-family: 'Roboto';
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  color: #565c68;
  margin: 10px 0 40px;
}
@media (min-width: 768px) {
  .poll__question {
    font-size: 28px;
    line-height: 34px;
  }
}
@media (min-width: 1920px) {
  .poll__question {
    font-size: 32px;
    line-height: 40px;
  }
}
.poll__result {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.poll__answer {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
.poll__progress {
  position: relative;
}
.poll__progress progress {
  width: 100%;
  height: 20px;
  background: #e6e9e5;
  border-radius: 4px;
  overflow: hidden;
}
.poll__progress progress::-webkit-progress-value {
  background: linear-gradient(90deg, #5d6359 0%, #bac0b7 100%);
  border-radius: 4px;
}
.poll__progress progress::-webkit-progress-bar {
  background: #e6e9e5;
  border-radius: 4px;
}
.poll__progress progress::-moz-progress-bar {
  background: #e6e9e5;
  border-radius: 4px;
}
.poll__progress progress::-moz-progress-bar {
  background: linear-gradient(90deg, #5d6359 0%, #bac0b7 100%);
  border-radius: 4px;
}
.poll__progress span {
  position: absolute;
  top: 25%;
  transform: translateY(-25%);
  margin-left: 14px;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
}
.profile__back-link {
  position: relative;
  display: inline-block;
  margin: 40px 0 0 22px;
  border-bottom: 1px solid #9f2b11;
}
.profile__back-link:before {
  content: url("data:image/svg+xml; utf8, <svg width='16' height='6' viewBox='0 0 16 6' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M2.04853 2.09223L3.20788 0.944084L2.49735 0.240417L0.355331 2.36174L6.58035e-05 2.71357L0.355331 3.0654L2.49735 5.18672L3.20788 4.48306L1.80348 3.09223H15.0923V2.09223H2.04853Z' fill='%23565C68'/></svg>");
  position: absolute;
  left: -22px;
  top: -1px;
  width: 16px;
}
.profile__body {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 40px 0;
}
@media (min-width: 1920px) {
  .profile__body {
    padding: 40px 90px;
  }
}
.profile__section hr {
  margin-top: 60px;
  height: 1px;
  border: none;
  background: #ddd;
  color: #ddd;
}
.profile__section.general-section .profile__form {
  padding: 0;
}
.profile__section.general-section .profile__form.profile__img {
  justify-self: center;
}
@media (min-width: 768px) {
  .profile__section.general-section .profile__form.profile__img {
    grid-row: span 4;
  }
}
@media (min-width: 768px) {
  .profile__section.general-section .profile__info {
    grid-template-columns: auto 1fr;
  }
}
.profile__section.general-section .profile__info span {
  display: inline;
}
@media (min-width: 768px) {
  .profile__section.general-section .profile__form {
    grid-template-columns: auto 1fr;
  }
}
@media (min-width: 768px) {
  .profile__section.general-section .profile__form-inner {
    grid-column: 2/3;
  }
}
@media (min-width: 768px) {
  .profile__section.general-section .profile__form-btns {
    grid-column: 2/3;
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .profile__section.general-section .error-message {
    grid-column: 2/3;
  }
}
.profile__section.show-form .profile__info {
  display: none;
}
.profile__section.show-form .profile__form {
  display: grid;
}
.profile__info {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  gap: 20px;
}
@media (min-width: 768px) {
  .profile__info {
    grid-template-columns: repeat(2, 1fr);
    justify-items: start;
  }
}
.profile__img {
  position: relative;
  height: 158px;
  width: 158px;
  border-radius: 50px;
  background: url("/static/images/avatar-placeholder.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.profile__img input[type="file"] {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.profile__img input[type="file"] + label {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  width: 48px;
  background-color: #5d6359;
  border-radius: 100px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .profile__content {
    width: 100%;
  }
}
.profile__content > h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 33px;
  color: #565c68;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .profile__content > h3 {
    text-align: center;
  }
}
.profile__content > p {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #565c68;
}
.profile__content span {
  display: block;
  font-weight: 400;
}
.profile__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 33px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .profile__title {
    grid-column: span 2;
  }
}
.profile__title span {
  display: block;
  font-size: 14px;
  line-height: 19px;
}
.profile__fill-btn {
  background-color: transparent;
  border: none;
  margin-top: 10px;
  justify-self: start;
}
@media (min-width: 768px) {
  .profile__fill-btn {
    grid-column: span 2;
  }
}
.profile__fill-btn span {
  border-bottom: 1px solid #9f2b11;
}
.profile__last-comments {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.profile__last-comments h4 {
  font-family: 'Roboto';
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #565c68;
  margin-bottom: 6px;
}
.profile__last-comments p {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #565c68;
}
.profile__form {
  display: none;
  grid-template-columns: 1fr;
  gap: 20px;
  padding: 0 0 40px;
}
@media (min-width: 1920px) {
  .profile__form {
    padding: 0 90px;
  }
}
.profile__form .error-message {
  color: #f00;
  align-items: start;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}
.profile__form-inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.profile__form-inner h3 {
  margin-bottom: -10px;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #565c68;
}
.profile__form-inner span {
  display: block;
  font-size: 14px;
  line-height: 19px;
}
.profile__form-inner label {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.profile__form-inner input,
.profile__form-inner textarea {
  border-radius: 10px;
  border: 1px solid #bac0b7;
  padding: 15px 20px;
}
.profile__form-inner input::placeholder,
.profile__form-inner textarea::placeholder {
  color: #bac0b7;
}
.profile__form-inner input.error,
.profile__form-inner textarea.error {
  border: 1px solid #f00;
}
.profile__form-btns {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  margin-top: 20px;
}
.profile__form-btns button:last-child {
  border: 2px solid #90978c;
  color: #90978c;
}
.profile__form-btns button[disabled] {
  background-color: #eee;
  color: #bac0b7;
  pointer-events: none;
}
.profile__listing {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 40px;
}
@media (min-width: 768px) {
  .profile__listing {
    padding: 0 90px;
  }
}
.profile__listing-user hr {
  margin-top: 20px;
}
.editions {
  min-width: 1px;
}
.editions__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 30px 0 0;
}
.editions__container h2 {
  font-size: 14px;
  line-height: 18px;
  color: #565c68;
  font-weight: 700;
  margin-bottom: 20px;
}
.editions__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media (min-width: 768px) {
  .editions__list {
    gap: 20px;
  }
}
.edition-preview {
  background-image: url("./static/images/background-dark-img.png");
  max-width: 100%;
  width: 100%;
  background-color: #333;
  color: #fff;
  padding: 10px 10px 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .edition-preview {
    flex-direction: row;
    border-radius: 10px 10px 0 0;
    justify-items: start;
    min-height: 280px;
  }
}
.edition-preview__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.edition-preview__text {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 14px;
}
@media (min-width: 768px) {
  .edition-preview__text {
    gap: 20px;
  }
}
.edition-preview__text > h2 {
  font-size: 24px;
}
@media (min-width: 768px) {
  .edition-preview__text > h2 {
    font-size: 36px;
  }
}
.edition-preview__img {
  position: relative;
  display: none;
  width: 50%;
  justify-content: center;
}
@media (min-width: 768px) {
  .edition-preview__img {
    display: block;
  }
}
.edition-preview__img > img {
  position: absolute;
}
.edition-preview__img > img:first-child {
  rotate: 8deg;
  left: 60%;
  transform: translate(-60%);
  bottom: -30%;
  opacity: 0.7;
}
.edition-preview__img > img:last-child {
  rotate: -7deg;
  bottom: 0;
  left: 40%;
  transform: translate(-40%);
}
.edition-preview__actions {
  display: flex;
  flex-direction: column-reverse;
  gap: 10px;
  width: 100%;
  padding: 20px 0;
}
@media (min-width: 768px) {
  .edition-preview__actions {
    flex-direction: row;
    justify-content: space-between;
  }
}
.edition-preview__link {
  padding: 14px 0;
  border: 1px solid #fff;
  border-radius: 24px;
  width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .edition-preview__link {
    max-width: 144px;
  }
}
.edition-preview__btn {
  display: flex;
  align-items: center;
  gap: 10px;
}
.edition-preview__btn > svg {
  max-width: 24px;
  max-height: 24px;
  width: 100%;
  height: 48px;
}
.edition-card {
  background-color: #eee;
  border-radius: 10px;
  width: 100%;
  max-width: 158px;
}
.edition-card__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 20px;
}
.edition-card__img {
  width: 90px;
  height: 128px;
}
.edition-card__img:empty {
  background-image: url("/static/images/placeholder.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.edition-card__img img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.edition-card p {
  text-align: center;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 768px) {
  .edition-card p {
    font-size: 14px;
    line-height: 18px;
  }
}
.edition-card p span {
  display: block;
}
.user-popup {
  display: none;
  position: absolute;
  right: 20px;
  top: 60px;
  z-index: 12;
  background-color: #fff;
  box-shadow: 0 2px 40px rgba(0,0,0,0.204);
  border-radius: 10px;
  max-width: 280px;
  padding: 20px 20px 40px;
}
.user-popup.enable {
  display: block;
}
.user-popup p {
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  color: #565c68;
  margin-bottom: 10px;
}
.user-popup ul {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.user-popup a {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #565c68;
}
.static {
  grid-column: 2/3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 20px 100px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.204);
}
@media (min-width: 768px) {
  .static {
    padding: 60px 125px 176px;
  }
}
@media (min-width: 1024px) {
  .static {
    padding: 80px 190px 140px;
  }
}
@media (min-width: 1280px) {
  .static {
    padding: 60px 220px 190px;
  }
}
.static__img {
  width: 188px;
  height: 188px;
  margin: 0 auto 20px;
}
.static__img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.static__title {
  display: block;
  align-self: flex-start;
  font-family: 'Roboto';
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  color: #565c68;
  text-align: left;
  margin: 0 0 20px;
  padding: 0 20px;
}
@media (min-width: 768px) {
  .static__title {
    font-size: 46px;
    line-height: 52px;
  }
}
@media (min-width: 1024px) {
  .static__title {
    font-size: 52px;
    line-height: 52px;
  }
}
@media (min-width: 1400px) {
  .static__title {
    font-size: 44px;
    padding: 0 90px;
  }
}
.static__title span {
  display: block;
  margin: 10px auto;
  font-family: 'OpenSans';
  font-weight: 400;
  font-size: 12px;
  line-height: 40px;
  text-transform: uppercase;
  text-align: center;
  color: #90978d;
}
@media (min-width: 1024px) {
  .static__title span {
    font-size: 16px;
    line-height: 40px;
  }
}
.static__content {
  font-weight: 400;
  font-size: 18px;
  line-height: 36px;
}
@media (min-width: 1024px) {
  .static__content {
    font-size: 22px;
    line-height: 40px;
  }
}
.static_error .static__title {
  text-align: center;
  margin: 0 auto 20px;
}
@media (min-width: 1400px) {
  .static_error .static__title {
    font-size: 54px;
    padding: 0;
  }
}
.static_error .static__content {
  margin: 0 auto 40px;
  max-width: 850px;
}
@media (min-width: 768px) {
  .authors {
    background-color: #fff;
    border-radius: 20px;
  }
}
.authors__content {
  padding: 20px;
}
.authors__listing {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.authors__litter {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #565c68;
}
.authors__calendar {
  margin: 10px 0;
}
@media (min-width: 768px) {
  .authors__calendar {
    margin: 10px 0 40px;
  }
}
.authors__calendar-button {
  background-color: #fff;
}
@media (min-width: 768px) {
  .authors__calendar-button {
    background-color: #eee;
  }
}
.authors__calendar-button > svg:first-child {
  display: none;
}
.authors__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
@media (min-width: 768px) {
  .authors__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1280px) {
  .authors__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.author-card {
  height: 100%;
  align-items: flex-start;
  background-color: #fff;
}
@media (min-width: 768px) {
  .author-card {
    background-color: #f7f7f7;
  }
}
.most-read {
  padding: 20px;
  background-color: #fff;
}
@media (min-width: 768px) {
  .most-read {
    border-radius: 20px;
  }
}
.most-read__title {
  margin-bottom: 20px;
  padding: 0 0 10px;
  border-bottom: 1px solid rgba(191,191,191,0.502);
  letter-spacing: -1.5px;
  font-family: 'OpenSans';
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
  color: #5d6359;
  letter-spacing: -1px;
}
@media (min-width: 1024px) {
  .most-read__title {
    font-size: 38px;
    line-height: 29px;
  }
}
.most-read__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
@media (min-width: 1024px) {
  .most-read__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1280px) {
  .most-read__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.most-read__item {
  display: flex;
  gap: 10px;
  font-size: 18px;
  font-weight: 700;
}
.most-read__item-img {
  min-width: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}