@charset "UTF-8";

* {
  padding: 0;
  margin: 0;
  border: 0;
}

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

:focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

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

html,
body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
  font-family: inherit;
}

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

button {
  cursor: pointer;
}

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

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

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

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


.zm-bg {
  background-image: url(../img/zm-bg.jpg);
  background-image: url(../img/zm-bg_new.jpg);
}

.zm-promo {
  background-image: url(../img/zm-promo__bg.jpg);
  padding-top: 247px;
  position: relative;
  padding-bottom: 107px;
  overflow: hidden;
}
.zm-wrap .zm-promo_video {
  background: transparent;
}
.zm-promo:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url(../img/zm-promo_bottom.png);
  height: 182px;
}
.zm-promo__head {
  font-size: 36px;
  text-transform: uppercase;
  max-width: 770px;
  margin: 0 auto;
  background: #000000a8;
  color: #fff;
  text-align: center;
  font-family: "HBlack";
  padding-top: 14px;
  line-height: 119%;
  padding-bottom: 11px;
  margin-bottom: 25px;
  position: relative;
  z-index: 1;
}
.zm-promo__write {
  background-color: #110f16;
  width: 366px;
  height: 51px;
  margin: 0 auto;
  color: #ffffff;
  font-size: 16px;
  text-transform: uppercase;
  font-family: "HLight";
  border: 1px solid #3f3855;
  display: flex;
  align-items: center;
  padding-left: 48px;
  cursor: pointer;
  position: relative;
  margin-bottom: 76px;
}
.zm-promo__write:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/zm-promo2.png);
  width: 51px;
  height: 51px;
}
.zm-promo__write:after {
  content: "";
  position: absolute;
  right: 53px;
  top: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/zm-promo1.png);
  width: 79px;
  height: 51px;
}
.zm-promo__block {
  max-width: 770px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.zm-promo__left {
  position: absolute;
  bottom: 56px;
  width: 100%;
  left: -542px;
  transform: rotate(5deg);
}
.zm-promo__video {
  cursor: pointer;
  position: relative;
  border: 1px solid #f60102;
  max-width: 770px;
  margin: 0 auto;
}

.zm-promo__video_content {
  margin-bottom: 100px;
}

.zm-promo__video img {
  width: 100%;
}
.zm-promo__video svg {
  fill: #d50305;
  width: 115px;
  height: 115px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: 0.2s;
}
.zm-promo__video .lable {
  position: absolute;
  left: -37px;
  top: -5px;
  width: 320px;
}
.zm-promo__video:hover svg {
  transform: scale(1.1);
}
.zm-promo__right {
  position: absolute;
  bottom: 75px;
  width: 100%;
  right: -788px;
  transform: rotate(-5deg);
}

.zm-zvuk {
  background-image: url(../img/zm-zvuk-bg.png);
  background-repeat: no-repeat;
  background-position: top center;
  margin-top: -77px;
  position: relative;
  z-index: 2;
  padding-top: 56px;
  margin-bottom: 80px;
}
.zm-zvuk:before {
  content: url(../img/zm-figure1.png);
  position: absolute;
  left: -12px;
  top: -26px;
}
.zm-zvuk__block {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.zm-zvuk__block:before {
  border: 2px solid #3f3855;
  width: 970px;
  max-width: 100%;
  height: 250px;
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  margin: auto;
  top: 81px;
}
.zm-zvuk__block > div {
  position: relative;
  z-index: 1;
}
.zm-zvuk__left {
  text-align: right;
}
.zm-zvuk__title {
  color: #ffffff;
  font-size: 18px;
  text-transform: uppercase;
  font-family: "HBold";
  margin-bottom: 40px;
  padding-top: 133px;
  line-height: 120%;
}
.zm-zvuk__order button {
  background-color: #3f3855;
  border: 1px solid #615a75;
  color: #ffffff;
  font-size: 16px;
  font-family: "HLight";
  height: 51px;
  width: 266px;
  display: flex;
  align-items: center;
  padding-left: 113px;
  position: relative;
}
.zm-zvuk__order button:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../img/zm-play.png);
  height: 51px;
  width: 73px;
}
.zm-zvuk__img {
  height: 406px;
}
.zm-zvuk__img img {
  max-width: 488px;
}
.zm-zvuk__name {
  color: #ffffff;
  text-transform: uppercase;
  font-family: "HBlack";
  text-align: center;
  font-size: 18px;
  padding-top: 9px;
}
.zm-zvuk .slick-prev:before,
.zm-zvuk .slick-next:before {
  display: none;
}
.zm-zvuk .slick-arrow {
  position: absolute;
  bottom: -20px;
  left: auto;
  text-indent: 0;
}
.zm-zvuk .slick-next {
  right: calc(50% - 215px);
}
.zm-zvuk .slick-prev {
  left: calc(50% - 215px);
}

