.content__container {
  padding:0 1.25rem;
  max-width:1920px;
  margin-inline:auto;
}

.header {
  position:relative;
  max-width:1920px;
  margin-inline:auto;
  border-bottom-left-radius:1.85rem;
  border-bottom-right-radius:1.85rem;
  overflow:hidden
}
.header__sticky {
  margin-top:10px;
  padding:0 1.25rem;
  max-width:1920px;
  margin-inline:auto;
  z-index:99;
  transition:.5s transform,.5s opacity;
}
.header__sticky .header__container {
  background-color:#56634fbf;
  border-radius:.625rem;
  padding:.625rem 1.25rem
}
.header__sticky.is-visible {
  transform:translateY(0);
  opacity:1;
  visibility:visible
}
.header__wrapper {
  position:absolute;
  inset:0;
  padding:.625rem 1.25rem
}
.header__container {
  font-family:Mulish,sans-serif;
  font-weight:200
}
.header__info {
  display:flex;
  justify-content:space-between;
  align-items:center
}
.header__logo {
  width:6.6875rem;
  height:auto;
  transition:.25s filter
}
.header__logo:hover {
  filter:brightness(.85)
}
.header__maps {
  display:flex;
  align-items:center;
  gap:.625rem;
  text-decoration:none;
  color:inherit;
  transition:.25s filter
}
.header__maps:hover {
  filter:brightness(.85)
}
.header__maps-icon {
  width:7.375rem;
  height:auto
}
.header__maps-rating {
  display:flex;
  align-items:center;
  gap:.3125rem;
  font-size:.875rem
}
.header__stars {
  display:flex;
  gap:2px
}
.header__stars img {
  width:.95rem
}
.header__bg-call img {
  width:2.58rem;
  height:1.703rem
}
.header__contacts {
  display:flex;
  align-items:center;
  gap:1.25rem;
  font-size:1.125rem;
  font-weight:400
}
.header__contacts-link {
  display:flex;
  align-items:center;
  gap:.3125rem;
  text-decoration:none;
  color:inherit;
  transition:.25s filter
}
.header__contacts-link:hover {
  filter:brightness(.85)
}
.header__contacts-link img {
  width:.9375rem
}
.header__socials {
  display:flex;
  gap:.3125rem;
  align-items:center
}
.header__socials img {
  width:1.5625rem;
  display:block;
  image-rendering:-webkit-optimize-contrast;
  transform:translateZ(0);
  transition:.25s filter
}
.header__socials img:hover {
  filter:brightness(.85)
}
.header__cta {
  position:relative;
  background:linear-gradient(135deg,#57b031,#4fae39,#3eabd1,#00a19a);
  border:none;
  cursor:pointer;
  overflow:hidden;
  color:#fff;
  z-index:1
}
.header__cta:before {
  content:"";
  position:absolute;
  inset:0;
  background:#00a19a;
  opacity:0;
  transition:opacity .3s ease;
  z-index:-1
}
.header__cta:hover:before {
  opacity:1
}
.header__cta>* {
  position:relative;
  z-index:2
}
.header__cta {
  padding:.4375rem .8125rem;
  font-size:.875rem;
  border-radius:.375rem;
  font-family:inherit
}
.header__cta:before {
  border-radius:.375rem
}
.header__bg-call {
  display:flex;
  align-items:center;
  justify-content:center
}
.header__bg-call svg {
  width:2.545rem;
  height:2.545rem
}
.header__hr {
  width:100%;
  background-color:#ffffff4d;
  height:1px;
  margin:.375rem 0 .625rem
}
.header__nav {
  position:relative;
  z-index:3
}
.header__nav-list {
  display:flex;
  justify-content:space-between;
  list-style:none
}
.header__nav-item {
  text-decoration:none;
  color:inherit;
  font-size:1rem;
  display:flex;
  align-items:center;
  gap:.4375rem;
  cursor:pointer;
  transition:.25s color
}
.header__nav-item:hover {
  color:#d2d2d2
}
.header__nav-item .menu-open {
  transform-origin:center;
  transition:transform .25s ease;
  display:inline-block;
  height:.875rem;
  width:.875rem;
  flex-shrink:0;
  backface-visibility:hidden;
  -webkit-font-smoothing:antialiased
}
.header__nav-item--has-menu:hover .menu-open {
  transform:rotate(45deg)
}
.header__nav-item--has-menu:hover .production-menu {
  opacity:1;
  visibility:visible
}
.header__main {
  z-index:2;
  width:fit-content;
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:2.5rem;
  margin-top:2.625rem
}
.header__main-title {
  font-size:4.0625rem;
  font-weight:400;
  text-transform:uppercase;
  line-height:.9;
  animation:fadeInLeft .8s ease-out forwards;
  opacity:0
}
.header__main-title span {
  font-weight:800
}
.header__main-description {
  font-size:1.5625rem;
  animation:fadeInLeft .8s ease-out .2s forwards;
  opacity:0
}
.header__interactive-image {
  position:absolute;
  right:-1.5%;
  bottom:0;
  z-index:1;
  animation:slideInRight 1.2s cubic-bezier(.25,.46,.45,.94) forwards;
  opacity:0
}
.header__interactive-image img {
  display:block;
  width:auto;
  height:37.5625rem;
  clip-path:inset(1px 0 0 20px)
}
.header__interactive-image--mobile {
  display:none;
  width:100%
}
.header__interactive-image--mobile object {
  display:block;
  width:100%;
  clip-path:inset(1px 0 0 20px)
}
.header__breadcrumb {
  margin-top:1.25rem;
  font-size:.8125rem
}
@keyframes fadeInLeft {
  0% {
  opacity:0;
  transform:translate(-30px)
}
to {
  opacity:1;
  transform:translate(0)
}
}
@keyframes slideInRight {
  0% {
  opacity:0;
  transform:translate(50px)
}
to {
  opacity:1;
  transform:translate(0)
}
}
.production-menu {
  position:absolute;
  top:100%;
  margin-top:1rem;
  left:50%;
  transform:translate(-50%);
  width:48rem;
  background:#fff;
  border-radius:.625rem;
  padding:1.25rem;
  box-shadow:0 10px 30px #0000001a;
  opacity:0;
  visibility:hidden;
  transition:all .3s ease;
  z-index:100;
  cursor:default
}
.production-menu__grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:.9375rem
}
.production-menu__item {
  display:flex;
  align-items:start;
  gap:.75rem;
  transition:opacity .2s;
  cursor:pointer
}
.production-menu__item:hover {
  opacity:.7
}
.production-menu__icon {
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center
}
.production-menu__icon img {
  cursor:pointer;
  width:1.5625rem;
  height:1.5625rem
}
.production-menu__title {
  font-family:Manrope,sans-serif;
  font-size:.8125rem;
  font-weight:500;
  color:#333;
  line-height:.9;
  margin-bottom:.1875rem;
  height:1.8em;
  display:flex;
  align-items:center
}
.production-menu__subtitle {
  font-family:Mulish,sans-serif;
  font-size:.625rem;
  color:#828282;
  font-weight:400;
  line-height:.8
}
.contact {
  color:#000;
  padding:0 1.25rem;
  margin-top:4.375rem;
  max-width:1920px;
  margin-inline:auto
}
.contact__map-image {
  border-radius:15px
}
.contact__content {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:.625rem
}
.contact__card {
  position:relative;
  background-color:#f5f5f5;
  border-radius:15px;
  padding:1.875rem;
  overflow:hidden
}
.contact__card-bg {
  position:absolute;
  inset:1.875rem 3.125rem;
  width:calc(100% - 6.25rem);
  height:calc(100% - 3.75rem);
  pointer-events:none;
  object-fit:contain;
  object-position:right bottom
}
.contact__card-title {
  font-size:3.85rem;
  font-weight:500
}
.contact__card-contacts {
  display:flex;
  flex-direction:column;
  gap:1.25rem;
  margin-top:3.125rem
}
.contact__card-contact {
  display:flex;
  flex-direction:column;
  gap:.625rem
}
.contact__card-contact-name {
  color:#21212180;
  font-size:1rem
}
.contact__card-contact-value {
  font-size:1.5625rem
}
.production {
  color: #000;
  padding: 0 1.25rem;
  margin-top: 4.375rem;
  max-width: 1920px;
  margin-inline: auto;
}
.production__cards {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.production__card {
  background-color: #F5F5F5;
  border-radius: 0.9375rem;
  padding: 0.9375rem;
  height: 23.75rem;
  display: flex;
  gap: 0.625rem;
}
.production__card:nth-child(even) {
  flex-direction: row-reverse;
}
.production__card-image {
  border-radius: 0.625rem;
}
.production__card-main {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.production__card-info {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}
.production__card-title {
  font-size: 2.8125rem;
  font-weight: 500;
  color: #212121;
}
.production__card-description {
  font-size: 1rem;
}
.production__card-link {
  position: relative;
  width: fit-content;
  display: block;
  padding: 0.75rem;
  padding-inline: 6.25rem;
  font-size: 1.1875rem;
  color: white;
  border: none;
  border-radius: 300px;
  background: linear-gradient(50deg, #57B031, #4FAE39, #3BAB51, #1BA578, #00A19A);
  cursor: pointer;
  transition: 0.3s opacity;
}
.production__card-link-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2.625rem;
  width: 2.625rem;
  background-color: rgba(255, 255, 255, 0.13);
  border-radius: 50%;
  padding: 0.5625rem;
}
.production__card-link-icon img {
  height: 1.25rem;
  width: 1.25rem;
}
.production__card-link-icon--static {
  height: 2.625rem;
  width: 2.625rem;
}
.mobile,.mobile-flex {
  display:none
}
@media(max-width:768px) {
  .desktop {
  display:none
}
.mobile {
  display:block
}
.mobile-flex {
  display:flex
}
.popup {
  padding:0 1.25rem
}
.popup__right {
  display:none
}
.popup__form-submit {
  width:100%
}
.du__card {
  border-bottom-left-radius:15px;
  border-bottom-right-radius:15px
}
.du__info {
  padding:2.036rem
}
.du__info-title {
  font-size:3.054rem
}
.du__info-flex-s svg {
  height:4.072rem;
  width:4.072rem
}
.du__content {
  max-height:55vh;
  overflow-y:auto
}
.du__content p {
  font-size:1.425rem
}
.cert__card-title {
  font-size:3.096rem
}
.cert__arrows-container {
  display:flex;
  gap:2.064rem
}
.cert__info {
  flex-direction:column
}
.cert__arrow {
  width:4.025rem;
  height:4.025rem
}
.cert__info img {
  height:30rem
}
.cert__arrow svg {
  width:1.548rem;
  height:1.548rem
}
.header__maps,.header__contacts,.header__cta,.header__hr,.header__nav,.header__interactive-image {
  display:none
}
.header__wrapper {
  padding:unset;
  position:static;
  border-bottom-left-radius:35px;
  border-bottom-right-radius:35px
}
.header__interactive-image--mobile {
  display:block;
  margin-top:2rem;
  margin-bottom:-2px
}
.header__cp {
  padding:1.25rem
}
.header__cp-button {
  margin-top:1.25rem;
  position:relative;
  left:0;
  width:100%;
  justify-content:space-between;
  white-space:nowrap
}
.header__main {
  margin-top:3.054rem
}
.header__image {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:-1
}
.header__image img {
  height:100%;
  width:100%
}
.header__main-title {
  font-size:3.563rem
}
.header__main-description {
  font-size:1.629rem
}
.header__logo {
  width:10.733rem
}
.header__socials {
  gap:.713rem
}
.header__socials img {
  width:2.545rem;
  height:2.545rem
}
.header__cp-button {
  font-size:1.473rem
}
.header__cp-button svg {
  height:3.257rem;
  width:3.257rem
}
.header__container {
  padding:1rem 2.064rem
}
.header__main {
  padding:0 1.032rem
}
.header__cp-button img {
  width:3.292rem;
  height:3.292rem
}
.footer {
  background-size:cover;
  height:auto
}
.footer__container {
  flex-direction:column;
  padding:2.064rem 1.032rem;
  gap:2.064rem
}
.footer__container {
  display:grid;
  grid-template-columns:1fr 1.65fr;
  grid-template-areas:"logo logo" "nav contacts" "nav socials" "nav address" "copy copy";
  height:auto
}
.footer__company {
  grid-area:logo
}
.footer__nav {
  grid-area:nav
}
.footer__contacts {
  grid-area:contacts
}
.footer__socials {
  grid-area:socials
}
.footer__address {
  grid-area:address
}
.footer__reversed {
  display:none;
  grid-area:copy;
  margin-top:20px
}
.footer__reversed--mobile {
  grid-area:copy;
  margin-top:20px
}
.footer__company img {
  height:6.605rem
}
.footer__reversed {
  font-size:1.238rem;
  order:1
}
.footer__nav {
  gap:.722rem
}
.footer__nav a {
  font-size:1.445rem
}
.footer__contacts {
  gap:.722rem
}
.footer__contacts-email {
  gap:.516rem
}
.footer__contacts-email img {
  height:1.548rem;
  width:1.548rem
}
.footer__contacts-email p {
  font-size:1.445rem
}
.footer__contacts-telephone {
  gap:.516rem
}
.footer__contacts-telephone img {
  height:1.548rem;
  width:1.548rem
}
.footer__contacts-telephone p {
  font-size:1.445rem
}
.footer__socials {
  gap:.516rem
}
.footer__socials img {
  height:2.58rem;
  width:2.58rem
}
.footer__address {
  gap:.516rem;
  font-size:1.445rem
}
.footer__address p {
  line-height:1.3
}
.footer__reversed--mobile {
  font-size:1.238rem;
  line-height:1.5
}
}
.production__heading{font-size:clamp(28px,4vw,48px);line-height:1.2;margin:0 0 32px}

.production__card {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;min-height:380px;height:auto}
.production__card-main {min-width:0;min-height:350px;gap:24px;grid-column:1;grid-row:1}
.production__card-image {display:block;width:100%;height:100%;min-height:300px;object-fit:cover;min-width:0;grid-column:2;grid-row:1}
.production__card:nth-child(even) .production__card-main {grid-column:2}
.production__card:nth-child(even) .production__card-image {grid-column:1}
.production__card-link {max-width:100%;padding-inline:clamp(24px,5vw,100px);box-sizing:border-box}
@media(max-width:768px){
.production .production__card {display:flex;flex-direction:column;height:auto;min-height:0;padding:16px;gap:16px}
.production__card-main {order:1;width:100%;height:auto;min-height:0;gap:20px}
.production__card-info {gap:14px}
.production__card-title {font-size:clamp(24px,7vw,32px);line-height:1.15;overflow-wrap:break-word}
.production__card-description {font-size:16px;line-height:1.5}
.production__card-link {width:100%;padding:12px 20px;text-align:center;font-size:17px}
.production__card-image {order:2;width:100%;height:auto;aspect-ratio:16/9;min-height:0;object-fit:cover}
}