@font-face {
  font-family: Ffgoodpro;
  src: url('../fonts/FFGoodPro-Bold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helveticaneuecyr;
  src: url('../fonts/HelveticaNeueCyr-Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helveticaneuecyr;
  src: url('../fonts/HelveticaNeueCyr-Roman.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.container_metinvest {
  width: 94.0972vw;
  margin-left: auto;
  margin-right: auto;
}

.container_metinvest.hero {
  position: relative;
}

.container_metinvest.big_metinvest {
  width: 100vw;
}

.page-wrapper_metinvest {
  overflow: clip;
}

.section_metinvest {
  margin-top: 7vw;
}

.section_metinvest.style-red {
  color: #fff;
  background-image: url('../images/grimgbg.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 110%;
  margin-top: 15vw;
  padding-top: 7.91667vw;
  position: relative;
}

.section_metinvest.style-red.none {
  display: none;
}

.section_metinvest.style-red.image-bg {
  background-image: url('../images/grimgbg1.webp');
  background-position: 50% 0;
  background-size: 100%;
  margin-top: 4.58333vw;
  padding-top: 11.9444vw;
  padding-bottom: 5vw;
}

.section_metinvest.hero {
  background-image: url('../images/heroimgprom.webp');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 117%;
  width: auto;
  height: 62vw;
  margin-top: 0;
}

.section_metinvest.black-sticky_metinvest {
  z-index: 1;
  background-color: #000;
  margin-top: 0;
  padding-top: 5vw;
  padding-bottom: 5vw;
  position: relative;
}

.section_metinvest.sticky-block_metinvest {
  z-index: 0;
  margin-top: 0;
  position: sticky;
  top: 0;
}

.section_metinvest.pad-small-up {
  margin-top: 5vw;
}

.section_metinvest.art_metinvest {
  margin-top: 10vw;
}

.section_metinvest.padup_metinvest {
  margin-top: 0;
}

.content-block_metinvest.flex {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.content-block_metinvest.center_metinvest {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.p-16-16-14_metinvest {
  margin-bottom: 0;
  font-size: 1.11111vw;
}

.body_metinvest {
  color: #000;
  font-family: Helveticaneuecyr, Arial, sans-serif;
  font-weight: 400;
  line-height: 99%;
}

.p-32-28-24_metinvest {
  margin-bottom: 0;
  font-size: 1.94444vw;
  font-weight: 500;
  line-height: 99%;
}

.p-24-22-16_metinvest {
  margin-bottom: 0;
  font-size: 1.52778vw;
  line-height: 99%;
}

.h2-big_metinvest {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Ffgoodpro, Arial, sans-serif;
  font-size: 5.6vw;
  font-weight: 700;
  line-height: 94%;
}

.h2-big_metinvest.width-pad {
  flex: none;
  width: 33.3333vw;
  margin-right: 1vw;
}

.h2-big_metinvest.red-style {
  color: #d61e03;
}

.h2-big_metinvest.center_metinvest {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.p-18-16-14_metinvest {
  margin-bottom: 0;
  font-size: 1.11111vw;
  line-height: 99%;
}

.p-18-16-14_metinvest.width {
  width: 15.4167vw;
}

.p-24-18-18_metinvest {
  margin-bottom: 0;
  font-size: 1.25vw;
  line-height: 99%;
}

.div-block {
  flex: none;
  width: 23.9583vw;
  line-height: 99%;
}

.wrap-hero-discription_metinvest {
  grid-column-gap: 4.16667vw;
  grid-row-gap: 4.16667vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 65%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.wrap-decor_metinvest {
  flex: none;
  width: auto;
  height: 41.6667vw;
  margin: -6.5vw -12vw 3.7vw 3vw;
  position: relative;
}

.wrap-decor_metinvest.left {
  color: #fe4e34;
  margin-bottom: 0;
  margin-left: -10vw;
  margin-right: 5.5vw;
}

.image-decor-sh_metinvest {
  z-index: 3;
  width: auto;
  height: 40.2479vw;
  position: relative;
}

.image-2 {
  width: 100%;
  height: auto;
  margin-top: -9vw;
  position: absolute;
  inset: 0% 0% auto;
}

.svg-1_metinvest {
  z-index: 1;
  width: 15.8vw;
  height: 15vw;
  position: absolute;
  inset: 1.5vw auto auto -1.8vw;
}

.svg-1_metinvest.position-block.anim-spin {
  inset: 1% 1.5vw auto auto;
}

.svg-2_metinvest {
  z-index: 1;
  width: 9.28vw;
  height: 9vw;
  position: absolute;
  inset: 1.5vw auto auto 25vw;
}

.svg-2_metinvest.position {
  z-index: 3;
  inset: auto auto 8vw 1.5vw;
}

.svg-2_metinvest.position-block.anim-spin {
  top: 1vw;
  left: 7vw;
}

.svg-2_metinvest.position-1 {
  z-index: 3;
  inset: auto auto 8vw 1.5vw;
}

.svg-2_metinvest.position-1.anim-spin {
  inset: auto 1vw 11vw auto;
}

.svg_metinvest {
  z-index: 3;
  width: 9.28vw;
  height: 9vw;
  position: absolute;
  inset: auto auto -4.5vw 26vw;
}

.svg_metinvest.position-block {
  bottom: 4.2vw;
  left: 4.5vw;
}

.botton_metinvest {
  color: #353535;
  background-color: #fff;
  border: 1px solid #d61e03;
  justify-content: flex-start;
  align-items: center;
  width: 19vw;
  height: 5.69444vw;
  margin-top: 5vw;
  padding: .555556vw;
  text-decoration: none;
  display: flex;
  position: relative;
  inset: auto auto 1px 0%;
}

.botton_metinvest.for-mob {
  display: none;
}

.wrap-icon_metinvest {
  color: #fff;
  background-color: #d61e03;
  justify-content: center;
  align-items: center;
  width: 4.65278vw;
  height: 4.65278vw;
  margin-right: 2vw;
  display: flex;
}

.icon_metinvest {
  width: 2.56944vw;
  height: 2.56944vw;
}

.arrow-in-btn {
  width: 1.31944vw;
  height: 1.31944vw;
  margin-left: 1vw;
}

.grid_metinvest {
  grid-column-gap: 2vw;
  grid-row-gap: 4.86111vw;
  grid-template-columns: minmax(33.3333vw, 33.3333vw) 1fr;
  display: flex;
}

.div-block-5 {
  color: #000;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  width: 20.6944vw;
  height: 5.69444vw;
  padding: .555556vw 1.73611vw .555556vw .555556vw;
  display: flex;
  position: absolute;
  inset: auto auto 20% 0%;
}

.svg-5 {
  z-index: 1;
  width: 9.28vw;
  height: 9vw;
  position: absolute;
  inset: 1.5vw auto auto 25vw;
}

.svg-5.position {
  z-index: 3;
  inset: auto auto 8vw 1.5vw;
}

.div-block-6 {
  color: #fff;
  background-color: #d61e03;
  justify-content: center;
  align-items: center;
  width: 4.65278vw;
  height: 4.65278vw;
  margin-right: 3.19444vw;
  display: flex;
}

.image-4 {
  flex: none;
  width: auto;
  height: 41.6667vw;
  margin: -6.5vw -12vw 3.7vw 3vw;
  position: relative;
}

.svg-6 {
  z-index: 3;
  width: 9.28vw;
  height: 9vw;
  position: absolute;
  inset: auto auto -4.5vw 26vw;
}

.image-5 {
  width: 1.31944vw;
  height: 1.31944vw;
}

.image-6 {
  width: 100%;
  height: auto;
  margin-top: -9vw;
  position: absolute;
  inset: 0% 0% auto;
}

.svg-7 {
  width: 2.56944vw;
  height: 2.56944vw;
}

.grid-title_metinvest {
  grid-column-gap: 5vw;
  grid-row-gap: 4.86111vw;
  grid-template-columns: minmax(20.3472vw, 20.3472vw) 1fr;
  display: flex;
}

.img-sh-decor_metinvest {
  z-index: 3;
  width: auto;
  height: 36.8285vw;
  position: relative;
}

.div-block-7 {
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  color: #000;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.width-txt_metinvest {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 23vw;
  display: flex;
}

.h1_metinvest {
  text-transform: uppercase;
  width: 70%;
  margin-top: 8vw;
  margin-bottom: 3.81944vw;
  font-family: Ffgoodpro, Arial, sans-serif;
  font-size: 8vw;
  font-weight: 700;
  line-height: 80%;
}

.p-24-16-14_metinvest {
  width: 32vw;
  margin-bottom: 0;
  font-size: 1.11111vw;
  line-height: 99%;
}

.video-wrap_metinvest {
  background-color: #040405;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 35.3472vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.video-wrap_metinvest.long-mob_metinvest {
  justify-content: center;
  align-items: center;
}

.h2-64-48-40_metinvest {
  color: #ce1800;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 3.125vw;
  font-size: 4.83871vw;
  line-height: 91%;
}

.grid-content_metinvest {
  grid-column-gap: 12.1528vw;
}

.grid-content_metinvest.pad-down_metinvest {
  margin-bottom: 4.16667vw;
}

.img-decor_metinvest {
  width: 105vw;
  max-width: 105vw;
}

.wrap-s-block_metinvest {
  background-color: #ef5741;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.img-boy_metinvest {
  height: 34vw;
  margin-top: 3vw;
  margin-bottom: 0;
}

.p-32-20-16_metinvest {
  color: #fff;
  text-align: center;
  text-transform: none;
  width: 81%;
  margin: 3.5vw auto 0;
  font-size: 1.38889vw;
  font-weight: 500;
  line-height: 107%;
}

.sticky-box_metinvest {
  position: relative;
}

.section.pad-sanofi.gradient_sanofi {
  color: #fff;
  background-image: linear-gradient(270deg, #3b3db4, #cdcded);
}

.container-1800-1360-335 {
  width: 94.4444vw;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.footer-link-kr {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.footer-link-kr.mob-center {
  justify-content: flex-start;
  align-items: center;
  width: auto;
}

.flex_metinvest {
  grid-column-gap: 3.02vw;
  grid-row-gap: 3.02vw;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.flex_metinvest.footer_metinvest {
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  padding-top: 5vw;
  padding-bottom: 3vw;
}

.content-block {
  position: relative;
}

.column_metinvest {
  flex-flow: column;
  width: 45.1vw;
  display: block;
}

.column_metinvest.style_metinvest {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  text-align: center;
  flex-flow: column;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.p-32-24-20_metinvest {
  margin-bottom: 0;
  font-size: 1.66667vw;
  line-height: 110%;
}

.img-logo_metinvest {
  height: 5vw;
}

.header-up_metinvest {
  z-index: 5;
  justify-content: space-between;
  align-items: center;
  width: 95.7661vw;
  height: 7vw;
  margin: 0 auto;
  display: flex;
}

.header-up_metinvest.privat {
  width: 94vw;
  margin-top: 2vw;
}

.upper-block-up {
  color: #fff;
  border: 1px solid #fff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: .96vw 2.77vw;
  display: inline-flex;
}

.upper-block-up.sanofi {
  color: #3a3ab9;
  background-color: #fff;
}

.p-20-20-11-10-loreal {
  text-transform: uppercase;
  font-size: 1.1vw;
  line-height: 100%;
}

.up-img-logo {
  width: 8.3vw;
  height: 2.5vw;
}

.up-img-logo.sanofi {
  width: auto;
  height: 2.5vw;
}

.logo_metinvest {
  max-width: none;
  height: 2.5vw;
  margin-top: auto;
  margin-bottom: auto;
}

.link_metinvest {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  margin-left: auto;
  display: flex;
}

.image-10 {
  height: 4.51389vw;
}

.code-v_metinvest {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.code-v1_metinvest {
  background-color: #040405;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.decor-hero_metinvest {
  width: auto;
  height: 20.4889vw;
  position: absolute;
  inset: -5% 15% auto auto;
}

.wrap-title-1_metinvest {
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 35.1563vw;
  display: flex;
}

.h2-small_metinvest {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Ffgoodpro, Arial, sans-serif;
  font-size: 3.6vw;
  font-weight: 700;
  line-height: 94%;
}

.h2-small_metinvest.width-pad {
  flex: none;
  width: 33.3333vw;
  margin-right: 1vw;
}

.h2-small_metinvest.red-style {
  color: #d61e03;
  font-size: 6.3vw;
}

.h2-small_metinvest.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.wrap-code-video_metinvest {
  width: 100%;
}

@media screen and (min-width: 1280px) {
  .flex_metinvest {
    grid-column-gap: 2.77vw;
    grid-row-gap: 2.77vw;
  }

  .content-block.style-atb {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  .column_metinvest {
    width: 45.83vw;
  }

  .upper-block-up {
    padding: 1.04vw 2.98vw;
  }

  .p-20-20-11-10-loreal {
    font-size: 1.38vw;
  }

  .up-img-logo.sanofi {
    width: auto;
    height: 2.6vw;
  }
}

@media screen and (min-width: 1440px) {
  .up-img-logo.sanofi {
    width: auto;
  }
}

@media screen and (min-width: 1920px) {
  .container_metinvest {
    width: 93.75vw;
  }

  .page-wrapper_metinvest {
    position: relative;
    bottom: 0;
  }

  .section_metinvest {
    margin-top: 8vw;
  }

  .section_metinvest.style-red {
    margin-top: 12vw;
    padding-top: 8.33333vw;
  }

  .section_metinvest.style-red.image-bg {
    margin-top: -4vw;
    padding-top: 12.5vw;
    padding-bottom: .5vw;
  }

  .section_metinvest.hero {
    background-position: 0 100%;
    height: 56.5vw;
  }

  .section_metinvest.pad-small-up {
    margin-top: 0;
  }

  .section_metinvest.pad, .section_metinvest.pad-u {
    margin-top: 4vw;
  }

  .p-16-16-14_metinvest {
    font-size: .833333vw;
  }

  .p-32-28-24_metinvest {
    font-size: 1.66667vw;
  }

  .p-24-22-16_metinvest {
    font-size: 1.25vw;
  }

  .h2-big_metinvest {
    font-size: 5.9vw;
  }

  .h2-big_metinvest.width-pad {
    width: 34.8958vw;
    margin-right: 2.5vw;
  }

  .p-18-16-14_metinvest {
    font-size: .9375vw;
  }

  .p-24-18-18_metinvest {
    font-size: 1.25vw;
  }

  .div-block {
    width: 29.5313vw;
  }

  .wrap-hero-discription_metinvest {
    grid-column-gap: 3.125vw;
    grid-row-gap: 3.125vw;
  }

  .wrap-decor_metinvest {
    height: 45.8333vw;
    margin-top: 0;
    margin-left: 8vw;
  }

  .wrap-decor_metinvest.left {
    margin-left: -13vw;
    margin-right: 4.3vw;
  }

  .wrap-decor_metinvest.pad-upped {
    margin-top: -5vw;
  }

  .image-decor-sh_metinvest {
    height: 41vw;
    margin-top: -2vw;
  }

  .image-2 {
    margin-top: -4vw;
  }

  .svg-1_metinvest {
    width: 16.45vw;
    height: 16vw;
    left: -1vw;
  }

  .svg-1_metinvest.position-block {
    inset: -1vw 0% auto auto;
  }

  .svg-1_metinvest.position-block.anim-spin {
    right: 2vw;
  }

  .svg-2_metinvest {
    width: 10.1vw;
    height: 9.5vw;
    top: 0;
  }

  .svg-2_metinvest.position {
    bottom: 14vw;
  }

  .svg-2_metinvest.position-block {
    inset: -.5vw auto auto 7vw;
  }

  .svg-2_metinvest.position-1 {
    inset: auto 2vw 13vw auto;
  }

  .svg_metinvest {
    width: 10.1vw;
    height: 9.5vw;
    bottom: 1vw;
  }

  .svg_metinvest.position-block {
    inset: auto auto 3vw 5vw;
  }

  .svg_metinvest.position-block.anim-spin {
    bottom: 0;
  }

  .botton_metinvest {
    width: 20.625vw;
    height: 5.67708vw;
    padding: .52vw 1.56vw .52vw .52vw;
    overflow: hidden;
  }

  .wrap-icon_metinvest {
    width: 4.68vw;
    height: 4.68vw;
    margin-right: 2.70833vw;
  }

  .icon_metinvest {
    width: 2.55208vw;
    height: 2.55208vw;
  }

  .arrow-in-btn {
    width: 1.30208vw;
    height: 1.30208vw;
  }

  .grid_metinvest {
    grid-column-gap: 3.125vw;
    grid-row-gap: 5.20833vw;
    grid-template-columns: minmax(34.8958vw, 34.8958vw) 1fr;
  }

  .grid_metinvest.padding-up {
    margin-top: 4.5vw;
  }

  .div-block-5 {
    width: 20.625vw;
    height: 5.67708vw;
    padding: .52vw 1.56vw .52vw .52vw;
  }

  .svg-5 {
    width: 10.1vw;
    height: 9.5vw;
    top: 0;
  }

  .svg-5.position {
    bottom: 14vw;
  }

  .div-block-6 {
    width: 4.68vw;
    height: 4.68vw;
    margin-right: 2.70833vw;
  }

  .image-4 {
    height: 45.8333vw;
    margin-top: 0;
    margin-left: 1.35417vw;
  }

  .svg-6 {
    width: 10.1vw;
    height: 9.5vw;
    bottom: 1vw;
  }

  .image-5 {
    width: 1.30208vw;
    height: 1.30208vw;
  }

  .image-6 {
    margin-top: -4vw;
  }

  .svg-7 {
    width: 2.55208vw;
    height: 2.55208vw;
  }

  .grid-title_metinvest {
    grid-column-gap: 3.125vw;
    grid-row-gap: 5vw;
    grid-template-columns: minmax(15.1563vw, 15.1563vw) 1fr;
  }

  .img-sh-decor_metinvest {
    height: 43.4849vw;
    margin-top: -2vw;
  }

  .width-txt_metinvest {
    width: 20vw;
  }

  .h1_metinvest {
    margin-top: 3.5vw;
    font-size: 7vw;
  }

  .p-24-16-14_metinvest {
    font-size: 1.25vw;
  }

  .h2-64-48-40_metinvest {
    font-size: 3.33333vw;
  }

  .p-32-20-16_metinvest {
    width: 90%;
    margin-bottom: 0;
    font-size: 1.66667vw;
  }

  .container-1800-1360-335 {
    width: 93.75vw;
  }

  .flex_metinvest {
    grid-column-gap: 2.08vw;
    grid-row-gap: 2.08vw;
  }

  .column_metinvest {
    width: 43.75vw;
  }

  .column_metinvest.style_metinvest {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
  }

  .p-32-24-20_metinvest {
    font-size: 1.66667vw;
  }

  .img-logo_metinvest {
    height: 9.79167vw;
  }

  .upper-block-up {
    padding: .78vw 2.2vw;
  }

  .p-20-20-11-10-loreal {
    font-size: 1.1vw;
  }

  .up-img-logo.sanofi {
    height: 1.8vw;
  }

  .decor-hero_metinvest {
    height: 19.7917vw;
  }

  .h2-small_metinvest {
    font-size: 3.3vw;
  }

  .h2-small_metinvest.width-pad {
    width: 34.8958vw;
    margin-right: 2.5vw;
  }

  .h2-small_metinvest.red-style {
    width: 35.0521vw;
    font-size: 6vw;
  }
}

@media screen and (max-width: 991px) {
  .upper-block-up {
    padding: 1.23vw 3.52vw;
  }

  .up-img-logo {
    height: 4.94792vw;
  }
}

@media screen and (max-width: 767px) {
  .container_metinvest {
    width: 89.3333vw;
  }

  .section_metinvest {
    margin-top: 32vw;
  }

  .section_metinvest.style-red {
    background-position: 50%;
    background-size: cover;
    padding-top: 16vw;
    padding-bottom: 60vw;
    display: block;
  }

  .section_metinvest.style-red.image-bg {
    background-position: 100% 100%;
    background-size: auto 100%;
    margin-top: 20vw;
    padding-top: 25vw;
    padding-bottom: 20vw;
  }

  .section_metinvest.style-red.unic {
    margin-top: 30vw;
  }

  .section_metinvest.hero {
    background-image: url('../images/imgheromobprod.webp');
    background-position: 0 100%;
    background-size: 100%;
    height: 217.067vw;
  }

  .section_metinvest.pad-small-up {
    margin-top: -30vw;
  }

  .section_metinvest.art_metinvest, .section_metinvest.pad {
    margin-top: 20vw;
  }

  .section_metinvest.pad-u {
    margin-top: 15vw;
  }

  .content-block_metinvest.flex {
    grid-column-gap: 16vw;
    grid-row-gap: 16vw;
    flex-flow: column;
  }

  .p-16-16-14_metinvest {
    font-size: 3.73333vw;
  }

  .p-32-28-24_metinvest {
    font-size: 6.4vw;
  }

  .p-24-22-16_metinvest {
    font-size: 4.26667vw;
  }

  .h2-big_metinvest {
    font-size: 12.8vw;
  }

  .h2-big_metinvest.center_metinvest {
    width: 80%;
  }

  .p-18-16-14_metinvest {
    font-size: 3.73333vw;
  }

  .p-18-16-14_metinvest.width {
    width: auto;
  }

  .p-24-18-18_metinvest {
    font-size: 4.8vw;
  }

  .wrap-hero-discription_metinvest {
    grid-column-gap: 10.6667vw;
    grid-row-gap: 10.6667vw;
    width: 100%;
  }

  .wrap-decor_metinvest {
    width: 130vw;
    height: 129.6vw;
    margin: -2vw auto 0 0;
  }

  .wrap-decor_metinvest.left {
    margin-left: -35vw;
    margin-right: auto;
  }

  .image-decor-sh_metinvest {
    height: 119.232vw;
  }

  .image-2 {
    width: auto;
    max-width: none;
    height: 16.2667vw;
    margin-top: -16vw;
  }

  .svg-1_metinvest {
    width: 49.3333vw;
    height: 46.9vw;
  }

  .svg-2_metinvest {
    width: 28.8vw;
    height: 27.5vw;
    left: 75vw;
  }

  .svg-2_metinvest.position {
    bottom: 30vw;
    left: 5vw;
  }

  .svg-2_metinvest.position-1.anim-spin {
    bottom: 32vw;
    right: 10vw;
  }

  .svg_metinvest {
    width: 28.8vw;
    height: 27.4667vw;
    bottom: 0;
    left: 75vw;
  }

  .svg_metinvest.position-block.anim-spin {
    bottom: 0;
    left: 20vw;
  }

  .botton_metinvest {
    width: 74vw;
    height: 21.8667vw;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 2.13333vw;
  }

  .botton_metinvest.for-mob {
    justify-content: flex-start;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .botton_metinvest.none-mob {
    display: none;
  }

  .wrap-icon_metinvest {
    width: 17.8667vw;
    height: 17.8667vw;
    margin-right: 9.5vw;
  }

  .icon_metinvest {
    width: 9.86667vw;
    height: 9.86667vw;
  }

  .arrow-in-btn {
    width: 5.06667vw;
    height: 5.06667vw;
    margin-left: 4vw;
  }

  .grid_metinvest {
    grid-row-gap: 10.6667vw;
    flex-flow: column;
    grid-template-columns: minmax(auto, auto);
  }

  .grid_metinvest.padding-up {
    flex-flow: column;
  }

  .div-block-5 {
    width: 79.4667vw;
    height: 21.8667vw;
    padding: 2.13333vw 6.66667vw 2.13333vw 2.13333vw;
  }

  .div-block-6 {
    width: 17.8667vw;
    height: 17.8667vw;
    margin-right: 12.2667vw;
  }

  .image-5 {
    width: 5.06667vw;
    height: 5.06667vw;
  }

  .svg-7 {
    width: 9.86667vw;
    height: 9.86667vw;
  }

  .grid-title_metinvest {
    grid-row-gap: 10.6667vw;
    flex-flow: column;
    order: -9999;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .img-sh-decor_metinvest {
    height: 119.232vw;
  }

  .width-txt_metinvest {
    grid-column-gap: 10vw;
    grid-row-gap: 10vw;
    width: auto;
  }

  .h1_metinvest {
    width: auto;
    margin-top: 62vw;
    margin-bottom: 8vw;
    font-size: 11.7333vw;
  }

  .p-24-16-14_metinvest {
    width: 80%;
    font-size: 3.73333vw;
  }

  .h2-64-48-40_metinvest {
    margin-bottom: 9.86667vw;
    font-size: 10.6667vw;
  }

  .grid-content_metinvest {
    grid-column-gap: 16vw;
    grid-row-gap: 16vw;
    grid-template-columns: 1fr;
  }

  .grid-content_metinvest.pad-down_metinvest {
    margin-bottom: 16vw;
  }

  .img-boy_metinvest {
    height: 55vw;
    margin-top: 10vw;
  }

  .p-32-20-16_metinvest {
    width: 88%;
    font-size: 4.26667vw;
  }

  .section.pad-sanofi.gradient_sanofi {
    background-image: linear-gradient(0deg, #3b3db4, #cdcded);
  }

  .container-1800-1360-335 {
    width: 89.3333vw;
  }

  .footer-link-kr.mob-center {
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .flex_metinvest {
    grid-column-gap: 16vw;
    grid-row-gap: 16vw;
    flex-flow: column;
  }

  .flex_metinvest.footer_metinvest {
    padding-top: 20vw;
    padding-bottom: 20vw;
  }

  .column_metinvest {
    order: -9999;
    width: auto;
  }

  .column_metinvest.style_metinvest {
    grid-column-gap: 8vw;
    grid-row-gap: 8vw;
    width: 100%;
  }

  .p-32-24-20_metinvest {
    font-size: 5.33333vw;
  }

  .p-32-24-20_metinvest.small-16-size-for-mob {
    font-size: 4.26667vw;
  }

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

  .header-up_metinvest {
    z-index: 2;
    justify-content: space-between;
    align-items: center;
    width: auto;
    height: 17vw;
    padding-top: 0;
  }

  .header-up_metinvest.privat {
    width: 91vw;
    margin-top: 4vw;
  }

  .upper-block-up {
    border-width: .5px;
    padding: 1.4vw 5.3vw 1.4vw 5.33333vw;
  }

  .p-20-20-11-10-loreal {
    font-size: 2.66vw;
  }

  .up-img-logo {
    width: 16.8vw;
    height: 4.8vw;
  }

  .up-img-logo.sanofi {
    height: 4.2vw;
  }

  .logo_metinvest {
    height: 7.46667vw;
  }

  .image-10 {
    height: 13.6vw;
  }

  .decor-hero_metinvest {
    height: 56.3889vw;
    top: 20vw;
    right: 5%;
  }

  .wrap-title-1_metinvest {
    width: auto;
  }

  .h2-small_metinvest {
    font-size: 9vw;
  }

  .title_metinvest {
    order: -9999;
  }
}

@media screen and (max-width: 479px) {
  .section_metinvest {
    margin-top: 20vw;
  }

  .p-24-18-18_metinvest {
    line-height: 110%;
  }

  .video-wrap_metinvest {
    height: 95vw;
  }

  .video-wrap_metinvest.long-mob_metinvest {
    height: 140vw;
  }

  .column_metinvest.style_metinvest {
    width: 100%;
  }

  .header-up_metinvest {
    justify-content: space-between;
    align-items: center;
  }

  .code-v_metinvest {
    justify-content: space-between;
    align-items: stretch;
  }

  .code-v1_metinvest {
    justify-content: space-between;
    align-items: stretch;
    display: flex;
  }

  .decor-hero_metinvest {
    top: 19vw;
  }
}

#w-node-a06299a2-2d8d-d2b4-b7b3-7eddccb18e00-5e5846a5 {
  grid-area: 1 / 2 / 3 / 3;
  place-self: auto;
}

#w-node-a1b757cc-488c-aef6-e795-41a9ddb8fd79-5e5846a5 {
  place-self: end start;
}

#w-node-_37318f98-8da4-faba-53db-e4b530352988-5e5846a5 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_37318f98-8da4-faba-53db-e4b530352989-5e5846a5 {
  align-self: end;
}

@media screen and (max-width: 767px) {
  #w-node-a06299a2-2d8d-d2b4-b7b3-7eddccb18e00-5e5846a5, #w-node-_37318f98-8da4-faba-53db-e4b530352988-5e5846a5 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }
}


@font-face {
  font-family: 'Ffgoodpro';
  src: url('../fonts/FFGoodPro-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helveticaneuecyr';
  src: url('../fonts/HelveticaNeueCyr-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helveticaneuecyr';
  src: url('../fonts/HelveticaNeueCyr-Roman.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}