.zm-why {
  overflow: hidden;
  position: relative;
}
.zm-why:before {
  content: url(../img/zm-figure1.png);
  position: absolute;
  transform: rotate(180deg);
  right: -12px;
  top: 280px;
}
.zm-why__bg {
  background-image: url(https://avatars.mds.yandex.net/get-ydo/3927470/2a0000017a245fc2eafea873a687b5b6e9fb/diploma);
  background-repeat: no-repeat;
  background-position: top center;
  padding-top: 151px;
  padding-bottom: 163px;
}
.zm-why__bg_2 {
  background-image: url(../img/zm-why-bg_2.png);
  background-size: 100%;
}
.zm-why__bg_3 {
  background-image: url(../img/zm-why-bg_3.png);
}
.zm-why__bg_4 {
  background-image: url(../img/zm-why-bg_4.png);
  background-size: 100%;
}

.zm-why__bg_sh {
  background-image: url(../img/shumka/Group-2444-min.png);
  background-repeat: no-repeat;
  background-position: top center;
  padding-bottom: 163px;
}

.zm-why__bg_vin {
  background-image: url(../img/rab-vinil/2F.png);
  background-repeat: no-repeat;
  background-position: top center;
  padding-bottom: 163px;
}
.zm-why__block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 770px;
  margin: 0 auto;
  padding-top: 22px;
}
.zm-why__item {
  flex: 50%;
  position: relative;
  margin-bottom: -5px;
  align-self: flex-start;
}
.zm-why__item:hover svg path {
  fill: #fe5758;
}
.zm-why__item span {
  color: #ffffff;
  font-size: 16px;
  line-height: 26px;
  font-family: "HLight";
  width: 270px;
  display: block;
  background-color: #000000;
  padding: 10px;
  border: 1px solid rgba(224, 1, 4, 0.65);
}
.zm-why__item svg path {
  stroke-width: 2px;
  stroke: #fe5758;
  transition: 0.2s;
}
.zm-why__item i {
  position: absolute;
  top: calc(50% - 21px);
  right: -19px;
}
.zm-why__item i:before {
  content: "";
  position: absolute;
  right: 29px;
  top: 20px;
  background-color: #b20e16;
  height: 1px;
  width: 74px;
}
.zm-why__item:nth-child(odd) {
  text-align: right;
}
.zm-why__item:nth-child(even) {
  margin-top: 91px;
}
.zm-why__item:nth-child(even) span {
  float: right;
}
.zm-why__item:nth-child(even) i {
  left: -19px;
}
.zm-why__item:nth-child(even) i:before {
  left: 29px;
}

