body,
html {
    width: 100%;
    height: 100%;
    scroll-behavior: smooth
}

body {
    max-width: 100% !important;
    overflow-x: hidden !important
}

.hero__bg {
    background: url(../assets/lp4Top.png) no-repeat, linear-gradient(0deg, #2fe4ef, #00567b);
    background-position: top center;
    background-size: contain;
}

.promo__icons {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  grid-row: 2/3;
  grid-column: 1/-1;
  align-self: start;
  position: relative;
  z-index: 2;
}


.hero__logo_wp {
    background: #051876;
    border-radius: 0 0 10px 10px
}

.hero__logo {
    background: url(../assets/LogoWhite.png) no-repeat;
    background-size: cover
}

.hero__header {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 900;
    color: #fff;
    text-shadow: 0px 0px 6px rgb(0 0 0 / 20%);
}

.hero__subheader {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 700;
    color: #fff;
    text-shadow: 0px 0px 6px rgb(0 0 0 / 20%);
}

.hero__list_item::before {
    display: inline-block;
    background: url(../assets/hero__list_point.svg) no-repeat;
    background-size: contain;
    content: ""
}

.hero__list_item {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    color: #fff
}

.hero__fakebutton {
    background: #051876;
    box-shadow: 0 0 8px rgba(0, 0, 0, .05);
    border-radius: 5px
}

.hero__fakebutton_icon-1 {
    background: url(../assets/hero__fakebutton_icon-1.svg) no-repeat;
    background-size: contain
}

.hero__fakebutton_icon-2 {
    background: url(../assets/hero__fakebutton_icon-2.svg) no-repeat;
    background-size: contain
}

.hero__fakebutton_icon-3 {
    background: url(../assets/hero__fakebutton_icon-3.svg) no-repeat;
    background-size: contain
}

.hero__fakebutton_text {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    color: #fff
}

.hero__img_todayoff {
    background: url(../assets/hero__img_todayoff.svg) no-repeat;
    background-size: contain;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 900;
    text-transform: uppercase;
    color: #111111;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.hero__img_woman {
    object-fit: cover
}

.buy__field_wp {
    position: relative
}

.buy__field_icon {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 16px;
    top: 16px;
    z-index: 1
}

.buy__field {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 500;
    padding: 10px 10px 10px 39px;
    display: block;
    border: 3px solid transparent;
    background: #fff;
    border-radius: 100px;
    outline: 0
}

.buy__field:focus {
    outline: 0;
    border: 3px solid #83daff;
    margin-top: 21px;
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all
}

.buy__field:valid {
    margin-top: 21px
}

.buy__field_label {
    font-family: Quicksand;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #000;
    opacity: .3;
    position: absolute;
    pointer-events: none;
    left: 40px;
    top: 13px;
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all
}

.buy__field:focus~.buy__field_label,
.buy__field:valid~.buy__field_label {
    top: -20px;
    left: 25px;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: -.04em;
    text-transform: uppercase;
    color: #fff;
    opacity: 1
}

.buy__submit_a-1 {
    text-decoration: none
}

.buy__submit_a-2 {
    text-decoration: none
}

.buy__submit_bg {
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(96.82deg, #a1e64a .52%, #66d56a 98.49%), #ff879d;
    box-shadow: 0 10px 15px rgba(103, 213, 105, .7), 0 1px 3px rgba(0, 0, 0, .25);
    border-radius: 50px;
    cursor: pointer;
    border-style: none;
    height: 44px;
    animation: shadow-pulse 1s infinite .5s alternate
}

.buy__submit_bg:hover {
    background: linear-gradient(96.82deg, #33bd2e .52%, #2dbd34 98.49%), #ff879d;
    transition: all 1s ease 0s
}

.buy__dustongel {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 700;
    text-shadow: 0 4px 34px rgba(0, 0, 0, .45);
    text-align: center;
    letter-spacing: .04em;
    color: #fff
}

@keyframes shadow-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(161, 230, 74, .25)
    }

    100% {
        box-shadow: 0 0 0 7px rgba(103, 213, 105, .7)
    }
}

.buy__dustongel_arrow {
    margin-left: 10px
}

.buy__popup_bg {
    background: #ffe371;
    border-radius: 5px
}

.buy__popup_text {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 700;
    color: #111
}

.buy__popup_from {
    background: #ffe371;
    transform: rotate(45deg)
}

.buy__fakebutton_icon-1 {
    background: url(../assets/advantages_item-1_icon.svg) no-repeat;
    background-size: contain
}

.buy__fakebutton_icon-2 {
    background: url(../assets/advantages_item-2_icon.svg) no-repeat;
    background-size: contain
}

.buy__fakebutton_icon-3 {
    background: url(../assets/advantages_item-3_icon.svg) no-repeat;
    background-size: contain
}

.buy__fakebutton_text {
    font-family: Quicksand;
    font-style: normal;
    color: #fff
}

.ingredients__header {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    color: #051876
}

.ingredients__subheader-1 {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 500;
    text-align: center;
    color: #13245c
}

.ingredients__subheader-2 {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 500;
    text-align: center;
    color: #13245c
}

.bold {
    font-weight: 700;
    color: #051876
}

.ingredients__list_img-1 {
    background: url(../assets/pic_2-round.png) no-repeat;
    background-size: contain
}

.ingredients__list_img-2 {
    background: url(../assets/pic_3-round.png) no-repeat;
    background-size: contain
}

.ingredients__list_img-3 {
    background: url(../assets/pic5.png) no-repeat;
    background-size: contain
}

.ingredients__list_img-4 {
    background: url(../assets/pic6.png) no-repeat;
    background-size: contain
}

.ingredients__list_img-5 {
    background: url(../assets/pic7.png) no-repeat;
    background-size: contain
}

.ingredients__list_header {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 700;
    color: #051876
}

.ingredients_list_descr {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 400;
    color: #13245c
}

.ingredients__dustongel {
    margin: auto;
    position: absolute;
    width: 100%
}

.ingredients__dustongel_berry1 {
    animation: ingredients__dustongel_berry1 4s infinite ease-in-out alternate;
    z-index: 1;
    position: absolute;
    left: 40%;
    top: 7%;
    width: 17%
}

@keyframes ingredients__dustongel_berry1 {
    0% {
        transform: translatey(0) rotate(0)
    }

    50% {
        transform: translatey(-15px) rotate(20deg)
    }

    100% {
        transform: translatey(0) rotate(0)
    }
}

.ingredients__dustongel_berry2 {
    animation: ingredients__dustongel_berry2 5s infinite ease-in-out alternate;
    z-index: 1;
    position: absolute;
    top: 63%;
    width: 20%
}

@keyframes ingredients__dustongel_berry2 {
    0% {
        transform: translatey(0) rotate(0);
        opacity: 1
    }

    50% {
        transform: translatex(5px) translatey(-40px) rotate(20deg);
        opacity: .9
    }

    100% {
        transform: translatey(0) rotate(0);
        opacity: 1
    }
}

.ingredients__dustongel_berry3 {
    animation: ingredients__dustongel_berry3 4.5s infinite ease-in-out alternate;
    z-index: 3;
    position: absolute;
    top: 50%;
    right: 15%;
    width: 40%
}

@keyframes ingredients__dustongel_berry3 {
    0% {
        transform: translatey(0) rotate(0)
    }

    50% {
        transform: translatex(5px) translatey(-20px) rotate(10deg)
    }

    100% {
        transform: translatey(0) rotate(0)
    }
}

.ingredients__dustongel_leaf {
    animation: ingredients__dustongel_leaf 6s infinite ease-in-out alternate;
    position: absolute;
    width: 25%;
    top: 20%;
    right: 0
}

@keyframes ingredients__dustongel_leaf {
    0% {
        transform: translatey(0) rotate(0)
    }

    50% {
        transform: translatex(-5px) translatey(-10px) rotate(5deg)
    }

    100% {
        transform: translatey(0) rotate(0)
    }
}

.cta__bg {
    background: #02a3df;
}

.cta__todayoff {
    background: url(../assets/hero__img_todayoff.svg) no-repeat;
    background-size: contain;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 900;
    text-transform: uppercase;
    color: #111111;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.cta__list_wp {
    font-family: Quicksand;
    font-style: normal;
    color: #fff
}

.cta__list_item::before {
    display: inline-block;
    background: url(../assets/hero__list_point.svg) no-repeat;
    background-size: contain;
    content: ""
}

.cta__submit_a {
    text-decoration: none
}

.cta__submit_bg {
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(96.82deg, #a1e64a .52%, #66d56a 98.49%), #ff879d;
    box-shadow: 0 10px 15px rgba(103, 213, 105, .7), 0 1px 3px rgba(0, 0, 0, .25);
    border-radius: 50px;
    cursor: pointer;
    border-style: none;
    height: 44px;
    animation: shadow-pulse 1s infinite .5s alternate
}

.cta__submit_bg:hover {
    background: linear-gradient(96.82deg, #33bd2e .52%, #2dbd34 98.49%), #ff879d;
    transition: all 1s ease 0s
}

.cta__dustongel {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 700;
    text-shadow: 0 4px 34px rgba(0, 0, 0, .45);
    text-align: center;
    letter-spacing: .04em;
    color: #fff
}

@keyframes shadow-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(161, 230, 74, .25)
    }

    100% {
        box-shadow: 0 0 0 7px rgba(103, 213, 105, .7)
    }
}

.cta__dustongel_arrow {
    margin-left: 10px
}

.howtouse__bg {
    background: #051876
}

.howtouse__header {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    color: #ffcc19
}

.howtouse__subheader {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 500;
    text-align: center;
    color: #fff
}

.howtouse__steps {
    background: linear-gradient(90deg, #02a3df, #00567b 100%);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    border-radius: 5px
}

.logo_step-1 {
    background: url(../assets/pic9-round.png) no-repeat;
    background-size: contain
}

.logo_step-2 {
    background: url(../assets/Grinlait.png) no-repeat;
    background-size: cover
}

.logo_step-3 {
    background: url(../assets/pic10-round.png) no-repeat;
    background-size: cover
}

.howtouse__steps_header {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    color: #fff
}

.howtouse__steps_text {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 400;
    color: #fff
}

.howtouse__steps_number {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    color: #051876;
    opacity: .2
}

.howtouse__decorarrow {
    background: url(../assets/howtouse__decorarrow.svg) no-repeat;
    background-size: cover
}

.whywe__bg {
    background: #fff
}

.whywe__header {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    color: #051876
}

.whywe__list_icon {
    background: url(../assets/whywe__list_icon.svg) no-repeat;
    background-size: cover
}

.whywe__list_icon-text {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 6%;
    color: #fff
}

.whywe__list_header {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    color: #051876
}

.whywe__list_text {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    color: #13245c
}

.whywe__img {
    background: url(../assets/Grinlait.png) no-repeat;
    background-size: cover;
    border: 9px solid #00567b;
    border-radius: 50%;
    background-position: center;
    background-size: 100%;
    background-color: #7cc9e060;
    box-sizing: border-box
}

.whywe__submit {
    text-decoration: none
}

.whywe__submit_bg {
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(96.82deg, #a1e64a .52%, #66d56a 98.49%), #ff879d;
    box-shadow: 0 10px 15px rgba(103, 213, 105, .7), 0 1px 3px rgba(0, 0, 0, .25);
    border-radius: 50px;
    cursor: pointer;
    border-style: none;
    width: 300px;
    height: 44px;
    animation: shadow-pulse 1s infinite .5s alternate
}

.whywe__submit_bg:hover {
    background: linear-gradient(96.82deg, #33bd2e .52%, #2dbd34 98.49%), #ff879d;
    transition: all 1s ease 0s
}

.whywe__todayoff_wp {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    color: #fff
}

.whywe__dustongel {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    letter-spacing: .04em;
    color: #fff
}

@keyframes shadow-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(161, 230, 74, .25)
    }

    100% {
        box-shadow: 0 0 0 7px rgba(103, 213, 105, .7)
    }
}

.whywe__popup_from {
    background: #051876;
    transform: rotate(45deg)
}

.whywe__popup_bg {
    background: #051876;
    border-radius: 5px
}

.whywe__popup_text {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 700;
    color: #fff
}

.feedbacks__bg {
    background: #051876;
    background-repeat: no-repeat;
    background-position: top center;

}

.feedbacks_header_wp {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}

.feedbacks_item_header {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    color: #fff
}

.feedbacks_header_rating {
    background: url(../assets/feedbacks_item_header-after.svg)
}

.feedbacks_item_photo-1 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    border-style: solid;
    border-color: #fff;
    box-sizing: border-box;
    background: url(../assets/pic_7.jpg);
    background-size: cover
}

.feedbacks_item_photo-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    border-style: solid;
    border-color: #fff;
    box-sizing: border-box;
    background: url(../assets/pic_8.jpg);
    background-size: cover
}

