/* Reset and base styles  */
* {
  padding: 0px;
  margin: 0px;
  /* border: none; */
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Links */

a,
a:link,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

/* Common */

aside,
nav,
footer,
header,
section,
main {
  display: block;
}

/* h1, h2, h3, h4, h5, h6, p {
    font-size: inherit;
	font-weight: inherit;
} */

ul,
ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

img,
svg {
  max-width: 100%;
  height: auto;
}

address {
  font-style: normal;
}

/* Form */

input,
textarea,
button,
select {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
}

input::-ms-clear {
  display: none;
}

button,
input[type="submit"] {
  display: inline-block;
  box-shadow: none;
  background-color: transparent;
  background: none;
  cursor: pointer;
}

input:focus,
input:active,
button:focus,
button:active {
  outline: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

label {
  cursor: pointer;
}

legend {
  display: block;
}

.m-wrap {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(39%, #000),
    color-stop(47.5%, #000)
  );
  background: linear-gradient(180deg, #000 39%, #000 47.5%);
  color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: "Roboto", sans-serif;
  max-width: 1600px;
  margin: 0 auto;
}
.m-section {
  padding: 40px 0;
}
@media screen and (min-width: 1280px) {
  .m-section {
    padding: 60px 0;
  }
}
.m-container {
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .m-container {
    max-width: 1024px;
    padding: 0 42px;
  }
}
@media screen and (min-width: 1280px) {
  .m-container {
    max-width: 1280px;
    padding: 0 26px;
  }
}
@media screen and (min-width: 1600px) {
  .m-container {
    max-width: 1600px;
    padding: 0 42px;
  }
}
.m-container-min {
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .m-container-min {
    width: 550px;
  }
}
@media screen and (min-width: 1024px) {
  .m-container-min {
    width: 740px;
  }
}
@media screen and (min-width: 1280px) {
  .m-container-min {
    width: 940px;
  }
}
@media screen and (min-width: 768px) {
  .m-block7__container {
    margin-left: 0;
    max-width: 350px;
  }
  .m-block7__container ._text-left {
    text-align: left;
  }
}
@media screen and (min-width: 1024px) {
  .m-block7__container {
    max-width: 450px;
  }
}
.m-rows .m-container {
  max-width: 1280px;
}
._mb {
  margin-bottom: 40px;
}
@media screen and (min-width: 1024px) {
  ._mb {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1280px) {
  ._mb {
    margin-bottom: 96px;
  }
}
.m-block {
  background: url(//static.mvideo.ru/media/Promotions/Promo_Page/2024/March/haier-s4/assets/1-mob.webp)
    no-repeat center bottom;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .m-block {
    background: url(//static.mvideo.ru/media/Promotions/Promo_Page/2024/March/haier-s4/assets/1.webp)
      no-repeat center bottom;
    background-size: cover;
  }
}
.m-block2 {
  background: #172327;
}
@media screen and (min-width: 1280px) {
  .m-block2 img {
    max-width: 1018px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.m-block3 {
  background: url(//static.mvideo.ru/media/Promotions/Promo_Page/2024/March/haier-s4/assets/3-mob.webp)
    no-repeat center bottom;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .m-block3 {
    background: url(//static.mvideo.ru/media/Promotions/Promo_Page/2024/March/haier-s4/assets/3.webp)
      no-repeat center bottom;
    background-size: cover;
  }
}
.m-block4 {
  background: url(//static.mvideo.ru/media/Promotions/Promo_Page/2024/March/haier-s4/assets/4-mob.webp)
    no-repeat center bottom;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .m-block4 {
    background: url(//static.mvideo.ru/media/Promotions/Promo_Page/2024/March/haier-s4/assets/4.webp)
      no-repeat center bottom;
    background-size: cover;
  }
}
.m-block5 {
  background: url(//static.mvideo.ru/media/Promotions/Promo_Page/2024/March/haier-s4/assets/5-mob.webp)
    no-repeat center bottom;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .m-block5 {
    background: url(//static.mvideo.ru/media/Promotions/Promo_Page/2024/March/haier-s4/assets/5.webp)
      no-repeat center bottom;
    background-size: cover;
  }
}
.m-block6 {
  background: url(//static.mvideo.ru/media/Promotions/Promo_Page/2024/March/haier-s4/assets/6-mob.webp)
    no-repeat center bottom;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .m-block6 {
    background: url(//static.mvideo.ru/media/Promotions/Promo_Page/2024/March/haier-s4/assets/6.webp)
      no-repeat center bottom;
    background-size: cover;
  }
}
.m-block7 {
  background: url(//static.mvideo.ru/media/Promotions/Promo_Page/2024/March/haier-s4/assets/7-mob.webp)
    no-repeat center bottom;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .m-block7 {
    background: url(//static.mvideo.ru/media/Promotions/Promo_Page/2024/March/haier-s4/assets/7.webp)
      no-repeat center bottom;
    background-size: cover;
  }
}
.m-block8 {
  background: url(//static.mvideo.ru/media/Promotions/Promo_Page/2024/March/haier-s4/assets/8-mob.webp)
    no-repeat center bottom;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .m-block8 {
    background: url(//static.mvideo.ru/media/Promotions/Promo_Page/2024/March/haier-s4/assets/8.webp)
      no-repeat center bottom;
    background-size: cover;
  }
}
.m-block9 {
  background: url(//static.mvideo.ru/media/Promotions/Promo_Page/2024/March/haier-s4/assets/9-mob.webp)
    no-repeat center bottom;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .m-block9 {
    background: url(//static.mvideo.ru/media/Promotions/Promo_Page/2024/March/haier-s4/assets/9.webp)
      no-repeat center bottom;
    background-size: cover;
  }
}
.m-block10 {
  background: url(//static.mvideo.ru/media/Promotions/Promo_Page/2024/March/haier-s4/assets/10-mob.webp)
    no-repeat center bottom;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .m-block10 {
    background: url(//static.mvideo.ru/media/Promotions/Promo_Page/2024/March/haier-s4/assets/10.webp)
      no-repeat center bottom;
    background-size: cover;
  }
}
.m-block11 {
  background: url(//static.mvideo.ru/media/Promotions/Promo_Page/2024/March/haier-s4/assets/11-mob.webp)
    no-repeat center bottom;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .m-block11 {
    background: url(//static.mvideo.ru/media/Promotions/Promo_Page/2024/March/haier-s4/assets/11.webp)
      no-repeat center bottom;
    background-size: cover;
  }
}
.m-block12 {
  background: url(//static.mvideo.ru/media/Promotions/Promo_Page/2024/March/haier-s4/assets/12-mob.webp)
    no-repeat center bottom;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .m-block12 {
    background: url(//static.mvideo.ru/media/Promotions/Promo_Page/2024/March/haier-s4/assets/12.webp)
      no-repeat center bottom;
    background-size: cover;
  }
}
.m-block13 {
  background: url(//static.mvideo.ru/media/Promotions/Promo_Page/2024/March/haier-s4/assets/13-mob.webp)
    no-repeat center bottom;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .m-block13 {
    background: url(//static.mvideo.ru/media/Promotions/Promo_Page/2024/March/haier-s4/assets/13.webp)
      no-repeat center bottom;
    background-size: cover;
  }
}
.m-section__content {
  padding-bottom: 350px;
}
@media screen and (min-width: 768px) {
  .m-section__content {
    padding-bottom: 550px;
  }
}
@media screen and (min-width: 1024px) {
  .m-section__content {
    padding-bottom: 850px;
  }
}
@media screen and (min-width: 1280px) {
  .m-section__content {
    padding-bottom: 1050px;
  }
}
.m-descr {
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  text-align: left;
  color: rgba(255, 255, 255, 0.8);
}
@media screen and (min-width: 768px) {
  .m-descr {
    text-align: center;
  }
}
@media screen and (min-width: 1024px) {
  .m-descr {
    font-size: 15px;
    line-height: 150%;
    text-align: center;
  }
}
@media screen and (min-width: 1280px) {
  .m-descr {
    font-size: 16px;
    line-height: 150%;
    text-align: center;
  }
}
.m-block5 .m-descr,
.m-block5 .m-subtitle,
.m-block .m-descr,
.m-block .m-title,
.m-block .m-subtitle {
  text-align: center;
}
.m-quote__descr {
  margin-bottom: 10px;
}
@media screen and (min-width: 1280px) {
  .m-quote__descr {
    margin-bottom: 20px;
  }
}
.m-title {
  font-weight: 700;
  font-size: 28px;
  line-height: 129%;
  text-align: left;
  color: #fff;
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .m-title {
    font-size: 28px;
    line-height: 125%;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1280px) {
  .m-title {
    font-size: 44px;
    line-height: 109%;
    text-align: center;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) {
  .m-block13__container {
    padding-top: 50%;
  }
}
@media screen and (min-width: 768px) {
  .m-block13 .m-section__content {
    padding-bottom: 0;
  }
}
.m-subtitle {
  font-weight: 700;
  font-size: 22px;
  line-height: 127%;
  color: #fff;
  margin-bottom: 20px;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .m-subtitle {
    text-align: center;
  }
}
@media screen and (min-width: 1024px) {
  .m-subtitle {
    font-size: 28px;
    line-height: 125%;
    text-align: center;
  }
}
@media screen and (min-width: 1280px) {
  .m-subtitle {
    font-size: 32px;
    line-height: 125%;
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .m-block11__title,
  .m-block11__descr {
    color: #000;
  }
}
.m-section__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  row-gap: 20px;
}
@media screen and (min-width: 768px) {
  .m-section__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    row-gap: 0;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
  }
  .m-section__row:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1024px) {
  .m-section__row {
    -webkit-column-gap: 80px;
    -moz-column-gap: 80px;
    column-gap: 80px;
  }
}
@media screen and (min-width: 1280px) {
  .m-section__row {
    -webkit-column-gap: 145px;
    -moz-column-gap: 145px;
    column-gap: 145px;
  }
}
.m-section__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 10px;
}
.m-section__title {
  font-weight: 700;
  font-size: 22px;
  line-height: 127%;
  text-transform: uppercase;
  color: #fff;
}
@media screen and (min-width: 1280px) {
  .m-section__title {
    font-size: 32px;
    line-height: 125%;
  }
}
.m-section__subtitle {
  font-weight: 600;
  font-size: 18px;
  line-height: 122%;
  color: #fff;
}
@media screen and (min-width: 1280px) {
  .m-section__subtitle {
    font-size: 22px;
    line-height: 127%;
  }
}
.m-section__descr {
  text-align: left;
}