.zm-head {
  color: #ffffff;
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
  line-height: 120%;
  margin: 0 auto;
  font-family: "HLight";
}
.zm-head_none {
  visibility: hidden;
}
.zm-head b {
  font-family: "HBlack";
}
.zm-head span {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.zm-head span:before {
  content: "";
  width: 122px;
  height: 36px;
  background-image: url(../img/zm_head_left.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 37px;
  left: -154px;
}
.zm-head span:after {
  content: "";
  width: 122px;
  height: 36px;
  background-image: url(../img/zm_head_right.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 37px;
  right: -154px;
}

.zm-quality {
  background-image: url(../img/zm-quality-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 55px;
}

.zm-quality_sh {
  background-image: url(../img/shumka/sh_bg.png);
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 55px;
}

.zm-quality_2 {
  background-image: url(../img/zm-quality-bg2.png);
}
.zm-quality_3 {
  background-image: url(../img/zm-quality_3.png);
}
.zm-quality__block {
  height: 600px;
  width: 630px;
  position: relative;
  margin: 0 auto;
  margin-top: 64px;
  margin-bottom: 68px;
}
.zm-quality__item {
  position: absolute;
}
.zm-quality__item span {
  font-family: "HLight";
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 40px;
}
.zm-quality__item_1 {
  left: 0;
  top: 0;
}
.zm-quality__item_2 {
  left: 215px;
  top: 0;
}
.zm-quality__item_3 {
  top: 0;
  right: 0;
}
.zm-quality__item_4 {
  left: 109px;
  top: 186px;
}
.zm-quality__item_5 {
  left: 323px;
  top: 186px;
}
.zm-quality__item_6 {
  left: 216px;
  top: 371px;
}
.zm-quality__order {
  display: flex;
  justify-content: center;
}

.zm-btn {
  height: 51px;
  background-color: #3f3855;
  font-size: 16px;
  color: #ffffff;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  padding-left: 35px;
  padding-right: 100px;
  border: 1px solid #615a75;
  position: relative;
  font-family: "HLight";
  transition: 0.2s;
}

.zm-btn:hover {
  box-shadow: inset 0 0 10px 5px rgb(0 0 0 / 30%);
}
.zm-btn:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background-image: url(../img/zm-btn.png);
  height: 51px;
  width: 73px;
}
.zm-btn_black {
  background-color: #191721;
}

.zm-process {
  overflow: hidden;
  color: #ffffff;
  padding-top: 0;
  padding-bottom: 100px;
  position: relative;
}
.zm-process:before {
  content: url(../img/zm-figure1.png);
  position: absolute;
  left: -12px;
  top: -26px;
}
.zm-process__block {
  position: relative;
}
.zm-process__text {
  max-width: 570px;
}
.zm-process__head {
  font-size: 30px;
  text-transform: uppercase;
  font-family: "HLight";
  line-height: 120%;
  position: relative;
  padding-bottom: 31px;
  margin-bottom: 26px;
}
.zm-process__head:after {
  background-color: #5e557d;
  height: 1px;
  width: 100px;
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
}
.zm-process__head b {
  font-family: "HBold";
}
.zm-process__desc {
  font-size: 16px;
  font-family: "HLight";
  line-height: 26px;
  text-align: justify;
}
.zm-process__desc p {
  margin-bottom: 25px;
}
.zm-process__right {
  position: absolute;
  left: 600px;
  top: -43px;
  width: 894px;
}
.zm-process__gallery {
  position: relative;
}
.zm-process__title {
  position: absolute;
  background-color: #21144aa6;
  font-size: 24px;
  text-transform: uppercase;
  font-family: "HLight";
  padding: 13px 27px;
  top: 434px;
  z-index: 2;
  left: 214px;
  height: 51px;
}
.zm-process__slider {
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
}
.zm-process__slider:before {
  content: "";
  position: absolute;
  left: 269px;
  top: 0;
  background-image: url(../img/zm-process_f3.svg);
  height: 564px;
  width: 674px;
}
.zm-process__item {
  position: relative;
  max-width: 100%;
  width: 894px;
}
.zm-process__item:before {
  content: url(../img/zm-process_f1.svg);
  position: absolute;
  right: 133px;
  top: -9px;
}
.zm-process__item:after {
  content: url(../img/zm-process_f2.svg);
  position: absolute;
  right: 133px;
  bottom: -9px;
}
.zm-process__item img {
  max-width: 100%;
  width: 894px;
  height: 464px;
  object-fit: cover;
}
.zm-process .slick-prev:before,
.zm-process .slick-next:before {
  display: none;
}
.zm-process .slick-arrow {
  position: absolute;
  bottom: 77px;
  text-indent: 0;
}
.zm-process .slick-next {
  left: 142px;
}
.zm-process .slick-prev {
  left: 64px;
}

.zm-gallery {
  margin-bottom: 186px;
}
.zm-gallery__block {
  display: flex;
  flex-wrap: wrap;
  padding-left: 75px;
  padding-right: 75px;
  padding-top: 60px;
  margin-bottom: 39px;
}
.zm-gallery__block_1 {
  margin-bottom: 0;
}
.zm-gallery__block_2 {
  padding-top: 0;
  flex-direction: row-reverse;
}
.zm-gallery__left {
  width: 44%;
  padding-left: 15px;
  padding-right: 15px;
}
.zm-gallery__item {
  position: relative;
  height: 282px;
  margin-bottom: 30px;
  display: block;
}
.zm-gallery__item_big {
  height: 594px;
}
.zm-gallery__item:hover .zm-gallery__plus {
  transform: rotate(180deg);
}
.zm-gallery__img {
  height: 100%;
  width: 100%;
}
.zm-gallery__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.zm-gallery__name {
  position: absolute;
  left: 0;
  bottom: 32px;
  color: #ffffff;
  font-size: 16px;
  font-family: "HLight";
  background-color: #21144a94;
  line-height: 120%;
  padding: 13px 16px;
}
.zm-gallery__plus {
  position: absolute;
  right: 21px;
  bottom: 82px;
  transition: 0.5s;
}
.zm-gallery__plus span {
  width: 118px;
  height: 4px;
  border-radius: 5px;
  display: block;
  background: #fff;
}
.zm-gallery__plus span:last-child {
  transform: rotate(90deg);
}
.zm-gallery__right {
  display: flex;
  flex-wrap: wrap;
  width: 56%;
}
.zm-gallery__col {
  padding-left: 15px;
  padding-right: 15px;
  width: 50%;
}
.zm-gallery__order {
  text-align: center;
}

.zm-steps {
  color: #ffffff;
  position: relative;
  margin-bottom: 104px;
}
.zm-steps:before {
  content: url(../img/zm-figure1.png);
  position: absolute;
  left: -12px;
  top: 155px;
}
.zm-steps:after {
  content: url(../img/zm-figure1.png);
  position: absolute;
  right: -12px;
  top: 333px;
  transform: rotate(180deg);
}
.zm-steps__block {
  height: 858px;
  background-image: url(https://gutkat.ru/img/articles/a410.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  position: relative;
  padding-top: 72px;
  margin-top: 37px;
}

.zm-steps__block_sh {
  background-image: url(../img/shumka/Group-2444-min.png);
}

.zm-steps__block_vin {
  background-image: url(../img/rab-vinil/1F.png);
}

.zm-steps__block_2 {
  background-image: url(../img/zm-steps-bg2.png);
}

.zm-steps__block_3 {
  background-image: url(../img/zm-steps-bg3.png);
  background-position: center;
  background-size: contain;
}

.zm-steps__block_4 {
  background-image: url(../img/zm-steps-bg4.png);
  background-position: center;
  background-size: contain;
}

.zm-steps #line {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.zm-steps__stp_1 {
  position: absolute;
  left: 174px;
  top: 0;
}
.zm-steps__stp_1 .zm-steps__number {
  position: absolute;
  left: 137px;
  top: 37px;
}
.zm-steps__stp_1 .zm-steps__ico {
  position: absolute;
  z-index: 1;
  top: 56px;
  left: 36px;
}
.zm-steps__stp_1 .zm-steps__figure {
  position: absolute;
  top: 12px;
}
.zm-steps__stp_1 .zm-steps__figure path {
  transition: 0.2s;
}
.zm-steps__stp_1 .zm-steps__desc {
  position: absolute;
  width: 250px;
  left: 138px;
  top: 104px;
}
.zm-steps__stp_2 {
  position: absolute;
  left: 726px;
  top: 93px;
}
.zm-steps__stp_2 .zm-steps__number {
  position: absolute;
  left: 293px;
  top: 38px;
}
.zm-steps__stp_2 .zm-steps__ico {
  position: absolute;
  z-index: 1;
  top: 110px;
  left: 247px;
}
.zm-steps__stp_2 .zm-steps__figure {
  position: absolute;
  top: 67px;
  left: 211px;
}
.zm-steps__stp_2 .zm-steps__figure path {
  transition: 0.2s;
}
.zm-steps__stp_2 .zm-steps__desc {
  position: absolute;
  width: 250px;
  left: -54px;
  top: 97px;
}
.zm-steps__stp_3 {
  position: absolute;
  left: 324px;
  top: 236px;
}
.zm-steps__stp_3 .zm-steps__number {
  position: absolute;
  left: 347px;
  top: 101px;
}
.zm-steps__stp_3 .zm-steps__ico {
  position: absolute;
  z-index: 1;
  top: 110px;
  left: 247px;
}
.zm-steps__stp_3 .zm-steps__figure {
  position: absolute;
  top: 67px;
  left: 211px;
}
.zm-steps__stp_3 .zm-steps__figure path {
  transition: 0.2s;
}
.zm-steps__stp_3 .zm-steps__desc {
  position: absolute;
  width: 250px;
  left: 347px;
  top: 168px;
}
.zm-steps__stp_4 {
  position: absolute;
  left: 139px;
  top: 448px;
}
.zm-steps__stp_4 .zm-steps__number {
  position: absolute;
  left: -6px;
  top: -15px;
}
.zm-steps__stp_4 .zm-steps__ico {
  position: absolute;
  z-index: 1;
  top: 56px;
  left: 36px;
}
.zm-steps__stp_4 .zm-steps__figure {
  position: absolute;
  top: 12px;
}
.zm-steps__stp_4 .zm-steps__figure path {
  transition: 0.2s;
}
.zm-steps__stp_4 .zm-steps__desc {
  position: absolute;
  width: 250px;
  left: 138px;
  top: 44px;
}
.zm-steps__stp_5 {
  position: absolute;
  left: 659px;
  top: 544px;
}
.zm-steps__stp_5 .zm-steps__number {
  position: absolute;
  left: 148px;
  top: 94px;
}
.zm-steps__stp_5 .zm-steps__ico {
  position: absolute;
  z-index: 1;
  top: 110px;
  left: 247px;
}
.zm-steps__stp_5 .zm-steps__figure {
  position: absolute;
  top: 67px;
  left: 211px;
}
.zm-steps__stp_5 .zm-steps__figure path {
  transition: 0.2s;
}
.zm-steps__stp_5 .zm-steps__desc {
  position: absolute;
  width: 249px;
  left: -51px;
  top: 161px;
}
.zm-steps__stp:hover .zm-steps__figure path {
  stroke: #fe5758;
}
.zm-steps__number {
  color: #ffffff;
  font-size: 16px;
  font-family: "HLight";
  width: 70px;
}
.zm-steps__figure path {
  stroke-width: 2px;
  stroke: #615a75;
}
.zm-steps__desc {
  font-family: "HLight";
  font-size: 16px;
  line-height: 26px;
}
.zm-steps__desc_right {
  text-align: right;
}
.zm-steps__order {
  position: absolute;
  top: 209px;
  left: 116px;
  z-index: 1;
}

.zm-video {
  background-image: url(../img/zm-video_bg.png);
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 70px;
  margin-bottom: 123px;
}

.zm-video_2 {
  background-image: url(../img/zm-video_bg2.png);
}

.zm-video_3 {
  background-image: url(../img/zm-video_bg3.png);
}

.zm-video__block {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  padding-top: 63px;
}
.zm-video__item {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
  width: 50%;
}
.zm-video__item a {
  display: block;
  position: relative;
}
.zm-video__item a svg {
  fill: #d50305;
  width: 75px;
  height: 75px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: 0.2s;
}
.zm-video__item a img {
  height: 305px;
  width: 100%;
  object-fit: cover;
}
.zm-video__item a:after {
  content: "";
  position: absolute;
  right: 11px;
  top: 11px;
  background-image: url(../img/zm-logo.png);
  width: 105px;
  height: 43px;
  background-repeat: no-repeat;
  background-size: contain;
}
.zm-video__item a:hover svg {
  transform: scale(1.2);
}
.zm-video__bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.zm-video__label {
  color: #ffffff;
  font-size: 10px;
  text-transform: uppercase;
  font-family: "HLight";
  margin-bottom: 20px;
}
.zm-rev__title {
  color: #fe5758;
  position: absolute;
  right: 75px;
  top: 0;
  text-align: left;
}
.zm-rev__title:after {
  content: "";
  position: absolute;
  left: -200px;
  top: -120px;
  background-image: url(../img/zm-title_figure.png);
  background-repeat: no-repeat;
  width: 562px;
  height: 313px;
}
.zm-rev__title b {
  color: #fff;
}
.zm-rev__title span {
  z-index: 1;
}
.zm-rev__title span:after,
.zm-rev__title span:before {
  display: none;
}
.zm-rev__item {
  width: 407px;
  transition: 0.2s;
  opacity: 0.3;
  padding-top: 110px;
  padding-bottom: 110px;
  position: relative;
}
.zm-rev__item img {
  width: 100%;
}
.zm-rev__item.slick-center {
  transform: scale(1.6);
  opacity: 1;
}
.zm-rev__item.slick-center:before {
  content: "";
  position: absolute;
  right: 10px;
  top: 101px;
  background-image: url(../img/zm-rev-rec.svg);
  width: 164px;
  height: 16px;
  transform: scale(0.6);
}
.zm-rev__item.slick-center:after {
  content: "";
  position: absolute;
  left: 10px;
  bottom: 101px;
  background-image: url(../img/zm-rev-rec.svg);
  width: 164px;
  height: 16px;
  transform: scale(0.6);
}
.zm-rev__bottom {
  display: flex;
  align-items: center;
  justify-content: center;
}
.zm-rev__bottom a {
  margin: 0 20px;
}
.zm-rev .slick-prev:before,
.zm-rev .slick-next:before {
  display: none;
}
.zm-rev .slick-arrow {
  position: absolute;
  top: calc(50% - 16px);
  left: auto;
  text-indent: 0;
}
.zm-rev .slick-next {
  right: calc(50% - 390px);
}
.zm-rev .slick-prev {
  left: calc(50% - 390px);
}

.zm-inst {
  padding-left: 75px;
  padding-right: 75px;
  padding-top: 189px;
  margin-bottom: 121px;
  overflow: hidden;
}
.zm-inst__block {
  position: relative;
  height: 450px;
}
.zm-inst__item {
  position: absolute;
}
.zm-inst__item img {
  width: 471px;
  height: 283px;
  object-fit: cover;
  border: 10px solid #ffffff;
}
.zm-inst__item:nth-child(1) {
  left: -38px;
  top: 80px;
  transform: rotate(-10deg) scale(0.8);
}
.zm-inst__item:nth-child(2) {
  left: 262px;
  top: 68px;
  transform: rotate(10deg) scale(0.8);
  z-index: 1;
}
.zm-inst__item:nth-child(3) {
  right: 0;
  left: 0;
  margin: auto;
  z-index: 2;
  width: 471px;
  top: 100px;
}
.zm-inst__item:nth-child(4) {
  right: 262px;
  top: 68px;
  transform: rotate(-10deg) scale(0.8);
  z-index: 1;
}
.zm-inst__item:nth-child(5) {
  right: -38px;
  top: 80px;
  transform: rotate(10deg) scale(0.8);
}
.zm-inst__bottom {
  text-align: center;
}

.zm-social {
  margin-bottom: 115px;
  margin-top: 115px;
}
.zm-social__block {
  display: flex;
  justify-content: space-between;
}
.zm-social__item {
  text-align: center;
  position: relative;
  padding-top: 5px;
}
.zm-social__item:hover svg {
  transform: scale(1.1);
}
.zm-social__item:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  background-image: url(../img/zm-social-figure.svg);
  width: 19px;
  height: 17px;
  background-repeat: no-repeat;
  z-index: 1;
}
.zm-social__item svg {
  fill: #72698e;
  width: 105px;
  height: 105px;
  margin-bottom: 20px;
  transition: 0.2s;
}
.zm-social__item span {
  color: #ffffff;
  font-size: 16px;
  text-transform: uppercase;
  font-family: "HLight";
  display: block;
}

.zm-import {
  margin-bottom: 180px;
}
.zm-import__block {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  padding-top: 60px;
  margin-bottom: 60px;
}
.zm-import__col {
  width: calc(100% / 7);
  min-width: 120px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}
.zm-import__item {
  display: block;
  position: relative;
  border: 1px solid #f80001;
}
.zm-import__item img {
  width: 100%;
  height: 210px;
  object-fit: cover;
}
.zm-import__item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.4;
}
.zm-import__item svg {
  fill: #fe5758;
  height: 100px;
  width: 100px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: 0.3s;
}
.zm-import__item:hover svg {
  transform: scale(1.3);
}
.zm-import__bottom {
  text-align: center;
}

.masters-zm:before {
  background-image: url(../img/zm-seo_bottom.png);
}

.zm-seo {
  position: relative;
  padding-bottom: 100px;
}
.zm-seo__desc {
  color: #ffffff;
  font-family: "HLight";
  text-align: justify;
  font-size: 16px;
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 60px;
  line-height: 140%;
}
.zm-seo__desc:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #49425e;
  width: 1px;
  height: calc(100% - 60px);
}
.zm-seo__desc:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #49425e;
  width: 1px;
  height: calc(100% - 60px);
}

