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

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

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

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

@-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,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

.slick-slide img,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}


br {
    line-height: 1
}

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

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

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
}

::-moz-focus-inner,
::-moz-focus-outer {
    border: 0;
    padding: 0
}

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

::-ms-clear {
    display: none
}

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

#comebacker_main_div {
    display: none !important;
    height: 0 !important
}

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
}

::-moz-focus-inner {
    border: 0;
    outline: 0
}

select {
    outline: 0 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/select-triangle.svg);
    background-repeat: no-repeat
}

select,
select:hover {
    background-size: 10px 10px;
    background-position: right 10px center
}

select:focus {
    outline: 0 !important;
    outline-color: transparent;
    outline-width: 0
}

select::-ms-expand {
    display: none !important;
    background: 0 0 !important;
    position: fixed;
    border: 0 !important;
    outline: 0 !important
}

button::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=file]>input[type=button]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
option::-moz-focus-inner,
select::-moz-focus-inner {
    border: 0
}

:not(#fake) {
    outline: 0
}

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

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: 900;
    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-black {
    font-weight: 900
}

.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
}

.price-new__item {
  color: red;
}

.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;

    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(../images/icon_composition.png) no-repeat center/contain
}

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

.header__delimiter {
    width: 70%;
    height: 1px;
    background-color: #f5e9d0;
    opacity: .2;
    margin: 15px auto 10px
}

.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
}

.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
}

.action__pack {
  z-index: 0;
}

   .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 {
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      z-index: -1;
    }

.form:before {
    content: '-50%';
    top: -44px;
    right: -9px;
    width: 70px;
    height: 70px;
    color: #fff;
    font-size: 18px;
    background: url(../images/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: flex;

    justify-content: space-evenly;
  text-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: 18px
}

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

.price-old__title {
    font-size: 14px;
    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
}

.date-wrap {
    margin-bottom: 11px;
    text-align: center;
    font-weight: 400
}

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

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

.order__item-image--first img {
    height: 100%;
    margin: 0 auto
}

.order__item-image-3 img {
    max-height: 240px;
    margin: 0 auto
}

.footnote {
    color: #666;
    text-align: center;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 13px
}

.visitors {
    padding: 9px 0 14px;
    text-align: center;
    font-size: 13px
}

.visitors * {
    display: inline-block
}

.last {
    text-align: center
}

.form-lock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #222;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 400
}

.form-lock:before {
    content: url(../images/lock.png);
    display: block;
    margin-right: 9px
}

.form-lock,
.form-wrap {
    position: relative
}

.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;
    font-weight: 900
}

.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
}

.no-webp .promo__reward:before {
    background: url(../images/reward.png) no-repeat center/contain
}

.webp .promo__reward:before {
    background: url(../images/reward.webp) 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
}

.promo__quality--item {
    color: #fff;
    font-size: 14px;
    max-width: 260px;
    width: 100%;
    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 {
    order: 2;
    margin-bottom: 25px
}

.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(../images/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: 240px;
    left: 0;
    width: 100%
}

.capsula,
.medal {
    position: absolute
}

.capsula {
    right: -30px;
    bottom: 0
}

.medal {
    right: 120px;
    top: 3px;
    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
}

.promo__lastpack {
    background-color: #344636;
    padding: 10px 15px 8px 22px;
    border-radius: 24px;
    max-width: 230px;
    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;
    margin-left: auto;
    margin-right: auto
}

.promo__lastpack--text {
    color: #fff;
    font-size: 13px;
    line-height: 16px
}

.promo__lastpack .lastpack {
    color: #dea05f;
    font-size: 32px;
    font-weight: 700;
    line-height: 1
}

.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
}

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

.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(../images/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%
}

.reviews-item__text-img {
  width: 250px;
  margin-top: 10px;
  border-radius: 10px;
}

.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;
    pointer-events: none;
}

.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(../images/symptoms1_.webp) no-repeat 50%;
    background-size: 117px
}

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

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

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

.move__title b {
    display: block
}

.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
}

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

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

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