.feedbacks_item_photo-3 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    border-style: solid;
    border-color: #fff;
    box-sizing: border-box;
    background: url(../assets/pic_9.jpg);
    background-size: cover
}

.feedbacks_photo_flag {
    border-style: solid;
    border-color: #fff;
    background: url(../assets/Flag-ES.png);
    background-size: cover;
    width: 49px;
    height: 32.1px
}

.feedbacks_photo_flag_mx {
    border-style: solid;
    border-color: #fff;
    background: url(../assets/Flag-MX.png);
    background-size: cover;
    width: 49px;
    height: 32.1px
}

.feedbacks_photo_flag_cl {
    border-style: solid;
    border-color: #fff;
    background: url(../assets/Flag-CL.png);
    background-size: cover;
    width: 49px;
    height: 32.1px
}

.feedbacks_from {
    background: #fff;
    transform: rotate(45deg)
}

.feedbacks_descr_wp {
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    border-radius: 0 0 15px 15px
}

.feedbacks_descr {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 500;
    color: #13245c;
    opacity: .7
}

.discount__bg {
    background: linear-gradient(0deg, #2fe4ef, #00567b);
    background-attachment: fixed;
    background-position: center
}

.discount__wp {
    border: 2px dashed #000;
    box-sizing: border-box
}

.discount__header {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 900;
    text-align: center;
    color: #fff
}

.discount__subheader {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    color: #fff
}

.discount__price_wp {
    animation: discount__price_wp 3s infinite ease-in-out alternate
}

@keyframes discount__price_wp {
    0% {
        transform: scale(1)
    }

    30% {
        transform: scale(1)
    }

    40% {
        transform: scale(1.3)
    }

    50% {
        transform: scale(1)
    }

    60% {
        transform: scale(1.3)
    }

    70% {
        transform: scale(1)
    }

    100% {
        transform: scale(1)
    }
}

.discount__prev_price {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    text-decoration: line-through;
    color: #fff
}

.discount__last_price {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    color: #eee859
}

.discount__onlytoday {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff
}

.discount__text {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    color: #fff
}

.discount__field_wp {
    position: relative
}

.discount__field_icon {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 16px;
    top: 16px;
    z-index: 1
}

.discount__field {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 500;
    padding: 10px 10px 10px 39px;
    display: block;
    border: 3px solid transparent;
    background: #fff;
    border-radius: 100px;
    outline: 0
}

.discount__field:focus {
    outline: 0;
    border: 3px solid #83daff;
    margin-top: 21px;
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all
}

.discount__field:valid {
    margin-top: 21px
}

.discount__field_label {
    font-family: Quicksand;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #000;
    opacity: .3;
    position: absolute;
    pointer-events: none;
    left: 40px;
    top: 13px;
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all
}

.discount__field:focus~.discount__field_label,
.discount__field:valid~.discount__field_label {
    top: -20px;
    left: 25px;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: -.04em;
    text-transform: uppercase;
    color: #fff;
    opacity: 1
}

.discount__submit {
    text-decoration: none
}

.discount__submit_bg {
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(96.82deg, #a1e64a .52%, #66d56a 98.49%), #ff879d;
    box-shadow: 0 10px 15px rgba(103, 213, 105, .7), 0 1px 3px rgba(0, 0, 0, .25);
    border-radius: 50px;
    cursor: pointer;
    border-style: none;
    width: 300px;
    height: 44px;
    animation: shadow-pulse 1s infinite .5s alternate
}

.discount__submit_bg:hover {
    background: linear-gradient(96.82deg, #33bd2e .52%, #2dbd34 98.49%), #ff879d;
    transition: all 1s ease 0s
}

.discount__todayoff_wp {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    color: #fff
}

.discount__dustongel {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 700;
    text-shadow: 0 4px 34px rgba(0, 0, 0, .45);
    text-align: center;
    letter-spacing: .04em;
    color: #fff
}

@keyframes shadow-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(161, 230, 74, .25)
    }

    100% {
        box-shadow: 0 0 0 7px rgba(103, 213, 105, .7)
    }
}

.discount__dustongel_arrow {
    margin-left: 10px;
    font-size: 22px
}

.discount__popup_bg {
    background: #ffe371;
    border-radius: 5px
}

.discount__popup_text {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 700;
    color: #111
}

.discount__popup_from {
    background: #ffe371;
    transform: rotate(45deg)
}

.advantages_item-1_icon {
    background: url(../assets/advantages_item-1_icon.svg) no-repeat;
    background-size: cover
}

.advantages_item-2_icon {
    background: url(../assets/advantages_item-2_icon.svg) no-repeat;
    background-size: contain
}

.advantages_item-3_icon {
    background: url(../assets/advantages_item-3_icon.svg) no-repeat;
    background-size: cover
}

.advantages_text {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 700;
    color: #fff
}

.comments__bg {
    background: #fff
}

.comments__header {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    color: #051876
}

.comments__item {
    background: #fff;
    box-shadow: 0 2px 17px rgba(0, 0, 0, .21);
    border-radius: 10px
}

.comments__item_header {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 700;
    color: #051876
}

.comments__item_text {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 400;
    min-height: 50px;
    color: #13245c
}

.comments__item_icon-1 {
    background: url(../assets/pic_10-round.png) no-repeat;
    background-size: cover
}

.comments__item_icon-2 {
    background: url(../assets/pic_11-round.png) no-repeat;
    background-size: cover
}

.comments__item_icon-3 {
    background: url(../assets/pic_12-round.png) no-repeat;
    background-size: cover
}

.comments__item_name {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 700;
    color: #051876;
    opacity: .8
}

.comments__item_date {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 400;
    color: #13245c;
    opacity: .8
}

.comments__item_stars {
    background: url(../assets/feedbacks_item_header-after.svg) no-repeat;
    background-size: cover
}

.comments__item_checked {
    background: url(../assets/comments__item_checked.svg) no-repeat;
    opacity: .6;
    background-size: cover;
    color: #051876
}

.comments__item_purchase {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    color: #051876;
    opacity: .6
}

.comments__gototop_wp {
    text-decoration: none
}

.comments__gototop_icon {
    color: #051876
}

.comments__gototop_label {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 700;
    color: #051876
}

.footer__copyright_wp {
    background: #e2f5ff;
    opacity: .4
}

.footer__copyright {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 700;
    color: #051876;
    opacity: .9
}

.footer__navbar {
    background: #fff
}

.footer__navbar_link {
    text-decoration: none
}

.footer__navbar_item {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    color: #051876;
    opacity: .9
}



@media only screen and (min-width: 300px) and (max-width: 539px) {

    body,
    html {
        width: 100%;
        height: 100%
    }

    .hero__bg {
        width: 100%;
        background-size: 150vw;
    }

    .hero__wp {
        margin: auto;
        height: 100%;
        min-width: 320px;
        max-width: 520px
    }

    .is-hidden {
        opacity: 0;
        left: 50%;
        transform: translate(-50%, -100%)
    }

    .is-visible {
        left: 50%;
        transform: translate(-50%, 0)
    }

    .hero__logo_wp {
        display: none;
        /*
      position: fixed;
      transition: transform .25s;
      display: flex;
      position: fixed;
      align-items: center;
      justify-content: center;
      z-index: 5;
      width: 105px;
      height: 31.8px;
      box-shadow: 0 3px 12px rgba(0, 0, 0, .26)
*/
    }

    .hero__logo {
        width: 93.24px;
        height: 16.12px
    }

    .hero__content_wp {
        padding-top: 18px;
        display: grid;
        row-gap: 9px;
        grid-template-areas: "hero__header" "hero__subheader" "hero__img_wp" "buy__wp"
    }

    .hero__header {
        animation: hero__header .75s ease-out 1s;
        grid-area: hero__header;
        width: 90%;
        margin: auto;
        text-align: center;
        font-size: 30px;
        line-height: 30px;
        margin-top: 18px;
    }

    .hero__subheader {
        animation: hero__header .75s ease-out 1.2s;
        grid-area: hero__subheader;
        width: 80%;
        margin: auto;
        text-align: center;
        font-size: 19px;
        line-height: 20px
    }

    .hero__list_wp {
        margin: auto;
        width: 70%;
        min-width: 280px
    }

    .hero__list_item::before {
        width: 13px;
        height: 13px;
        margin-right: 8px
    }

    .hero__list_item {
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 7px
    }

    .invisible {
        display: none
    }

    .hero__fakebutton_wp {
        grid-area: hero__fakebutton_wp;
        display: none
    }

    .hero__img_wp {
        grid-area: hero__img_wp;
        position: relative;
        height: 175px
    }

    .hero__img_product {
        position: absolute;
        right: 58%;
        z-index: 1;
        height: 180px;
    }

    .hero__img_todayoff {
        position: absolute;
        z-index: 2;
        right: 51%;
        bottom: -2px;
        width: 80px;
        height: 76px;
    }

    .hero__todayoff_50 {
        font-size: 22px;
        line-height: 20px
    }

    .hero__todayoff_off {
        font-size: 17px;
        line-height: 16px
    }

    .hero__todayoff_today {
        font-weight: 600;
        font-size: 14px;
        line-height: 12px
    }

    .hero__img_woman {
        position: absolute;
        right: 0;
        z-index: 0;
        margin-top: 12px;
        width: 70%;
        max-width: 320px;
        height: 150px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, .35);
        border-radius: 60px 0 0 170px
    }

    .buy__wp {
        grid-area: buy__wp;
        display: grid;
        row-gap: 9px;
        padding-bottom: 38px;
        grid-template-areas: "buy__submit_bg" "buy__popup_wp" "buy__fakebutton_wp"
    }

    .buy__field_wp {
        width: 300px;
        margin: auto
    }

    .buy__field {
        position: relative;
        z-index: 0;
        font-size: 18px;
        width: 245px;
        height: 21px;
        margin: 9px auto
    }

    .buy__submit_a-1 {
        width: 300px;
        height: 44px
    }

    .buy__submit_a-2 {
        display: none
    }

    .buy__submit_bg {
        grid-area: buy__submit_bg;
        width: 300px;
        height: 44px;
        margin: auto;
        display: flex
    }

    .buy__dustongel {
        text-align: center;
        font-size: 22px;
        line-height: 22px
    }

    .buy__dustongel_arrow {
        margin-left: 10px
    }

    .buy__popup_wp {
        grid-area: buy__popup_wp;
        position: relative;
        margin: 10px auto
    }

    .buy__popup_bg {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 300px;
        height: 48px
    }

    .buy__popup_text {
        text-align: center;
        font-size: 14px;
        line-height: 16px
    }

    .buy__popup_from {
        position: absolute;
        width: 15.6px;
        height: 15.6px;
        left: 50%;
        top: -7px;
        transform: translateX(-50%) rotate(45deg)
    }

    .buy__fakebutton_wp {
        grid-area: buy__fakebutton_wp;
        display: flex;
        flex-flow: row nowrap;
        margin: auto;
        width: 300px
    }

    .buy__fakebutton {
        display: flex;
        flex-direction: column;
        width: 33%;
        align-items: center
    }

    .buy__fakebutton_icon-1 {
        width: 50px;
        height: 50px
    }

    .buy__fakebutton_icon-2 {
        width: 50px;
        height: 50px
    }

    .buy__fakebutton_icon-3 {
        width: 50px;
        height: 50px
    }

    .buy__fakebutton_text {
        margin-top: 10px;
        text-align: center;
        font-weight: 700;
        font-size: 14px;
        line-height: 14px
    }

    .ingredients__wp {
        min-width: 320px;
        max-width: 520px;
        margin: 35px auto;
        width: 90%;
        display: grid;
        grid-gap: 10px
    }

    .ingredients__header {
        font-size: 31px;
        line-height: 29px;
        letter-spacing: .04em
    }

    .ingredients__subheader-1 {
        font-size: 18px;
        line-height: 18px
    }

    .ingredients__subheader-2 {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 20px
    }

    .ingredients__list_wp {
        margin: 20px auto
    }

    .ingredients__list {
        display: grid;
        grid-gap: 30px
    }

    .ingredients__list_item {
        display: grid;
        grid-gap: 8px;
        grid-template-areas: "list_img list_header" "list_img list_descr";
        justify-content: flex-start;
        align-items: center
    }

    .ingredients__list_img-1 {
        grid-area: list_img;
        width: 75px;
        height: 75px
    }

    .ingredients__list_img-2 {
        grid-area: list_img;
        width: 75px;
        height: 75px
    }

    .ingredients__list_img-3 {
        grid-area: list_img;
        width: 75px;
        height: 75px
    }

    .ingredients__list_img-4 {
        grid-area: list_img;
        width: 75px;
        height: 75px
    }

    .ingredients__list_img-5 {
        grid-area: list_img;
        width: 75px;
        height: 75px
    }

    .ingredients__list_header {
        grid-area: list_header;
        font-size: 18px;
        line-height: 19px
    }

    .ingredients_list_descr {
        grid-area: list_descr;
        font-size: 16px;
        line-height: 19px;
        min-height: 40px
    }

    .ingredients__dustongel_wp {
        position: relative;
        margin: auto;
        width: 300px;
        height: 430px
    }

    .cta__bg {
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 50px), 0 100%)
    }

    .cta__wp {
        padding-bottom: 70px
    }

    .cta__img_wp {
        display: flex;
        flex-flow: row nowrap;
        height: 222px;
        padding-top: 20px;
        background: #fff;
        position: relative
    }

    .cta__img_woman {
        width: 70%;
        height: 100%;
        object-fit: cover
    }

    .cta__img_blueberries {
        width: 30%;
        height: 100%;
        object-fit: cover
    }

    .cta__img_product_wp {
        top: -5px;
        width: 100%;
        height: 100%;
        position: absolute
    }

    .cta__img_product_container {
        position: relative;
        height: 222px;
        width: 100%;
        height: 100%
    }

    .cta__img_product {
        top: 16px;
        position: absolute;
        height: 240px;
        left: 42%;
    }

    .cta__todayoff {
        position: absolute;
        left: 62%;
        bottom: -19px;
        width: 80px;
        height: 76px;
    }

    .cta__todayoff_50 {
        font-size: 22px;
        line-height: 20px
    }

    .cta__todayoff_off {
        font-size: 17px;
        line-height: 16px
    }

    .cta__todayoff_today {
        font-weight: 600;
        font-size: 14px;
        line-height: 12px
    }

    .cta__list_wp {
        display: flex;
        width: 90%;
        max-width: 350px;
        flex-direction: column;
        margin: 30px auto
    }

    .cta__list_item::before {
        width: 10px;
        height: 14px;
        margin-right: 11px
    }

    .cta__list_item {
        font-size: 18px;
        line-height: 24px;
        font-weight: 500;
        margin: 5px
    }

    .cta__submit_bg {
        width: 300px;
        height: 44px;
        margin: auto;
        display: flex
    }

    .cta__dustongel {
        text-align: center;
        font-size: 22px;
        line-height: 22px
    }

    .cta__dustongel_arrow {
        margin-left: 10px
    }

    .howtouse__bg {
        clip-path: polygon(0 50px, 100% 0, 100% 100%, 0 calc(100% - 50px));
        margin-top: -50px
    }

    .howtouse__header {
        font-size: 31px;
        line-height: 29px;
        padding-top: 90px
    }

    .howtouse__subheader {
        padding-top: 9px;
        font-size: 18px;
        line-height: 19px;
        padding-bottom: 32px;
        max-width: 90%;
        margin: auto
    }

    .howtouse__steps_wp {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 60px
    }

    .howtouse__steps {
        position: relative;
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
        justify-content: flex-end;
        z-index: 0;
        width: 80%;
        max-width: 350px;
        height: 200px;
        margin-bottom: 70px
    }

    .logo_step-1 {
        grid-area: logo;
        position: absolute;
        align-self: center;
        transform: translate(0, 125px);
        width: 150px;
        height: 150px
    }

    .logo_step-2 {
        grid-area: logo;
        position: absolute;
        align-self: center;
        transform: translate(0, 125px);
        width: 125px;
        height: 125px;
        background-size: contain;
    }

    .logo_step-3 {
        grid-area: logo;
        position: absolute;
        align-self: center;
        transform: translate(0, 125px);
        width: 150px;
        height: 150px
    }

    .howtouse__step_wp {
        grid-area: wp;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        margin: 20px;
        max-width: 80%
    }

    .howtouse__steps_header {
        z-index: 2;
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 22px
    }

    .howtouse__steps_text {
        z-index: 2;
        font-size: 16px;
        line-height: 19px
    }

    .howtouse__steps_number {
        grid-area: number;
        position: absolute;
        z-index: 1;
        right: -25px;
        font-size: 222px;
        line-height: 277px
    }

    .whywe__wp {
        margin-top: 45px;
        margin-bottom: 30px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .whywe__header {
        font-size: 31px;
        line-height: 36px;
        margin-bottom: 25px
    }

    .whywe__list-1 {
        display: grid;
        flex-direction: column;
        grid-row-gap: 24px;
        margin: auto;
        width: 85%
    }

    .whywe__list-2 {
        display: grid;
        flex-direction: column;
        grid-row-gap: 24px;
        margin: auto;
        margin-bottom: 25px;
        width: 85%
    }

    .whywe__list-1_item {
        display: grid;
        grid-template-columns: 60px auto;
        align-items: center;
        justify-content: center;
        justify-self: start;
        grid-template-areas: "icon header" "icon text";
        grid-column-gap: 20px;
        grid-row-gap: 5px
    }

    .whywe__list-2_item {
        display: grid;
        grid-template-columns: auto 60px;
        align-items: center;
        justify-content: center;
        justify-self: end;
        grid-template-areas: "header icon" "text icon";
        grid-column-gap: 20px;
        grid-row-gap: 5px
    }

    .whywe__list_icon {
        grid-area: icon;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        width: 60px;
        height: 80px
    }

    .whywe__list_icon-text {
        font-size: 45px;
        line-height: 55px
    }

    .whywe__list_header {
        grid-area: header;
        margin-top: auto;
        font-size: 16px;
        line-height: 16px
    }

    .whywe__list_text {
        grid-area: text;
        margin-bottom: auto;
        font-size: 16px;
        line-height: 18px
    }

    .whywe__img {
        margin: 20px auto;
        width: 292px;
        height: 292px
    }

    .whywe__submit_bg {
        margin: auto;
        display: flex
    }

    .whywe__todayoff_wp {
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        width: 70px;
        height: 66px
    }

    .whywe__today {
        font-size: 10px;
        line-height: 14px
    }

    .whywe__off {
        font-size: 16px;
        line-height: 14px
    }

    .whywe__dustongel {
        text-align: center;
        font-size: 22px;
        line-height: 22px
    }

    .whywe__dustongel_arrow {
        margin-left: 10px;
        font-size: 22px
    }

    .whywe__popup_wp {
        position: relative;
        margin: auto;
        margin-top: 25px
    }

    .whywe__popup_from {
        position: absolute;
        top: -8px;
        left: 50%;
        transform: translateX(-50%) rotate(45deg);
        width: 15.6px;
        height: 15.6px
    }

    .whywe__popup_bg {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 300px;
        height: 55px;
        margin: auto
    }

    .whywe__popup_text {
        text-align: center;
        font-size: 14px;
        line-height: 16px
    }

    .feedbacks__bg {
        clip-path: polygon(0 50px, 100% 0, 100% 100%, 0 calc(100% - 50px));
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-bottom: 50px
    }

    .feedbacks__wp {
        display: flex;
        flex-direction: column;
        margin: 40px 0
    }

    .feedbacks__list {
        width: 300px
    }

    .feedbacks__list_item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 300px;
        margin: 20px 0
    }

    .feedbacks_header_wp {
        width: 100%;
        margin: 15px
    }

    .feedbacks_item_header {
        font-size: 18px;
        line-height: 23px
    }

    .feedbacks_header_rating {
        width: 107.14px;
        height: 21.43px
    }

    .feedbacks_item_photo-1 {
        width: 300px;
        height: 300px;
        border-width: 10px
    }

    .feedbacks_item_photo-2 {
        width: 300px;
        height: 300px;
        border-width: 10px
    }

    .feedbacks_item_photo-3 {
        width: 300px;
        height: 300px;
        border-width: 10px
    }

    .feedbacks_photo_flag {
        border-left-width: 10px;
        border-top-width: 10px
    }

    .feedbacks_item_text {
        width: 100%;
        position: relative;
        margin-top: 25px
    }

    .feedbacks_from {
        width: 27.69px;
        height: 27.69px;
        position: absolute;
        top: -14px;
        left: 50%;
        transform: translateX(-50%) rotate(45deg)
    }

    .feedbacks_descr_wp {
        padding: 7%
    }

    .feedbacks_descr {
        text-align: left;
        font-size: 16px;
        line-height: 22px
    }

    .discount__bg {
        clip-path: polygon(0 0, 100% 50px, 100% 100%, 0 calc(100% - 50px));
        margin-top: -50px;
        padding: 50px 0
    }

    .discount__wp {
        border-style: none;
        width: 320px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: auto;
        padding: 20px 0
    }

    .discount__header {
        font-size: 32px;
        line-height: 30px;
        margin-top: 25px;
        margin-bottom: 10px
    }

    .discount__subheader {
        font-size: 24px;
        line-height: 20px
    }

    .discount__price_wp {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        margin: 21px 0
    }

    .discount__prev_price {
        font-size: 24px;
        line-height: 20px;
        margin-right: 16px
    }

    .discount__last_price {
        font-size: 36px;
        line-height: 20px;
        margin-right: 4px
    }

    .discount__onlytoday {
        font-size: 10px;
        line-height: 10px
    }

    .discount__text {
        font-size: 24px;
        line-height: 21px;
        margin-bottom: 15px
    }

    .discount__form {
        width: 300px
    }

    .discount__field_wp {
        width: 280px;
        margin-bottom: 15px
    }

    .discount__field_nameicon {
        height: 15px;
        width: 15px;
        margin: 10px
    }

    .discount__field_phoneicon {
        height: 15px;
        width: 15px;
        margin: 10px
    }

    .discount__field {
        font-size: 18px;
        line-height: 24px;
        width: 245px
    }

    .discount__field::placeholder {
        font-size: 18px;
        line-height: 24px
    }

    .discount__submit {
        text-decoration: none
    }

    .discount__submit_bg {
        display: flex;
        width: 300px;
        margin: auto
    }

    .discount__todayoff_wp {
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        width: 70px;
        height: 66px
    }

    .discount__today {
        font-size: 10px;
        line-height: 14px
    }

    .discount__off {
        font-size: 16px;
        line-height: 14px
    }

    .discount__dustongel {
        text-align: center;
        font-size: 22px;
        line-height: 22px
    }

    .discount__popup_wp {
        position: relative;
        margin-top: 20px
    }

    .discount__popup_bg {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 310px;
        height: 48px
    }

    .discount__popup_text {
        text-align: center;
        font-size: 14px;
        line-height: 16px;
        letter-spacing: -.03em
    }

    .discount__popup_from {
        position: absolute;
        width: 15.6px;
        height: 15.6px;
        left: 50%;
        top: -7px;
        transform: translateX(-50%) rotate(45deg)
    }

    .discount__advantages {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: center;
        width: 300px;
        margin-top: 10px;
        margin-bottom: 20px
    }

    .discount__advantages_item {
        display: flex;
        width: 33%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0 5px
    }

    .advantages_item-1_icon {
        width: 50px;
        height: 50px;
        margin-bottom: 10px
    }

    .advantages_item-2_icon {
        width: 50px;
        height: 45px;
        margin-bottom: 10px
    }

    .advantages_item-3_icon {
        width: 50px;
        height: 50px;
        margin-bottom: 10px
    }

    .advantages_text {
        text-align: center;
        font-size: 14px;
        line-height: 14px
    }

    .comments__wp {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .comments__header {
        font-size: 31px;
        line-height: 38px;
        margin-top: 25px;
        margin-bottom: 12px
    }

    .comments__list {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .comments__item {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 80%;
        min-width: 300px;
        max-width: 380px;
        margin: 11px 0
    }

    .comments__item_wp-1 {
        display: grid;
        grid-template-areas: "icon header" "icon text";
        padding: 24px 12px;
        grid-column-gap: 12px
    }

    .comments__item_header {
        grid-area: header;
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 8px
    }

    .comments__item_text {
        grid-area: text;
        min-height: 50px;
        font-size: 14px;
        line-height: 18px
    }

    .comments__item_icon-1 {
        grid-area: icon;
        width: 70px;
        height: 70px
    }

    .comments__item_icon-2 {
        grid-area: icon;
        width: 70px;
        height: 70px
    }

    .comments__item_icon-3 {
        grid-area: icon;
        width: 70px;
        height: 70px
    }

    .comments__item_wp-2 {
        display: grid;
        grid-template-areas: "name stars" "date verified";
        justify-content: space-between;
        padding: 12px
    }

    .comments__item_name {
        grid-area: name;
        font-size: 14px;
        line-height: 17px;
        padding-top: 3px
    }

    .comments__item_date {
        grid-area: date;
        font-size: 16px;
        line-height: 20px
    }

    .comments__item_stars {
        grid-area: stars;
        margin-left: auto;
        width: 107.14px;
        height: 21.43px
    }

    .comments__item_verified {
        grid-area: verified;
        display: flex;
        flex-flow: row nowrap;
        align-items: center
    }

    .comments__item_checked {
        width: 16px;
        height: 16px;
        margin-right: 3px
    }

    .comments__item_purchase {
        font-size: 12px;
        line-height: 15px
    }

    .comments__gototop_wp {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        margin: 30px auto
    }

    .comments__gototop_icon {
        width: 19px;
        height: 17.24px;
        margin-right: 10px
    }

    .comments__gototop_label {
        font-size: 18px;
        line-height: 24px
    }

    .footer__copyright_wp {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 61px
    }

    .footer__copyright {
        font-size: 18px;
        line-height: 24px
    }

    .footer__navbar {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 36px
    }

    .footer__navbar_link {
        margin: 2%;
        text-decoration: none
    }

    .footer__navbar_item {
        font-size: 12px;
        line-height: 24px
    }

}

@media only screen and (max-width: 340px) {
    .hero__header {
        width: 85%;
        font-size: 28px;
    }

    .ingredients__wp {
        min-width: 300px;
    }

    .cta__list_wp {
        width: 95%;
    }

    .howtouse__header {
        font-size: 28px;
    }

    .discount__header {
        font-size: 30px;
    }

    .discount__subheader {
        font-size: 23px;
    }

    .footer__copyright {
        font-size: 16px;
    }
}

@media only screen and (min-width: 540px) and (max-width: 767px) {

    body,
    html {
        width: 100%;
        height: 100%
    }

    .hero__bg {
        width: 100%;
        background-size: 100vw;
    }

    .hero__wp {
        margin: auto;
        height: 100%;
        min-width: 320px;
        max-width: 520px
    }

    .is-hidden {
        opacity: 0;
        left: 50%;
        transform: translate(-50%, -100%)
    }

    .is-visible {
        left: 50%;
        transform: translate(-50%, 0)
    }

    .hero__logo_wp {
        position: fixed;
        transition: transform .25s;
        display: flex;
        position: fixed;
        align-items: center;
        justify-content: center;
        z-index: 5;
        width: 150px;
        height: 46px;
        box-shadow: 0 3px 12px rgba(0, 0, 0, .26)
    }

    .hero__logo {
        width: 130px;
        height: 22px
    }

    .hero__content_wp {
        padding-top: 18px;
        display: grid;
        row-gap: 15px;
        grid-template-areas: "hero__header" "hero__subheader" "hero__img_wp" "buy__wp"
    }

    .hero__header {
        grid-area: hero__header;
        width: 90%;
        margin: auto;
        margin-top: 20px;
        text-align: center;
        font-size: 42px;
        line-height: 35px
    }

    .hero__subheader {
        grid-area: hero__subheader;
        width: 80%;
        margin: auto;
        text-align: center;
        font-size: 24px;
        line-height: 22px
    }

    .hero__list_wp {
        margin: auto;
        width: 70%;
        min-width: 280px
    }

    .hero__list_item::before {
        width: 13px;
        height: 13px;
        margin-right: 8px
    }

    .hero__list_item {
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 7px
    }

    .invisible {
        display: none
    }

    .hero__fakebutton_wp {
        grid-area: hero__fakebutton_wp;
        display: none
    }

    .hero__img_wp {
        grid-area: hero__img_wp;
        margin: auto;
        position: relative;
        width: 300px;
        height: 300px;
        margin-bottom: 20px
    }

    .hero__img_product {
        position: absolute;
        top: 29%;
        right: -128px;
        z-index: 1;
        height: 181px;
    }

    .hero__img_todayoff {
        position: absolute;
        z-index: 2;
        right: -20px;
        bottom: 20px;
        width: 80px;
        height: 76px
    }

    .hero__todayoff_50 {
        font-size: 22px;
        line-height: 20px
    }

    .hero__todayoff_off {
        font-size: 17px;
        line-height: 16px
    }

    .hero__todayoff_today {
        font-weight: 600;
        font-size: 14px;
        line-height: 12px
    }

    .hero__img_woman {
        position: absolute;
        right: 0;
        z-index: 0;
        margin-top: 12px;
        width: 300px;
        height: 300px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, .35);
        border-radius: 50%
    }

    .buy__wp {
        grid-area: buy__wp;
        display: grid;
        row-gap: 9px;
        padding-bottom: 38px;
        grid-template-areas: "buy__submit_bg" "buy__popup_wp" "buy__fakebutton_wp"
    }

    .buy__field_wp {
        width: 300px;
        margin: auto
    }

    .buy__field {
        position: relative;
        z-index: 0;
        font-size: 18px;
        width: 245px;
        height: 21px;
        margin: 9px auto
    }

    .buy__submit_a-1 {
        width: 300px;
        height: 44px
    }

    .buy__submit_a-2 {
        display: none
    }

    .buy__submit_bg {
        grid-area: buy__submit_bg;
        width: 300px;
        height: 44px;
        margin: auto;
        display: flex
    }

    .buy__dustongel {
        text-align: center;
        font-size: 22px;
        line-height: 22px
    }

    .buy__dustongel_arrow {
        margin-left: 10px
    }

    .buy__popup_wp {
        grid-area: buy__popup_wp;
        position: relative;
        margin: 10px auto
    }

    .buy__popup_bg {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 300px;
        height: 48px
    }

    .buy__popup_text {
        text-align: center;
        font-size: 14px;
        line-height: 16px
    }

    .buy__popup_from {
        position: absolute;
        width: 15.6px;
        height: 15.6px;
        left: 50%;
        top: -7px;
        transform: translateX(-50%) rotate(45deg)
    }

    .buy__fakebutton_wp {
        grid-area: buy__fakebutton_wp;
        display: flex;
        flex-flow: row nowrap;
        margin: auto;
        width: 300px
    }

    .buy__fakebutton {
        display: flex;
        flex-direction: column;
        width: 33%;
        align-items: center
    }

    .buy__fakebutton_icon-1 {
        width: 50px;
        height: 50px
    }

    .buy__fakebutton_icon-2 {
        width: 50px;
        height: 50px
    }

    .buy__fakebutton_icon-3 {
        width: 50px;
        height: 50px
    }

    .buy__fakebutton_text {
        margin-top: 10px;
        text-align: center;
        font-weight: 700;
        font-size: 14px;
        line-height: 14px
    }

    .ingredients__wp {
        margin: 35px auto;
        width: 90%;
        display: grid;
        grid-gap: 10px
    }

    .ingredients__header {
        font-size: 31px;
        line-height: 29px
    }

    .ingredients__subheader-1 {
        font-size: 18px;
        line-height: 18px
    }

    .ingredients__subheader-2 {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 20px
    }

    .ingredients__list {
        display: grid;
        grid-gap: 30px
    }

    .ingredients__list_item {
        display: grid;
        grid-gap: 8px;
        grid-template-areas: "list_img list_header" "list_img list_descr";
        justify-content: flex-start
    }

    .ingredients__list_img-1 {
        grid-area: list_img;
        width: 75px;
        height: 75px
    }

    .ingredients__list_img-2 {
        grid-area: list_img;
        width: 75px;
        height: 75px
    }

    .ingredients__list_img-3 {
        grid-area: list_img;
        width: 75px;
        height: 75px
    }

    .ingredients__list_img-4 {
        grid-area: list_img;
        width: 75px;
        height: 75px
    }

    .ingredients__list_img-5 {
        grid-area: list_img;
        width: 75px;
        height: 75px
    }

    .ingredients__list_header {
        grid-area: list_header;
        font-size: 16px;
        line-height: 20px
    }

    .ingredients_list_descr {
        grid-area: list_descr;
        font-size: 16px;
        line-height: 20px;
        min-height: 40px
    }

    .ingredients__dustongel_wp {
        position: relative;
        margin: auto;
        width: 400px;
        height: 573px
    }

    .cta__bg {
        background: linear-gradient(0deg, #2599ed, #2599ed);
        background-attachment: fixed;
        background-position: center;
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 50px), 0 100%)
    }

    .cta__wp {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 90px;
        padding-top: 50px
    }

    .cta__img_wp {
        display: flex;
        flex-flow: row nowrap;
        position: relative
    }

    .cta__img_woman {
        display: block;
        width: 300px;
        height: 300px;
        border-radius: 50%;
        border: 10px solid #afdeff;
        object-fit: cover;
        box-shadow: 0 4px 15px rgba(0, 0, 0, .35)
    }

    .cta__img_blueberries {
        display: none;
        width: 35%;
        height: 100%;
        object-fit: cover
    }

    .cta__img_product_wp {
        width: 100%;
        height: 100%;
        position: absolute
    }

    .cta__img_product_container {
        position: relative;
        width: 100%;
        height: 100%
    }

    .cta__img_product {
        position: absolute;
        height: 300px;
        top: 30px;
        left: 70%
    }

    .cta__todayoff {
        position: absolute;
        left: 63%;
        bottom: 35px;
        width: 80px;
        height: 76px
    }

    .cta__todayoff_50 {
        font-size: 22px;
        line-height: 20px
    }

    .cta__todayoff_off {
        font-size: 17px;
        line-height: 16px
    }

    .cta__todayoff_today {
        font-weight: 600;
        font-size: 14px;
        line-height: 12px
    }

    .cta__list_wp {
        display: flex;
        width: 90%;
        max-width: 350px;
        flex-direction: column;
        margin: 30px auto
    }

    .cta__list_item::before {
        width: 10px;
        height: 14px;
        margin-right: 11px
    }

    .cta__list_item {
        font-size: 18px;
        line-height: 24px;
        font-weight: 500;
        margin: 5px
    }

    .cta__submit_a {
        width: 300px;
        margin: auto
    }

    .cta__submit_bg {
        width: 300px;
        margin: auto
    }

    .cta__dustongel {
        font-size: 22px;
        line-height: 22px
    }

    .howtouse__bg {
        clip-path: polygon(0 50px, 100% 0, 100% 100%, 0 calc(100% - 50px));
        margin-top: -50px;
        padding-top: 50px;
        padding-bottom: 50px
    }

    .howtouse__header {
        font-size: 31px;
        line-height: 36px;
        padding-top: 33px
    }

    .howtouse__subheader {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 32px
    }

    .howtouse__steps_wp {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 41px
    }

    .howtouse__steps {
        position: relative;
        display: grid;
        grid-template-areas: "logo wp number";
        z-index: 0;
        justify-content: center;
        grid-gap: 10px;
        width: 80%;
        max-width: 450px;
        height: 200px;
        margin-bottom: 10px
    }

    .logo_step-1 {
        grid-area: logo;
        position: absolute;
        top: 25px;
        left: -75px;
        width: 150px;
        height: 150px
    }

    .logo_step-2 {
        grid-area: logo;
        position: absolute;
        top: 25px;
        left: -75px;
        width: 150px;
        height: 150px
    }

    .logo_step-3 {
        grid-area: logo;
        position: absolute;
        top: 25px;
        left: -75px;
        width: 150px;
        height: 150px
    }

    .howtouse__step_wp {
        grid-area: wp;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        margin-left: 65px
    }

    .howtouse__steps_header {
        grid-area: header;
        z-index: 2;
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 22px
    }

    .howtouse__steps_text {
        grid-area: text;
        z-index: 2;
        font-size: 16px;
        line-height: 20px;
        padding-right: 5%
    }

    .howtouse__steps_number {
        grid-area: number;
        position: absolute;
        z-index: 1;
        left: -100px;
        font-size: 180px;
        line-height: 210px
    }

    .whywe__wp {
        margin-top: 45px;
        margin-bottom: 30px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .whywe__header {
        font-size: 31px;
        line-height: 36px;
        margin-bottom: 25px
    }

    .whywe__list-1 {
        display: grid;
        flex-direction: column;
        grid-row-gap: 24px;
        margin: auto;
        width: 70%
    }

    .whywe__list-2 {
        display: grid;
        flex-direction: column;
        grid-row-gap: 24px;
        margin: auto;
        margin-bottom: 25px;
        width: 70%
    }

    .whywe__list-1_item {
        display: grid;
        grid-template-columns: 60px auto;
        align-items: center;
        justify-content: center;
        justify-self: start;
        grid-template-areas: "icon header" "icon text";
        grid-column-gap: 20px;
        grid-row-gap: 5px
    }

    .whywe__list-2_item {
        display: grid;
        grid-template-columns: auto 60px;
        align-items: center;
        justify-content: center;
        justify-self: end;
        grid-template-areas: "header icon" "text icon";
        grid-column-gap: 20px;
        grid-row-gap: 5px
    }

    .whywe__list_icon {
        grid-area: icon;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        width: 60px;
        height: 80px
    }

    .whywe__list_icon-text {
        font-size: 45px;
        line-height: 55px
    }

    .whywe__list_header {
        grid-area: header;
        margin-top: auto;
        font-size: 16px;
        line-height: 20px
    }

    .whywe__list_text {
        grid-area: text;
        margin-bottom: auto;
        font-size: 16px;
        line-height: 18px
    }

    .whywe__img {
        margin: 20px auto;
        width: 292px;
        height: 292px
    }

    .whywe__submit_a {
        width: 300px
    }

    .whywe__submit_bg {
        margin: auto;
        display: flex;
        height: 44px;
        width: 300px
    }

    .whywe__todayoff_wp {
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        width: 70px;
        height: 66px
    }

    .whywe__today {
        font-size: 10px;
        line-height: 14px
    }

    .whywe__off {
        font-size: 16px;
        line-height: 14px
    }

    .whywe__dustongel {
        text-align: center;
        font-size: 22px;
        line-height: 22px
    }

    .whywe__dustongel_arrow {
        margin-left: 10px;
        font-size: 22px
    }

    .whywe__popup_wp {
        position: relative;
        margin: auto;
        margin-top: 20px
    }

    .whywe__popup_from {
        position: absolute;
        top: -8px;
        left: 50%;
        transform: translateX(-50%) rotate(45deg);
        width: 15.6px;
        height: 15.6px
    }

    .whywe__popup_bg {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 324px;
        height: 64px;
        margin: auto
    }

    .whywe__popup_text {
        text-align: center;
        font-size: 16px;
        line-height: 20px
    }

    .feedbacks__bg {
        clip-path: polygon(0 50px, 100% 0, 100% 100%, 0 calc(100% - 50px));
        padding-top: 20px;
        padding-bottom: 40px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .feedbacks__wp {
        display: flex;
        flex-direction: column;
        margin: 40px 0
    }

    .feedbacks__list {
        width: 320px
    }

    .feedbacks__list_item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 320px;
        margin: 20px 0
    }

    .feedbacks_header_wp {
        width: 100%;
        margin: 15px
    }

    .feedbacks_item_header {
        font-size: 21px;
        line-height: 23px
    }

    .feedbacks_header_rating {
        width: 107.14px;
        height: 21.43px
    }

    .feedbacks_item_photo-1 {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-end;
        width: 320px;
        height: 320px;
        border-width: 15px
    }

    .feedbacks_item_photo-2 {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-end;
        width: 320px;
        height: 320px;
        border-width: 15px
    }

    .feedbacks_item_photo-3 {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-end;
        width: 320px;
        height: 320px;
        border-width: 15px
    }

    .feedbacks_photo_flag {
        border-left-width: 15px;
        border-top-width: 15px
    }

    .feedbacks_item_text {
        width: 100%;
        position: relative;
        margin-top: 25px
    }

    .feedbacks_from {
        width: 27.69px;
        height: 27.69px;
        position: absolute;
        top: -14px;
        left: 50%;
        transform: translateX(-50%) rotate(45deg)
    }

    .feedbacks_descr_wp {
        padding: 7%
    }

    .feedbacks_descr {
        text-align: left;
        font-size: 16px;
        line-height: 23px
    }

    .discount__bg {
        clip-path: polygon(0 0, 100% 50px, 100% 100%, 0 calc(100% - 50px));
        margin-top: -50px;
        padding: 90px 0
    }

    .discount__wp {
        border-style: dashed;
        width: 400px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: auto
    }

    .discount__header {
        font-size: 36px;
        line-height: 32px;
        margin-top: 25px;
        margin-bottom: 10px;
        width: 80%
    }

    .discount__subheader {
        font-size: 24px;
        line-height: 20px;
        width: 80%
    }

    .discount__price_wp {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        margin: 15px 0
    }

    .discount__prev_price {
        font-size: 36px;
        line-height: 20px;
        margin-right: 16px
    }

    .discount__last_price {
        font-size: 24px;
        line-height: 20px;
        margin-right: 4px
    }

    .discount__onlytoday {
        font-size: 10px;
        line-height: 10px
    }

    .discount__text {
        font-size: 24px;
        line-height: 21px;
        margin-bottom: 15px;
        width: 80%
    }

    .discount__field_wp {
        width: 300px;
        margin-bottom: 15px
    }

    .discount__field_nameicon {
        height: 15px;
        width: 15px;
        margin: 10px
    }

    .discount__field_phoneicon {
        height: 15px;
        width: 15px;
        margin: 10px
    }

    .discount__field {
        font-size: 18px;
        line-height: 24px;
        width: 245px
    }

    .discount__submit {
        text-decoration: none;
        width: 300px
    }

    .discount__submit_bg {
        display: flex;
        height: 44px;
        width: 300px;
        margin: auto
    }

    .discount__todayoff_wp {
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        width: 70px;
        height: 66px
    }

    .discount__today {
        font-size: 10px;
        line-height: 14px
    }

    .discount__off {
        font-size: 16px;
        line-height: 14px
    }

    .discount__dustongel {
        text-align: center;
        font-size: 22px;
        line-height: 22px
    }

    .discount__popup_wp {
        position: relative;
        margin: 20px
    }

    .discount__popup_bg {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 310px;
        height: 48px
    }

    .discount__popup_text {
        text-align: center;
        font-size: 14px;
        line-height: 16px
    }

    .discount__popup_from {
        position: absolute;
        width: 15.6px;
        height: 15.6px;
        left: 50%;
        top: -7px;
        transform: translateX(-50%) rotate(45deg)
    }

    .discount__advantages {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: center;
        width: 300px;
        margin-top: 10px;
        margin-bottom: 20px
    }

    .discount__advantages_item {
        display: flex;
        width: 33%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0 5px
    }

    .advantages_item-1_icon {
        width: 50px;
        height: 50px;
        margin-bottom: 10px
    }

    .advantages_item-2_icon {
        width: 50px;
        height: 45px;
        margin-bottom: 10px
    }

    .advantages_item-3_icon {
        width: 50px;
        height: 50px;
        margin-bottom: 10px
    }

    .advantages_text {
        text-align: center;
        font-size: 14px;
        line-height: 14px
    }

    .comments__wp {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .comments__header {
        font-size: 31px;
        line-height: 36px;
        margin-top: 43px;
        margin-bottom: 12px
    }

    .comments__list {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .comments__item {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 80%;
        min-width: 300px;
        max-width: 380px;
        margin: 11px 0
    }

    .comments__item_wp-1 {
        display: grid;
        grid-template-areas: "icon header" "icon text";
        padding: 24px 12px;
        grid-column-gap: 12px
    }

    .comments__item_header {
        grid-area: header;
        padding-bottom: 8px;
        font-size: 16px;
        line-height: 20px
    }

    .comments__item_text {
        grid-area: text;
        font-size: 14px;
        line-height: 16px
    }

    .comments__item_icon-1 {
        grid-area: icon;
        width: 70px;
        height: 70px
    }

    .comments__item_icon-2 {
        grid-area: icon;
        width: 70px;
        height: 70px
    }

    .comments__item_icon-3 {
        grid-area: icon;
        width: 70px;
        height: 70px
    }

    .comments__item_wp-2 {
        display: grid;
        grid-template-areas: "name stars" "date verified";
        justify-content: space-between;
        padding: 12px
    }

    .comments__item_name {
        grid-area: name;
        font-size: 16px;
        line-height: 20px
    }

    .comments__item_date {
        grid-area: date;
        font-size: 16px;
        line-height: 20px
    }

    .comments__item_stars {
        grid-area: stars;
        margin-left: auto;
        width: 107.14px;
        height: 21.43px
    }

    .comments__item_verified {
        grid-area: verified;
        display: flex;
        flex-flow: row nowrap;
        align-items: center
    }

    .comments__item_checked {
        width: 16px;
        height: 16px;
        margin-right: 3px
    }

    .comments__item_purchase {
        font-size: 12px;
        line-height: 15px
    }

    .comments__gototop_wp {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        margin: 30px auto
    }

    .comments__gototop_icon {
        width: 19px;
        height: 17.24px;
        margin-right: 10px
    }

    .comments__gototop_label {
        font-size: 24px;
        line-height: 30px
    }

    .footer__copyright_wp {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 61px
    }

    .footer__copyright {
        font-size: 18px;
        line-height: 24px
    }

    .footer__navbar {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 36px
    }

    .footer__navbar_link {
        margin: 2%;
        text-decoration: none
    }

    .footer__navbar_item {
        font-size: 12px;
        line-height: 24px
    }

}

@media only screen and (min-width: 768px) and (max-width: 1365px) {

    body,
    html {
        width: 100%;
        height: 100%
    }

    .hero__bg {
        width: 100%;
        background-size: 100vw;
    }

    .hero__wp {
        margin: auto;
        height: 100%;
        min-width: 768px
    }

    .hero__logo_wp {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto;
        width: 193px;
        height: 53px
    }

    .hero__logo {
        width: 171px;
        height: 30px
    }

    .hero__content_wp {
        padding-top: 30px;
        display: grid;
        grid-gap: 15px;
        grid-template-areas: "hero__header hero__header" "hero__subheader hero__subheader" "hero__list_wp hero__img_wp" "hero__fakebutton_wp hero__fakebutton_wp" "buy__wp buy__wp";
        justify-content: center
    }

    .hero__header {
        grid-area: hero__header;
        margin: auto;
        text-align: center;
        font-size: 50px;
        line-height: 44px
    }

    .hero__subheader {
        grid-area: hero__subheader;
        margin: auto;
        text-align: center;
        font-size: 24px;
        line-height: 24px
    }

    .hero__list_wp {
        grid-area: hero__list_wp;
        display: flex;
        flex-direction: column;
        margin: auto
    }

    .hero__list_item::before {
        width: 15px;
        height: 15px;
        margin-right: 10px
    }

    .hero__list_item {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 10px
    }

    .hero__fakebutton_wp {
        grid-area: hero__fakebutton_wp;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        margin: 20px 0
    }

    .hero__fakebutton {
        margin: auto;
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: center;
        width: 156px;
        height: 43px
    }

    .hero__fakebutton_icon-1 {
        width: 22px;
        height: 22px
    }

    .hero__fakebutton_icon-2 {
        width: 22px;
        height: 22px
    }

    .hero__fakebutton_icon-3 {
        width: 22px;
        height: 22px
    }

    .hero__fakebutton_text {
        margin-left: 9px;
        font-size: 12px;
        line-height: 15px
    }

    .hero__img_wp {
        grid-area: hero__img_wp;
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        width: 100%;
        height: 100%;
        position: relative
    }

    .hero__img_product {
        position: absolute;
        right: 0;
        z-index: 1;
        height: 110%;
        max-height: 300px
    }

    .hero__img_todayoff {
        position: absolute;
        z-index: 2;
        right: 13%;
        bottom: -34px;
        width: 100px;
        height: 100px;
    }

    .hero__todayoff_50 {
        font-size: 24px;
        line-height: 20spx
    }

    .hero__todayoff_off {
        font-size: 21px;
        line-height: 18px
    }

    .hero__todayoff_today {
        font-weight: 600;
        font-size: 18px;
        line-height: 16px
    }

    .hero__img_woman {
        object-position: 30%;
        z-index: 0;
        width: 250px;
        height: 250px;
        border-radius: 50%;
        background-position: 50%;
        box-shadow: 0 4px 15px rgba(0, 0, 0, .35)
    }

    .buy__wp {
        grid-area: buy__wp;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 35px
    }

    .buy__form {
        display: none;
        grid-template-areas: "field" "field" "button";
        justify-content: center;
        width: 100%
    }

    .buy__form::nth-child(1) {
        grid-area: field
    }

    .buy__form::nth-child(1) {
        grid-area: field
    }

    .buy__field_wp {
        display: grid;
        grid-template-areas: "icon field" "under under";
        width: 300px
    }

    .buy__field_icon {
        grid-area: icon;
        height: 15px;
        width: 15px;
        margin: 10px
    }

    .buy__field {
        width: 265px;
        font-size: 18px;
        line-height: 24px
    }

    .buy__field_wp::after {
        grid-area: under;
        width: 300px
    }

    .buy__fakebutton_wp {
        display: none
    }

    .buy__submit_a-1 {
        display: none
    }

    .buy__submit_a-2 {
        grid-area: button;
        width: 340px
    }

    .buy__dustongel {
        font-size: 22px;
        line-height: 22px
    }

    .buy__popup_wp {
        position: relative;
        margin-bottom: 30px
    }

    .buy__popup_bg {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 334px;
        height: 64px
    }

    .buy__popup_text {
        text-align: center;
        font-size: 16px;
        line-height: 20px
    }

    .buy__popup_from {
        position: absolute;
        top: 52px;
        left: 155px;
        width: 24px;
        height: 24px
    }

    .ingredients__wp {
        margin: 35px auto;
        width: 90%;
        max-width: 1000px;
        display: grid;
        grid-gap: 10px;
        grid-template-areas: "header header" "subheader-1 subheader-1" "subheader-2 subheader-2" "list img"
    }

    .ingredients__header {
        grid-area: header;
        font-size: 31px;
        line-height: 29px
    }

    .ingredients__subheader-1 {
        grid-area: subheader-1;
        font-size: 18px;
        line-height: 18px
    }

    .ingredients__subheader-2 {
        grid-area: subheader-2;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 15px
    }

    .ingredients__list {
        grid-area: list;
        margin: 20px auto;
        display: grid;
        grid-row-gap: 30px
    }

    .ingredients__list_item {
        display: grid;
        grid-gap: 8px;
        grid-template-areas: "list_img list_header" "list_img list_descr";
        justify-content: flex-start
    }

    .ingredients__list_img-1 {
        grid-area: list_img;
        content: "";
        width: 75px;
        height: 75px
    }

    .ingredients__list_img-2 {
        grid-area: list_img;
        width: 75px;
        height: 75px
    }

    .ingredients__list_img-3 {
        grid-area: list_img;
        width: 75px;
        height: 75px
    }

    .ingredients__list_img-4 {
        grid-area: list_img;
        width: 75px;
        height: 75px
    }

    .ingredients__list_img-5 {
        grid-area: list_img;
        width: 75px;
        height: 75px
    }

    .ingredients__list_header {
        grid-area: list_header;
        font-size: 16px;
        line-height: 20px
    }

    .ingredients_list_descr {
        grid-area: list_descr;
        font-size: 16px;
        line-height: 20px;
        min-height: 40px
    }

    .ingredients__dustongel_wp {
        grid-area: img;
        position: relative;
        margin: auto;
        width: 400px;
        height: 573px
    }

    .cta__bg {
        background: linear-gradient(0deg, #2599ed, #2599ed);
        background-attachment: fixed;
        background-position: center;
        margin-top: -50px;
        padding-top: 80px;
        padding-bottom: 50px
    }

    .cta__wp {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 90px;
        padding-top: 50px
    }

    .cta__img_wp {
        display: flex;
        flex-flow: row nowrap;
        position: relative
    }

    .cta__img_woman {
        display: block;
        width: 350px;
        height: 350px;
        border-radius: 50%;
        border: 10px solid #afdeff;
        object-fit: cover;
        box-shadow: 0 4px 15px rgba(0, 0, 0, .35)
    }

    .cta__img_blueberries {
        display: none;
        width: 35%;
        height: 100%;
        object-fit: cover
    }

    .cta__img_product_wp {
        width: 100%;
        height: 100%;
        position: absolute
    }

    .cta__img_product_container {
        position: relative;
        width: 100%;
        height: 100%
    }

    .cta__img_product {
        position: absolute;
        height: 370px;
        top: 30px;
        left: 70%
    }

    .cta__todayoff {
        position: absolute;
        left: 73%;
        bottom: 35px;
        width: 80px;
        height: 76px
    }

    .cta__todayoff_50 {
        font-size: 22px;
        line-height: 20px
    }

    .cta__todayoff_off {
        font-size: 17px;
        line-height: 16px
    }

    .cta__todayoff_today {
        font-weight: 600;
        font-size: 14px;
        line-height: 12px
    }

    .cta__list_wp {
        display: flex;
        width: 90%;
        max-width: 350px;
        flex-direction: column;
        margin: 30px auto
    }

    .cta__list_item::before {
        width: 10px;
        height: 14px;
        margin-right: 11px
    }

    .cta__list_item {
        font-size: 18px;
        line-height: 24px;
        font-weight: 500;
        margin: 5px
    }

    .cta__submit_a {
        width: 340px;
        margin: auto
    }

    .cta__submit_bg {
        width: 340px;
        margin: auto
    }

    .cta__dustongel {
        font-size: 22px;
        line-height: 22px
    }

    .howtouse__bg {
        clip-path: polygon(0 50px, 100% 0, 100% 100%, 0 calc(100% - 50px));
        margin-top: -50px;
        padding-top: 80px;
        padding-bottom: 50px
    }

    .howtouse__header {
        font-size: 31px;
        line-height: 36px
    }

    .howtouse__subheader {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 32px
    }

    .howtouse__steps_wp {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 41px
    }

    .howtouse__steps {
        position: relative;
        display: grid;
        grid-template-areas: "logo wp number";
        z-index: 0;
        justify-content: center;
        grid-gap: 10px;
        width: 80%;
        max-width: 450px;
        height: 200px;
        margin-bottom: 10px
    }

    .logo_step-1 {
        grid-area: logo;
        position: absolute;
        top: 25px;
        left: -75px;
        width: 150px;
        height: 150px
    }

    .logo_step-2 {
        grid-area: logo;
        position: absolute;
        top: 25px;
        left: -75px;
        width: 150px;
        height: 150px
    }

    .logo_step-3 {
        grid-area: logo;
        position: absolute;
        top: 25px;
        left: -75px;
        width: 150px;
        height: 150px
    }

    .howtouse__step_wp {
        grid-area: wp;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        margin-left: 65px
    }

    .howtouse__steps_header {
        grid-area: header;
        z-index: 2;
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 22px
    }

    .howtouse__steps_text {
        grid-area: text;
        z-index: 2;
        font-size: 16px;
        line-height: 20px;
        padding-right: 5%
    }

    .howtouse__steps_number {
        grid-area: number;
        position: absolute;
        z-index: 1;
        left: -100px;
        font-size: 180px;
        line-height: 210px
    }

    .whywe__wp {
        margin-top: 45px;
        margin-bottom: 50px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .whywe__header {
        font-size: 31px;
        line-height: 36px;
        margin-bottom: 25px
    }

    .whywe__list-1 {
        display: grid;
        flex-direction: column;
        grid-row-gap: 24px;
        margin: auto;
        width: 600px
    }

    .whywe__list-2 {
        display: grid;
        flex-direction: column;
        grid-row-gap: 24px;
        margin: auto;
        margin-bottom: 25px;
        width: 600px
    }

    .whywe__list-1_item {
        display: grid;
        grid-template-columns: 60px auto;
        align-items: center;
        justify-content: center;
        justify-self: start;
        grid-template-areas: "icon header" "icon text";
        grid-column-gap: 20px;
        grid-row-gap: 5px
    }

    .whywe__list-2_item {
        display: grid;
        grid-template-columns: auto 60px;
        align-items: center;
        justify-content: center;
        justify-self: end;
        grid-template-areas: "header icon" "text icon";
        grid-column-gap: 20px;
        grid-row-gap: 5px
    }

    .whywe__list_icon {
        grid-area: icon;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        width: 60px;
        height: 80px
    }

    .whywe__list_icon-text {
        font-size: 45px;
        line-height: 55px
    }

    .whywe__list_header {
        grid-area: header;
        margin-top: auto;
        font-size: 16px;
        line-height: 20px
    }

    .whywe__list_text {
        grid-area: text;
        margin-bottom: auto;
        font-size: 16px;
        line-height: 18px
    }

    .whywe__img {
        margin: 20px auto;
        width: 396px;
        height: 396px
    }

    .whywe__submit_a {
        width: 340px;
        margin: auto
    }

    .whywe__submit_bg {
        width: 340px;
        margin: auto
    }

    .whywe__dustongel {
        font-size: 22px;
        line-height: 22px
    }

    .whywe__popup_wp {
        position: relative;
        margin: auto;
        top: 20px
    }

    .whywe__popup_from {
        position: absolute;
        top: -8px;
        left: 50%;
        transform: translateX(-50%) rotate(45deg);
        width: 15.6px;
        height: 15.6px
    }

    .whywe__popup_bg {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 334px;
        height: 64px;
        margin: auto
    }

    .whywe__popup_text {
        text-align: center;
        font-size: 16px;
        line-height: 20px
    }

    .feedbacks__bg {
        clip-path: polygon(0 50px, 100% 0, 100% 100%, 0 calc(100% - 50px));
        padding-top: 50px
    }

    .feedbacks__list {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        width: 100%;
        padding-bottom: 85px
    }

    .feedbacks__list_item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        width: 320px;
        margin: 40px 40px 0
    }

    .feedbacks_header_wp {
        width: 100%;
        margin: 15px
    }

    .feedbacks_item_header {
        font-size: 21px;
        line-height: 23px
    }

    .feedbacks_header_rating {
        width: 107.14px;
        height: 21.43px
    }

    .feedbacks_item_photo-1 {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-end;
        width: 320px;
        height: 320px;
        border-width: 15px
    }

    .feedbacks_item_photo-2 {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-end;
        width: 320px;
        height: 320px;
        border-width: 15px
    }

    .feedbacks_item_photo-3 {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-end;
        width: 320px;
        height: 320px;
        border-width: 15px
    }

    .feedbacks_photo_flag {
        border-left-width: 15px;
        border-top-width: 15px
    }

    .feedbacks_item_text {
        width: 100%;
        position: relative;
        margin-top: 25px
    }

    .feedbacks_from {
        width: 27.69px;
        height: 27.69px;
        position: absolute;
        top: -14px;
        left: 50%;
        transform: translateX(-50%) rotate(45deg)
    }

    .feedbacks_descr_wp {
        padding: 7%
    }

    .feedbacks_descr {
        text-align: left;
        font-size: 16px;
        line-height: 23px
    }

    .discount__bg {
        clip-path: polygon(0 0, 100% 50px, 100% 100%, 0 calc(100% - 50px));
        margin-top: -50px;
        padding: 85px 0
    }

    .discount__wp {
        border-style: dashed;
        width: 500px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: auto;
        padding: 25px
    }

    .discount__header {
        font-size: 45px;
        line-height: 38px;
        margin-top: 25px;
        margin-bottom: 15px;
        width: 80%
    }

    .discount__subheader {
        font-size: 27px;
        line-height: 20px;
        width: 80%
    }

    .discount__price_wp {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        margin: 20px 0
    }

    .discount__prev_price {
        font-size: 32px;
        line-height: 20px;
        margin-right: 16px
    }

    .discount__last_price {
        font-size: 33px;
        line-height: 20px;
        margin-right: 4px
    }

    .discount__onlytoday {
        font-size: 10px;
        line-height: 10px
    }

    .discount__text {
        font-size: 24px;
        line-height: 21px;
        margin-bottom: 30px;
        width: 80%
    }

    .discount__field_wp {
        width: 340px;
        margin-bottom: 15px
    }

    .discount__field {
        font-size: 18px;
        line-height: 24px;
        width: 285px
    }

    .discount__submit_a {
        width: 340px;
        margin: auto
    }

    .discount__submit_bg {
        width: 340px;
        margin: auto
    }

    .discount__dustongel {
        font-size: 22px;
        line-height: 22px
    }

    .discount__popup_wp {
        position: relative;
        margin-top: 20px
    }

    .discount__popup_bg {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 310px;
        height: 48px
    }

    .discount__popup_text {
        text-align: center;
        font-size: 14px;
        line-height: 16px
    }

    .discount__popup_from {
        position: absolute;
        width: 15.6px;
        height: 15.6px;
        left: 50%;
        top: -7px;
        transform: translateX(-50%) rotate(45deg)
    }

    .discount__advantages {
        display: flex;
        flex-flow: row nowrap;
        margin: auto;
        width: 300px;
        margin-top: 20px;
        margin-bottom: 40px
    }

    .discount__advantages_item {
        display: flex;
        flex-direction: column;
        width: 33%;
        align-items: center
    }

    .advantages_item-1_icon {
        width: 50px;
        height: 50px
    }

    .advantages_item-2_icon {
        width: 50px;
        height: 50px
    }

    .advantages_item-3_icon {
        width: 50px;
        height: 50px
    }

    .advantages_text {
        margin-top: 10px;
        text-align: center;
        font-weight: 700;
        font-size: 14px;
        line-height: 14px
    }

    .comments__bg {
        padding-bottom: 30px
    }

    .comments__header {
        font-size: 36px;
        line-height: 42px;
        margin-top: 43px;
        margin-bottom: 12px
    }

    .comments__list {
        display: flex;
        flex-flow: row wrap;
        justify-content: center
    }

    .comments__item {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 450px;
        margin: 21px 21px
    }

    .comments__item_wp-1 {
        display: grid;
        grid-template-areas: "icon header" "icon text";
        padding: 24px;
        grid-gap: 17px
    }

    .comments__item_header {
        grid-area: header;
        font-size: 18px;
        line-height: 22px
    }

    .comments__item_text {
        grid-area: text;
        font-size: 16px;
        line-height: 18px
    }

    .comments__item_icon-1 {
        grid-area: icon;
        width: 93px;
        height: 93px
    }

    .comments__item_icon-2 {
        grid-area: icon;
        width: 93px;
        height: 93px
    }

    .comments__item_icon-3 {
        grid-area: icon;
        width: 93px;
        height: 93px
    }

    .comments__item_wp-2 {
        display: grid;
        grid-template-areas: "name stars" "date verified";
        justify-content: space-between;
        padding: 24px
    }

    .comments__item_name {
        grid-area: name;
        font-size: 16px;
        line-height: 20px
    }

    .comments__item_date {
        grid-area: date;
        font-size: 16px;
        line-height: 20px
    }

    .comments__item_stars {
        grid-area: stars;
        margin-left: auto;
        width: 107.14px;
        height: 21.43px
    }

    .comments__item_verified {
        grid-area: verified;
        display: flex;
        flex-flow: row nowrap;
        align-items: center
    }

    .comments__item_checked {
        width: 16px;
        height: 16px;
        margin-right: 3px
    }

    .comments__item_purchase {
        font-size: 12px;
        line-height: 15px
    }

    .comments__gototop_wp {
        display: none
    }

    .comments__gototop_icon {
        width: 19px;
        height: 17.24px;
        margin-right: 10px
    }

    .comments__gototop_label {
        font-size: 24px;
        line-height: 30px
    }

    .footer__copyright_wp {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 61px
    }

    .footer__copyright {
        font-size: 18px;
        line-height: 24px
    }

    .footer__navbar {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 36px
    }

    .footer__navbar_link {
        margin: 2%;
        text-decoration: none
    }

    .footer__navbar_item {
        font-size: 14px;
        line-height: 24px
    }

}

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

    body,
    html {
        width: 100%;
        height: 100%
    }

    .hero__bg {
        width: 100%
    }

    .hero__wp {
        margin: auto;
        height: 100%;
        min-width: 768px
    }

    .hero__logo_wp {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto;
        width: 241px;
        height: 63px
    }

    .hero__logo {
        width: 214px;
        height: 37px
    }

    .hero__content_wp {
        width: 95%;
        margin-left: auto;
        padding-top: 30px;
        padding-bottom: 30px;
        display: grid;
        grid-gap: 18px;
        grid-template-columns: 50% 50%;
        grid-template-areas: "hero__header hero__img_wp" "hero__subheader hero__img_wp" "hero__list_wp hero__img_wp" "hero__fakebutton_wp hero__img_wp" "buy__wp buy__wp"
    }

    .hero__header {
        grid-area: hero__header;
        text-align: left;
        font-size: 45px;
        line-height: 55px;
        align-self: flex-end
    }

    .hero__subheader {
        grid-area: hero__subheader;
        text-align: left;
        font-size: 24px;
        line-height: 24px
    }

    .hero__list_wp {
        grid-area: hero__list_wp;
        display: flex;
        flex-direction: column;
        padding-left: 60px
    }

    .hero__list_item::before {
        width: 15px;
        height: 15px;
        margin-right: 10px
    }

    .hero__list_item {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px
    }

    .hero__fakebutton_wp {
        grid-area: hero__fakebutton_wp;
        display: grid;
        grid-template-columns: repeat(3, 156px);
        grid-gap: 20px
    }

    .hero__fakebutton {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: center;
        width: 156px;
        height: 43px
    }

    /*.hero__fakebutton.hfmiddle { width: 165px; }*/

    .hero__fakebutton_icon-1 {
        width: 29px;
        height: 29px
    }

    .hero__fakebutton_icon-2 {
        width: 29px;
        height: 29px
    }

    .hero__fakebutton_icon-3 {
        width: 29px;
        height: 29px
    }

    .hero__fakebutton_text {
        margin-left: 9px;
        font-size: 12px;
        line-height: 15px
    }

    .hero__img_wp {
        grid-area: hero__img_wp;
        display: flex;
        flex-flow: row-reverse nowrap;
        align-items: center;
        width: 100%;
        height: 100%;
        position: relative
    }

    .hero__img_product {
        position: absolute;
        left: -5%;
        z-index: 1;
        height: 100%;
        max-height: 380px
    }

    .hero__img_todayoff {
        position: absolute;
        z-index: 2;
        left: 19%;
        bottom: 6%;
        width: 120px;
        height: 120px;
    }

    .hero__todayoff_50 {
        font-size: 32px;
        line-height: 27px
    }

    .hero__todayoff_off {
        font-size: 28px;
        line-height: 24px
    }

    .hero__todayoff_today {
        font-weight: 600;
        font-size: 22px;
        line-height: 22px
    }

    .hero__img_woman {
        z-index: 0;
        width: 90%;
        height: 80%;
        box-shadow: 0 4px 15px rgba(0, 0, 0, .35);
        border-radius: 120px 0 0 340px
    }

    .buy__bg {
        background: #051876;
        height: 100px
    }

    .buy__wp {
        grid-area: buy__wp;
        position: relative;
        display: flex;
        height: 100px
    }

    .buy__form {
        display: grid;
        grid-template-columns: 340px 340px 340px;
        grid-template-areas: "field field button";
        grid-column-gap: 30px;
        align-items: center;
        margin: 12px auto
    }

    .buy__form::nth-child(1) {
        grid-area: field
    }

    .buy__form::nth-child(2) {
        grid-area: field
    }

    .buy__field {
        width: 285px;
        font-size: 18px;
        line-height: 24px
    }

    .buy__field:focus {
        margin-top: 0
    }

    .buy__field:valid {
        margin-top: 0
    }

    .buy__submit_a-1 {
        grid-area: button
    }

    .buy__submit_a-2 {
        display: none
    }

    .buy__submit_bg {
        width: 340px
    }

    .buy__dustongel {
        text-align: center;
        font-size: 25px;
        line-height: 27px
    }

    .buy__dustongel_arrow {
        margin-left: 10px
    }

    .buy__popup_wp {
        position: absolute;
        left: 62%;
        bottom: 27%
    }

    .buy__popup_bg {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 334px;
        height: 64px
    }

    .buy__popup_text {
        text-align: center;
        font-size: 16px;
        line-height: 20px
    }

    .buy__popup_from {
        position: absolute;
        top: 52px;
        left: 155px;
        width: 24px;
        height: 24px
    }

    .buy__fakebutton_wp {
        display: none
    }

    .ingredients__wp {
        margin: 40px auto;
        width: 90%;
        max-width: 1200px;
        display: grid;
        grid-gap: 10px;
        grid-template-areas: "header header" "subheader-1 subheader-1" "subheader-2 subheader-2" "list img"
    }

    .ingredients__header {
        grid-area: header;
        font-size: 43px;
        line-height: 50px
    }

    .ingredients__subheader-1 {
        grid-area: subheader-1;
        font-size: 24px;
        line-height: 29px
    }

    .ingredients__subheader-2 {
        grid-area: subheader-2;
        font-size: 20px;
        line-height: 22px;
        margin-bottom: 51px
    }

    .ingredients__list {
        grid-area: list;
        max-width: 600px;
        margin: 20px auto;
        display: grid;
        grid-gap: 15px
    }

    .ingredients__list_item {
        display: grid;
        grid-gap: 8px;
        grid-template-rows: 20px auto;
        grid-column-gap: 35px;
        grid-template-areas: "list_img list_header" "list_img list_descr";
        justify-content: flex-start
    }

    .ingredients__list_img-1 {
        grid-area: list_img;
        content: "";
        width: 75px;
        height: 75px
    }

    .ingredients__list_img-2 {
        grid-area: list_img;
        width: 75px;
        height: 75px
    }

    .ingredients__list_img-3 {
        grid-area: list_img;
        width: 75px;
        height: 75px
    }

    .ingredients__list_img-4 {
        grid-area: list_img;
        width: 75px;
        height: 75px
    }

    .ingredients__list_img-5 {
        grid-area: list_img;
        width: 75px;
        height: 75px
    }

    .ingredients__list_header {
        grid-area: list_header;
        font-size: 18px;
        line-height: 20px
    }

    .ingredients_list_descr {
        grid-area: list_descr;
        font-size: 18px;
        line-height: 20px;
        min-height: 40px
    }

    .ingredients__dustongel_wp {
        grid-area: img;
        position: relative;
        margin: -60px auto 0 auto;
        width: 450px;
        height: 650px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .cta__bg {
        display: none
    }

    .howtouse__wp {
        padding-bottom: 37px
    }

    .howtouse__header {
        font-size: 43px;
        line-height: 50px;
        padding-top: 33px
    }

    .howtouse__subheader {
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 32px
    }

    .howtouse__steps_wp {
        display: grid;
        grid-template-columns: repeat(3, 390px);
        grid-template-areas: "step step step" "decarrow decarrow decarrow";
        grid-row-gap: 16px;
        grid-column-gap: 47px;
        justify-content: center;
        align-items: center
    }

    .howtouse__steps {
        position: relative;
        display: grid;
        grid-template-areas: "logo wp number";
        z-index: 0;
        justify-content: center;
        grid-gap: 10px;
        width: 390px;
        height: 176px;
        margin-bottom: 10px
    }

    .howtouse__steps::nth-child(1) {
        grid-area: step
    }

    .howtouse__steps::nth-child(2) {
        grid-area: step
    }

    .howtouse__steps::nth-child(3) {
        grid-area: step
    }

    .logo_step-1 {
        grid-area: logo;
        position: absolute;
        top: 23px;
        left: -50px;
        width: 100px;
        height: 100px
    }

    .logo_step-2 {
        grid-area: logo;
        position: absolute;
        top: 35px;
        left: -35px;
        width: 100px;
        height: 100px;
    }

    .logo_step-3 {
        grid-area: logo;
        position: absolute;
        top: 23px;
        left: -50px;
        width: 100px;
        height: 100px
    }

    .howtouse__step_wp {
        grid-area: wp;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        margin-left: 65px
    }

    .howtouse__steps_header {
        grid-area: header;
        z-index: 2;
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 22px
    }

    .howtouse__steps_text {
        grid-area: text;
        z-index: 2;
        font-size: 16px;
        line-height: 20px;
        padding-right: 5%
    }

    .howtouse__steps_number {
        grid-area: number;
        position: absolute;
        z-index: 1;
        bottom: -38px;
        left: -70px;
        font-size: 180px;
        line-height: 210px
    }

    .howtouse__decorarrow {
        grid-area: decarrow;
        margin: auto;
        width: 900px;
        height: 27px
    }

    .whywe__wp {
        margin-top: 60px;
        margin-bottom: 60px;
        display: grid;
        grid-template-areas: "header header header" "list-1 img list-2" "button button button" "popup popup popup";
        grid-row-gap: 25px;
        align-items: center;
        justify-content: center
    }

    .whywe__header {
        grid-area: header;
        font-size: 42px;
        line-height: 49px
    }

    .whywe__list-1 {
        grid-area: list-1;
        display: grid;
        flex-direction: column;
        justify-self: end;
        grid-row-gap: 70px;
        width: 35%;
        min-width: 400px;
        max-width: 600px
    }

    .whywe__list-2 {
        grid-area: list-2;
        display: grid;
        flex-direction: column;
        justify-self: start;
        grid-row-gap: 70px;
        width: 35%;
        min-width: 400px;
        max-width: 600px
    }

    .whywe__list-1_item {
        display: grid;
        grid-template-columns: auto 60px;
        align-items: center;
        justify-content: center;
        justify-self: end;
        grid-template-areas: "header icon" "text icon";
        grid-column-gap: 15px
    }

    .whywe__list-1_item:nth-child(1) {
        text-align: end
    }

    .whywe__list-1_item:nth-child(2) {
        text-align: end;
        margin-right: 45px
    }

    .whywe__list-1_item:nth-child(3) {
        text-align: end
    }

    .whywe__list-2_item:nth-child(2) {
        margin-left: 45px
    }

    .whywe__list-2_item {
        display: grid;
        grid-template-columns: 60px auto;
        align-items: center;
        justify-content: center;
        justify-self: start;
        grid-template-areas: "icon header" "icon text";
        grid-column-gap: 15px
    }

    .whywe__list_icon {
        grid-area: icon;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        width: 60px;
        height: 80px
    }

    .whywe__list_icon-text {
        font-size: 45px;
        line-height: 55px
    }

    .whywe__list_header {
        grid-area: header;
        margin-top: auto;
        font-size: 16px;
        line-height: 20px
    }

    .whywe__list_text {
        grid-area: text;
        margin-bottom: auto;
        font-size: 16px;
        line-height: 18px
    }

    .whywe__img {
        grid-area: img;
        justify-self: center;
        margin: 20px auto;
        width: 396px;
        height: 396px
    }

    .whywe__submit {
        grid-area: button;
        margin: auto;
        width: 340px
    }

    .whywe__submit_bg {
        height: 44px;
        width: 340px
    }

    .whywe__dustongel {
        text-align: center;
        font-size: 25px;
        line-height: 27px
    }

    .whywe__dustongel_arrow {
        margin-left: 10px
    }

    .whywe__popup_wp {
        grid-area: popup;
        position: relative
    }

    .whywe__popup_bg {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 324px;
        height: 64px;
        margin: auto
    }

    .whywe__popup_text {
        text-align: center;
        font-size: 16px;
        line-height: 20px
    }

    .whywe__popup_from {
        position: absolute;
        top: -8px;
        left: 50%;
        transform: translateX(-50%) rotate(45deg);
        width: 15.6px;
        height: 15.6px
    }

    .feedbacks__list {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        width: 100%;
        padding-bottom: 40px
    }

    .feedbacks__list_item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        width: 320px;
        margin: 40px 40px 0
    }

    .feedbacks_header_wp {
        width: 100%;
        margin: 15px
    }

    .feedbacks_item_header {
        font-size: 21px;
        line-height: 23px
    }

    .feedbacks_header_rating {
        width: 107.14px;
        height: 21.43px
    }

    .feedbacks_item_photo-1 {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-end;
        width: 320px;
        height: 320px;
        border-width: 15px
    }

    .feedbacks_item_photo-2 {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-end;
        width: 320px;
        height: 320px;
        border-width: 15px
    }

    .feedbacks_item_photo-3 {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-end;
        width: 320px;
        height: 320px;
        border-width: 15px
    }

    .feedbacks_photo_flag {
        border-left-width: 15px;
        border-top-width: 15px
    }

    .feedbacks_item_text {
        width: 100%;
        position: relative;
        margin-top: 25px
    }

    .feedbacks_from {
        width: 27.69px;
        height: 27.69px;
        position: absolute;
        top: -14px;
        left: 50%;
        transform: translateX(-50%) rotate(45deg)
    }

    .feedbacks_descr_wp {
        padding: 7%
    }

    .feedbacks_descr {
        text-align: left;
        font-size: 16px;
        line-height: 23px
    }

    .discount__bg {
        padding: 45px 0
    }

    .discount__wp {
        border-style: dashed;
        width: 500px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: auto;
        padding: 25px
    }

    .discount__header {
        font-size: 45px;
        line-height: 38px;
        margin-top: 25px;
        margin-bottom: 15px;
        width: 80%
    }

    .discount__subheader {
        font-size: 27px;
        line-height: 20px;
        width: 80%
    }

    .discount__price_wp {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        margin: 20px 0
    }

    .discount__prev_price {
        font-size: 32px;
        line-height: 20px;
        margin-right: 16px
    }

    .discount__last_price {
        font-size: 33px;
        line-height: 20px;
        margin-right: 4px
    }

    .discount__onlytoday {
        font-size: 10px;
        line-height: 10px
    }

    .discount__text {
        font-size: 24px;
        line-height: 21px;
        margin-bottom: 10px;
        width: 80%
    }

    .discount__field_wp {
        margin: 20px
    }

    .discount__field {
        position: relative;
        z-index: 0;
        width: 285px;
        font-size: 18px;
        line-height: 24px;
        margin: auto
    }

    .discount__submit {
        text-decoration: none
    }

    .discount__submit_bg {
        margin: auto;
        display: flex;
        width: 340px
    }

    .discount__todayoff_wp {
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        width: 70px;
        height: 66px
    }

    .discount__today {
        font-size: 10px;
        line-height: 14px
    }

    .discount__off {
        font-size: 16px;
        line-height: 14px
    }

    .discount__dustongel {
        text-align: center;
        font-size: 25px;
        line-height: 27px
    }

    .discount__dustongel_arrow {
        margin-left: 10px
    }

    .discount__popup_wp {
        position: relative;
        margin: 20px auto
    }

    .discount__popup_bg {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 300px;
        height: 48px;
		position: relative;
		left: 41%
    }

    .discount__popup_text {
        text-align: center;
        font-size: 14px;
        line-height: 16px
    }

    .discount__popup_from {
        position: absolute;
        width: 15.6px;
        height: 15.6px;
        left: 50%;
        top: -7px;
        transform: translateX(-50%) rotate(45deg)
    }

    .discount__advantages {
        display: flex;
        flex-flow: row nowrap;
        margin: auto;
        width: 300px;
        margin-bottom: 40px
    }

    .discount__advantages_item {
        display: flex;
        flex-direction: column;
        width: 33%;
        align-items: center
    }

    .advantages_item-1_icon {
        width: 50px;
        height: 50px
    }

    .advantages_item-2_icon {
        width: 50px;
        height: 50px
    }

    .advantages_item-3_icon {
        width: 50px;
        height: 50px
    }

    .advantages_text {
        margin-top: 10px;
        text-align: center;
        font-weight: 700;
        font-size: 14px;
        line-height: 14px
    }

    .comments__bg {
        padding-bottom: 30px
    }

    .comments__wp {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .comments__header {
        font-size: 36px;
        line-height: 42px;
        margin-top: 43px;
        margin-bottom: 12px
    }

    .comments__list {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        max-width: 1500px;
        margin: auto
    }

    .comments__item {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 450px;
        margin: 21px 21px
    }

    .comments__item_wp-1 {
        display: grid;
        grid-template-areas: "icon header" "icon text";
        padding: 24px;
        grid-gap: 17px
    }

    .comments__item_header {
        grid-area: header;
        font-size: 18px;
        line-height: 22px
    }

    .comments__item_text {
        grid-area: text;
        font-size: 16px;
        line-height: 18px
    }

    .comments__item_icon-1 {
        grid-area: icon;
        width: 93px;
        height: 93px
    }

    .comments__item_icon-2 {
        grid-area: icon;
        width: 93px;
        height: 93px
    }

    .comments__item_icon-3 {
        grid-area: icon;
        width: 93px;
        height: 93px
    }

    .comments__item_wp-2 {
        display: grid;
        grid-template-areas: "name stars" "date verified";
        justify-content: space-between;
        padding: 24px
    }

    .comments__item_name {
        grid-area: name;
        font-size: 16px;
        line-height: 20px
    }

    .comments__item_date {
        grid-area: date;
        font-size: 16px;
        line-height: 20px
    }

    .comments__item_stars {
        grid-area: stars;
        margin-left: auto;
        width: 107.14px;
        height: 21.43px
    }

    .comments__item_verified {
        grid-area: verified;
        display: flex;
        flex-flow: row nowrap;
        align-items: center
    }

    .comments__item_checked {
        width: 16px;
        height: 16px;
        margin-right: 3px
    }

    .comments__item_purchase {
        font-size: 12px;
        line-height: 15px
    }

    .comments__gototop_wp {
        margin: 30px auto 0 auto
    }

    .comments__gototop_icon {
        width: 30px;
        height: 27px;
        margin-right: 10px
    }

    .comments__gototop_label {
        font-size: 34px;
        line-height: 40px
    }

    .footer__copyright_wp {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 61px
    }

    .footer__copyright {
        font-size: 18px;
        line-height: 24px
    }

    .footer__navbar {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 36px
    }

    .footer__navbar_link {
        margin: 2%;
        text-decoration: none
    }

    .footer__navbar_item {
        font-size: 14px;
        line-height: 24px
    }

}

body {
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    --wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');
    --wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');
    --wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');
    --wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');
    --wp--preset--duotone--midnight: url('#wp-duotone-midnight');
    --wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');
    --wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');
    --wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
}

.has-black-color {
    color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-color {
    color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-color {
    color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-color {
    color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-color {
    color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-color {
    color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-color {
    color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-color {
    color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-color {
    color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-color {
    color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-color {
    color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-color {
    color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-background-color {
    background-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-background-color {
    background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-background-color {
    background-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-background-color {
    background-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-background-color {
    background-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-background-color {
    background-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-background-color {
    background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-background-color {
    background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-background-color {
    background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-background-color {
    background-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-border-color {
    border-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-border-color {
    border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-border-color {
    border-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-border-color {
    border-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-border-color {
    border-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-border-color {
    border-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-border-color {
    border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-border-color {
    border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-border-color {
    border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-border-color {
    border-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
    background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}

.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
    background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}

.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}

.has-luminous-vivid-orange-to-vivid-red-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}

.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
    background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}

.has-cool-to-warm-spectrum-gradient-background {
    background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}

.has-blush-light-purple-gradient-background {
    background: var(--wp--preset--gradient--blush-light-purple) !important;
}

.has-blush-bordeaux-gradient-background {
    background: var(--wp--preset--gradient--blush-bordeaux) !important;
}

.has-luminous-dusk-gradient-background {
    background: var(--wp--preset--gradient--luminous-dusk) !important;
}

.has-pale-ocean-gradient-background {
    background: var(--wp--preset--gradient--pale-ocean) !important;
}

.has-electric-grass-gradient-background {
    background: var(--wp--preset--gradient--electric-grass) !important;
}

.has-midnight-gradient-background {
    background: var(--wp--preset--gradient--midnight) !important;
}

.has-small-font-size {
    font-size: var(--wp--preset--font-size--small) !important;
}

.has-medium-font-size {
    font-size: var(--wp--preset--font-size--medium) !important;
}

.has-large-font-size {
    font-size: var(--wp--preset--font-size--large) !important;
}

.has-x-large-font-size {
    font-size: var(--wp--preset--font-size--x-large) !important;
}

.async-hide {
    opacity: 0 !important
}

.disclaimer {
    font-size: 10px;
    text-align: center;
    padding: 10px 20px;
}