@charset "UTF-8";

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local(""), url(../fonts/roboto-v20-latin-regular.woff2) format("woff2"), url(../fonts/roboto-v20-latin-regular.woff) format("woff");
  font-display: swap
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local(""), url(../fonts/roboto-v20-latin-500.woff2) format("woff2"), url(../fonts/roboto-v20-latin-500.woff) format("woff");
  font-display: swap
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local(""), url(../fonts/roboto-v20-latin-700.woff2) format("woff2"), url(../fonts/roboto-v20-latin-700.woff) format("woff");
  font-display: swap
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local(""), url(../fonts/roboto-v20-latin-900.woff2) format("woff2"), url(../fonts/roboto-v20-latin-900.woff) format("woff");
  font-display: swap
}



@-webkit-keyframes improve {
  0% {
    -webkit-transform: scale(.7);
    transform: scale(.7)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes improve {
  0% {
    -webkit-transform: scale(.7);
    transform: scale(.7)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

a,
b,
body,
dd,
div,
em,
footer,
form,
h1,
h2,
h3,
h4,
header,
html,
i,
img,
label,
li,
object,
output,
p,
s,
section,
span,
tr,
u,
ul,
var {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline
}

.slick-slide img,
footer,
header,
section {
  display: block
}

body,
br {
  line-height: 1
}

body {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #333
}

ol,
ul {
  list-style: none
}

br {
  font-size: 0
}

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

button,
button:focus,
input,
input:focus {
  outline: 0
}

a {
  text-decoration: none
}

button {
  border: 0;
  display: block;
  padding: 0
}

* {
  -webkit-tap-highlight-color: transparent
}

html {
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden
}

a:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000
}

a,
a:active,
a:focus,
a:hover,
a:visited {
  outline: 0 !important
}

button::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner {
  border: 0
}

img {
  display: block;
  max-width: 100%
}

svg {
  overflow: hidden
}

.container {
  margin: 0 auto;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px
}

.title {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center
}

.subtitle {
  color: #444;
  line-height: 1.1;
  text-align: center;
  font-size: 17px;
  margin-top: 5px
}

.move__title b,
.text-bold,
b {
  font-weight: 700
}

.text-nowrap {
  white-space: nowrap
}

.product-color {
  color: #915169
}

.red {
  color: #ff3612
}

.pink-word {
  color: #915169
}

.slick-list,
.slick-slider {
  position: relative;
  display: block
}

.slick-slider {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-dots li button:focus,
.slick-dots li button:hover,
.slick-list:focus {
  outline: 0
}

.slick-list.dragging {
  cursor: pointer;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-track:after,
.slick-track:before {
  display: table;
  content: ''
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

.slick-loading .slick-list {
  background: #fff
}

.slick-next,
.slick-prev {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: 0;
  background: 0 0
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
  color: transparent;
  outline: 0;
  background: 0 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before,
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: .25
}

.slick-next:before,
.slick-prev:before {
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-prev {
  left: -25px
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto
}

.slick-prev:before {
  content: '←'
}

.slick-next:before,
[dir=rtl] .slick-prev:before {
  content: '→'
}

.slick-next {
  right: -25px
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px
}

[dir=rtl] .slick-next:before {
  content: '←'
}

.slick-dots,
.slick-dots li button:before {
  position: absolute;
  left: 0;
  text-align: center
}

.slick-dots {
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none
}

.slick-dots li {
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: 0;
  background: 0 0
}

.slick-dots li button:before {
  font-size: 6px;
  line-height: 20px;
  top: 0;
  width: 20px;
  height: 20px;
  content: "";
  opacity: .25;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: #000
}

.slick-slide {
  outline: 0
}

.block {
  padding-top: 25px;
  padding-bottom: 25px
}

.timer__text {
  font-size: 16px;
  line-height: 18px;
  color: #333
}

.timer__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 27px;
  font-weight: 700
}

.slick-dots li,
.timer__block span {
  display: inline-block
}

.hours,
.minutes,
.seconds {
  padding: 8px 9px 7px;
  border-radius: 5px;
  font-size: 22px;
  line-height: 1;
  z-index: 0;
  color: #fff;
  background-color: #2f962c;
  position: relative
}

.hours:nth-child(2n-1),
.minutes:nth-child(2n-1),
.seconds:nth-child(2n-1) {
  margin-right: 5px
}

.timer__dots {
  margin: 0 9px 1px 8px;
  color: #000;
  font-size: 18px;
  font-weight: 700
}

input:-moz-submit-invalid {
  box-shadow: none
}

input:-moz-ui-invalid {
  box-shadow: none
}

.btn {
  background-color: #ea4949;
  border-radius: 35px;
  width: 100%;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-transition: .5s;
  transition: .5s;
  cursor: pointer
}

.btn:hover {
  background-color: #dd2d2d
}

.btn__small {
  display: block
}

.bg {
  background-color: #f6e9f1
}

.banner__btn {
  padding-top: 14px;
  padding-bottom: 14px;
  position: relative;
  max-width: 172px
}

.header {
  background-color: #fff;
  padding: 10px 0;
  -webkit-box-shadow: 1px 1px 10px 0 rgba(1, 2, 2, .05);
  box-shadow: 1px 1px 10px 0 rgba(1, 2, 2, .05)
}

.header__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.header__logo {
  font-weight: 700;
  font-size: 20px;
  color: #92516a;
  line-height: normal
}

.header-logo__info {
  font-size: 15px;
  color: #333;
  font-weight: 400;
  line-height: 1;
  display: block
}

.header__main {
  position: fixed;
  top: 0;
  right: -320px;
  width: 320px;
  padding: 30px 30px 20px;
  text-align: center;
  -webkit-transition: .5s;
  transition: .5s;
  z-index: 5;
  opacity: 0;
  background-color: #f6e9f1
}

.header__link {
  color: #444;
  font-size: 16px;
  line-height: 1;
  padding-left: 45px;
  position: relative;
  padding-right: 35px;
  text-align: left;
  width: 140px;
  display: block;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto
}

.header__link::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.header__link:hover {
  text-decoration: underline
}

.header__link--composition::before {
  width: 32px;
  height: 32px;
  background: url(../img/icon_composition.png) no-repeat center/contain
}

.header__link--reviews::before {
  width: 26px;
  height: 26px;
  background: url(../img/icon_reviews.png) no-repeat center/contain
}

.header__timer {
  margin-bottom: 15px
}

.header__timer .timer__text {
  margin-bottom: 8px
}

.header__btn {
  max-width: 200px;
  font-size: 18px;
  padding: 9.5px 0 11.5px;
  margin: 0 auto
}

.header__burger {
  width: 34px;
  height: 23px;
  position: relative;
  top: 0;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: 0 0;
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s
}

.header__burger:hover .header-burger__line,
.header__burger:hover .header-burger__line:after,
.header__burger:hover .header-burger__line:before {
  background-color: #000
}

.header-burger__line,
.header-burger__line:after,
.header-burger__line:before {
  width: 100%;
  height: 3px;
  background-color: #000;
  -webkit-transition: .5s;
  transition: .5s
}

.header-burger__line:after,
.header-burger__line:before {
  content: '';
  position: absolute;
  left: 0
}

.header-burger__line:before {
  top: 1px
}

.header-burger__line::after {
  bottom: 0
}

.header__content.active .header__main {
  right: 0;
  opacity: 1;
  position: absolute;
}

.header__content.active .header-burger__line {
  background-color: transparent
}

.header__content.active .header-burger__line::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 50%
}

.header__content.active .header-burger__line::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%
}

.form {
  border: 1px solid #774963;
  border-radius: 10px;
  width: 273px;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 21px 25px 20px;
  position: relative
}

.form:before,
.form__title {
  font-weight: 700;
  line-height: 1
}

.form__title {
  text-align: center;
  color: #222;
  font-size: 24px;
  position: relative;
  z-index: 0;
  border-radius: 3px 3px 0 0;
  margin-bottom: 17px
}

.form:before {
  content: '-50%';
  top: -44px;
  right: -9px;
  width: 70px;
  height: 70px;
  color: #fff;
  font-size: 18px;
  background: url(../img/action-icon.png) no-repeat center/contain
}

.form__input {
  border: 1px solid #e8e8e8;
  background-color: #f8f8f8;
  -webkit-box-shadow: inset 1px 1px 7px 0 rgba(0, 0, 0, .03);
  box-shadow: inset 1px 1px 7px 0 rgba(0, 0, 0, .03);
  border-radius: 30px;
  height: 60px;
  padding-right: 15px;
  width: 100%;
  padding-left: 52px;
  -webkit-transition: .3s;
  transition: .3s;
  color: #444;
  font-size: 16px
}

.form:before,
.form__input--icon {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.form__input--icon {
  left: 17px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30px;
  height: 29px;
  border-radius: 50%
}

.form__input:active,
.form__input:focus,
.form__input:hover {
  background-color: #fafafa
}

.form__input--wrap {
  margin-bottom: 15px;
  position: relative;
  display: block
}

.price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 17px
}

.price .x_price_previous {
  position: relative;
  font-size: 32.1px;
  line-height: 1;
  color: #444
}

.price .x_price_previous:after,
.price .x_price_previous:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: .8;
  background-color: #f72929;
  height: 1px;
  width: 107%
}

.price .x_price_previous:before {
  -webkit-transform: translate(-50%, -50%) rotate(15deg);
  transform: translate(-50%, -50%) rotate(15deg)
}

.price .x_price_previous:after {
  -webkit-transform: translate(-50%, -50%) rotate(-15deg);
  transform: translate(-50%, -50%) rotate(-15deg)
}

.price .x_currency {
  font-size: 13.4px
}

.price .x_price_current {
  font-size: 35.5px;
  line-height: 1;
  font-weight: 700
}

.price-old__title {
  font-size: 12.3px;
  line-height: 22px;
  color: #666;
  margin-bottom: 5px;
  text-align: left
}

.promo__quality--text {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #333;
  margin-left: 10px
}

.price-new__title {
  font-size: 15.1px;
  line-height: 22px;
  font-weight: 500;
  margin-bottom: 5px;
  text-align: left
}

.price__separator {
  width: 1px;
  height: 51px;
  opacity: .3;
  background-color: #377f1b;
  margin-top: auto;
  margin-bottom: 3px
}

.form__online {
  font-size: 15px;
  line-height: 1;
  color: #31363e;
  margin-bottom: 17px
}

.form-online__count {
  font-weight: 700;
  color: #ea4949
}

.form-review__link {
  font-size: 14px;
  text-decoration: underline;
  color: #555
}

.form-review__link:hover {
  text-decoration: none
}

.form__pack {
  background-color: #f8f8f8;
  font-size: 18px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 122%;
  position: relative;
  left: -24px;
  margin-bottom: 15px
}

.form__pack .lastpack {
  background-color: #774963;
  border-radius: 5px;
  font-size: 18px;
  line-height: 1;
  color: #fff;
  font-weight: 900;
  padding: 3px 7px
}


.last {
  font-size: 16px;
  color: #222
}

.last .lastpack {
  font-weight: 700;
  border-radius: 3px;
  background-color: #e45326;
  color: #fff;
  padding: 1px 5px
}

.last {
  text-align: center
}

.form__review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.form__btn {
  margin-bottom: 15px
}

.promo {
  background-color: #f6e9f1;
  padding-top: 25px !important;
  z-index: 0;
  position: relative
}

.promo__title {
  margin-bottom: 25px;
  text-align: center
}

.promo__title h1 {
  color: #915169 !important;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.promo .title {
  line-height: 1.1;
  font-size: 22px
}

.promo__reward {
  border: 1px dashed #774963;
  border-radius: 10px;
  background-color: #fff;
  font-size: 16px;
  line-height: 1.4;
  padding: 15px 10px 15px 43px;
  max-width: 300px;
  position: relative;
  margin-left: 20px
}

.promo__reward:before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-59%);
  transform: translateY(-59%);
  left: -36px;
  width: 81px;
  height: 131px;
  background: url(../img/reward.png) no-repeat center/contain
}

.promo__quality,
.promo__quality--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.promo__quality {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 15px;
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  align-items: flex-start;
}

.promo__quality--item {
  color: #fff;
  font-size: 14px;
  max-width: 412px;
  line-height: 1.2
}

.promo__quality--item:not(:last-child) {
  margin-bottom: 15px
}

.promo__quality--item img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 0;
  max-width: 80px
}

