/* Start:/local/templates/zamm_2024_wide/css/heading.min.css?17302186278187*/
.heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  margin-bottom: 96px
}

.heading .label {
  position: absolute;
  top: -15px;
  left: 15px;
  z-index: 2
}

.heading__left {
  background: var(--yellow);
  padding: 24px 16px;
  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-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

.heading__right {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.heading__centered {
  margin-top: auto
}

.heading__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.heading__text .h1,.heading__text h1 {
  font-size: clamp(2rem,5vw,4rem)
}

.heading__descr {
  max-width: 500px;
  font-size: .875rem
}

.heading__button {
  margin-top: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  gap: 6px
}

.heading__tile {
  position: relative;
  height: 100%;
  margin: 0
}

.heading__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  min-height: 351px
}

.heading__icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1
}

.heading__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 8px
}

.heading__tag {
  font-size: .8125rem;
  text-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
  padding: 0 9px;
  line-height: 1;
  margin-right: 8px;
  border-radius: 40px;
  background: rgba(255,255,255,.3);
  text-decoration: none;
  white-space: nowrap
}

.text-white .heading__tag {
  color: var(--white)!important
}

.heading__views {
  font-size: .8125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.heading__views svg {
  width: 20px;
  height: 20px;
  margin-right: 6px;
  fill: currentColor
}

.heading._singlecol {
  margin-bottom: 16px
}

.heading._singlecol .breadcrumbs {
  margin-top: 0
}

.heading._singlecol .heading__left {
  z-index: 1;
  background: 0 0;
  background: -webkit-gradient(linear,left bottom,left top,from(rgba(53,45,33,.5)),to(rgba(0,0,0,0)));
  background: -o-linear-gradient(bottom,rgba(53,45,33,.5) 0,rgba(0,0,0,0) 100%);
  background: linear-gradient(0deg,rgba(53,45,33,.5) 0,rgba(0,0,0,0) 100%);
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0
}

.heading._singlecol .heading__text {
  margin-right: 0
}

.heading._singlecol .heading__text p {
  font-size: 1.125rem;
  line-height: 1.2
}

.heading._singlecol .heading__tile {
  position: static
}

.heading._singlecol .heading__tile a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.heading._singlecol .heading__image {
  min-height: 593px
}

.heading._high .heading__left {
  top: 0;
  padding: 45px 24px 40px
}

.heading._high .heading__text {
  max-width: 487px;
  text-align: center
}

.heading._high .heading__button {
  width: 100%;
  max-width: 327px;
  margin-top: auto
}

.heading._high .heading__image {
  min-height: 550px
}

.heading._video {
  position: relative;
  min-height: 540px
}

.heading._video .heading__left {
  background: 0 0
}

.heading._video .heading__right {
  position: absolute;
  width: 100%;
  height: 100%;
  max-height: none
}

.heading._video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.heading._video .heading__text {
  max-width: 400px!important;
  text-align: center
}

.heading._video .heading__button {
  width: 100%;
  max-width: 327px;
  margin: 0
}

.heading._image-only {
  min-height: auto;
  height: 400px;
  margin-bottom: 40px
}

.heading._image-only img,.heading._image-only picture {
  height: 100%
}

.heading._image-inside {
  min-height: 477px
}

.heading._image-inside .heading__right {
  padding: 0;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

.heading._image-inside .heading__text {
  max-width: 487px;
  text-align: center;
  margin-bottom: 40px
}

.heading._image-inside .heading__text .h1,.heading._image-inside .heading__text h1 {
  font-weight: 700;
  font-size: clamp(2rem,5vw,4rem)!important
}

.heading._image-inside .heading__button {
  width: 100%;
  max-width: 327px;
  margin-top: auto
}

.heading._image-inside .heading__image {
  min-height: auto
}

.heading._image-inside .heading__image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

@media (min-width: 768px) {
  .heading {
      margin-top:16px
  }

  .heading__left {
      padding: 26px 24px 32px
  }

  .heading__centered {
      margin: auto 0
  }

  .heading__text {
      margin-right: 85px
  }

  .heading__button {
      margin-top: 27px
  }

  .heading._singlecol .heading__image {
      min-height: 647px
  }

  .heading._video {
      min-height: 307px
  }

  .heading._image-inside {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row
  }

  .heading._image-inside .heading__left {
      width: 50%;
      padding: 64px 16px 16px
  }

  .heading._image-inside .heading__right {
      padding: 16px 16px 16px 0
  }

  .heading._image-inside .heading__text {
      max-width: none;
      text-align: left
  }
}

@media (min-width: 1024px) {
  .heading {
      min-height:480px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      margin-bottom: 8px
  }

  .heading__left {
      width: 420px;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      padding: 40px 24px 24px;
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0
  }

  .heading__right {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1
  }

  .heading__text {
      margin-right: 35px
  }

  .heading__descr {
      font-size: 1.125rem
  }

  .heading__button {
      margin-top: auto
  }

  .heading__icons {
      -webkit-box-ordinal-group: unset;
      -ms-flex-order: unset;
      order: unset
  }

  .heading._singlecol .breadcrumbs {
      margin-top: -16px;
      margin-bottom: 13px
  }

  .heading._singlecol .heading__left {
      position: static;
      padding-top: 48px;
      background: -webkit-gradient(linear,left top,right top,from(rgba(53,45,33,.5)),to(rgba(0,0,0,0)));
      background: -o-linear-gradient(left,rgba(53,45,33,.5) 0,rgba(0,0,0,0) 100%);
      background: linear-gradient(90deg,rgba(53,45,33,.5) 0,rgba(0,0,0,0) 100%)
  }

  .heading._singlecol .heading__image {
      min-height: auto;
      position: absolute;
      top: 0;
      left: 0
  }

  .heading._high {
      min-height: 532px
  }

  .heading._high .heading__left {
      width: 50%;
      padding-left: 32px;
      padding-right: 0;
      padding-bottom: 48px
  }

  .heading._high .heading__text {
      max-width: none;
      text-align: left
  }

  .heading._high .heading__button {
      width: auto
  }

  .heading._high .heading__image {
      min-height: auto
  }

  .heading._video {
      min-height: 420px
  }

  .heading._video .heading__text {
      margin: 0!important;
      text-align: left!important
  }

  .heading._video .heading__button {
      margin: 0;
      width: auto
  }

  .heading._image-inside .heading__button {
      width: auto
  }
}

@media (min-width: 1280px) {
  .heading._video {
      min-height:525px
  }

  .heading._image-inside .heading__left {
      padding: 78px 50px 50px
  }
}

@media (min-width: 1440px) {
  .heading {
      min-height:520px
  }

  .heading__left {
      width: 520px
  }

  .heading._video {
      min-height: 595px
  }
}

@media (min-width: 1620px) {
  .heading__left {
      width:600px
  }

  .heading__right {
      max-height: 610px
  }

  .heading._video {
      min-height: 674px
  }

  .heading._image-inside .heading__left {
      width: 750px
  }
}

@media (min-width: 1920px) {
  .heading._video {
      min-height:775px
  }
}

@media (max-width: 1023px) {
  .heading__button .btn {
      width:50%
  }

  .heading._high .breadcrumbs__list {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
  }

  .heading._high .heading__left {
      background: -webkit-gradient(linear,left top,left bottom,from(rgba(53,45,33,.5)),to(rgba(0,0,0,0)));
      background: -o-linear-gradient(top,rgba(53,45,33,.5) 0,rgba(0,0,0,0) 100%);
      background: linear-gradient(180deg,rgba(53,45,33,.5) 0,rgba(0,0,0,0) 100%)
  }

  .heading._high .heading__text {
      margin-left: auto;
      margin-right: auto
  }

  .heading._high .heading__button {
      margin-left: auto;
      margin-right: auto
  }

  .heading._high .heading__button .btn {
      width: 100%
  }

  .heading._video .heading__text {
      margin-left: auto;
      margin-right: auto
  }

  .heading._video .heading__button {
      margin-left: auto;
      margin-right: auto
  }

  .heading._video .heading__button .btn {
      width: 100%
  }

  .heading._image-inside .heading__button {
      margin-left: auto;
      margin-right: auto
  }

  .heading._image-inside .heading__button .btn {
      width: 100%
  }
}

@media (max-width: 767px) {
  .heading__button .btn {
      width:100%
  }

  .heading._image-inside .heading__text {
      margin-left: auto;
      margin-right: auto
  }
}

@media (max-width: 424px) {
  .heading__text .h1,.heading__text h1 {
      font-size:9.5vw!important
  }
}

/* End */


.manufacture-page .h2 {
  margin-bottom: 24px;
}

.manufacturing-carousel {
  --f-carousel-dots-width: 22px;
  --f-carousel-slide-width: 100%;
  --f-carousel-spacing: 12px;
  margin-bottom: 110px!important
}

.manufacturing-carousel img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
  max-height: 360px
}

.manufacturing-carousel__descr {
  margin-top: 8px;
  padding: 8px;
  border-left: 1px solid var(--black10);
  color: var(--black60);
  max-width: 511px;
  font-size: .875rem;
  line-height: 1.3
}

.manufacturing-carousel .f-carousel__dots {
  margin-top: 16px!important
}

.manufacturing-carousel .f-carousel__dot {
  width: 16px;
  height: 5px;
  border-radius: 24px
}

.manufacturing-carousel li.is-current .f-carousel__dot {
  background-color: var(--black60)
}

@media (min-width: 577px) {
  .manufacturing-carousel {
      --f-carousel-spacing:16px;
      --f-carousel-slide-width: calc(50% - 16px / 2)
  }
}

@media (min-width: 768px) {
  .manufacturing-carousel img {
      aspect-ratio:auto;
      height: 360px;
      max-height: none
  }
}

@media (min-width: 1024px) {
  .manufacturing-carousel {
      --f-carousel-slide-width:auto
  }

  .manufacturing-carousel img {
      width: auto;
      height: auto
  }
}

.block-process {
  position: relative;
  height: 544px;
  margin-bottom: 110px
}

.block-process__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.block-process__bg img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%
}