.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%;
    justify-content: center;
}

.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: 1.5
}

.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
}
.composition {
    overflow-y: hidden;
}
.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(../images/check.png) no-repeat 50%;
    background-size: contain
}

.unique-list__item:nth-child(1) {
    background-image: url(../images/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(../images/unique2.webp)
}

.unique-list__item:nth-child(3) {
    background-image: url(../images/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
}

.no-webp .unique-list__item:nth-child(1) {
    background-image: url(../images/unique1.png)
}

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

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

.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__subtitle--accent {
    color: #df3a08;
    font-weight: 700
}

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

.action {
  overflow: hidden;
}

.action__timer {
    text-align: center;
    margin-bottom: 20px;    position: relative;z-index: 1;
}

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

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

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

.action__pack:before {
    content: '-50%';
    position: absolute;
    top: -5px;
    left: -30px;
    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(../images/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
}

.recomend__action {
    padding-top: 0 !important;
    background-color: #f2f4f6
}

.action-form {
    position: relative
}

.action-form::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 970px;
    height: 1px;
    background-color: #bbc2c2
}

.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__subtitle {
    margin-top: 10px;
    text-align: center;
    color: #444;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.1
}

.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-pack__certificate {
    position: absolute;
    top: -51px;
    left: 28px;
    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: 145px;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 10px
}

.move-pack__text {
    left: 50%;
    top: 50%;
    font-size: 12px;
    color: #fff;
    position: absolute;
    -webkit-transform: translate(-55%, -60%) rotate(-35deg);
    transform: translate(-55%, -60%) rotate(-35deg)
}

.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(../images/action-icon.png) no-repeat center/contain
}

.move__title--color {
    color: #f33;
    font-weight: 900
}

.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
}

.move-timer__title {
    margin-bottom: 5px;
    margin-top: 10px;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    max-width: 100%;
    margin-right: 0
}

.move .timer__cell {
    background-color: #ffb401
}

.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: 45px;
    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(../images/star.png) repeat-x left center;
    background-size: 25px 20px;
    position: relative
}

.reviews-headStar::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/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;
    scrollbar-color: #915169 #fff !important;
    scrollbar-width: thin !important;
    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(../images/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: 1000px
}

.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;
    overflow: hidden;
}