.promo__content {
  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-align: center;
  -ms-flex-align: center;
  align-items: center
}

.promo__description {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-bottom: 30px;
  max-width: 346px;
  margin-left: auto;
  margin-right: auto
}

.promo__product {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-bottom: 35px
}

.promo__form {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  margin-bottom: 0
}

.promo__list--item {
  padding-left: 53px;
  position: relative;
  font-weight: 400;
  line-height: 1.2;
  font-size: 17px
}

.promo__list--item:not(:last-child) {
  margin-bottom: 20px
}

.promo__list--item p {
  font-size: 16px;
  font-style: italic
}

.promo__list--item:before {
  content: "";
  position: absolute;
  left: 0;
  top: -5px;
  width: 40px;
  height: 40px;
  background: url(../img/check.png) no-repeat center/38px
}

.promo .title {
  -ms-flex-item-align: center;
  align-self: center
}

.product__man {
  position: relative;
  z-index: 0;
  display: none
}

.product-wrap,
.promo .title,
h1 {
  display: inline-block
}

.product-wrap {
  position: relative;
  max-width: 220px;
  padding-top: 30px;
  left: 0;
  width: 100%
}


.medal {
  position: absolute
}

.medal {
  top: 0;
  left: 0;
  width: 70px;
  height: 70px;
  z-index: 3
}

h1 {
  font-size: 40px;
  font-weight: 700;
  color: #fff;
  line-height: 1
}

p {
  color: #444
}

.animation-medal {
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
  overflow: hidden
}

.animation-medal:before {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  -webkit-transition: .8s;
  transition: .8s;
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 100%;
  height: 100%
}

.animation-pack:hover .animation-medal:before {
  -webkit-transition: .8s;
  transition: .8s;
  top: 50%;
  left: 50%;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(35%, rgba(2, 0, 36, 0)), color-stop(50%, rgba(255, 255, 255, .9)), color-stop(65%, rgba(0, 212, 255, 0)));
  background-image: linear-gradient(90deg, rgba(2, 0, 36, 0) 35%, rgba(255, 255, 255, .9) 50%, rgba(0, 212, 255, 0) 65%)
}

.promo__list {
  margin-bottom: 40px
}

.symptoms__subtitle {
  text-align: center
}

.symptoms-content {
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 30px;
  border: 0;
  border-radius: 10px;
  position: relative;
  padding: 58px 0 60px
}

.unvisible,
.visible {
  position: relative
}

.visible {
  margin-bottom: 40px;
  width: auto
}

.unvisible {
  width: 100%;
  padding-top: 30px;
  border: 0
}

.symptoms-title::after,
.symptoms-title__wrap {
  position: absolute;
  left: 50%;
  background-color: #fff
}

.symptoms-title__wrap {
  padding: 0 20px;
  top: -65px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.symptoms-title__wrap--unvisible {
  top: -20px
}

.symptoms-title {
  border-radius: 10px;
  border: 2px solid #ea4949;
  text-align: center;
  position: relative;
  font-weight: 500;
  background-color: #fff;
  z-index: 0;
  width: 230px;
  padding: 8px 10px;
  font-size: 18px
}

.symptoms-title::after {
  content: "";
  width: 20px;
  height: 20px;
  bottom: -11px;
  border-right: 2px solid #ea4949;
  border-bottom: 2px solid #ea4949;
  -webkit-transform: translateX(-50%) rotate(40deg) skewX(-10deg);
  transform: translateX(-50%) rotate(40deg) skewX(-10deg)
}

.unvisible__item,
.unvisible__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}

.unvisible__list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  left: 0;
  padding-left: 0;
  border-left: none;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding-top: 10px
}

.unvisible__item {
  width: 210px;
  padding: 15px 0;
  left: 23px
}

.unvisible__item::before {
  content: "";
  position: absolute;
  left: -45px;
  width: 36px;
  height: 32px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/icon-attention.png) no-repeat 50%
}

.unvisible__item:nth-child(3n) {
  margin-right: 0
}

.unvisible__item:nth-child(10),
.unvisible__item:nth-child(9) {
  border-bottom: none;
  margin-bottom: 0
}

.unvisible__item:nth-child(10) {
  margin-right: 0
}

.unvisible__text {
  color: #222;
  font-size: 16px;
  line-height: 1.3
}

.symptoms__footer-wrap,
.symptoms__footer::before {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.symptoms__footer-wrap {
  width: 280px;
  bottom: -27px;
  padding: 0 10px;
  background-color: #fff
}

.symptoms__footer {
  font-size: 18px;
  padding: 9px 5px;
  border-radius: 10px;
  background-color: #915169;
  text-align: center;
  color: #fff;
  font-weight: 700
}

.symptoms__footer::before {
  content: "";
  width: 20px;
  height: 20px;
  top: -10px;
  -webkit-transform: translateX(-50%) rotate(40deg) skewX(-10deg);
  transform: translateX(-50%) rotate(40deg) skewX(-10deg);
  background-color: #915169
}

.symptoms__slider {
  margin: 0 auto;
  max-width: 260px;
  width: 100%
}

.symptoms__slider .symptoms__arrow-wrap {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  border-radius: 100px;
  background-color: #915169;
  -webkit-transform: translateY(-41px);
  transform: translateY(-41px)
}

.symptoms__slider .symptoms__arrow-wrap:hover {
  background-color: #ea4949
}

.symptoms__slider .symptoms__arrow-wrap.slick-disabled {
  opacity: 0
}

.arrow-left svg:hover,
.arrow-left:hover svg,
.arrow-right svg:hover,
.arrow-right:hover svg,
.symptoms__arrow-left,
.symptoms__arrow-right {
  fill: #fff
}

.symptoms__arrow-wrap--left,
.symptoms__arrow-wrap--right {
  cursor: pointer;
  top: 80px;
  z-index: 10
}

.symptoms__arrow-wrap--left {
  left: -15px
}

.symptoms__arrow-wrap--right {
  right: -15px
}

.symptoms__photo,
.symptoms__photo img {
  margin: 0 auto
}

.symptoms__description,
.symptoms__slider-navigation {
  margin-top: 20px;
  display: none
}

.symptoms__slider-navigation li {
  width: 140px;
  height: 100px;
  border: 3px solid transparent;
  position: relative;
  border-radius: 18px;
  overflow: hidden
}

.symptoms__slider-navigation li button {
  font-size: 0;
  background-color: #fff
}

.symptoms__slider-navigation li:nth-child(1) {
  background: url(../img/symptoms1_.png) no-repeat 50%;
  background-size: 117px
}

.symptoms__slider-navigation li:nth-child(2) {
  background: url(../img/symptoms2_.png) no-repeat 50%;
  background-size: 117px
}

.symptoms__slider-navigation li:nth-child(3) {
  background: url(../img/symptoms3_.png) no-repeat 50%;
  background-size: 117px
}

.symptoms__slider-navigation .slick-active {
  border: 3px solid #915169
}

.symptoms__slider-navigation li:not(:last-of-type) {
  margin-right: 18px
}

.description__item {
  width: 140px
}

.description__item:last-child {
  margin-right: 0
}

.description__text {
  text-align: center;
  font-size: 16px
}

.description__text--mob {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center
}

.breakthrough .title {
  position: relative;
  z-index: 2
}

.breakthrough-content,
.breakthrough__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.breakthrough-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 20px
}

.breakthrough__left {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin-bottom: 20px;
  width: 100%
}

.breakthrough__right {
  width: 100%
}

.breakthrough__photo {
  margin: 0 auto;
  width: 450px
}

.breakthrough__journal {
  position: absolute;
  width: 100px;
  right: 0;
  bottom: 0;
  display: none
}

.breakthrough__text {
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 26px
}

.breakthrough__text:last-child {
  margin-bottom: 0
}

