.news-list-wrap {
  position: relative;
  height: 705px;
  /* 235×3 */
}
@media (max-width: 567px) {
  .news-list-wrap {
    height: auto;
  }
}
@media (min-width: 568px) and (max-width: 767px) {
  .news-list-wrap {
    height: auto;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .news-list-wrap {
    height: auto;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .news-list-wrap {
    height: auto;
  }
}
.news-list-wrap2 {
  /* Второй врап нужен для позиционирования нижних стрелок на мобильных версиях */
  position: relative;
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .news-list-wrap2 {
    padding-bottom: calc(100vw / 1024.0 * 668.0 / 12.0);
  }
}
.news-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.news-list-item {
  overflow: hidden;
}
.news-list-item.item1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 600px;
  height: 705px;
}
.news-list-item.item2 {
  position: absolute;
  right: 0;
  top: 0;
  width: 600px;
  height: 235px;
}
.news-list-item.item3 {
  position: absolute;
  right: 0;
  top: 235px;
  width: 600px;
  height: 235px;
}
@media (max-width: 567px) {
  .news-list-item {
    background-color: #e7e7e7;
  }
  .news-list-item.item1,
  .news-list-item.item2,
  .news-list-item.item3 {
    position: static;
    width: auto;
    height: auto;
  }
}
@media (min-width: 568px) and (max-width: 767px) {
  .news-list-item {
    border-bottom: 12px solid #5f5b59;
  }
  .news-list-item.item1,
  .news-list-item.item2,
  .news-list-item.item3 {
    position: static;
    width: auto;
    height: auto;
  }
  .news-list-item.item3 {
    border-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .news-list-item {
    /* nothing */
  }
  .news-list-item.item1,
  .news-list-item.item2,
  .news-list-item.item3 {
    position: static;
    width: auto;
    height: auto;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .news-list-item {
    border-bottom: 12px solid #5f5b59;
  }
  .news-list-item.item1,
  .news-list-item.item2,
  .news-list-item.item3 {
    position: static;
    width: auto;
    height: auto;
  }
  .news-list-item.item3 {
    border-bottom: 0;
  }
}
.news-list-item-link {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  /* wraps float elements */
  /* reset <a> style */
  font-style: inherit;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
/* Хотя мобильные версии картинок выглядит примерно одинаково, */
/* для десктопов требуется уникальное абсолютное позиционирование каждой картинки. */
/* Так как десктоп у нас по умолчанию, то тут прописаны item1 item2 item3 без @media */
/* и некоторый копипаст для всех мобильных версий. */
.news-list-item-image-wrap {
  overflow: hidden;
}
.news-list-item.item1 .news-list-item-image-wrap {
  width: 600px;
  height: 470px;
  float: none;
}
@media (max-width: 567px) {
  .news-list-item.item1 .news-list-item-image-wrap {
    width: calc(100vw / 6.0 * 6);
    height: calc(100vw / 320.0 * 460.0 / 8.0 * 4);
    float: none;
  }
}
@media (min-width: 568px) and (max-width: 767px) {
  .news-list-item.item1 .news-list-item-image-wrap {
    width: calc(100vw / 12.0 * 5);
    height: calc(100vw / 568.0 * 320.0 / 8.0 * 5);
    float: left;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .news-list-item.item1 .news-list-item-image-wrap {
    width: calc(100vw / 12.0 * 6);
    height: calc(100vw / 768.0 * 924.0 / 16.0 * 5);
    float: left;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .news-list-item.item1 .news-list-item-image-wrap {
    width: calc(100vw / 16.0 * 6);
    height: calc(100vw / 1024.0 * 668.0 / 12.0 * 6);
    float: left;
  }
}
.news-list-item.item2 .news-list-item-image-wrap {
  width: 300px;
  height: 235px;
  float: left;
}
@media (max-width: 567px) {
  .news-list-item.item2 .news-list-item-image-wrap {
    width: calc(100vw / 6.0 * 6);
    height: calc(100vw / 320.0 * 460.0 / 8.0 * 4);
    float: none;
  }
}
@media (min-width: 568px) and (max-width: 767px) {
  .news-list-item.item2 .news-list-item-image-wrap {
    width: calc(100vw / 12.0 * 5);
    height: calc(100vw / 568.0 * 320.0 / 8.0 * 5);
    float: left;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .news-list-item.item2 .news-list-item-image-wrap {
    width: calc(100vw / 12.0 * 6);
    height: calc(100vw / 768.0 * 924.0 / 16.0 * 5);
    float: right;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .news-list-item.item2 .news-list-item-image-wrap {
    width: calc(100vw / 16.0 * 6);
    height: calc(100vw / 1024.0 * 668.0 / 12.0 * 6);
    float: right;
  }
}
.news-list-item.item3 .news-list-item-image-wrap {
  width: 300px;
  height: 235px;
  float: right;
}
@media (max-width: 567px) {
  .news-list-item.item3 .news-list-item-image-wrap {
    width: calc(100vw / 6.0 * 6);
    height: calc(100vw / 320.0 * 460.0 / 8.0 * 4);
    float: none;
  }
}
@media (min-width: 568px) and (max-width: 767px) {
  .news-list-item.item3 .news-list-item-image-wrap {
    width: calc(100vw / 12.0 * 5);
    height: calc(100vw / 568.0 * 320.0 / 8.0 * 5);
    float: left;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .news-list-item.item3 .news-list-item-image-wrap {
    width: calc(100vw / 12.0 * 6);
    height: calc(100vw / 768.0 * 924.0 / 16.0 * 5);
    float: left;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .news-list-item.item3 .news-list-item-image-wrap {
    width: calc(100vw / 16.0 * 6);
    height: calc(100vw / 1024.0 * 668.0 / 12.0 * 6);
    float: left;
  }
}
.news-list-item-image {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
@supports (object-fit: cover) {
  .news-list-item-image {
    object-fit: cover;
    height: 100%;
  }
}
/* Хотя мобильные версии текстов новостей выглядит примерно одинаково, */
/* для десктопов требуется уникальное абсолютное позиционирование каждого текста. */
/* Так как десктоп у нас по умолчанию, то тут прописаны item1 item2 item3 без @media */
/* и некоторый копипаст для всех мобильных версий. */
.news-list-item-text {
  overflow: hidden;
  white-space: pre-wrap;
}
.news-list-item.item1 .news-list-item-text {
  width: 504px;
  /* 600px - padding */
  height: 186px;
  /* 235px - padding */
  padding: 33px 48px 16px 48px;
  float: none;
}
@media (max-width: 567px) {
  .news-list-item.item1 .news-list-item-text {
    width: calc(100vw / 6.0 * 4);
    height: auto;
    padding: calc(100vw / 320.0 * 460.0 / 8.0 * 0.5) calc(100vw / 6.0);
    float: none;
  }
}
@media (min-width: 568px) and (max-width: 767px) {
  .news-list-item.item1 .news-list-item-text {
    width: calc(100vw / 12.0 * 5);
    height: auto;
    padding: calc(100vw / 568.0 * 320.0 / 8.0) calc(100vw / 12.0);
    float: right;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .news-list-item.item1 .news-list-item-text {
    width: calc(100vw / 12.0 * 4);
    height: auto;
    padding: calc(100vw / 768.0 * 924.0 / 16.0) calc(100vw / 12.0);
    float: right;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .news-list-item.item1 .news-list-item-text {
    width: calc(100vw / 16.0 * 8);
    height: auto;
    padding: calc(100vw / 1024.0 * 668.0 / 12.0) calc(100vw / 16.0);
    float: right;
  }
}
.news-list-item.item2 .news-list-item-text {
  width: 204px;
  /* 300px - padding */
  height: 186px;
  /* 235px - padding */
  padding: 33px 48px 16px 48px;
  float: right;
}
@media (max-width: 567px) {
  .news-list-item.item2 .news-list-item-text {
    width: calc(100vw / 6.0 * 4);
    height: auto;
    padding: calc(100vw / 320.0 * 460.0 / 8.0 * 0.5) calc(100vw / 6.0);
    float: none;
  }
}
@media (min-width: 568px) and (max-width: 767px) {
  .news-list-item.item2 .news-list-item-text {
    width: calc(100vw / 12.0 * 5);
    height: auto;
    padding: calc(100vw / 568.0 * 320.0 / 8.0) calc(100vw / 12.0);
    float: right;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .news-list-item.item2 .news-list-item-text {
    width: calc(100vw / 12.0 * 4);
    height: auto;
    padding: calc(100vw / 768.0 * 924.0 / 16.0) calc(100vw / 12.0);
    float: left;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .news-list-item.item2 .news-list-item-text {
    width: calc(100vw / 16.0 * 8);
    height: auto;
    padding: calc(100vw / 1024.0 * 668.0 / 12.0) calc(100vw / 16.0);
    float: left;
  }
}
.news-list-item.item3 .news-list-item-text {
  width: 204px;
  /* 300px - padding */
  height: 186px;
  /* 235px - padding */
  padding: 33px 48px 16px 48px;
  float: left;
}
@media (max-width: 567px) {
  .news-list-item.item3 .news-list-item-text {
    width: calc(100vw / 6.0 * 4);
    height: auto;
    padding: calc(100vw / 320.0 * 460.0 / 8.0 * 0.5) calc(100vw / 6.0);
    float: none;
  }
}
@media (min-width: 568px) and (max-width: 767px) {
  .news-list-item.item3 .news-list-item-text {
    width: calc(100vw / 12.0 * 5);
    height: auto;
    padding: calc(100vw / 568.0 * 320.0 / 8.0) calc(100vw / 12.0);
    float: right;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .news-list-item.item3 .news-list-item-text {
    width: calc(100vw / 12.0 * 4);
    height: auto;
    padding: calc(100vw / 768.0 * 924.0 / 16.0) calc(100vw / 12.0);
    float: right;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .news-list-item.item3 .news-list-item-text {
    width: calc(100vw / 16.0 * 8);
    height: auto;
    padding: calc(100vw / 1024.0 * 668.0 / 12.0) calc(100vw / 16.0);
    float: right;
  }
}
.news-show-wrap2 {
  /* Второй врап нужен для позиционирования нижних стрелок на мобильных версиях */
  /* (хотя вообще-то внутри новости нижних стрелок нету... ну да ладно уже) */
  position: relative;
}
.news-block {
  overflow: hidden;
  /* wrap float fields */
  margin-bottom: 24px;
}
@media (max-width: 567px) {
  .news-block {
    margin-bottom: 0;
  }
}
@media (min-width: 568px) and (max-width: 767px) {
  .news-block {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .news-block {
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .news-block {
    margin-bottom: calc(100vw / 1024.0 * 668.0 / 12.0);
  }
}
.news-block-image-wrap {
  float: left;
  width: 50%;
  height: 470px;
  overflow: hidden;
}
@media (max-width: 567px) {
  .news-block-image-wrap {
    float: none;
    width: 100%;
    height: calc(100vw / 320.0 * 460.0 / 8.0 * 6);
  }
}
@media (min-width: 568px) and (max-width: 767px) {
  .news-block-image-wrap {
    float: none;
    width: calc(100vw / 12.0 * 7);
    height: calc(100vw / 568.0 * 320.0 / 8.0 * 6);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .news-block-image-wrap {
    float: none;
    width: 100%;
    height: calc(100vw / 768.0 * 924.0 / 16.0 * 10);
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .news-block-image-wrap {
    width: calc(100vw / 16.0 * 9);
    height: calc(100vw / 1024.0 * 668.0 / 12.0 * 8);
  }
}
.news-block-image {
  vertical-align: top;
  width: 100%;
}
@supports (object-fit: cover) {
  .news-block-image {
    object-fit: cover;
    height: 100%;
  }
}
.news-block-text {
  white-space: pre-wrap;
  box-sizing: border-box;
  font-size: 13px;
  line-height: 20px;
  width: 50%;
  padding: 33px 48px 16px 48px;
  float: right;
}
@media (max-width: 567px) {
  .news-block-text {
    float: none;
    width: 100%;
    padding: calc(100vw / 320.0 * 460.0 / 8.0) calc(100vw / 6.0);
  }
}
@media (min-width: 568px) and (max-width: 767px) {
  .news-block-text {
    float: none;
    width: 100%;
    padding: calc(100vw / 568.0 * 320.0 / 8.0) calc(100vw / 12.0);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .news-block-text {
    float: none;
    width: 100%;
    padding: calc(100vw / 768.0 * 924.0 / 16.0) calc(100vw / 12.0);
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .news-block-text {
    width: calc(100vw / 16.0 * 7);
    padding: calc(100vw / 1024.0 * 668.0 / 12.0) calc(100vw / 16.0);
  }
}
.news-block-text h1,
.news-block-text h2,
.news-block-text h3,
.news-block-text h4,
.news-block-text h5,
.news-block-text h6 {
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  color: inherit;
  font-weight: 600;
  text-decoration: none;
}
.news-block:nth-child(2n) .news-block-image-wrap {
  float: right;
}
@media (max-width: 567px) {
  .news-block:nth-child(2n) .news-block-image-wrap {
    float: none;
  }
}
@media (min-width: 568px) and (max-width: 767px) {
  .news-block:nth-child(2n) .news-block-image-wrap {
    float: none;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .news-block:nth-child(2n) .news-block-image-wrap {
    float: none;
  }
}
.news-block:nth-child(2n) .news-block-text {
  float: left;
}
@media (max-width: 567px) {
  .news-block:nth-child(2n) .news-block-text {
    float: none;
  }
}
@media (min-width: 568px) and (max-width: 767px) {
  .news-block:nth-child(2n) .news-block-text {
    float: none;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .news-block:nth-child(2n) .news-block-text {
    float: none;
  }
}
.news-prev-btn,
.news-next-btn {
  display: block;
  position: absolute;
  top: 0;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-size: 26px;
  color: #222;
  z-index: 1;
  width: 48px;
  height: 48px;
  line-height: 48px;
  background-color: #dedede;
}
@media (max-width: 567px) {
  .news-prev-btn,
  .news-next-btn {
    width: calc(100vw / 6.0);
    height: calc(100vw / 320.0 * 460.0 / 8.0);
    line-height: calc(100vw / 320.0 * 460.0 / 8.0);
    background-color: rgba(222, 222, 222, 0.5);
  }
}
@media (min-width: 568px) and (max-width: 767px) {
  .news-prev-btn,
  .news-next-btn {
    width: calc(100vw / 12.0);
    height: calc(100vw / 568.0 * 320.0 / 8.0);
    line-height: calc(100vw / 568.0 * 320.0 / 8.0);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .news-prev-btn,
  .news-next-btn {
    width: calc(100vw / 12.0);
    height: calc(100vw / 768.0 * 924.0 / 16.0);
    line-height: calc(100vw / 768.0 * 924.0 / 16.0);
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .news-prev-btn,
  .news-next-btn {
    width: calc(100vw / 16.0);
    height: calc(100vw / 1024.0 * 668.0 / 12.0);
    line-height: calc(100vw / 1024.0 * 668.0 / 12.0);
  }
}
.news-prev-btn:hover,
.news-next-btn:hover {
  color: black;
  background-color: rgba(90, 90, 90, 0.15);
}
.news-prev-btn {
  left: 0;
}
.news-next-btn {
  right: 0;
}
/* Вторая копия кнопок снизу для более удобной мобильной навигации */
.news-prev-btn.mobile-bottom,
.news-next-btn.mobile-bottom {
  top: auto;
  bottom: 0;
  display: none;
}
@media (max-width: 567px) {
  .news-prev-btn.mobile-bottom,
  .news-next-btn.mobile-bottom {
    display: block;
  }
}
@media (min-width: 568px) and (max-width: 767px) {
  .news-prev-btn.mobile-bottom,
  .news-next-btn.mobile-bottom {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .news-prev-btn.mobile-bottom,
  .news-next-btn.mobile-bottom {
    display: block;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .news-prev-btn.mobile-bottom,
  .news-next-btn.mobile-bottom {
    display: block;
  }
}
@media (min-width: 1200px) {
  .quickform.grid-news-list {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 600px;
    height: 235px;
  }
  .quickform.grid-news-list .qi-phone,
  .quickform.grid-news-list .qi-email {
    height: 62px;
  }
  .quickform.grid-news-list .qi-captcha-img,
  .quickform.grid-news-list .qi-captcha {
    height: 63px;
  }
  .quickform.grid-news-list .quickform-dropzone {
    font-size: 13px;
    color: inherit;
    padding: 25px;
    height: 180px;
  }
}
@media (min-width: 1200px) {
  .quickform.grid-news-show .quickform-dropzone-header,
  .quickform.grid-news-show .quickform-dropzone {
    width: 75%;
  }
  .quickform.grid-news-show .quickform-fields {
    width: 25%;
  }
}