.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(../images/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(../images/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(../images/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(../images/like.png) no-repeat center
}

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

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

.dislike-active::before {
    background: url(../images/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: 0px
}

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

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

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

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

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

.feedback-name::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20px;
    background: url(../images/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-chose, .feedback-pic {
    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;
   
}

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

.file-input-container {
    position: relative;
    overflow: hidden;
    display: inline-block;
  }

  .file-input-container input[type=file] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    right: 0;
    top: 0;
  }

  .file-input-label {

    display: inline-block;
    padding: 0;
    cursor: pointer;
  }

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

.feedback-pic:before{
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    left: 17px;
    background: url(../images/icon-pic.png) no-repeat center / contain;
}

.feedback-chose::before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    left: 15px;
    background: url(../images/chose.png) no-repeat center / contain;
}


.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(../images/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(../images/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: 240px;
    margin: 0 auto 20px
}

.use__sert {
    position: absolute;
    width: 120px;
    left: -90px;
    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(../images/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: 175px
}

.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 {
    border-radius: 10px;
    margin-bottom: 10px;
    background-color: #f6e9f1;
    overflow: hidden
}

.order__item-image-3 {
    padding: 20px 0;
}

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

.footer {
    padding: 20px 0;
    text-align: center;
}

.my-popup__wrap {
    width: 700px;
    margin: 0 auto;
    padding: 80px 30px 30px 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
    border-radius: 5px;
    background: -webkit-linear-gradient(135deg, #f5e8ef, #dea7c6);
    background: -moz-linear-gradient(135deg, #f5e8ef, #dea7c6);
    background: linear-gradient(135deg, #f5e8ef, #dea7c6)
}

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

.my-popup__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.my-popup__left .medal {
    top: -5px;
    left: -35px
}

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

.my-popup__quality {
    position: absolute;
    right: 0;
    top: -55px
}

.ever-popup {
    z-index: 121 !important
}

.ever-popup__inner {
    max-width: 770px !important;
    margin-top: 0 !important
}

.ever-popup__close:after,
.ever-popup__close:before {
    top: 20px !important;
    right: -40px !important;
    height: 4px !important;
    border-radius: 20px
}

.ever-popup.show {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

@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
    }

    .composition__subtitle {
        font-size: 18px
    }

    .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: 120px
    }

    .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: 50%;
        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: 85px
    }
}

@media screen and (min-width:640px) {
    .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: 40px
    }

    .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: 341px;
        margin-left: auto;
        margin-right: auto
    }

    .product-wrap {
            max-width: 230px;
        margin-top: 14px;
        width: 100%;
        top: 13px;
        left: 53px;
    }

    .capsula {
        right: 0
    }

    .medal {
          top: -21px;
        right: 88px;
        width: 80px;
        height: 80px
    }

    h1 {
        font-size: 50px
    }

    .promo__list {
        margin-bottom: 30px
    }

    .promo__lastpack {
        position: relative;
        margin-left: 0;
        margin-bottom: -78px
    }

    .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
    }

    .no-webp .symptoms__slider-navigation li:nth-child(1),
    .no-webp .symptoms__slider-navigation li:nth-child(2),
    .no-webp .symptoms__slider-navigation li:nth-child(3),
    .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 
    }

    .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: 245px
    }

    .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: -10px;
        margin-bottom: 0;
        max-width: 225px
    }

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

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

    .clients__name,
    .composition__subtitle {
        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: 11px
    }

    .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(../images/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-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;
        margin-bottom: 0;
    }

    .feedback-age,
    .feedback-name,
    .feedback-chose,
    .feedback-pic{
        width: 49%;
        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: 50px;
        width: 100%;
        max-width: 350px
    }

    .use__image {
        margin: 0
    }

    .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 (max-height:699px) {
    .ever-popup.show {
        display: block !important
    }
}

@media (max-height:750px) {
    .ever-popup__inner {
        margin-top: 40px !important
    }
}

@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
    }

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

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

    .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: 69%;
        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__delimiter {
        width: 1px;
        height: 40px;
        margin: 0;
        display: none
    }

    .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
    }

    .promo__lastpack {
        margin-left: 90px
    }

    .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: 20px
    }

    .unique-content {
        margin-top: 10px;

        flex-direction: row;
        align-items: center;
      justify-content: center;
      gap: 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;

    }

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

    .unique__pack .medal {
       
        left: 0px;
        top: 0px
    }

    .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 .form__action {
        top: -62px;
        right: -12px
    }

    .my-popup .form__approved {
        padding-left: 40px;
        background-position: 0 50%
    }

    .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
    }

    .ever-popup__inner {
        width: 300px !important
    }

    .ever-popup__close:after,
    .ever-popup__close:before {
        top: 15px !important;
        right: 0 !important
    }
}

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