.unique-content {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.clients .slick-dots li.slick-active button:before,
.composition .title br,
.composition-item__text br,
.unique__right {
  display: none
}

.unique-list {
  max-width: none;
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.unique-list__item {
  margin-bottom: 20px;
  padding-top: 160px;
  background-position: 50% 15px;
  background-repeat: no-repeat;
  position: relative;
  max-width: none;
  background-color: #fff
}

.unique-list__item::before {
  content: "";
  position: absolute;
  width: 29px;
  height: 29px;
  top: 0;
  left: calc(50% + 50px);
  background: url(../img/check.png) no-repeat 50%;
  background-size: contain
}

.unique-list__item:nth-child(1) {
  background-image: url(../img/unique1.webp);
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  margin-bottom: 20px
}

.unique-list__item:nth-child(2) {
  background-image: url(../img/unique2.webp)
}

.unique-list__item:nth-child(3) {
  background-image: url(../img/unique3.webp)
}

.unique-list__item:last-of-type {
  margin-bottom: 0
}

.unique-list__item:last-of-type .unique-list__text-wrap {
  border-bottom: none
}

.unique-list__text-wrap {
  height: auto;
  min-height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: none
}

.unique-list__text {
  text-align: center;
  line-height: 26px;
  font-size: 16px
}

.unique__img {
  margin: 0 auto;
  position: relative;
  top: 0;
  left: 0;
  max-width: 200px
}

.unique__certificate {
  position: absolute;
  top: -5px;
  left: 140px;
  max-width: 110px;
  z-index: -10;
  display: none
}

.unique__pack {
  position: relative
}

.action__title {
  margin-bottom: 10px;
  font-weight: 900
}

.action__box,
.action__pack:before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.action__box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.action__subtitle {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 10px;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  max-width: 293px
}

.action__price {
  margin-bottom: 15px;
  margin-top: 0;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  width: 240px
}

.action__timer {
  text-align: center;
  margin-bottom: 20px
}

.action__timer .timer__text {
  margin-bottom: 5px
}

.action__form,
.action__pack {
  margin-left: auto;
  margin-right: auto
}

.action__pack {
  max-width: 220px;
  margin-bottom: 15px;
  padding-top: 55px;
  position: relative;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

.action__pack:before {
  content: '-50%';
  position: absolute;
  top: 0;
  right: -9px;
  width: 70px;
  height: 70px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: url(../img/action-icon.png) no-repeat center/contain
}

.action__form {
  max-width: 300px
}

.action__form .form__input--wrap {
  margin-bottom: 10px
}

.action__btn {
  position: relative;
  padding: 10px 0
}

.action .timer__dots {
  margin: 0 9.5px 1px
}

.clients-list {
  margin-top: 10px;
  max-width: 370px;
  margin-left: auto;
  margin-right: auto
}

.clients-item {
  -webkit-box-shadow: 0 0 9px rgba(2, 3, 3, .1);
  box-shadow: 0 0 9px rgba(2, 3, 3, .1);
  border-radius: 5px;
  background-color: #fff;
  padding: 15px
}

.clients-result {
  position: relative;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto
}

.clients-result__before {
  width: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 20px;
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
  border-radius: 5px;
  background-color: #f7741e
}

.clients-result__after,
.clients-result__before {
  position: absolute;
  bottom: 10px;
  text-align: center;
  padding-bottom: 2px
}

.clients-result__after {
  width: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 20px;
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
  border-radius: 5px;
  background-color: #529e29;
  right: 10px
}

.clients-result__before {
  left: 10px
}

.clients__name {
  margin-top: 15px;
  text-align: center;
  color: #353434;
  font-size: 18px;
  font-weight: 700;
  line-height: 1
}

.clients .slick-slide {
  margin: 10px 7px
}

.clients .slick-list {
  margin: 0 -7px
}

.clients .slick-dots li button {
  width: 14px;
  height: 14px;
  background-color: #f9ecf1;
  border-radius: 50%
}

.clients .slick-dots li.slick-active button,
.slick-dots li button:hover {
  background-color: #915169
}

.clients .slick-dots li button:hover {
  opacity: .7
}

.clients .slick-dots li {
  width: 14px;
  height: 14px;
  margin: 0 5px
}

.clients .slick-dots {
  margin-top: 10px;
  position: static
}

.arrow-left,
.arrow-right {
  background-color: #fff;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
  z-index: 10;
  width: 38px;
  border-radius: 50%;
  height: 38px;
  border: 1px solid #915169;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.arrow-left:hover,
.arrow-right:hover {
  fill: #915169;
  background-color: #915169
}

.arrow-left svg,
.arrow-right svg {
  fill: #915169
}

.arrow-left {
  left: 0;
  padding-right: 5px
}

.arrow-right {
  right: 0;
  padding-left: 5px
}

.composition .title {
  position: relative;
  z-index: 24
}

.composition-content {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  position: relative
}

.composition-pack {
  margin-bottom: 11px;
  margin-top: auto;
  height: 100%;
  display: none
}

.composition-pack,
.composition-pack__img {
  position: relative;
  z-index: 0
}

.composition-item {
  width: 100%;
  text-align: center
}

.composition-item:not(:last-child) {
  margin-bottom: 20px
}

.composition-item__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative
}

.composition-item__img img {
  max-width: 165px
}

.composition-item__title {
  color: #353434;
  margin-top: 10px;
  font-size: 19px;
  font-weight: 700;
  line-height: 1
}

.composition-item__text {
  color: #666;
  margin-top: 4px;
  font-size: 16px;
  line-height: 1.2
}

.composition .composition-line,
.move:before {
  position: absolute;
  background-color: #d5d5d5;
  height: 1px
}

.composition .composition-line {
  top: 50%;
  -webkit-transform: translateY(440%);
  transform: translateY(440%);
  width: 54px;
  right: 22px;
  display: none
}

.composition .composition-line::before {
  content: '';
  position: absolute;
  right: -34px;
  width: 16px;
  height: 16px;
  top: -8px;
  border: 2px solid #fff;
  background-color: #2f962c;
  background-clip: content-box;
  -webkit-animation: improve 1.1s infinite linear;
  animation: improve 1.1s infinite linear;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  border-radius: 50%
}

.composition .composition-line--right {
  right: auto;
  left: 20px
}

.composition .composition-line--right::before {
  right: auto;
  left: -34px
}

.fix-h {
  position: relative
}

.composition-item-box--margin {
  margin-top: 20px
}

.move {
  position: relative
}

.move:before {
  content: '';
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  max-width: 100%
}

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

.move .timer__text {
  text-align: center;
  font-size: 16px;
  margin-bottom: 5px
}

.move-content,
.move-info,
.move__title:after {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.move-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 245px;
  margin-left: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.move-pack {
  max-width: 220px;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-bottom: 10px
}

.move-btn,
.move__title {
  margin-left: 0;
  max-width: 100%
}

.move-btn {
  width: 265px;
  margin-top: 10px
}

.move__title {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  margin-right: 0;
  width: 100%;
  padding-right: 0;
  text-align: center;
  position: relative
}

.move__title:after {
  content: '-50%';
  width: 70px;
  height: 70px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  margin: 5px auto 10px;
  background: url(../img/action-icon.png) no-repeat center/contain
}

.move-timer,
.move__title:after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.move-timer {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.stat-info {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.stat-info-box {
  width: 100%;
  text-align: center
}

.stat-info-box:not(:last-child) {
  margin-bottom: 15px
}

.stat-info-box--border {
  position: relative
}

.stat-info-box--border::before {
  left: 0
}

.stat-info-box--border::after {
  right: 0
}

.stat-info__percent {
  color: #529e29;
  font-size: 67px;
  font-weight: 700;
  line-height: 1;
  opacity: 1
}

.stat-info__text {
  color: #332f2f;
  font-weight: 500;
  line-height: normal;
  font-size: 17px;
  max-width: 305px;
  margin: 0 auto
}

.stat-sert,
.stat__notes {
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto
}

.stat__notes {
  text-align: center;
  color: #666;
  font-size: 17px;
  font-style: italic;
  line-height: 1.15
}

.stat-sert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 568px;
  position: relative;
  z-index: 0
}

.stat-sert img {
  width: 88%;
  margin: 5px
}

.expert__title {
  margin-bottom: 30px
}

.expert__text {
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 15px
}

.expert__text-big {
  font-size: 18px;
  color: #333
}

.expert__about {
  position: relative;
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.expert__about::before {
  content: '';
  width: 40px;
  height: 6px;
  background-color: #915169;
  position: absolute;
  left: 0;
  top: 0
}

.expert__name,
.expert__pos {
  font-size: 20px;
  line-height: 1.2;
  width: 100%
}

.expert__pos {
  font-size: 16px;
  margin-bottom: 10px
}

.expert__image {
  display: none
}

.expert__sign {
  width: 128px
}

.expert__approved {
  width: 100px
}

.reviews__title {
  margin-bottom: 30px
}

.reviews-content {
  border-radius: 10px;
  border: 1px solid #efefef;
  margin: 0 auto;
  padding: 15px 10px;
  background-color: #f6e9f1
}

.reviews-panel {
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  padding-bottom: 15px
}

.reviews-headStar {
  width: 112px;
  height: 20px;
  background: url(../img/star.png) repeat-x left center;
  background-size: 25px 20px;
  position: relative
}

.reviews-headStar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/star-un.png) repeat-x left center;
  background-size: 25px 20px;
  width: 122px;
  height: 100%
}

.reviews-amount {
  padding-top: 4px;
  color: #403737;
  font-size: 16px;
  padding-left: 20px
}

.reviews-btn {
  max-width: 220px;
  margin: 0 auto
}

.reviews-list {
  margin-top: 20px;
  overflow: auto;
  height: 480px;
  padding-right: 10px
}

.reviews-list::-webkit-scrollbar {
  width: 8px
}

.reviews-list::-webkit-scrollbar-track {
  position: relative;
  border-radius: 2px;
  border: 1px solid #efefef;
  background-color: #fff
}

.reviews-list::-webkit-scrollbar-thumb {
  background-color: #915169;
  background-image: url(../img/scroll.png);
  background-size: 4px 7px;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 2px
}

.reviews-list-item {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.reviews-list-item.active .reviews-item__text {
  max-height: 500px
}

.reviews-list-item:last-child {
  padding-bottom: 5px;
  margin-bottom: 0;
  border-bottom: none
}

.reviews-item-avatar,
.reviews-item-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.reviews-item-top {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.reviews-item-avatar {
  width: 50px;
  height: 50px;
  font-size: 24px;
  background-color: #fff;
  border-radius: 50%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #333;
  font-weight: 700;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 10px
}

.reviews-item__name {
  color: #222;
  font-size: 19px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 5px
}

.reviews-item-title {
  width: calc(100% - 60px)
}

.reviews-item__rating {
  width: 103px;
  height: 17px;
  background: url(../img/star.png) repeat-x left center;
  background-size: 21px 17px;
  position: relative
}

.reviews-item__rating::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/star-un.png) repeat-x left center;
  background-size: 21px 17px;
  width: 103px;
  height: 100%
}

.reviews-item__rating.reviews-item__rating-below {
  width: 83px
}

.reviews-item__date {
  opacity: .7;
  color: #403737;
  font-size: 15px;
  line-height: 1;
  width: 100%;
  margin-top: 15px
}

.reviews-item__text {
  margin-top: 10px;
  color: #666;
  font-size: 17px;
  line-height: 26px;
  max-height: 105px;
  overflow: hidden;
  -webkit-transition: .4s;
  transition: .4s
}

.reviews-item__btn {
  margin-top: 20px;
  color: #666;
  font-size: 15px;
  line-height: 1;
  text-decoration: underline;
  padding-right: 28px;
  position: relative;
  background: 0 0;
  cursor: pointer;
  -webkit-transition: .2s;
  transition: .2s
}

.reviews-item__btn::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-30%);
  transform: translateY(-30%);
  background: url(../img/btn-arrow.png) no-repeat center;
  width: 14px;
  height: 8px;
  -webkit-transition: .2s;
  transition: .2s
}

.reviews-item__btn.active::before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out
}

.reviews-assessment,
.social__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.reviews-assessment {
  margin-top: 20px
}

.social__button {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.social__button:first-child {
  margin-right: 25px
}

.social__img {
  cursor: pointer
}

.social__img::before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background-size: contain;
  margin-right: 9px;
  cursor: pointer
}

.social__count {
  font-size: 15px;
  color: #666
}

.like::before {
  background: url(../img/like.png) no-repeat center
}

.like-active::before {
  background: url(../img/like-active.png) no-repeat center
}

.dislike::before {
  background: url(../img/dislike.png) no-repeat center
}

.dislike-active::before {
  background: url(../img/dislike-active.png) no-repeat center
}

.feedback {
  padding-top: 10px;
  position: relative
}

.feedback-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px
}

