.head_section_m {
  display: none;
}
.capsules_head_bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top left;
     object-position: top left;
}
.capsules_head_women_holder {
  display: inline-block;
  left: 100%;
  -webkit-transform: translateX(-74%);
          transform: translateX(-74%);
  width: 85%;
}
.capsules_head_women {
  position: relative;
  width: 100%;
}
.capsules_head_content_holder {
  padding-top: 40px;
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  display: grid;
  grid-template-rows: -webkit-min-content auto;
  grid-template-rows: min-content auto;
  text-align: center;
  grid-gap: 30px;
}
.capsules_head_flac {
  max-width: 250px;
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}
.capsules_head_flac.active {
  opacity: 1;
}
.head__video {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
}
.intro__play-btn {
  position: absolute;
  left: 0;
  top: -175px;
  cursor: pointer;
  width: 98px;
  height: 98px;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}
.head__video.active {
  opacity: 1;
  z-index: 2;
}
.capsules_head_header1 {
  color: #e20a19;
  font-size: 46px;
  font-weight: bold;
  text-align: left;
  display: inline-block;
  justify-self: center;
}
.head_header_text1,
.head_header_text2 {
  -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  position: relative;
  display: inline-block;
}
.head_header_text1_ru {
  font-size: 36px !important;
}
.head_header_text2 {
  -webkit-transform: translateX(100px);
          transform: translateX(100px);
}
.head_header_text1.active,
.head_header_text2.active,
.capsules_head_header2_img.active,
.head_header2_text.active {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.capsules_head_header2.active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.capsules_head_header1 > span:last-child {
  font-size: 55px;
}
.capsules_head_women_mask {
  position: absolute;
  left: 50%;
  top: 32%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 25%;
  opacity: 0;
  -webkit-transition: 1.7s;
  transition: 1.7s;
}
.capsules_head_women_mask.active {
  opacity: 1;
}
.capsules_head_content2_holder {
  text-align: left;
}
.capsules_head_header2 {
  display: inline-block;
  text-align: left;
  font-size: 41px;
  color: #004289;
  font-weight: bold;
  width: min-width;
  white-space: nowrap;
}
.capsules_head_header2_img {
  width: 100%;
  -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
}
.head_header2_text {
  display: inline-block;
  -webkit-transform: translateX(100px);
          transform: translateX(100px);
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.capsules_head_capsules {
  width: 420px;
  -webkit-transform: translateX(-1000px);
          transform: translateX(-1000px);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.capsules_head_capsules.active {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}
.capsules_head_women_wave {
  position: absolute;
  right: 50.5%;
  top: 56%;
  -webkit-transform: translate(-10%, -50%);
          transform: translate(-10%, -50%);
  width: 60%;
  /*opacity: 0;*/
  display: none;
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
}
.capsules_head_women_wave.active {
  /*opacity: 1;*/
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}
.combination_header {
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  color: #004289;
  padding-top: 40px;
}
.combination_container {
  margin-bottom: 25px;
}
.combination_subHeader {
  text-align: center;
  font-size: 34px;
  color: #ffffff;
  max-width: 880px;
  margin: 0 auto 60px;
}
.capsules_combination_section {
  z-index: 2;
}
.combination_bg {
  position: absolute;
  left: 0;
  top: 44%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  height: 124%;
}
.combination_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding-bottom: 150px;
  margin-top: 130px;
}
.combination_round {
  height: 250px;
  width: 250px;
  border-radius: 50%;
  -webkit-box-shadow: 14.08px 14.08px 14.08px rgba(0, 0, 0, 0.3);
          box-shadow: 14.08px 14.08px 14.08px rgba(0, 0, 0, 0.3);
  z-index: 2;
  margin: 0 auto;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.combination_round1 {
  background: -webkit-gradient(
    linear,
    left bottom, left top,
    from(rgba(230, 70, 16, 1)),
    color-stop(11.69%, rgba(231, 79, 15, 1)),
    color-stop(31.15%, rgba(235, 105, 13, 1)),
    color-stop(55.97%, rgba(242, 146, 9, 1)),
    color-stop(84.88%, rgba(250, 203, 3, 1)),
    to(rgba(255, 236, 0, 1))
  );
  background: linear-gradient(
    0deg,
    rgba(230, 70, 16, 1) 0%,
    rgba(231, 79, 15, 1) 11.69%,
    rgba(235, 105, 13, 1) 31.15%,
    rgba(242, 146, 9, 1) 55.97%,
    rgba(250, 203, 3, 1) 84.88%,
    rgba(255, 236, 0, 1) 100%
  );
}
.combination_round2 {
  margin-top: 50px;
  background: -webkit-gradient(
    linear,
    left bottom, left top,
    from(rgba(235, 99, 159, 1)),
    color-stop(28%, rgba(220, 81, 152, 1)),
    color-stop(83.7%, rgba(181, 36, 134, 1)),
    to(rgba(169, 21, 128, 1))
  );
  background: linear-gradient(
    0deg,
    rgba(235, 99, 159, 1) 0%,
    rgba(220, 81, 152, 1) 28%,
    rgba(181, 36, 134, 1) 83.7%,
    rgba(169, 21, 128, 1) 100%
  );
}
.combination_round3 {
  background: -webkit-gradient(
    linear,
    left top, left bottom,
    from(rgba(221, 219, 0, 1)),
    color-stop(70.32%, rgba(138, 191, 32, 1)),
    to(rgba(101, 178, 46, 1))
  );
  background: linear-gradient(
    180deg,
    rgba(221, 219, 0, 1) 0%,
    rgba(138, 191, 32, 1) 70.32%,
    rgba(101, 178, 46, 1) 100%
  );
}
.combination_round4 {
  margin-top: 50px;
  background: -webkit-gradient(
    linear,
    left bottom, left top,
    from(rgba(169, 209, 155, 1)),
    color-stop(14.46%, rgba(151, 205, 160, 1)),
    color-stop(43.37%, rgba(105, 193, 174, 1)),
    color-stop(83.69%, rgba(32, 175, 196, 1)),
    to(rgba(0, 167, 205, 1))
  );
  background: linear-gradient(
    0deg,
    rgba(169, 209, 155, 1) 0%,
    rgba(151, 205, 160, 1) 14.46%,
    rgba(105, 193, 174, 1) 43.37%,
    rgba(32, 175, 196, 1) 83.69%,
    rgba(0, 167, 205, 1) 100%
  );
}
.combination_icon {
  width: 60%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-filter: drop-shadow(14.08px 14.08px 14.08px rgba(0, 0, 0, 0.3));
          filter: drop-shadow(14.08px 14.08px 14.08px rgba(0, 0, 0, 0.3));
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.combination_icon1,
.combination_icon3 {
  bottom: 55%;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
}
.combination_icon2,
.combination_icon4 {
  top: 55%;
  -webkit-transform-origin: top;
          transform-origin: top;
}
.combination_text {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: inline-block;
  width: 80%;
  font-size: 17px;
  color: #fff;
}
.combination_text1,
.combination_text3 {
  top: 68%;
}
.combination_text2,
.combination_text4 {
  top: 30%;
}
.combination_text2_ru,
.combination_text1_ru {
  font-size: 16px;
}
.combination_text3 {
  font-size: 22px;
}
.combination_text4 {
  font-size: 26px;
}
.combination_round_shadow {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -67px;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 0 28px rgba(0, 0, 0, 0.6);
          box-shadow: inset 0 0 28px rgba(0, 0, 0, 0.6);
}
.combination_round_shadow2,
.combination_round_shadow4 {
  top: unset;
  bottom: -67px;
}
.combination_round:hover .combination_icon {
  -webkit-transform: translateX(-50%) scale(1.18);
          transform: translateX(-50%) scale(1.18);
}
.combination_round:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.combination_btn {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  cursor: pointer;
}
.composition_header {
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  color: #004289;
  margin-top: 50px;
}
.composition_subHeader {
  text-align: center;
  font-size: 34px;
  font-weight: bold;
  color: #004289;
}
.composition_part1 {
  padding-top: 100px;
  display: inline-block;
  z-index: 2;
}
.composition_wave1 {
  position: relative;
  width: 675px;
  margin-left: 115px;
}
.composition_flower1 {
  position: absolute;
  left: 0;
  top: 22%;
  width: 300px;
}
.composition_flower2 {
  position: absolute;
  left: 58%;
  top: 3%;
  width: 300px;
}
.composition_flower3 {
  position: absolute;
  left: 85%;
  bottom: 2%;
  width: 300px;
}
.composition_wave2 {
  width: 650px;
  margin-left: 165px;
  margin-top: -120px;
}
.composition_part2_text {
  position: absolute;
  left: 0;
  top: -130px;
  max-width: 45%;
  font-size: 25px;
  color: #264998;
}
.composition_part2_text .bold {
  max-width: 340px;
  display: inline-block;
}
.composition_part3_grid {
  display: grid;
  grid-template-columns: 270px auto;
}
.composition_part3_text {
  max-width: 100%;
  width: 550px;
  font-size: 25px;
  color: #264998;
}
.composition_flower4,
.composition_flower5,
.composition_flower6 {
  position: absolute;
  left: 0;
  max-width: unset;
  width: 300px;
  top: 50%;
  -webkit-transform: translateY(-45%);
          transform: translateY(-45%);
}
.composition_flower5 {
  left: 120px;
}
.composition_flower6 {
  left: 320px;
}
.composition_part3_grid2 {
  grid-template-columns: 390px auto;
  margin-top: 110px;
  z-index: 2;
}
.composition_part3_grid3 {
  margin-top: 75px;
  grid-template-columns: 590px auto;
}
.composition_wave3 {
  position: absolute;
  left: 40px;
  top: 100px;
  width: 400px;
}
.capsules_doses_section {
  margin-top: 200px;
}
.doses_bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 128.4%;
  -webkit-transform: translateY(-17%);
          transform: translateY(-17%);
}
.doses_main_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 85px;
  margin-top: 80px;
}
.doses_header {
  font-size: 40px;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.doses_header > span {
  color: #004289;
}
.doses_subHeader {
  text-align: center;
  color: #fff;
  font-size: 34px;
  font-weight: bold;
}
.doses_icons {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 33px;
  margin-top: 25px;
}
.doses_text {
  font-size: 34px;
  color: #fff;
  font-weight: bold;
}
.doses_text_ua {
  font-size: 33px;
}
.doses_btn {
  position: relative;
  left: 50%;
  margin-top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  cursor: pointer;
}
.capsules_footer {
  margin-top: 100px;
}
.capsules_head_section {
  margin-top: 57px;
}
@media (max-width: 1199px) {
  .intro__play-btn {
    top: -185px;
  }
}
@media (max-width: 991px) {
  .head_section_m {
    display: block;
    padding-top: 100px;
    padding-bottom: 200px;
  }
  .capsules_head_section {
    display: none;
  }
  .head_m_headers {
    text-align: center;
  }
  .head_m_header2 {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    text-align: center;
    width: 100%;
    font-size: 40px;
    color: #004289;
    font-weight: bold;
  }
  .head_m_header2_img,
  .head_m_header2_text {
    position: relative;
    -webkit-transform: translateX(-300px);
            transform: translateX(-300px);
    opacity: 0;
    display: inline-block;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .head_m_header2_text {
    -webkit-transform: translateX(300px);
            transform: translateX(300px);
  }
  .head_m_header2.active .head_m_header2_img,
  .head_m_header2.active .head_m_header2_text {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .head_m_header2.out .head_m_header2_img {
    -webkit-transform: translateX(300px);
            transform: translateX(300px);
    opacity: 0;
  }
  .head_m_header2.out .head_m_header2_text {
    -webkit-transform: translateX(-300px);
            transform: translateX(-300px);
    opacity: 0;
  }

  .head_m_header1 {
    display: inline-block;
    font-size: 40px;
    font-weight: bold;
    color: #e20a19;
    text-align: left;
  }
  .head_m_header1_text1 {
    -webkit-transform: translateX(-300px);
            transform: translateX(-300px);
  }
  .head_m_header1_text2 {
    font-size: 46px;
    -webkit-transform: translateX(300px);
            transform: translateX(300px);
  }
  .head_m_header1_text1,
  .head_m_header1_text2 {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0;
    position: relative;
    display: inline-block;
  }

  .head_m_header1.active .head_m_header1_text1,
  .head_m_header1.active .head_m_header1_text2 {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  .head_m_header1.out .head_m_header1_text1 {
    -webkit-transform: translateX(300px);
            transform: translateX(300px);
    opacity: 0;
  }
  .head_m_header1.out .head_m_header1_text2 {
    -webkit-transform: translateX(-300px);
            transform: translateX(-300px);
    opacity: 0;
  }

  .head_m_products {
    margin-top: 50px;
  }
  .head_m_products {
    text-align: center;
  }
  .head_m_flac {
    max-width: 300px;
    -webkit-transform: translateX(100vw);
            transform: translateX(100vw);
    -webkit-transition: 0s;
    transition: 0s;
  }
  .head_m_flac.active {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .head_m_flac.out {
    -webkit-transform: translateX(-100vw);
            transform: translateX(-100vw);
  }
  .head_m_capsules_holder {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transform: translateX(100vw);
            transform: translateX(100vw);
    -webkit-transition: 0s;
    transition: 0s;
  }
  .head_m_capsules_holder.active {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .head_m_capsules_holder.out {
    -webkit-transform: translateX(-100vw);
            transform: translateX(-100vw);
  }

  .head_m_capsules {
    width: 100%;
    max-width: 440px;
    max-height: 100%;
  }
  .head_m_women_holder {
    position: absolute;
    bottom: -125px;
    top: 0;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-transform: translateX(100vw);
            transform: translateX(100vw);
    -webkit-transition: 0s;
    transition: 0s;
  }
  .head_m_women_holder.active {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .head_m_women_holder.out {
    -webkit-transform: translateX(-100vw);
            transform: translateX(-100vw);
  }

  .head_m_women_mask {
    position: absolute;
    left: 50%;
    top: 39.5%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 24%;
    -webkit-transition: 2.5s;
    transition: 2.5s;
  }
  .head_m_women_mask.active {
    -webkit-transform: translate(-50%, -50%) scale(4);
            transform: translate(-50%, -50%) scale(4);
    opacity: 0;
  }

  .combination_grid {
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 100px;
    padding-bottom: 100px;
  }
  .combination_round_shadow {
    display: none;
  }
  .combination_round2,
  .combination_round4 {
    margin-top: 0;
  }
  .combination_text2,
  .combination_text4 {
    top: 68%;
  }
  .combination_icon2,
  .combination_icon4 {
    top: unset;
    bottom: 55%;
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }

  .composition_part1 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .composition_part1 > :first-child,
  .composition_wave1,
  .composition_wave2,
  .composition_wave3 {
    display: none;
  }
  .composition_flower1,
  .composition_flower2,
  .composition_flower3,
  .composition_part2_text,
  .composition_flower4,
  .composition_flower5,
  .composition_flower6 {
    position: relative;
    left: unset;
    top: unset;
    -webkit-transform: none;
            transform: none;
  }
  .composition_flower4,
  .composition_flower5,
  .composition_flower6 {
    width: 313px;
    margin-bottom: -25px;
  }
  .composition_part2_text {
    max-width: unset;
    width: 100%;
    text-align: center;
  }
  .composition_header {
    margin-top: 150px;
  }
  .composition_part1 {
    padding-top: 50px;
  }
  .composition_part3_grid {
    grid-template-columns: 1fr;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    margin: 0;
    grid-gap: 0;
  }
  .composition_part3_text {
    width: 100%;
  }
  .composition_grid {
    grid-template-columns: 1fr;
    grid-gap: 15px;
    text-align: center;
    margin-top: 25px;
  }
  .composition_part3_grid {
    margin-top: 25px;
  }
  .head_header_text1_ru {
    font-size: 30px !important;
  }
  .doses_text_ua {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .intro__play-btn {
    position: absolute;
    left: 15px;
    top: -115px;
    cursor: pointer;
    width: 65px;
    height: 65px;
  }
  .head_section_m {
    padding-bottom: 70px;
  }
  .head_m_flac {
    max-width: 200px;
  }
  .head_m_header2 {
    font-size: 20px;
  }
  .head_m_header2 br {
    display: none;
  }
  .head_m_header1 {
    font-size: 30px;
  }
  .head_m_capsules {
    max-width: 290px;
  }
  .head_m_header1_text2 {
    font-size: 35px;
  }
  .head_m_products {
    margin-top: 25px;
  }
  .head_m_women_holder {
    bottom: -70px;
  }
  .head_m_women {
    max-width: 120%;
    max-height: 100%;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .head_m_women_mask {
    top: unset;
    width: 30%;
    bottom: calc(43vw - 30px);
  }
  .capsules_combination_section {
    margin-top: 25px;
  }
  .combination_header,
  .composition_header {
    font-size: 30px;
  }
  .combination_subHeader,
  .composition_subHeader {
    font-size: 21px;
  }
  .combination_grid {
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 55px;
    padding-bottom: 30px;
    margin-top: 50px;
  }
  .combination_round {
    width: 150px;
    height: 150px;
  }
  .combination_text {
    font-size: 10px;
  }
  .combination_header {
    padding-top: 0;
  }
  .composition_image {
    width: 180px;
  }
  .composition_grid,
  .composition_part2_text,
  .composition_part3_text {
    font-size: 16px;
  }
  .composition_flower4,
  .composition_flower5,
  .composition_flower6 {
    width: 213px;
    -webkit-transform: translateX(5%);
            transform: translateX(5%);
    margin-bottom: -25px;
  }
  .composition_flower1,
  .composition_flower2,
  .composition_flower3 {
    -webkit-transform: translateX(5%);
            transform: translateX(5%);
    margin-bottom: -5px;
  }

  .composition_header {
    margin-top: 61px;
  }
  .composition_text_header,
  .composition_part2_text .bold,
  .composition_part3_text .bold {
    font-size: 19px;
  }
  .doses_header {
    font-size: 26px;
  }
  .doses_subHeader {
    font-size: 21px;
  }
  .doses_main_grid {
    grid-template-columns: 1fr;
    margin-top: 25px;
    grid-gap: 0;
    margin-bottom: 35px;
  }
  .doses_main_grid > div:last-child {
    grid-row: 1;
    text-align: center;
  }
  .doses_icons {
    margin-top: 0;
  }
  .doses_capsules {
    max-width: 200px;
    margin-bottom: -10px;
  }
  .doses_icons {
    text-align: center;
  }
  .doses_icon {
    width: 80px;
  }
  .doses_text {
    text-align: center;
    font-size: 17px;
    margin-top: 15px;
  }
  .doses_bg {
    height: 116.4%;
    -webkit-transform: translateY(-12%);
            transform: translateY(-12%);
  }
  .combination_bg {
    height: 116%;
  }
  .capsules_doses_section {
    margin-top: 150px;
  }
  .head_header_text1_ru {
    font-size: 23px !important;
  }
  .combination_text4 {
    font-size: 15px;
  }
  .combination_text1_ru {
    font-size: 9px;
  }
}