.process-carousel {
  --f-carousel-slide-width: 100%;
  --f-carousel-spacing: 12px;
  position: absolute;
  right: 12px;
  left: 12px;
  bottom: 12px;
  z-index: 1;
}

.process-carousel .f-carousel__slide {
  background: var(--white);
  border-radius: 4px;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.process-carousel .f-progress {
  top: auto;
  bottom: 12px;
  left: 12px;
  right: 12px
}

.process-carousel__counter {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: .8125rem;
  opacity: .5
}

.process-carousel__header {
  font-weight: 700;
  margin-bottom: 12px;
  margin-right: 30px
}

.process-carousel__body {
  opacity: .8;
  margin-bottom: 16px
}

@media (min-width: 768px) {
  .process-carousel {
      right:16px;
      left: 16px;
      bottom: 16px
  }

  .process-carousel .f-progress {
      left: 16px;
      right: 16px
  }
}

@media (min-width: 1024px) {
  .block-process {
      height:600px
  }

  .process-carousel {
      --f-carousel-slide-width: calc(50% - (12px / 2) + 0.1px)
  }

  .process-carousel .f-carousel__slide {
      padding: 32px 16px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row
  }

  .process-carousel .f-progress {
      bottom: 8px;
      left: 12px;
      right: 12px
  }

  .process-carousel__counter {
      top: 12px;
      left: 16px
  }

  .process-carousel__header {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 160px;
      flex: 0 0 160px;
      font-size: 1.25rem;
      line-height: 1.2;
      font-weight: 500;
      margin: 0
  }

  .process-carousel__body {
      margin-left: 20px;
      width: 372px
  }
}

/* Start:/local/templates/zamm_2024_wide/css/tiles.min.css?17302186274220*/
.tiles {
  margin-bottom: 50px
}

.tiles__block .tile__image {
  border-radius: 2px
}

.tiles__simple {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[1];
  grid-template-columns: repeat(1,1fr);
  gap: 16px;
  margin-top: 8px
}

.tiles__simple .tile {
  margin: 0
}

.tile {
  position: relative;
  height: 100%;
  margin-bottom: 12px;
  overflow: hidden
}

.tile>a {
  display: block;
  width: 100%;
  height: 100%
}

.tile a {
  text-shadow: none
}

.tile__f,.tile__h {
  position: absolute;
  z-index: 1;
  color: var(--white);
  top: 12px;
  left: 12px;
  right: 12px
}

.tile__h {
  word-wrap: break-word
}

.tile__h a {
  color: inherit;
  text-decoration: none
}

.tile__h::before {
  content: "";
  display: block;
  position: absolute;
  left: -12px;
  right: -12px;
  top: -12px;
  height: 144px;
  opacity: .5;
  background: -webkit-gradient(linear,left top,left bottom,from(rgba(53,45,33,.7)),to(rgba(0,0,0,0)));
  background: -o-linear-gradient(top,rgba(53,45,33,.7) 0,rgba(0,0,0,0) 100%);
  background: linear-gradient(180deg,rgba(53,45,33,.7) 0,rgba(0,0,0,0) 100%);
  z-index: -1
}

.tile__f {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  top: auto!important;
  bottom: 12px
}

.tile__f .note {
  font-size: .875rem;
  line-height: 1.3;
  margin: 0 0 -10px -10px;
  max-width: 527px;
  padding-left: 18px
}

.tile__f .note::before {
  width: 1px
}

.tile__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.tile__icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px
}