.feedback-assessment {
  margin-right: 10px;
  color: #666;
  font-size: 17px
}

.feedback-rating,
.feedback-top {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.feedback-rating {
  cursor: pointer;
  width: 140px;
  height: 23px;
  background: url(../img/star-un.png) repeat-x center;
  flex-shrink: 0;
}

.feedback-top {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.feedback-name {
  width: 100%;
  position: relative;
  margin-bottom: 10px
}

.feedback-name::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 20px;
  background: url(../img/name.svg) no-repeat center;
  width: 15px;
  height: 20px
}

.feedback-name-input {
  width: 100%;
  border-radius: 20px;
  border: 1px solid #dfe2e3;
  background-color: #fff;
  padding: 9px 15px 9px 52px;
  color: #666;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-size: 17px
}

.feedback-age {
  width: 100%;
  position: relative;
  margin-bottom: 10px
}

.feedback-age::before,
.feedback-text::before {
  content: "";
  position: absolute;
  left: 20px;
  width: 20px;
  height: 20px
}

.feedback-age::before {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/age.svg) no-repeat center
}

.feedback-age-input {
  width: 100%;
  border-radius: 20px;
  border: 1px solid #dfe2e3;
  background-color: #fff;
  padding: 9px 15px 9px 52px;
  color: #666;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-size: 17px
}

.feedback-text {
  width: 100%;
  position: relative;
  margin-bottom: 10px
}

.feedback-text::before {
  top: 10px;
  background: url(../img/message.svg) no-repeat center
}

.feedback-text-input {
  width: 100%;
  height: 100px;
  border-radius: 20px;
  padding: 10px 15px 10px 52px;
  border: 1px solid #dfe2e3;
  background-color: #fff;
  color: #666;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-size: 17px;
  resize: none
}

.feedback-modal {
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, .9)
}

.feedback-modal__inner {
  color: #222;
  text-align: center;
  position: absolute;
  width: 250px;
  z-index: 21;
  top: 50%;
  left: 50%;
  padding: 20px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .3);
  box-shadow: 0 0 20px rgba(0, 0, 0, .3);
  background-color: #fff;
  border-radius: 5px
}

.feedback-modal__title {
  position: relative;
  margin-bottom: 12px;
  padding-top: 36px;
  font-size: 22px;
  font-weight: 700
}

.feedback-modal__title::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 28px;
  height: 28px;
  background-image: url(../img/header-2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%
}

.feedback-modal__text {
  font-size: 18px
}

.star1,
.star2,
.star3,
.star4,
.star5 {
  opacity: 0;
  cursor: pointer
}

.feedback-rating.active1 .star1,
.feedback-rating.active2 .star1,
.feedback-rating.active2 .star2,
.feedback-rating.active3 .star1,
.feedback-rating.active3 .star2,
.feedback-rating.active3 .star3,
.feedback-rating.active4 .star1,
.feedback-rating.active4 .star2,
.feedback-rating.active4 .star3,
.feedback-rating.active4 .star4,
.feedback-rating.active5 .star1,
.feedback-rating.active5 .star2,
.feedback-rating.active5 .star3,
.feedback-rating.active5 .star4,
.feedback-rating.active5 .star5 {
  opacity: 1
}

.star-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px
}

.use__title {
  margin-bottom: 30px
}

.use__list {
  margin-bottom: 20px;
  counter-reset: use-list
}

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

.order__item:last-child,
.use__item:last-child,
.use__recommend-item:last-child {
  margin-bottom: 0
}

.use__item-img,
.use__item-img:before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%
}

.use__item-img {
  width: 70px;
  height: 70px;
  border: 2px solid #915169;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 15px;
  position: relative
}

.use__item-img:before {
  counter-increment: use-list;
  content: counter(use-list);
  position: absolute;
  top: -3px;
  right: -8px;
  width: 25px;
  height: 25px;
  background-color: #2f962c;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  line-height: 1
}

.use__item-img-1 {
  max-width: 28px
}

.use__item-img-2,
.use__item-img-3 {
  max-width: 55%
}

.use__item-text {
  line-height: 1.2;
  color: #332f2f;
  font-size: 18px
}

.use__image {
  position: relative;
  width: 160px;
  margin: 0 calc((100% - 200px)/ 2) 20px calc((100% - 120px)/ 2);
  padding-top: 30px;
}

.use__sert {
  position: absolute;
  width: 120px;
  left: -60px;
  bottom: 50px
}

.use__pack {
  position: relative;
  z-index: 2
}

.my-popup__wrap .reviews-amount,
.use__recommend-image {
  display: none
}

.use__recommend-list {
  padding-top: 20px;
  border-top: 1px solid #bdbdbd;
  margin-bottom: 20px
}

.use__recommend-item {
  font-size: 16px;
  line-height: 1.2;
  padding-left: 40px;
  margin-bottom: 10px;
  position: relative
}

.use__recommend-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  background: url(../img/check.png) no-repeat center/contain;
  width: 35px;
  height: 23px
}

.use__recommend-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.use__recommend-about {
  margin-bottom: 10px;
  position: relative;
  margin-top: 10px
}