.zm-seo__desc h1 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 20px;
}

.zm-seo__desc h2 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 28px;
  margin-bottom: 16px;
}

.zm-seo__desc p {
  margin-bottom: 35px;
}

.zm-seo__desc ul {
  padding-left: 20px;
}

.zm-seo__desc ul li {
  list-style-type: square;
}

.zm-seo__desc a {
  color: #fff;
  text-decoration: underline;
}

.zm-seo__desc table {
  min-width: 100%;
}

.zm-seo__desc table td {
  padding: 10px;
}

.video-box {
  background: #000;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.video-box,
.video-box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 102%;
  pointer-events: none;
}

.zm-bf {
  margin-bottom: 115px;
}

.zm-bf__gallery {
  padding-top: 35px;
  padding-bottom: 40px;
}

.zm-bf__wrap {
}

.zm-bf__block {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.zm-bf__item {
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}

.zm-bf__item img {
  width: 100%;
}

.zm-bf__info {
  text-align: center;
  color: #fff;
  padding-top: 40px;
  max-width: 320px;
  margin: 0 auto;
}

.zm-bf__name {
  font-size: 18px;
  text-transform: uppercase;
  font-family: "HBold";
  margin-bottom: 5px;
}

.zm-bf__desc {
  font-size: 14px;
  text-transform: uppercase;
}

.zm-bf__order {
  text-align: center;
}

.zm-bf .slick-prev:before,
.zm-bf .slick-next:before {
  display: none;
}

.zm-bf .slick-prev {
  left: calc(50% - 200px);
}

.zm-bf .slick-next {
  right: calc(50% - 200px);
  left: auto;
}

.zm-bf .slick-arrow {
  text-indent: 0;
  bottom: 35px;
}

.zm-service {
  color: #ffffff;
  padding-top: 40px;
  margin-bottom: 80px;
}

.zm-service__block {
  padding-top: 21px;
}

.zm-service__item {
  border-top: 1px solid #5e557d;
  border-bottom: 1px solid #5e557d;
  display: flex;
  flex-wrap: wrap;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 8px;
  align-items: center;
  position: relative;
}

.zm-service__item:before {
  content: "";
  position: absolute;
  left: 280px;
  top: -1px;
  width: 180px;
  height: 1px;
  background-color: #fe5758;
}

.zm-service__item:after {
  content: "";
  position: absolute;
  left: 280px;
  bottom: -1px;
  width: 180px;
  height: 1px;
  background-color: #fe5758;
}

.zm-service__img {
  width: 170px;
}

.zm-service__img img {
  width: 100%;
}

.zm-service__title {
  font-size: 16px;
  font-family: "HBold";
  text-transform: uppercase;
  width: 200px;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 120%;
}

.zm-service__desc {
  font-size: 12px;
  line-height: 21px;
  font-family: "HLight";
  border-left: 1px solid #5e557d;
  border-right: 1px solid #5e557d;
  position: relative;
  width: 630px;
  padding-left: 30px;
  padding-right: 30px;
}

.zm-service__price {
  font-family: "HBold";
  font-size: 16px;
  padding-left: 20px;
}

.zm-service__price span {
  font-size: 24px;
}

.zm-content {
  padding-bottom: 100px;
  margin-bottom: 0;
}

.zm-content_mb {
  margin-bottom: 100px;
}

.zm-content .about__title {
  max-width: 1100px;
  margin: 0 auto;
}

.zm-content .about__content {
  background: transparent;
  margin: 0 auto;
}

.zm-content .about__title:before {
  display: none;
}

@media (min-aspect-ratio: 16/9) {
  .video-box {
    height: 300%;
    top: -100%;
  }
}
@media (max-aspect-ratio: 16/9) {
  .video-box {
    width: 300%;
    left: -100%;
  }
}

.zvuk__video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; 
  margin-bottom: 30px;
}