.tile__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 8px
}

.tile__tag {
  font-size: .8125rem;
  text-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
  padding: 0 9px;
  line-height: 1;
  margin-right: 8px;
  border-radius: 40px;
  background: rgba(255,255,255,.3);
  text-decoration: none;
  white-space: nowrap
}

.tile__views {
  font-size: .8125rem;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: .5
}

.tile__views svg {
  width: 20px;
  height: 20px;
  margin-right: 6px;
  fill: currentColor
}

.tile_shadow-bottom::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 144px;
  opacity: .5;
  background: -webkit-gradient(linear,left bottom,left top,from(rgba(53,45,33,.7)),to(rgba(0,0,0,0)));
  background: -o-linear-gradient(bottom,rgba(53,45,33,.7) 0,rgba(0,0,0,0) 100%);
  background: linear-gradient(0deg,rgba(53,45,33,.7) 0,rgba(0,0,0,0) 100%)
}

@media (min-width: 577px) {
  .tiles__block {
      display:-ms-grid;
      display: grid;
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2,1fr);
      grid-auto-rows: 6vw;
      grid-auto-rows: 6dvw;
      grid-gap: 16px;
      margin-bottom: 16px
  }

  .tiles__block .tile:nth-child(1) {
      -ms-grid-row: 1;
      -ms-grid-row-span: 4;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-area: 1/1/5/2
  }

  .tiles__block .tile:nth-child(2) {
      -ms-grid-row: 1;
      -ms-grid-row-span: 7;
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-area: 1/2/8/3
  }

  .tiles__block .tile:nth-child(3) {
      -ms-grid-row: 5;
      -ms-grid-row-span: 7;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-area: 5/1/12/2
  }

  .tiles__block .tile:nth-child(4) {
      -ms-grid-row: 8;
      -ms-grid-row-span: 4;
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-area: 8/2/12/3
  }

  .tiles__simple {
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2,1fr)
  }

  .tiles__simple .tile {
      min-height: 418px
  }
}