.order__item::before,
.use__recommend-about::before {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.use__recommend-about::before {
  content: '';
  top: -15px;
  width: 35px;
  height: 5px;
  background-color: #915169
}

.use__recommend-name,
.use__recommend-pos {
  font-size: 20px;
  color: #333;
  line-height: 1.2;
  text-align: center
}

.use__recommend-pos {
  color: #666;
  font-size: 16px
}

.use__recommend-sign {
  width: 165px
}

.use__recommend-approved {
  width: 125px
}

.order__title {
  margin-bottom: 60px
}

.order__content {
  counter-reset: item
}

.order__item {
  text-align: center;
  margin: 0 auto 60px;
  width: 100%;
  max-width: 270px;
  position: relative
}

.order__item::before {
  counter-increment: item;
  content: counter(item);
  font-size: 25px;
  line-height: 49px;
  width: 49px;
  height: 49px;
  border-radius: 50%;
  background-color: #2f962c;
  text-align: center;
  color: #fff;
  font-weight: 700;
  top: -40px
}

.order__item-image {
  height: 270px;
  border-radius: 10px;
  margin-bottom: 10px;
  background-color: #f6e9f1;
  overflow: hidden
}

.order__item-title {
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 5px;
  color: #333;
  position: relative
}

.footer {
  padding: 5px 0
}

.my-popup__wrap {
  margin: 0 auto;
  padding: 80px 60px 30px 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 5px;
  background: url(../img/popup.jpg) no-repeat center/cover
}

.my-popup__pack {
  max-width: 300px;
  width: 100%;
  position: relative
}

.my-popup__left .medal {
  top: -29px;
  right: 5px
}

.my-popup__right {
  margin-left: 50px
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
  .composition .composition-line::before {
    -webkit-animation: none;
    animation: none;
  }
}

@media screen and (min-width:480px) {

  .container {
    width: 480px
  }

  .title {
    font-size: 28px
  }

  .subtitle {
    font-size: 18px
  }

  .block {
    padding-top: 30px;
    padding-bottom: 30px
  }

  .header__burger.active {
    position: absolute;
    right: 15px;
    top: 17px;
    -webkit-transition: .5s;
    transition: .5s
  }

  .promo {
    padding-top: 30px !important
  }

  .promo__quality--item {
    line-height: 1.3;
    font-size: 15px
  }

  h1 {
    font-size: 45px
  }

  .symptoms-content {
    margin-top: 50px;
    margin-bottom: 50px;
    border: 1px solid #dfe2e3
  }

  .visible {
    margin-bottom: 70px
  }

  .unvisible {
    width: 90%;
    padding-top: 50px;
    border-top: 1px solid #dfe2e3
  }

  .symptoms-title__wrap {
    top: -86px
  }

  .symptoms-title__wrap--unvisible {
    top: -28px
  }

  .symptoms-title {
    width: 280px;
    padding: 16px 20px
  }

  .unvisible__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    /* -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start */
  }

  .unvisible__item {
    width: 140px;
    margin-bottom: 10px
  }

  .unvisible__item:nth-child(9) {
    border-bottom: none;
    padding-bottom: 28px
  }

  .symptoms__footer-wrap {
    width: 390px;
    padding: 0 20px;
    bottom: -39px
  }

  .symptoms__footer {
    padding: 17px 40px;
    font-size: 20px
  }

  .symptoms__slider {
    max-width: 400px
  }

  .symptoms__slider .symptoms__arrow-wrap {
    -webkit-transform: translateY(-136px);
    transform: translateY(-136px)
  }

  .symptoms__arrow-wrap--left,
  .symptoms__arrow-wrap--right {
    top: 210px
  }

  .symptoms__arrow-wrap--left {
    left: -18px
  }

  .symptoms__arrow-wrap--right {
    right: -18px
  }

  .symptoms__description,
  .symptoms__slider-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .description__text--mob {
    margin-top: 0;
    text-align: left;
    display: none
  }

  .breakthrough__journal {
    display: block
  }

  .breakthrough__text {
    font-size: 17px
  }

  .unique-list__item {
    max-width: 220px
  }

  .unique-list__item::before {
    left: 160px
  }

  .unique-list__item:nth-child(1) {
    margin-bottom: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .clients__name {
    font-size: 19px
  }

  .move-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .move-info {
    margin-left: 15px;
    max-width: 270px
  }

  .move-pack {
    margin-bottom: 0;
    max-width: 130px
  }

  .stat-info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .stat-info-box:not(:last-child) {
    margin-bottom: 0
  }

  .stat-info__text {
    max-width: 227px
  }

  .stat-sert {
    margin-top: 20px
  }

  .stat-sert img {
    width: auto
  }

  .expert__wrapper {
    position: relative
  }

  .expert__about {
    width: 55%;
    margin-left: auto
  }

  .expert__image {
    display: block;
    position: absolute;
    left: 45px;
    bottom: 0;
    width: 130px
  }

  .reviews-content {
    padding: 20px
  }

  .reviews-list {
    padding-right: 20px;
    height: 545px
  }

  .reviews-item-title {
    width: auto;
    margin-right: auto
  }

  .reviews-item__date {
    width: auto;
    margin: 0
  }

  .use__recommend-item {
    padding-left: 50px
  }

  .use__recommend-item::before {
    width: 40px;
    height: 26px
  }

  .use__recommend-about {
    width: 230px;
    margin-bottom: 0;
    margin-right: 10px
  }

  .use__recommend-about::before {
    left: 0;
    -webkit-transform: none;
    transform: none
  }

  .use__recommend-name,
  .use__recommend-pos {
    text-align: left
  }

  .use__recommend-sign {
    width: 135px;
    margin-left: auto
  }

  .use__recommend-approved {
    width: 75px
  }
}

@media screen and (min-width:640px) {
  .move-pack {
    max-width: 170px;
  }

  .container {
    width: 640px
  }

  .title {
    font-size: 32px
  }

  .subtitle {
    font-size: 19px
  }

  .form:before {
    top: -49px;
    right: 0
  }

  .promo__reward {
    margin-left: auto;
    margin-right: auto
  }

  .promo__quality {
    margin-top: 0;
    position: absolute;
    bottom: 12px;
    left: 10px
  }

  .promo__quality--item img {
    margin-right: 0;
    max-width: 90px
  }

  .promo__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .promo__description {
    max-width: 480px
  }

  .promo__product {
    margin-bottom: 0
  }

  .promo__list {
    max-width: 381px;
    margin-left: auto;
    margin-right: auto
  }

  .product-wrap {
    max-width: 200px;
    margin-top: 14px;
    width: 100%;
    left: 66px
  }

  .medal {
    top: 0;
    width: 80px;
    height: 80px
  }

  h1 {
    font-size: 50px
  }

  .promo__list {
    margin-bottom: 30px
  }

  .symptoms-content {
    padding-bottom: 80px
  }

  .visible {
    width: 490px;
    margin-bottom: 80px
  }

  .symptoms-title {
    font-size: 20px
  }

  .unvisible__item {
    width: 190px
  }

  .unvisible__item:nth-child(9) {
    margin-bottom: 0;
    border-bottom: none
  }

  .symptoms__footer-wrap {
    width: 500px;
    bottom: -43px
  }

  .symptoms__footer {
    font-size: 26px;
    padding: 17px 40px
  }

  .symptoms__slider {
    max-width: none
  }

  .symptoms__slider .symptoms__arrow-wrap {
    -webkit-transform: translateY(-163px);
    transform: translateY(-163px)
  }

  .symptoms__arrow-wrap--left,
  .symptoms__arrow-wrap--right {
    top: 250px
  }

  .symptoms__arrow-wrap--left {
    left: -7px
  }

  .symptoms__arrow-wrap--right {
    right: -7px
  }

  .symptoms__slider-navigation li {
    height: 120px
  }


  .symptoms__slider-navigation li:nth-child(1),
  .symptoms__slider-navigation li:nth-child(2),
  .symptoms__slider-navigation li:nth-child(3) {
    background-size: 137px
  }

  .description__item {
    margin-right: 18px
  }

  .description__text {
    font-size: 20px
  }

  .breakthrough__photo {
    margin: 0 auto 0 20px
  }

  .breakthrough__journal {
    width: 134px;
    right: 45px
  }

  .unique-list__item {
    max-width: 290px;
    background-color: inherit
  }

  .unique-list__item::before {
    left: 195px
  }

  .unique-list__text {
    font-size: 18px;
    line-height: 1.3
  }

  .unique__img {
    max-width: 185px
  }

  .composition .title br,
  .composition-item__text br,
  .unique__certificate {
    display: block
  }

  .action__content {
    position: relative;
    max-width: 520px;
    margin-left: auto;
    margin-right: auto
  }

  .action__title {
    margin-bottom: 5px
  }

  .action__subtitle {
    margin-bottom: 15px;
    max-width: 100%;
    -webkit-box-ordinal-group: inherit;
    -ms-flex-order: inherit;
    order: inherit
  }

  .action__price {
    margin: 0 30px 10px auto
  }

  .action__timer {
    max-width: 300px;
    margin-left: auto;
    margin-right: 30px;
    margin-bottom: 15px
  }

  .action__pack {
    position: absolute;
    bottom: 0;
    left: -21px;
    margin-bottom: 0;
    max-width: 206px
  }

  .action__form,
  .clients-list {
    margin-right: 0
  }

  .clients-list {
    max-width: 100%;
    margin-left: 0
  }

  .clients__name {
    font-size: 20px
  }

  .clients .slick-dots li {
    margin: 0 9px
  }

  .composition-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 30px
  }

  .composition-item {
    max-width: 300px;
    width: auto
  }

  .composition-item:not(:last-child) {
    margin-bottom: 15px
  }

  .composition-item__img img {
    max-width: 170px
  }

  .composition-item__title {
    font-size: 20px
  }

  .composition-item__text {
    font-size: 17px
  }

  .fix-h {
    margin-top: -10px
  }

  .fix-h2 {
    margin-top: 32px
  }

  .composition-item-box--margin {
    margin-top: 0
  }

  .move-btn {
    margin-top: 10px;
    margin-left: 0
  }

  .stat-info__text {
    font-size: 17px
  }

  .stat-sert {
    margin-top: 25px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 19px 14px
  }

  .stat-sert img {
    margin: 0
  }

  .stat-sert::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../img/sert-bottom.svg) no-repeat center;
    width: 100%;
    height: 20px;
    background-size: contain;
    z-index: -1
  }

  .expert__title {
    margin-bottom: 40px
  }

  .expert__text {
    line-height: 1.3;
    margin-bottom: 25px
  }

  .expert__about {
    padding-top: 30px
  }

  .expert__image {
    left: 70px;
    width: 155px
  }

  .expert__sign {
    width: 167px
  }

  .expert__approved {
    width: 130px
  }

  .reviews__title {
    margin-bottom: 40px
  }

  .reviews-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 20px
  }

  .reviews-btn {
    margin: 0
  }

  .reviews-list {
    height: 445px
  }

  .reviews-list-item.active .reviews-item__text {
    max-height: 250px
  }

  .reviews-item__text {
    max-height: 55px
  }

  .feedback {
    padding-top: 20px
  }

  .feedback-top,
  .feedback-wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px
  }

  .feedback-wrapper {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .feedback-age,
  .feedback-name {
    width: 48%;
    margin-bottom: 0
  }

  .feedback-text {
    margin-bottom: 20px
  }

  .feedback .feedback-btn {
    margin: 0 auto
  }

  .star-box {
    margin-bottom: 0
  }

  .use__title {
    margin-bottom: 40px;
    position: relative;
    z-index: 1
  }

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

  .use__list {
    margin-bottom: 0;
    margin-right: 100px;
    width: 100%;
    max-width: 350px
  }

  .use__image {
    margin: 0;
    padding-top: 40px;
  }

  .order__title {
    margin-bottom: 70px
  }

  .order__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around
  }

  .order__item {
    margin: 0 0 60px
  }

  .order__item:nth-child(3) {
    margin-bottom: 0
  }
}

@media screen and (max-width:767px) {
  .header .container {
    padding-left: 15px !important;
    padding-right: 15px !important
  }
}

