body {
  color: #1B1B1B;
}

.article-page .article-main-banner {
  border-top: 1px solid #E8E8E8;
}
.article-page .article-main-banner .article-main-banner__col {
  display: flex;
  flex-direction: column;
  width: 1115px;
  padding: 24px 0px 40px 175px;
  gap: 24px;
}
.article-page .article-main-banner .article-main-banner__col button {
  display: flex;
  align-items: center;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 12.1px */
  margin-bottom: 40px;
}
.article-page .article-main-banner .article-main-banner__col h1 {
  font-size: 34px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 34px */
  letter-spacing: -0.68px;
  width: 672px;
}
.article-page .article-main-banner .article-main-banner__col .article-main-banner__row {
  display: flex;
  gap: 24px;
}
.article-page .article-main-banner .article-main-banner__col .article-main-banner__row .date,
.article-page .article-main-banner .article-main-banner__col .article-main-banner__row .info {
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 18.2px */
  color: #666;
}
.article-page .article-yandex .article-yandex__col {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.article-page .article-yandex .article-yandex__col .podcast {
  width: 672px;
  height: 250px;
  padding: 40px 0px;
}
.article-page .article-yandex .article-yandex__col p {
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 23.8px */
  padding: 40px 0px;
  width: 576px;
}
.article-page .article-content .article-content__col {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.article-page .article-content .article-content__col h2 {
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 31.2px */
  padding-bottom: 20px;
}
.article-page .article-content .article-content__col h3 {
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 21px */
  padding-bottom: 12px;
  padding-top: 20px;
}
.article-page .article-content .article-content__col p {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 21px */
}
.article-page .article-content .article-content__col .article-content__header,
.article-page .article-content .article-content__col .article-content__main-second,
.article-page .article-content .article-content__col .article-content__main-third,
.article-page .article-content .article-content__col .article-content__main-four {
  width: 576px;
  padding: 20px 0px;
}
.article-page .article-content .article-content__col .article-content__header .article-img {
  padding-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.article-page .article-content .article-content__col .article-content__header .article-img span {
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 12.1px */
  color: #B3B3B3;
}
.article-page .article-content .article-content__col .article-content__main-third img {
  padding-bottom: 20px;
  padding-top: 20px;
}
.article-page .article-content .article-content__col .article-content__main-four .article-link {
  display: flex;
  gap: 8px;
  padding-top: 40px;
  padding-bottom: 64px;
}
.article-page .article-content .article-content__col .article-content__main-four .article-link a {
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 11px */
  text-transform: uppercase;
  color: #fff;
  display: flex;
  padding: 4px 5px;
  align-items: center;
  gap: 4px;
  border-radius: 1px;
  background: #BFC6D0;
}
.article-page .article-content .article-content__col .article-content__main-four .article-link a:hover {
  background: #E8E8E8;
}
.article-page .article-same {
  border-top: 1px solid #E8E8E8;
}
.article-page .article-same .article-same__row {
  display: flex;
  justify-content: space-between;
  height: 600px;
}
.article-page .article-same .article-same__row .article-same__col {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 96px 0px 48px 80px;
}
.article-page .article-same .article-same__row .article-same__col .article-same__title {
  font-size: 34px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 34px */
  letter-spacing: -0.68px;
  width: 152px;
}
.article-page .article-same .article-same__row .article-same__col .slider-controls {
  width: 96px;
  height: 42px;
  display: flex;
  align-items: center;
}
.article-page .article-same .article-same__row .article-same__col .slider-controls .slick-prev, .article-page .article-same .article-same__row .article-same__col .slider-controls .slick-next {
  position: initial;
  width: 100px;
  height: 17px;
}
.article-page .article-same .article-same__row .article-same__col .slider-controls .slick-prev:before,
.article-page .article-same .article-same__row .article-same__col .slider-controls .slick-next:before {
  content: "";
}
.article-page .article-same .article-same__row .article-same__col .slider-controls .slick-dots {
  position: initial;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 12px */
  letter-spacing: -0.24px;
  color: #000;
}
.article-page .article-same .article-same__row .article-same__content-row .slick-list.draggable {
  height: 600px;
  border-left: 1px solid #E8E8E8;
}
.article-page .article-same .article-same__row .article-same__content-row .article-same__content .article-same__content-col:hover .article-same__img {
  transform: scale(1.5);
}
.article-page .article-same .article-same__row .article-same__content-row .article-same__content .article-same__content-col {
  display: flex;
  flex-direction: column;
  gap: 68px;
  height: 600px;
  padding: 96px 24px;
  border-right: 1px solid #E8E8E8;
}
.article-page .article-same .article-same__row .article-same__content-row .article-same__content .article-same__content-col .article-same__header {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.article-page .article-same .article-same__row .article-same__content-row .article-same__content .article-same__content-col .article-same__header .article-img {
  width: 290px;
  height: 290px;
  overflow: hidden;
}
.article-page .article-same .article-same__row .article-same__content-row .article-same__content .article-same__content-col .article-same__header .article-img .article-same__img {
  transition: all 1s;
}
.article-page .article-same .article-same__row .article-same__content-row .article-same__content .article-same__content-col .article-same__header h5 {
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 22.1px */
  overflow: hidden;
  text-overflow: ellipsis;
  width: 289px;
  white-space: nowrap;
}
.article-page .article-same .article-same__row .article-same__content-row .article-same__content .article-same__content-col .article-same__content-info .article-same__date-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.article-page .article-same .article-same__row .article-same__content-row .article-same__content .article-same__content-col .article-same__content-info .article-same__date-content .article-same__article-info {
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 11px */
  text-transform: uppercase;
  color: #fff;
  display: flex;
  padding: 4px 5px;
  align-items: center;
  gap: 4px;
  border-radius: 1px;
  background: #BFC6D0;
  position: relative;
  z-index: 2;
}
.article-page .article-same .article-same__row .article-same__content-row .article-same__content .article-same__content-col .article-same__content-info .article-same__date-content .article-same__article-info:hover {
  background: #E8E8E8;
}
.article-page .article-same .article-same__row .article-same__content-row .article-same__content .article-same__content-col .article-same__content-info .article-same__date-content .article-same__date {
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 12.1px */
  color: #333;
}
.article-page .article-same .article-same__row.mob {
  display: none;
}
.article-page .article-same .slick-initialized .slick-slide {
  display: block !important;
}
.article-page .article-recommend {
  border-top: 1px solid #E8E8E8;
}
.article-page .article-recommend .article-recommend__row.mob {
  display: none;
}
.article-page .article-recommend .article-recommend__row {
  display: flex;
  justify-content: space-between;
  height: 600px;
}
.article-page .article-recommend .article-recommend__row .article-recommend__col {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 96px 0px 48px 80px;
}
.article-page .article-recommend .article-recommend__row .article-recommend__col .article-recommend__title {
  font-size: 34px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 34px */
  letter-spacing: -0.68px;
}
.article-page .article-recommend .article-recommend__row .article-recommend__col .slider-controls {
  width: 96px;
  height: 42px;
  display: flex;
  align-items: center;
}
.article-page .article-recommend .article-recommend__row .article-recommend__col .slider-controls .slick-prev, .article-page .article-recommend .article-recommend__row .article-recommend__col .slider-controls .slick-next {
  position: initial;
  width: 100px;
  height: 17px;
}
.article-page .article-recommend .article-recommend__row .article-recommend__col .slider-controls .slick-prev:before,
.article-page .article-recommend .article-recommend__row .article-recommend__col .slider-controls .slick-next:before {
  content: "";
}
.article-page .article-recommend .article-recommend__row .article-recommend__col .slider-controls .slick-dots {
  position: initial;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 12px */
  letter-spacing: -0.24px;
  color: #000;
}
.article-page .article-recommend .article-recommend__row .article-recommend__content-row .slick-list.draggable {
  height: 600px;
  border-left: 1px solid #E8E8E8;
}
.article-page .article-recommend .article-recommend__row .article-recommend__content-row .article-recommend__content .article-recommend__content-col:hover .article-recommend__img {
  transform: scale(1.5);
}
.article-page .article-recommend .article-recommend__row .article-recommend__content-row .article-recommend__content .article-recommend__content-col {
  display: flex;
  flex-direction: column;
  gap: 68px;
  height: 600px;
  padding: 96px 24px;
  border-right: 1px solid #E8E8E8;
}
.article-page .article-recommend .article-recommend__row .article-recommend__content-row .article-recommend__content .article-recommend__content-col .article-recommend__header {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.article-page .article-recommend .article-recommend__row .article-recommend__content-row .article-recommend__content .article-recommend__content-col .article-recommend__header .article-img {
  width: 290px;
  height: 290px;
  overflow: hidden;
}
.article-page .article-recommend .article-recommend__row .article-recommend__content-row .article-recommend__content .article-recommend__content-col .article-recommend__header .article-img .article-recommend__img {
  transition: all 1s;
}
.article-page .article-recommend .article-recommend__row .article-recommend__content-row .article-recommend__content .article-recommend__content-col .article-recommend__header h5 {
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 22.1px */
  overflow: hidden;
  text-overflow: ellipsis;
  width: 289px;
  white-space: nowrap;
}
.article-page .article-recommend .article-recommend__row .article-recommend__content-row .article-recommend__content .article-recommend__content-col .article-recommend__content-info .article-recommend__date-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.article-page .article-recommend .article-recommend__row .article-recommend__content-row .article-recommend__content .article-recommend__content-col .article-recommend__content-info .article-recommend__date-content .article-recommend__article-info {
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 11px */
  text-transform: uppercase;
  color: #fff;
  display: flex;
  padding: 4px 5px;
  align-items: center;
  gap: 4px;
  border-radius: 1px;
  background: #BFC6D0;
}
.article-page .article-recommend .article-recommend__row .article-recommend__content-row .article-recommend__content .article-recommend__content-col .article-recommend__content-info .article-recommend__date-content .article-recommend__article-info:hover {
  background: #E8E8E8;
}
.article-page .article-recommend .article-recommend__row .article-recommend__content-row .article-recommend__content .article-recommend__content-col .article-recommend__content-info .article-recommend__date-content .article-recommend__date {
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 12.1px */
  color: #333;
}
.article-page .article-recommend .slick-initialized .slick-slide {
  display: block !important;
}

@media screen and (max-width: 992px) {
  .article-page .article-main-banner .article-main-banner__col {
    padding: 0;
    width: 100%;
  }
  .article-page .article-main-banner .article-main-banner__col button {
    padding: 24px 26px 0px 26px;
  }
  .article-page .article-main-banner .article-main-banner__col h1 {
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 31.2px */
    width: 100%;
    padding-left: 26px;
    padding-right: 26px;
  }
  .article-page .article-main-banner .article-main-banner__row {
    padding-left: 26px;
  }
  .article-page .article-yandex .article-yandex__col .podcast {
    width: 90%;
    height: 100%;
  }
  .article-page .article-yandex .article-yandex__col p {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 21px */
    width: 100%;
    padding-left: 26px;
    padding-top: 0;
  }
  .article-page .article-content .article-content__col .article-content__header,
  .article-page .article-content .article-content__col .article-content__main-second,
  .article-page .article-content .article-content__col .article-content__main-third,
  .article-page .article-content .article-content__col .article-content__main-four {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .article-page .article-content .article-content__col h3 {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 21px */
    padding-left: 26px;
    padding-right: 26px;
  }
  .article-page .article-content .article-content__col h2 {
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 22.1px */
    padding-left: 26px;
    padding-right: 26px;
  }
  .article-page .article-content .article-content__col p {
    padding-left: 26px;
    padding-right: 26px;
  }
  .article-page .article-content .article-content__col .article-content__main-second p,
  .article-page .article-content .article-content__col .article-content__main-third p,
  .article-page .article-content .article-content__col .article-content__main-four p {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 18.2px */
    padding-left: 26px;
    padding-right: 26px;
  }
  .article-page .article-content .article-content__col .article-content__main-third img {
    width: 100%;
  }
  .article-page .article-content .article-content__col .article-content__header .article-img span {
    padding-left: 26px;
  }
  .article-page .article-content .article-content__col .article-content__header .second {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 18.2px */
    padding-left: 26px;
    padding-right: 26px;
  }
  .article-page .article-content .article-content__col .article-content__main-four .article-link {
    padding-left: 26px;
  }
  .article-page .article-same .article-same__row {
    flex-direction: column;
  }
  .article-page .article-same .article-same__row .article-same__col {
    flex-direction: row;
    padding: 16px 26px;
    align-items: center;
    border-bottom: 1px solid #E8E8E8;
  }
  .article-page .article-same .article-same__row .article-same__col .article-same__title {
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 22.1px */
  }
  .article-page .article-same .article-same__row .article-same__content-row .article-same__content .article-same__content-col {
    padding: 0;
    border: none;
    height: auto;
  }
  .article-page .article-same .article-same__row.des {
    display: none;
  }
  .article-page .article-same .article-same__row.mob {
    display: block;
    height: 100%;
  }
  .article-page .article-same .article-same__row.mob .article-same__content-row.mob {
    padding-top: 26px;
    margin-bottom: 0px;
  }
  .article-page .article-same .article-same__row.mob .article-same__content-row.mob .article-same__content .article-same__content-col .article-same__header h3,
  .article-page .article-same .article-same__row.mob .article-same__content-row.mob .article-same__content .article-same__content-col .article-same__header .article-same__content-info {
    padding: 0px 26px;
    padding-right: 40px;
  }
  .article-page .article-same .article-same__row.mob .article-same__content-row.mob .article-same__content .article-same__content-col .article-same__header .article-img {
    width: 100%;
    height: 50%;
  }
  .article-page .article-same .article-same__row.mob .article-same__content-row.mob .article-same__content .article-same__content-col .article-same__header .article-img .article-same__img {
    width: 100%;
    height: 100%;
  }
  .article-page .article-same .article-same__row.mob .article-same__content-row.mob .slick-list.draggable {
    width: 100%;
    height: 100%;
  }
  .article-page .article-recommend .article-recommend__row {
    flex-direction: column;
  }
  .article-page .article-recommend .article-recommend__row .article-recommend__col {
    flex-direction: row;
    padding: 16px 26px;
    border-bottom: 1px solid #E8E8E8;
    align-items: center;
  }
  .article-page .article-recommend .article-recommend__row .article-recommend__col .article-recommend__title {
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 22.1px */
  }
  .article-page .article-recommend .article-recommend__row .article-recommend__content-row .article-recommend__content .article-recommend__content-col {
    padding: 0;
    border: none;
    height: 100%;
  }
  .article-page .article-recommend .article-recommend__row.mob {
    display: block;
    height: 100%;
  }
  .article-page .article-recommend .article-recommend__row.mob .article-recommend__content-row.mob {
    padding-top: 26px;
    margin-bottom: 0px;
  }
  .article-page .article-recommend .article-recommend__row.mob .article-recommend__content-row.mob .article-recommend__content .article-recommend__content-col .article-recommend__header h3,
  .article-page .article-recommend .article-recommend__row.mob .article-recommend__content-row.mob .article-recommend__content .article-recommend__content-col .article-recommend__header .article-recommend__content-info {
    padding: 0px 26px;
    padding-right: 40px;
  }
  .article-page .article-recommend .article-recommend__row.mob .article-recommend__content-row.mob .article-recommend__content .article-recommend__content-col .article-recommend__header .article-img {
    width: 100%;
    height: 100%;
  }
  .article-page .article-recommend .article-recommend__row.mob .article-recommend__content-row.mob .article-recommend__content .article-recommend__content-col .article-recommend__header .article-img .article-recommend__img {
    width: 100%;
    height: 100%;
  }
  .article-page .article-recommend .article-recommend__row.mob .article-recommend__content-row.mob .slick-list.draggable {
    width: 100%;
    height: 100%;
  }
  .article-page .article-recommend .article-recommend__row.des {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  .slider-controls {
    height: auto !important;
  }
  .slider-controls .slick-prev,
  .slider-controls .slick-next {
    position: relative !important;
    height: 100% !important;
    top: 17px;
  }
}
.post-link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 430.5px;
  height: 553px;
}

.slick-disabled {
  opacity: 0.5;
  cursor: default;
}
.slick-disabled:hover {
  height: 34px !important;
}

.slider.article .slick-arrow:hover {
  transform-origin: 10px 42px;
}/*# sourceMappingURL=article.css.map */