@media screen and (min-width:1023px) {
    .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 (max-width:1023px) {
    .my-popup .main__form {
        margin-bottom: 0
    }
}

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

    .order__item-image {
        margin-bottom: 20px
    }

    .title {
        font-size: 38px
    }

    .promo__quality--item {
        max-width: 100%;
        width: auto
    }

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

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

    .bg {
        background: url(../images/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(../images/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(../images/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__date {
        margin-right: 5px;
        background-color: #f28a1b
    }

    .banner__price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        position: relative;
        padding-right: 45px;
        margin-right: 35px;
        color: #fff
    }

    .banner__price::after {
        content: "";
        position: absolute;
        width: 1px;
        height: 40px;
        background-color: #898989;
        right: 0;
        top: 0
    }

    .banner__price-num {
        font-size: 49px;
        margin-right: 8px
    }

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

    .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
    }

    .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
    }

    .banner .form__date {
        padding: 3px 6px
    }

    .header__logo {
        margin-right: 20px
    }

    .header__main {
        width: 100%
    }

    .header__link {
        padding-right: 20px
    }

    .header__delimiter {
        display: block
    }

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

    .header__timer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        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(../images/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(../images/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: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;
        justify-content: space-between
    }

    .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: -568px
    }

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

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

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

    .promo__list {
        margin-bottom: 48px
    }

    .promo__lastpack {
        margin-left: 0
    }

    .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;
        justify-content: flex-start;
    }

    .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: 300px;

    }

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

    .unique__pack .medal {
        top: 0
    }

    .action {
        padding: 80px 0 95px !important;
        overflow: hidden;
        background-size: 160% 100%;
        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: -178px;
        bottom: -33px;
        max-width: 166px;
        z-index: 0;
    }

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

 

    .action__pack::after {
        bottom: -91px;
        left: -134px;
        z-index: -1;
        transform: none;
        top: auto;
    }

    .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__subtitle {
        margin-top: 15px;
        font-size: 22px
    }

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

    .composition-pack {
        display: block;
        max-width: 290px;
       
    }

    .composition-pack .medal {
        width: 80px;
        height: 80px;
        right: 105px
    }

    .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: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 25px
    }

    .move-timer__title {
        margin-top: 0
    }

    .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: 145px
    }

    .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(../images/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-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: 100%;
        margin-bottom: 0;
     
      
    }

    .feedback-age,
    .feedback-name, .feedback-chose, .feedback-pic {
        width: 49%
    }

    .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: 414px;
        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;
        right: 150px;
        left: 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-image-3 img {
        max-width: 190px;
    }

    .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__price {
        padding-right: 60px;
        margin-right: 37px
    }

    .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: 110px;
        font-size: 26px
    }

    .header__link {
        padding-left: 49px;
        padding-right: 35px;
        margin-right: 30px
    }

    .header__delimiter {
        margin: 0 auto
    }

    .header__timer .timer__text {
        margin-right: 20px
    }

    .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
    }

    .footnote {
        margin-top: 16px
    }

    .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;
        justify-content: space-between
    }

    .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
    }

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

    .medal {
        top: -10px;
        left: -15px
    }

    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: 110px
    }

    .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 {
        width: 319px;
       

    }

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

    .unique__pack .medal {
        top: -25px
    }

    .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: 263px;
        left: -285px;
        bottom: -90px;
    }

    .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: -72px;
        left: -127px;
    }

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

    .action__btn {
        max-width: 250px
    }

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

    .action-form {
        padding-top: 66px;
        padding-bottom: 81px
    }

    .action-form::before {
        width: 1170px
    }

    .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__subtitle {
        margin-top: 21px;
        font-size: 24px
    }

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

    .composition-pack {
        margin-bottom: 22px;
        width: 100%;
        max-width: 311px;
        margin-top: 60px;
    }

    .composition-pack .medal {
        width: 96px;
        height: 96px;
        top: -13px;
        right: auto;
        left: 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
    }

    .move-timer__title {
        margin-right: 18px;
        text-align: left;
        max-width: 120px;
        margin-bottom: 0;
        margin-top: 5px
    }

    .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: 39px
    }

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

    .expert__name {
        font-size: 26px
    }

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

    .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;
    }

    .order__item-image-3 img {
        max-width: 240px;
    }

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

@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 (max-width:1299px) {
    .my-popup .form__action {
        left: auto;
        right: -61px
    }

    .my-popup .form__approved {
        padding: 3px 0 3px 60px;
        background-position: 12px 50%
    }
}

@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 (min-width:1800px) {
    .action {
        background-size: cover
    }
}

@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__left .medal {
      right: 140px;
        width: 108px;
        height: 108px;
            top: -5px;
    }

    /* .my-popup__pack {
        max-width: 200px
    }

    .my-popup__wrap {
        padding: 72px 30px 27px 60px;
        max-width: 630px
    } */
}

@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
    }
}

@media (min-width:1000px) {
    .my-popup__wrap {
        background: url(../images/popup.jpg) no-repeat center/cover
    }
}