@media screen and (min-width:768px) {
  .container {
    width: 768px;
    padding-left: 25px;
    padding-right: 25px
  }

  .title {
    font-size: 36px
  }

  .subtitle {
    font-size: 20px;
    margin-top: 10px
  }

  .block {
    padding-top: 40px;
    padding-bottom: 40px
  }

  .header__logo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 15px
  }

  .header__main {
    position: static;
    background-color: #fff;
    width: 76%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    opacity: 1
  }

  .header__link {
    margin-bottom: 0;
    width: auto;
    margin-left: 0;
    margin-right: 0
  }

  .header__link::after {
    content: '';
    position: absolute;
    right: 0;
    width: 1px;
    height: 38px;
    background-color: #e1e1e1
  }

  .header__timer,
  .header__timer .timer__text {
    margin-bottom: 5px
  }

  .header__timer {
    display: none
  }

  .header__btn {
    max-width: 150px;
    margin-right: 0;
    margin-left: 0
  }

  .header__burger {
    display: none
  }

  .promo {
    padding-top: 40px !important
  }

  .promo__quality {
    left: 71px;
    bottom: 0
  }

  .promo__content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .promo__description,
  .promo__list {
    max-width: 100%
  }

  .promo__list--item {
    width: 32%
  }

  .product-wrap {
    margin-top: 10px;
    margin-right: 112px;
    margin-left: 63px;
    left: 0
  }

  h1 {
    font-size: 55px
  }

  .promo__list {
    margin-bottom: 35px
  }

  .symptoms-content {
    margin-top: 50px
  }

  .unvisible__item {
    width: 170px;
    margin-right: 60px;
    padding: 15px 0
  }

  .unvisible__text {
    font-size: 20px
  }

  .symptoms__footer-wrap {
    width: 640px;
    bottom: -45px
  }

  .symptoms__footer {
    padding: 17px 85px;
    font-size: 28px
  }

  .breakthrough__photo {
    margin: 0 auto
  }

  .breakthrough__text {
    margin-bottom: 26px;
    font-size: 18px
  }

  .unique-content {
    margin-top: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .unique__left {
    margin-right: 20px;
  }

  .unique-list,
  .unique__right {
    display: block
  }

  .unique-list {
    max-width: 445px
  }

  .unique-list__item {
    max-width: 100%;
    margin-bottom: 0;
    padding-left: 160px;
    padding-top: 0;
    background-position: 0 50%
  }

  .header__link::after,
  .unique-list__item::after,
  .unique-list__item::before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }

  .unique-list__item::before {
    left: 116px;
    z-index: 2
  }

  .unique-list__item::after {
    position: absolute;
    content: '';
    width: 50px;
    height: 50px;
    left: calc(12% + 50px);
    border-radius: 50%;
    background-color: #fff;
    z-index: 1
  }

  .unique-list__item:nth-child(1) {
    -webkit-box-ordinal-group: inherit;
    -ms-flex-order: inherit;
    order: inherit
  }

  .unique-list__item:last-of-type {
    margin-bottom: 0
  }

  .unique-list__text-wrap {
    min-height: 160px;
    height: 140px;
    border-bottom: 1px solid #dfe2e3
  }

  .unique-list__text {
    text-align: left
  }

  .unique__img {
    margin: 0;
    top: 29px;
    left: 70px
  }

  .unique__certificate {
    top: 243px;
    left: 14px
  }

  .unique__pack .medal {
    right: -90px;
    top: 28px
  }

  .action__pack:before {
    top: 5px
  }

  .clients-list {
    margin-top: 18px
  }

  .clients-item {
    -webkit-box-shadow: 0 0 12px rgba(2, 3, 3, .1);
    box-shadow: 0 0 12px rgba(2, 3, 3, .1)
  }

  .clients-result__after,
  .clients-result__before {
    width: 80px;
    font-size: 18px
  }

  .clients .slick-slide {
    margin: 15px 10px
  }

  .clients .slick-list {
    margin: 0 -10px
  }

  .clients .slick-dots {
    margin-top: 20px
  }

  .composition-item {
    max-width: 320px
  }

  .move-info {
    margin-left: 30px
  }

  .stat-info-box {
    width: 33.33%
  }

  .stat-info-box--border::after,
  .stat-info-box--border::before {
    content: '';
    position: absolute;
    top: 6px;
    width: 1.4px;
    height: 110px;
    background-color: #dfdfdf
  }

  .stat-info__percent {
    font-size: 80px
  }

  .stat__notes {
    margin-top: 25px
  }

  .stat-sert {
    margin-top: 32px
  }

  .expert__text {
    font-size: 18px
  }

  .expert__text-big {
    font-size: 20px
  }

  .expert__about {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .expert__name {
    font-size: 22px;
    margin-bottom: 5px
  }

  .expert__pos {
    font-size: 17px
  }

  .expert__image {
    width: 180px;
    left: 85px
  }

  .expert__sign {
    width: 200px
  }

  .expert__approved {
    width: 134px
  }

  .reviews-list {
    height: 485px
  }

  .reviews-item-avatar {
    width: 70px;
    height: 70px;
    font-size: 30px
  }

  .reviews-item__name {
    font-size: 20px
  }

  .use__list {
    max-width: 450px
  }

  .use__content {
    margin-bottom: 30px
  }

  .use__item-img {
    width: 90px;
    height: 90px
  }

  .use__item-img:before {
    width: 29px;
    height: 29px;
    font-size: 18px
  }

  .use__item-img-1,
  .use__item-img-2,
  .use__item-img-3 {
    max-width: 100%
  }

  .use__item-text {
    font-size: 20px
  }

  .use__recommend {
    position: relative;
    padding-left: 240px
  }

  .use__recommend-image {
    display: block;
    position: absolute;
    left: 0;
    bottom: -40px
  }

  .use__recommend-list {
    padding-top: 30px
  }

  .use__recommend-about {
    padding: 20px 0 15px;
    position: relative;
    width: 240px;
    margin-right: auto
  }

  .use__recommend-about::before {
    left: 0;
    top: 0
  }

  .use__recommend-name {
    font-size: 22px
  }

  .use__recommend-pos {
    font-size: 17px
  }

  .order__item-title {
    font-size: 20px;
    padding: 0 22px
  }

  .order__item-text {
    font-size: 17px
  }
}

@media screen and (min-width:805px) {
  .arrow-left {
    left: -5px
  }

  .arrow-right {
    right: -5px
  }
}

@media screen and (max-width:999px) {

  .my-popup__wrap {
    width: 300px;
    padding: 10px 0 !important
  }

  .my-popup__left {
    display: none
  }

  .my-popup__right {
    margin-left: auto;
    margin-right: auto
  }

  .my-popup__right .form:before {
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
  }

  .my-popup__right .form {
    padding-top: 30px
  }
}

@media (max-width:1023px) {
  .banner {
    display: none !important
  }
}

@media screen and (min-width:1024px) {
  .unique__left {
    margin-right: 0;
  }

  .move__title::before {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 60px;
    background-color: #d5d5d5
  }
}