.zvuk__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.big-background {
  background-size: cover;
  background: url(/assets/images/DSC05018.jpg) no-repeat center;
}

@media screen and (max-width: 1600px) {
  .zm-inst__item:nth-child(2),
  .zm-inst__item:nth-child(4) {
    display: none;
  }

  .zm-process:before {
    display: none;
  }

  .zm-promo__center {
    padding-bottom: 100px;
  }

  .zm-promo {
    padding-top: 147px;
  }

  .zm-promo__right {
    bottom: 57px;
    right: -488px;
  }

  .zm-promo__left {
    bottom: 23px;
    left: -261px;
  }
}
@media screen and (max-width: 1200px) {
  .zm-process__right {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
  }

  .zm-process__item,
  .zm-process__text {
    width: 100%;
    max-width: 100%;
  }

  .zm-gallery__plus,
  .zm-steps #line,
  .zm-steps:before,
  .zm-steps:after,
  .zm-steps__order,
  .zm-promo__right,
  .zm-promo__left {
    display: none;
  }

  .zm-steps__figure,
  .zm-steps__number,
  .zm-steps__stp,
  .zm-steps__desc {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    text-align: left;
  }

  .zm-steps__stp {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .zm-steps__number {
    order: 1;
    margin-left: 30px;
  }

  .zm-steps__desc {
    order: 2;
  }

  .zm-steps__ico {
    display: none;
  }

  .zm-steps__figure:before {
    content: "";
    background-repeat: no-repeat;
    background-image: url(../img/lamp.png);
    width: 50px;
    height: 53px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .zm-video__bottom {
    flex-wrap: wrap;
  }
  .zm-video__bottom > div {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
  .zm-video__bottom .social {
    justify-content: center;
  }

  .zm-zvuk__block {
    flex-wrap: wrap;
  }
  .zm-zvuk__block > div {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }

  .zm-zvuk__order button,
  .zm-zvuk__img img {
    margin: 0 auto;
  }

  .zm-zvuk__title {
    padding-top: 0;
  }

  .zm-zvuk__center {
    order: -1;
  }

  .zm-process__block {
    padding-left: 15px;
    padding-right: 15px;
  }

  .zm-service__desc {
    width: 430px;
  }

  .zm-service__block {
    width: 980px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 992px) {
  .zm-head span:after,
  .zm-head span:before {
    display: none;
  }

  .zm-gallery__left,
  .zm-gallery__right {
    width: 100%;
    padding: 0;
  }

  .zm-gallery__left {
    padding-left: 15px;
    padding-right: 15px;
  }

  .video-box {
    display: none;
  }

  .zm-promo__center {
    padding: 0 40px;
  }

  .zm-rev__title {
    display: none;
  }

  .zm-service__block {
    width: 100%;
  }

  .zm-service__title {
    width: calc(100% - 170px);
    padding-right: 0;
  }
  .zm-service__desc {
    width: 100%;
    padding: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    border: none;
  }

  .zm-service__price {
    padding: 0;
  }

  .zm-service__item {
    padding: 15px;
  }
}
@media screen and (max-width: 576px) {
  .zm-wrap .zm-promo_video {
    
    background-image: none;
  }
  .zm-promo__video .lable {
    display: none;
  }

  .zm-promo__video svg {
    width: 50px;
    height: 50px;
  }

  .zm-promo__head {
    font-size: 22px;
  }

  .zm-zvuk__img img {
    max-width: 50%;
  }

  .zm-zvuk__img {
    height: auto;
  }

  .zm-zvuk {
    margin-bottom: 0;
  }

  .zm-zvuk .slick-arrow {
    bottom: 0;
  }

  .zm-zvuk__slider {
    padding-bottom: 50px;
  }

  .zm-social {
    padding-top: 70px;
  }

  .zm-zvuk .slick-prev {
    left: 50px;
  }

  .zm-zvuk .slick-next {
    right: 50px;
  }

  .zm-why__item:nth-child(odd) {
    text-align: center;
  }

  .zm-why__item:nth-child(even) span {
    float: none;
    margin-top: 0;
  }

  .zm-why__item:nth-child(even) {
    margin-top: 0;
  }

  .zm-why__item {
    flex: 100%;
    text-align: center;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
  }

  .zm-why__item i {
    display: none;
  }

  .zm-quality {
    background: transparent;
  }

  .zm-quality__item {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
  }

  .zm-quality__block {
    display: flex;
    width: auto;
    height: auto;
    flex-direction: column;
  }

  .zm-process__title {
    display: none;
  }

  .zm-gallery__block {
    padding-left: 0;
    padding-right: 0;
  }

  .zm-steps__number {
    display: none;
  }

  .zm-steps__desc {
    padding-left: 10px;
  }

  .zm-social__block {
    flex-wrap: wrap;
  }

  .zm-social__item {
    width: 33.3333%;
    margin-bottom: 20px;
  }

  .zm-social__item svg {
    width: 90%;
  }

  .zm-import__item svg {
    width: 50px;
    height: 50px;
  }

  .zm-import__col {
    margin-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .zm-import__block {
    margin-left: -5px;
    margin-right: -5px;
  }

  .zm-video__item {
    width: 100%;
  }

  .zm-inst {
    padding-left: 15px;
    padding-right: 15px;
  }

  .zm-rev__bottom {
    flex-wrap: wrap;
  }
  .zm-rev__bottom a {
    margin-bottom: 20px;
  }

  .zm-btn {
    padding-left: 15px;
  }

  .zm-rev__item.slick-center {
    transform: scale(1);
  }

  .zm-rev__item {
    width: auto;
  }

  .zm-rev__item {
    opacity: 1;
  }

  .zm-steps__figure {
    width: 121px !important;
  }

  .zm-steps__desc {
    width: calc(100% - 121px) !important;
    font-size: 14px;
  }

  .zm-steps__stp {
    justify-content: flex-start;
  }

  .zm-promo__write {
    width: 100%;
  }

  .zm-video__bottom .social {
    display: none;
  }

  .zm-btn {
    font-size: 12px;
  }

  .zm-zvuk {
    overflow: hidden;
  }

  .zm-why__bg {
    padding-bottom: 50px;
  }

  .zm-process {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .zm-gallery__col {
    width: 100%;
  }

  .zm-gallery,
  .zm-steps,
  .zm-import {
    margin-bottom: 50px;
  }

  .zm-video {
    margin-bottom: 0;
  }

  .zm-rev__item {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .zm-inst {
    display: none;
  }

  .zm-video {
    overflow: hidden;
  }

  .zm-process__item img {
    width: 100%;
    height: auto;
  }

  .zm-process .slick-arrow {
    bottom: 0;
  }

  .zm-process__slider {
    padding-bottom: 75px;
  }

  .zm-gallery__item_big {
    height: 282px;
  }

  .zm-promo {
    padding-top: 175px;
  }

  .zm-wrap {
    overflow: hidden;
  }

  .zm-service__title {
    width: 100%;
    padding-left: 0;
    padding-top: 15px;
  }

  .zm-bf {
    padding: 0 15px;
  }

  .zm-bf .slick-prev {
    left: calc(50% - 170px);
  }

  .zm-bf .slick-next {
    right: calc(50% - 170px);
  }

  .zm-bf__item {
    padding-left: 5px;
    padding-right: 5px;
  }

  .zm-bf__block {
    margin-left: -5px;
    margin-right: -5px;
  }
}

.fancybox-content img {
  max-width: 100%;
  max-height: calc(100vh - 100px);
}

.fancybox-content {
  padding: 0;
}

.zm-steps-shumka .zm-steps__block {
  background-image: url(../img/shumka/Group-2434-min.png);
  background-size: contain;
}

.zm-quality-sh {
  background-image: url(../img/shumka/sh_bg.png);
}

.zm-quality-vin {
  background-image: url(../img/rab-vinil/bg-vin-min.png);
}

.zm-zvuk-sh {
  background: none;
}