@media (min-width: 768px) {
  .tile {
      margin:0
  }
}

@media (min-width: 1024px) {
  .tiles__block {
      display:-webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 0 -8px;
      grid-gap: 0
  }

  .tiles__block .tile:nth-child(4n+1) {
      width: calc(67% - 16px);
      height: 480px
  }

  .tiles__block .tile:nth-child(4n+2) {
      width: calc(33% - 16px);
      height: 480px
  }

  .tiles__block .tile:nth-child(4n+3),.tiles__block .tile:nth-child(4n+4) {
      width: calc(50% - 16px);
      height: 616px
  }

  .tiles__simple {
      -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3,1fr)
  }

  .tiles__simple .tile {
      min-height: 480px
  }

  .tile {
      margin: 8px
  }

  .tile__f,.tile__h {
      top: 19px;
      left: 24px
  }

  .tile__h::before {
      top: -19px;
      left: -24px
  }

  .tile__f {
      bottom: 19px
  }

  .tile__f .note {
      margin: 0 0 -11px -16px
  }

  .tile__image {
      max-height: none
  }
}

@media (min-width: 1620px) {
  .tiles__block .tile:nth-child(4n+1) {
      height:580px
  }

  .tiles__block .tile:nth-child(4n+2) {
      height: 580px
  }

  .tiles__simple {
      -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4,1fr)
  }

  .tiles__simple .tile {
      min-height: auto;
      height: 450px
  }
}

/* End */