@media screen and (min-width:1024px) {
  .container {
    width: 1024px
  }

  .title {
    font-size: 38px
  }

  .subtitle {
    font-size: 22px;
    margin-top: 15px
  }

  .block {
    padding-top: 60px;
    padding-bottom: 60px
  }

  .bg {
    background: url(../img/bg.jpg) no-repeat center bottom #f6e9f1;
    background-size: 100%;
    position: relative
  }

  .bg:after,
  .bg:before {
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    background: url(../img/line.png) repeat-x center;
    height: 40px;
    z-index: 5
  }

  .bg::after {
    -webkit-transform: scale(-1);
    transform: scale(-1);
    bottom: -1px
  }

  .bg::before {
    top: -1px
  }

  .banner {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 30;
    background-color: #915169;
    padding: 10px 0
  }

  .banner .container,
  .banner__discount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .banner__discount {
    width: 70px;
    height: 70px;
    background: url(../img/action-icon.png) no-repeat center/contain;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    font-weight: 700
  }

  .banner__img {
    margin-right: 20px;
    max-width: 40px
  }

  .banner__text {
    font-size: 22px;
    margin-right: 25px;
    line-height: 1.4;
    color: #fff
  }

  .banner__center {
    width: 1px;
    height: 40px;
    opacity: .3;
    background-color: #fff;
    display: block;
    margin: 0 auto
  }

  .banner__timer {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 30px
  }

  .banner .timer__text {
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 5px;
    color: #fff
  }

  .banner .timer {
    width: 100%
  }

  .banner .timer__dots {
    color: #fff;
    font-weight: 400;
    position: relative
  }

  .banner .timer__hours,
  .banner .timer__minutes,
  .banner .timer__seconds {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .timer__hours,
  .timer__minutes,
  .timer__seconds {
    display: flex !important
  }

  .banner .timer .hours,
  .banner .timer .minutes,
  .banner .timer .seconds {
    display: inline-block;
    padding: 7px 4px;
    min-width: 27px;
    width: 27px;
    background-color: #fff;
    color: #000;
    border-radius: 3px;
    text-align: center
  }

  .banner .timer .hours:first-child,
  .banner .timer .minutes:first-child,
  .banner .timer .seconds:first-child {
    margin-right: 3px
  }

  .header__logo {
    margin-right: 20px
  }

  .header__main {
    width: 100%
  }

  .header__link {
    padding-right: 20px
  }

  .header__timer .timer__text {
    margin: 0 0 5px;
  }

  .header__timer {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 0
  }

  .form {
    padding-top: 30px
  }

  .form:before {
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
  }

  .promo {
    padding-top: 60px !important;
    padding-bottom: 0 !important;
    background: url(../img/bg.jpg) no-repeat center/cover
  }

  .promo:before {
    content: '';
    position: absolute;
    width: 630px;
    height: 630px;
    border: 80px solid #f4e4ee;
    background: #f1dfea;
    border-radius: 50%;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-107%);
    transform: translateX(-107%);
    z-index: -2
  }

  .promo .title:before,
  .promo:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0
  }

  .promo:after {
    width: 100%;
    height: 40px;
    background: url(../img/line.png) repeat-x center;
    -webkit-transform: scale(-1);
    transform: scale(-1);
    z-index: -1
  }

  .promo__title {
    text-align: left;
    margin-bottom: 30px
  }

  .promo__title h1 {
    margin-bottom: 0
  }

  .promo .title {
    font-size: 22px;
    margin-top: 5px;
    line-height: 28px;
    padding-bottom: 33px;
    position: relative
  }

  .promo .title:before {
    width: 200px;
    height: 1px;
    opacity: .5;
    background-color: #774963;
    border-radius: .5px
  }

  .promo__reward {
    font-size: 18px;
    padding-top: 18px;
    padding-bottom: 18px;
    margin-left: 20px
  }

  .promo__reward:before {
    width: 64px;
    height: 158px;
    left: -31px
  }

  .promo__quality--item:first-child {
    margin-right: 20px
  }

  .promo__quality--item:not(:last-child) {
    margin-bottom: 0
  }

  .promo__quality--item img {
    margin-right: 0;
    max-width: 109px
  }

  .promo__quality {
    max-width: 550px;
    bottom: -95px;
    left: 339px;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .promo__content {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }

  .promo__description {
    width: 320px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: 0 40px 0 0
  }

  .promo__product {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-bottom: 0
  }

  .promo__form {
    margin-bottom: 103px
  }

  .promo__list--item {
    font-size: 18px;
    line-height: 1.2;
    width: 100%;
    padding-left: 60px
  }

  .promo__list--item:before {
    width: 45px;
    height: 45px;
    background-size: 43px
  }

  .promo .title {
    text-align: left
  }

  .product__man {
    display: block;
    position: absolute;
    width: 856px;
    height: 716px;
    bottom: -92px;
    left: -548px
  }

  .product-wrap {
    max-width: 260px;
    margin: 0;
    left: -28px;
    bottom: -112px
  }

  .medal {
    top: -23px;
    width: 108px;
    height: 108px
  }

  h1 {
    font-size: 59px;
    line-height: 1
  }

  .promo__list {
    margin-bottom: 48px
  }

  .symptoms {
    padding-top: 140px !important
  }

  .symptoms-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .visible {
    width: 50%;
    margin-bottom: 0
  }

  .unvisible {
    width: 50%;
    border: 0;
    padding-top: 0
  }

  .symptoms-title__wrap--unvisible {
    top: -86px
  }

  .unvisible__list {
    padding-left: 63px;
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
    border-left: 1px solid #dfe2e3;
    left: 0
  }

  .unvisible__item {
    left: 0;
    margin-right: 0
  }

  .unvisible__item:nth-child(2n) {
    margin-left: 60px
  }

  .symptoms__slider {
    max-width: 440px
  }

  .symptoms__slider .symptoms__arrow-wrap {
    -webkit-transform: translateY(-90px);
    transform: translateY(-90px)
  }

  .symptoms__arrow-wrap--left,
  .symptoms__arrow-wrap--right {
    top: 180px
  }

  .symptoms__arrow-wrap--left {
    left: -16px
  }

  .symptoms__arrow-wrap--right {
    right: -16px
  }

  .breakthrough {
    padding: 90px 0 !important;
    overflow: hidden
  }

  .breakthrough-content {
    margin-top: 46px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .breakthrough__left {
    width: 50%;
    margin-bottom: 0;
    position: relative;
    z-index: 0
  }

  .breakthrough__left:before {
    content: '';
    position: absolute;
    width: 630px;
    height: 630px;
    border: 80px solid #f4e4ee;
    background: #f1dfea;
    border-radius: 50%;
    bottom: -115px;
    left: 0;
    z-index: -1
  }

  .breakthrough__right {
    width: 50%;
    position: relative;
    z-index: 1
  }

  .breakthrough__photo {
    margin: 0
  }

  .breakthrough__journal {
    bottom: 0;
    right: 24px
  }

  .unique-list {
    max-width: 500px
  }

  .unique-list__item {
    padding-left: 180px
  }

  .unique-list__item::before {
    width: 44px;
    height: 28px;
    left: 119px
  }

  .unique-list__text {
    font-size: 20px
  }

  .unique__img {
    max-width: 280px;
    top: 26px;
    left: 181px
  }

  .unique__certificate {
    left: 39px;
    top: 214px;
    max-width: 189px
  }

  .unique__pack .medal {
    left: auto;
    right: 60px;
    top: 22px
  }

  .action {
    padding: 80px 0 95px !important;
    overflow: hidden;
    background-size: cover;
    background-position: center center
  }

  .action__content {
    max-width: 790px;
    margin-right: 0;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2
  }

  .action__title {
    width: 100%;
    text-align: left !important;
    position: relative;
    z-index: 2
  }

  .action__box,
  .action__form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .action__box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 15px
  }

  .action__subtitle {
    margin-bottom: 0;
    text-align: left;
    font-size: 20px;
    z-index: 2;
    position: relative
  }

  .action__price {
    margin-left: auto;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 0
  }

  .action__timer {
    max-width: 225px;
    width: 100%;
    padding: 6px 0 0;
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 0
  }

  .action__pack {
    left: -183px;
    bottom: -59px;
    max-width: 150px;
    z-index: 0
  }

  .action__pack:before {
    right: -14px;
    top: -5px
  }

  .action__pack::after,
  .composition-pack::after {
    content: '';
    position: absolute;
    width: 400px;
    height: 400px;
    border: 50px solid #f4e4ee;
    background: #f1dfea;
    border-radius: 50%
  }

  .action__pack::after {
    bottom: -48px;
    left: -134px;
    z-index: -1
  }

  .action__form {
    max-width: 100%
  }

  .action__form .form__input--wrap {
    margin-bottom: 0;
    margin-right: 10px;
    width: 100%;
    height: 100%
  }

  .action__form form {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .action__btn {
    max-width: 225px;
    margin-bottom: 0
  }

  .action .timer__dots {
    margin: 0 1.5px 1px
  }

  .action .medal {
    top: 13px;
    left: -10px;
    width: 73px;
    height: 76px
  }

  .clients-item {
    padding: 15px 15px 20px
  }

  .clients-result__after {
    right: 30px
  }

  .clients-result__before {
    padding-bottom: 3px;
    left: 30px
  }

  .clients__name {
    margin-top: 12px
  }

  .composition {
    padding: 90px 0 !important
  }

  .composition-content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .composition-pack {
    display: block;
    max-width: 173px;
    margin-bottom: 100px;
    left: -5px;
  }

  .composition-pack .medal {
    width: 80px;
    height: 80px;
    top: -35px;
    right: 4px
  }

  .composition-pack::after {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -3
  }

  .composition-item {
    position: relative;
    z-index: 5;
    max-width: 379px
  }

  .composition-item__title {
    font-size: 22px
  }

  .composition .composition-line {
    display: block
  }

  .fix-h2 {
    margin-top: 9px
  }

  .move {
    padding: 30px 0 !important
  }

  .move-info {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    max-width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 0;
    width: 100%
  }

  .move-pack {
    max-width: 70px
  }

  .move-btn {
    margin-left: 26px;
    margin-top: 0;
    max-width: 250px;
    width: 100%
  }

  .move__title {
    margin-left: 20px;
    padding-right: 29px;
    margin-right: 38px;
    text-align: left;
    font-size: 20px;
    line-height: 1.3;
    max-width: 261px
  }

  .move__title:after {
    position: absolute;
    margin: 0;
    top: -50px;
    right: 252px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5;
  }

  .stat-info {
    margin-top: 40px
  }

  .stat-info-box--border::after,
  .stat-info-box--border::before {
    top: -8px;
    height: 150px
  }

  .stat-info__percent {
    line-height: 70px;
    font-size: 95px
  }

  .stat-info__text {
    margin-top: 20px;
    font-size: 20px;
    max-width: 270px
  }

  .stat__notes {
    margin-top: 30px
  }

  .stat-sert {
    margin-top: 50px
  }

  .expert__wrapper {
    padding: 90px 0
  }

  .expert__content {
    width: 50%;
    margin-left: auto;
    position: relative;
    z-index: 1
  }

  .expert__about {
    width: 100%;
    margin: 0;
    position: relative;
    padding: 35px 0 0
  }

  .expert__image {
    left: 0;
    width: 470px;
    z-index: 0
  }

  .expert__image::before {
    content: '';
    position: absolute;
    width: 630px;
    height: 630px;
    border: 80px solid #f4e4ee;
    background: #f1dfea;
    border-radius: 50%;
    z-index: -1;
    top: 56%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }

  .expert__name,
  .expert__pos {
    padding-right: 245px
  }

  .expert__pos {
    margin-bottom: 0
  }

  .expert__approved,
  .expert__sign {
    position: absolute;
    width: 150px;
    right: 80px;
    top: calc(50% + 17px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }

  .expert__approved {
    width: 100px;
    right: 0
  }

  .reviews-content {
    padding: 20px 30px;
    background-image: url(../img/reviews_bg.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    max-width: 970px
  }

  .reviews-list {
    padding-right: 40px;
    height: 575px
  }

  .reviews-list-item {
    margin-bottom: 30px;
    padding-bottom: 30px
  }

  .reviews-list-item.active .reviews-item__text {
    max-height: 150px
  }

  .reviews-item-avatar {
    margin-right: 20px
  }

  .reviews-item__name {
    margin-bottom: 10px
  }

  .reviews-item__text {
    margin-top: 20px
  }

  .reviews-assessment,
  .reviews-item__btn {
    margin-top: 30px
  }

  .feedback-wrapper {
    width: auto;
    margin-bottom: 0;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }

  .feedback-age,
  .feedback-name {
    width: 30%
  }

  .use__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-pack: distribute;
    justify-content: space-around
  }

  .use__list {
    max-width: 480px;
    margin-right: 0;
    position: relative;
    z-index: 1
  }

  .use__item {
    margin-bottom: 50px;
    position: relative
  }

  .use__item-img {
    margin-right: 30px
  }

  .use__item:not(:last-child)::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 28px;
    background-color: #cecccc;
    bottom: -39px;
    left: 46px
  }

  .use__image {
    width: 354px;
    padding-top: 50px;
    padding-left: 133px;
    z-index: 0
  }

  .use__image::before {
    content: '';
    position: absolute;
    width: 550px;
    height: 550px;
    border: 80px solid #f4e4ee;
    background: #f1dfea;
    border-radius: 50%;
    z-index: -1;
    top: 52%;
    left: 54%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }

  .use__sert {
    width: 170px;
    left: 0;
    bottom: 65px
  }

  .use__recommend {
    padding-left: 280px
  }

  .use__recommend-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px
  }

  .use__recommend-item {
    padding: 60px 0 0;
    font-size: 18px;
    line-height: 1.3
  }

  .use__recommend-item::before {
    width: 51px;
    height: 33px
  }

  .use__recommend-item:not(:last-child) {
    margin-bottom: 0;
    padding-right: 25px
  }

  .use__recommend-image {
    bottom: -60px;
    width: 265px
  }

  .use__recommend-info {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .use__recommend-about {
    margin-right: 40px;
    padding: 30px 0 25px
  }

  .use__recommend-sign {
    width: 200px;
    margin-left: 0
  }

  .use__recommend-approved {
    width: 134px
  }

  .use .medal {
    top: -5px;
    left: 127px;
    right: auto
  }

  .order__content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .order__item {
    max-width: 225px;
    margin-bottom: 0
  }

  .order__item:nth-child(odd) {
    margin-top: 40px
  }

  .order__item-image {
    margin-bottom: 20px;
    width: 225px;
    height: 225px;
  }

  .order__item-title {
    margin-bottom: 10px;
    padding: 0 15px
  }

  .footer {
    padding: 120px 0 20px
  }
}

@media screen and (min-width:1220px) {
  .container {
    width: 1220px
  }

  .title {
    font-size: 50px
  }

  .subtitle {
    font-size: 24px;
    margin-top: 21px
  }

  .block {
    padding-top: 80px;
    padding-bottom: 80px
  }

  .hours,
  .minutes,
  .seconds {
    padding: 11px 10px 9px
  }

  .banner__timer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .banner .timer {
    max-width: 225px
  }

  .banner__img {
    max-width: 40px;
    margin-right: 30px
  }

  .banner .timer__text {
    margin-bottom: 0;
    margin-right: 20px;
    line-height: 1.3;
    font-size: 16px
  }

  .header {
    padding: 10px 0 12px
  }

  .header__logo {
    margin-right: 65px;
    font-size: 26px
  }

  .header__link {
    padding-left: 49px;
    padding-right: 65px;
    margin-right: 0
  }

  .header__btn {
    max-width: 170px;
    margin-left: 20px;
    padding-bottom: 10px;
    padding-top: 10px
  }

  .form {
    padding-top: 37px
  }

  .form:before {
    width: 88px;
    height: 85px;
    font-size: 24px;
    top: -57px
  }

  .promo__quality--text {
    margin-left: 19px
  }

  .last {
    font-size: 18px
  }

  .promo {
    padding-top: 78px !important
  }

  .promo:before {
    width: 720px;
    height: 720px;
    -webkit-transform: translateX(-85%);
    transform: translateX(-85%)
  }

  .promo__title {
    margin-bottom: 32px
  }

  .promo__title h1 {
    margin-bottom: 0;
    letter-spacing: 3.6px
  }

  .promo__reward {
    margin-left: 50px
  }

  .promo__reward:before {
    width: 77px;
    height: 190px;
    left: -53px;
    -webkit-transform: translateY(-56%);
    transform: translateY(-56%)
  }

  .promo__quality--item {
    font-size: 18px
  }

  .promo__quality--item img {
    max-width: 129px
  }

  .promo__quality {
    left: 493px;
    bottom: -92px;
    max-width: 620px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .promo__description {
    width: 360px;
    margin-bottom: 45px;
    margin-right: 42px;
    position: relative;
    margin-top: -16px
  }

  .promo__product {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-bottom: 0;
    position: relative;
    width: 676px;
    margin-left: -300px
  }

  .promo__list--item {
    padding-left: 71px;
    font-size: 19px;
    line-height: 1.4
  }

  .promo__list--item:not(:last-child) {
    margin-bottom: 19px
  }

  .promo__list--item:before {
    left: 2px;
    top: 5px;
    width: 51px;
    height: 33px;
    background-size: contain
  }

  .product__man {
    left: -286px;
    bottom: -67px;
  }

  .product-wrap {
    width: 290px;
    max-width: 290px;
    position: absolute;
    margin-top: 0;
    bottom: -110px;
    right: 0;
    left: 350px
  }

  .medal {
    right: 13px
  }

  h1 {
    font-size: 65px;
    line-height: normal
  }

  .promo__list {
    margin-bottom: 59px
  }

  .symptoms {
    padding: 90px 0 70px
  }

  .symptoms-content {
    margin-top: 83px
  }

  .unvisible__list {
    padding-left: 80px
  }

  .unvisible__item {
    width: 190px;
  }

  .unvisible__item::before {
    left: -56px
  }

  .unvisible__item:nth-child(2n) {
    margin-left: 104px
  }

  .symptoms__slider {
    max-width: 490px
  }

  .symptoms__arrow-wrap--left {
    left: -5px
  }

  .symptoms__arrow-wrap--right {
    right: -5px
  }

  .breakthrough {
    padding: 110px 0 140px !important
  }

  .breakthrough__left {
    display: block;
    margin-right: 20px
  }

  .breakthrough__left:before {
    width: 720px;
    height: 720px;
    bottom: -186px;
    left: -49px
  }

  .breakthrough__right {
    width: 545px
  }

  .breakthrough__photo {
    width: auto
  }

  .breakthrough__journal {
    bottom: -27px
  }

  .unique {
    padding: 65px 0 11px
  }

  .unique-content {
    margin-top: 67px
  }

  .unique__left {
    margin-left: 69px
  }

  .unique-list {
    padding-left: 0;
    max-width: 595px;
    margin-right: 20px
  }

  .unique-list__item {
    background-size: 130px 130px;
    padding-left: 189px
  }

  .unique-list__item::after {
    left: calc(9% + 50px)
  }

  .unique-list__text b {
    font-size: 22px;
    margin-bottom: 5px;
    display: block
  }

  .unique__img {
    left: 140px;
    top: 30px
  }

  .unique__certificate {
    top: 205px;
    left: 3px
  }

  .unique__pack .medal {
    top: -15px
  }

  .action {
    padding-top: 133px !important;
    padding-bottom: 136px !important
  }

  .action__content {
    max-width: 803px;
    width: 100%;
    margin-right: 67px
  }

  .action__title {
    font-size: 50px !important;
    margin-bottom: 12px
  }

  .action__box {
    margin-bottom: 20px
  }

  .action__price {
    font-size: 17px
  }

  .action__price .x_price_current,
  .action__price .x_price_previous {
    font-size: 37px
  }

  .action__timer {
    max-width: 253px;
    width: 100%;
    position: relative;
    top: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0
  }

  .action__timer .timer__text {
    margin-bottom: 10px
  }

  .action__timer .hours,
  .action__timer .minutes,
  .action__timer .seconds {
    padding: 12px 11px 10px
  }

  .action__pack {
    max-width: 190px;
    left: -253px;
    bottom: -76px
  }

  .action__pack:before {
    width: 88px;
    height: 85px;
    font-size: 24px;
    top: -13px;
    right: -34px
  }

  .action__pack::after {
    width: 510px;
    height: 510px;
    border-width: 60px;
    bottom: -57px;
    left: -183px
  }

  .action__form .form__input--wrap {
    margin-right: 20px;
    width: 260px
  }

  .action__btn {
    max-width: 250px
  }

  .action .timer__dots {
    margin: 0 4.5px 1px
  }

  .clients {
    padding: 100px 0 70px
  }

  .clients-list {
    margin-top: 28px
  }

  .clients-item {
    -webkit-box-shadow: 0 0 17px rgba(2, 3, 3, .1);
    box-shadow: 0 0 17px rgba(2, 3, 3, .1);
    padding: 20px 20px 28px
  }

  .clients-result__after {
    right: 40px
  }

  .clients-result__before {
    left: 40px
  }

  .clients__name {
    margin-top: 25px;
    font-size: 22px
  }

  .clients .slick-slide {
    margin: 20px 15px
  }

  .clients .slick-list {
    margin: 0 -15px
  }

  .composition {
    padding: 105px 0 90px !important
  }

  .composition-content {
    margin-top: 41px
  }

  .composition-pack {
    width: 249px;
    max-width: none;
  }

  .composition-pack .medal {
    width: 96px;
    height: 96px;
    right: 0
  }

  .composition-pack::after {
    width: 700px;
    height: 700px;
    border-width: 80px
  }

  .composition-item:not(:last-child) {
    margin-bottom: 24px
  }

  .composition-item__img img {
    max-width: 100%
  }

  .composition-item__title {
    margin-top: 15px
  }

  .composition-item__text {
    font-size: 18px;
    line-height: 23px;
    margin-top: 9px
  }

  .composition .composition-line {
    right: -14px;
    width: 68px
  }

  .composition .composition-line::before {
    width: 18px;
    height: 18px;
    top: -9px
  }

  .composition .composition-line--right {
    left: 0
  }

  .fix-h {
    margin-top: -2px
  }

  .fix-h2 {
    margin-top: 20px
  }

  .move:before {
    width: 1170px
  }

  .move-content {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .move .timer__text {
    margin-bottom: 0;
    max-width: 123px;
    text-align: left;
    margin-right: 15px
  }

  .move-pack {
    max-width: 82px;
    margin-right: 39px
  }

  .move-btn {
    max-width: 250px;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0
  }

  .move__title {
    margin-left: 0;
    font-size: 22px;
    max-width: 340px
  }

  .move__title b {
    display: block
  }

  .move__title:after {
    width: 88px;
    height: 85px;
    font-size: 25px;
    right: 60px
  }

  .move-timer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .stat {
    padding: 84px 0 90px
  }

  .stat-info {
    margin-top: 59px
  }

  .stat-info__percent {
    font-size: 100px;
    line-height: 75px
  }

  .stat-info__text {
    margin-top: 24px;
    line-height: normal;
    font-size: 22px;
    max-width: 296px
  }

  .stat__notes {
    margin-top: 34px
  }

  .stat-sert {
    margin-top: 56px
  }

  .expert__wrapper {
    padding: 110px 0
  }

  .expert__title {
    margin-bottom: 60px
  }

  .expert__content {
    width: 51%
  }

  .expert__image {
    width: 535px
  }

  .expert__image::before {
    width: 690px;
    height: 690px
  }

  .expert__text {
    line-height: 1.5;
    margin-bottom: 30px
  }

  .expert__text-big {
    font-size: 22px
  }

  .expert__name {
    font-size: 26px
  }

  .expert__name,
  .expert__pos {
    padding-right: 355px
  }

  .expert__sign {
    width: 200px;
    right: 120px
  }

  .expert__approved {
    width: 134px
  }

  .reviews__title,
  .use__content,
  .use__title {
    margin-bottom: 60px
  }

  .use__list {
    max-width: 515px
  }

  .use__item-text {
    font-size: 22px
  }

  .use__image {
    margin-left: 80px
  }

  .use__image::before {
    width: 630px;
    height: 630px
  }

  .use__recommend {
    padding-left: 345px
  }

  .use__recommend-list {
    padding-top: 50px
  }

  .use__recommend-item:not(:last-child) {
    padding-right: 85px
  }

  .use__recommend-name {
    font-size: 26px;
    margin-bottom: 5px
  }

  .use__recommend-image {
    bottom: -80px;
    width: 310px
  }

  .order__title {
    margin-bottom: 90px
  }

  .order__item {
    max-width: 270px
  }

  .order__item-title {
    font-size: 22px
  }

  .order__item-text {
    font-size: 18px
  }

  .order__item-image {
    width: 270px;
    height: 270px;
  }

  .footer {
    padding: 140px 0 20px
  }

  .move__title::after {
    position: absolute;
    margin: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 65px
  }
}

@media screen and (min-width:1292px) {

  .arrow-left,
  .arrow-right {
    border: 0;
    background: 0 0;
    fill: #d7d7d7;
    -webkit-transform: translateY(-135%);
    transform: translateY(-135%);
    display: block
  }

  .arrow-left:hover,
  .arrow-right:hover {
    background: 0 0
  }

  .arrow-left svg,
  .arrow-right svg {
    fill: none
  }

  .arrow-left {
    left: -50px;
    padding-right: 0;
    width: 40px
  }

  .arrow-right {
    right: -50px;
    padding-left: 0;
    width: 40px
  }
}

@media screen and (min-width:1361px) {
  .header {
    position: relative
  }
}

@media screen and (min-width:1370px) {
  .arrow-left {
    left: -76px
  }

  .arrow-right {
    right: -76px
  }
}

@media screen and (max-width:1370px) {

  .my-popup__right .form__btn,
  .my-popup__right .form__input--wrap,
  .my-popup__right .form__online,
  .my-popup__right .form__pack,
  .my-popup__right .form__title,
  .my-popup__right .price {
    margin-bottom: 10px
  }

  .my-popup__wrap {
    padding: 72px 30px 27px 30px;
  }

  .my-popup__pack {
    max-width: 290px;
  }
}

@media (max-width:639px) and (min-width:480px) {
  .composition-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left
  }

  .composition-item-info {
    margin-left: 10px
  }
}

@media (max-width:767px) and (min-width:480px) {
  .stat-info-box {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 510px;
    margin-left: auto;
    margin-right: auto
  }

  .stat-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .stat-info__text {
    max-width: 100%;
    margin: 0 0 0 15px;
    font-size: 19px
  }
}

@media screen and (max-width:1023px) and (min-width:768px) {
  .promo__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .promo__list--item:not(:last-child) {
    margin-bottom: 0
  }
}

.timer__hours,
.timer__minutes,
.timer__seconds {
  display: flex !important
}

.order__item-image--first img {
  height: 100%;
  margin: 0 auto;
}