html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
    font-family: Montserrat, sans-serif;
    font-size: .21vw
}

@media (min-width:481px) {
    html {
        font-size: 1px
    }
}

body {
    margin: 0;
    font-size: 16rem;
    color: #333
}

.container {
    max-width: 480px;
    margin-right: auto;
    margin-left: auto;
    overflow-x: hidden
}

img {
    width: 100%;
    height: auto
}

*,
:after,
:before {
    box-sizing: inherit
}

.header-top {
    background: #fbfbfb;
    padding: 20rem 5rem
}

.header-top__title {
    font-style: normal;
    font-weight: 800;
    font-size: 27rem;
    line-height: 26rem;
    text-align: center;
    text-transform: uppercase;
    margin: 0
}

.header-top__title-span {
    color: #fb7a68
}

.header-main {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    background: url(../img/header.jpg) no-repeat;
    background-size: cover;
    height: 389rem
}

.header-main:before {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: -5rem;
    left: -30rem;
    width: 103.85rem;
    height: 116.41rem;
    background: url(../img/header_leaf2.png) no-repeat;
    background-size: contain
}

.header-main:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: -25rem;
    right: -10rem;
    width: 90.28rem;
    height: 114.77rem;
    background: url(../img/header_leaf1.png) no-repeat;
    background-size: contain
}

.header-main__discount {
    position: relative;
    bottom: 30rem;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 276.61rem;
    height: 269rem
}

.header-main__discount,
.header-main__discount-span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.header-main__discount-span {
    position: absolute;
    top: -105rem;
    left: -85rem;
    font-style: normal;
    font-weight: 700;
    font-size: 26rem;
    line-height: 32rem;
    text-transform: uppercase;
    color: #fff;
    background: #fe8271;
    border-radius: 50%;
    border: 3rem solid #fff;
    width: 82rem;
    height: 82rem
}

.header-main__discount-img {
    width: 276.61rem;
    height: 269rem;
margin-top: 20px;
}

.jumbotron {
    position: relative;
    bottom: 60rem;
    padding: 80rem 24rem 20rem;
    background: url(../img/jumbotron.png) no-repeat;
    background-size: cover
}

.jumbotron-price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background-color: #fff;
    border-radius: 14px;
    box-shadow: 6rem 10rem 12rem rgba(80, 124, 98, .14);
    font-size: 24rem;
    line-height: 157%;
    padding: 20rem
}

.jumbotron-price__old {
    text-align: center
}

.jumbotron-price__old-title {
    margin: 0;
    margin-bottom: 10rem;
    font-weight: 400
}

.jumbotron-price__old-paragraph {
    font-weight: 700;
    margin: 0;
    font-size: 40rem;
    text-decoration: line-through;
    color: #bcbcbc
}

.jumbotron-price__new {
    text-align: center
}

.jumbotron-price__new-title {
    margin: 0;
    margin-bottom: 10rem;
    font-weight: 400
}

.jumbotron-price__new-paragraph {
    font-weight: 700;
    margin: 0;
    font-size: 40rem;
    color: #fc4b37
}

.jumbotron-title__title {
    margin: 20rem 0;
    font-size: 36rem;
    line-height: 44rem
}

.jumbotron-title__paragraph {
    font-size: 21rem;
    line-height: 26rem;
    margin-bottom: 23rem
}

.jumbotron-title__paragraph-span {
    color: #fb7a68;
    font-weight: 700
}

.jumbotron-list {
    list-style: none;
    font-size: 21rem;
    line-height: 25rem;
    padding-left: 110rem
}

.jumbotron-list__item {
    position: relative;
    margin-bottom: 20rem
}

.jumbotron-list__item:first-child:before {
    background-image: url(../img/jumbotron1.svg);
    background-size: 30rem 34rem;
    background-position: 50%
}

.jumbotron-list__item:first-child:before,
.jumbotron-list__item:nth-child(2):before {
    content: "";
    position: absolute;
    top: -5rem;
    left: -70rem;
    width: 59rem;
    height: 59rem;
    background-color: #65d87e;
    border-radius: 50%;
    background-repeat: no-repeat
}

.jumbotron-list__item:nth-child(2):before {
    background-image: url(../img/jumbotron2.svg);
    background-size: 39rem 37.44rem;
    background-position: 7rem
}

.jumbotron-list__item:nth-child(3):before {
    content: "";
    position: absolute;
    top: -5rem;
    left: -70rem;
    width: 59rem;
    height: 59rem;
    background-color: #65d87e;
    border-radius: 50%;
    background-image: url(../img/jumbotron3.svg);
    background-size: 27.54rem 34rem;
    background-repeat: no-repeat;
    background-position: 18rem
}

.jumbotron-button {
    margin-top: 34rem
}

.jumbotron-button,
.jumbotron-button__link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.jumbotron-button__link {
    min-width: 295rem;
    height: 67rem;
    -ms-flex-align: center;
    align-items: center;
    background: linear-gradient(255.97deg, #86d085 5.42%, #54c052 86.52%);
    box-shadow: 0 4rem 12rem hsla(0, 0%, 44%, .25);
    border-radius: 33.5rem;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    font-size: 26rem;
    line-height: 32rem;
    font-weight: 700
}

.jumbotron-description__paragraph {
    margin-top: 27rem;
    font-size: 21rem;
    line-height: 26rem
}

.jumbotron-second {
    margin-bottom: -60rem
}

.jumbotron-form {
    margin-top: 40rem;
    display: -ms-flexbox;
    display: flex;
    padding: 57rem 25rem;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
    box-shadow: 0 4rem 12rem rgba(90, 90, 90, .25);
    border-radius: 30rem;
    min-height: 570rem
}

.jumbotron-form__title {
    font-size: 26rem;
    line-height: 32rem;
    text-transform: uppercase;
    text-align: center;
    margin: 0
}

.jumbotron-form__label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 21rem;
    line-height: 26rem
}

.jumbotron-form__label input {
    margin-top: 17rem;
    background: #fff;
    border: 1rem solid #dbdbdb;
    box-sizing: border-box;
    border-radius: 35rem;
    padding: 21rem 24rem;
    font-size: 21rem;
    line-height: 26rem;
    letter-spacing: .05em;
    font-weight: 400
}

.jumbotron-form__label input::-webkit-input-placeholder {
    color: #c4c4c4
}

.jumbotron-form__label input::-moz-placeholder {
    color: #c4c4c4
}

.jumbotron-form__button {
    background: linear-gradient(253.77deg, #86d085 5.42%, #54c052 86.52%);
    box-shadow: 0 4rem 12rem hsla(0, 0%, 44%, .25);
    border-radius: 33.5rem;
    font-size: 26rem;
    line-height: 32rem;
    color: #fff;
    border: none;
    min-height: 70rem;
    cursor: pointer;
    font-weight: 700;
    font-family: Montserrat, sans-serif
}

.description {
    margin-top: -60rem;
    padding: 30rem 24rem;
    background-color: #e5e5e5;
    background: url(../img/description-back.png) no-repeat;
    background-position: 50%
}

.description-description__paragraph {
    margin: 0 0 30rem;
    font-size: 21rem;
    line-height: 25rem;
    font-weight: 400
}

.description-list {
    list-style: none;
    padding: 0
}

.description-list__item {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30rem
}

.description-list__item:last-child {
    margin-bottom: 0
}

.description-list__item img {
    min-width: 177rem;
    min-height: 141rem
}

.description-list__item-paragraph {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding-left: 60rem;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    right: 75rem;
    min-width: 326rem;
    min-height: 109rem;
    background: #fff;
    box-shadow: 0 4rem 12rem rgba(92, 87, 87, .25);
    border-radius: 10rem;
    font-size: 21rem;
    line-height: 25rem
}

.description-list__item-paragraph:before {
    content: "";
    position: absolute;
    left: 11rem;
    top: 34rem;
    width: 39rem;
    height: 39rem;
    background: url(../img/checked.png) no-repeat;
    background-size: cover
}

.about {
    background-color: #f9fff6;
    padding: 24rem
}

.about-title {
    margin: 0;
    margin-bottom: 35rem;
    text-transform: uppercase;
    font-size: 26rem;
    line-height: 31rem
}

.about-title__span {
    color: #fb7a68
}

.about-image__first {
    margin: auto;
   
}

.about-text__paragraph {
    font-size: 21rem;
    line-height: 25rem
}

.about-image__second {
    margin: auto;
   
    height: 370rem
}

.about-description {
    position: relative;
    padding: 5rem;
    bottom: 5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: auto;
    width: 330rem;
    height: 120rem;
    background: #fff;
    box-shadow: 0 4rem 12rem rgba(92, 87, 87, .25);
    border-radius: 10rem
}

.about-description__paragraph {
    text-align: center;
    margin: 0;
    padding-bottom: 10rem;
    font-weight: 700;
    font-size: 21rem;
    line-height: 25rem
}

.about-description__paragraph-span {
    font-size: 36rem;
    line-height: 57rem;
    color: #fc4b37
}

.answers {
    padding: 27rem 24rem 46rem
}

.answers-title {
    margin: 0;
    font-size: 26rem;
    line-height: 31rem;
    text-transform: uppercase
}

.answers-title-paragraph {
    font-size: 21rem;
    line-height: 25rem
}

.answers-title-paragraph__span {
    color: #fb7a68
}

.answers-image-first {
    position: relative
}

.answers-image-first__text-first {
    top: 220rem;
    right: 60rem
}

.answers-image-first__text-first,
.answers-image-first__text-second {
    position: absolute;
    width: 143rem;
    height: 51rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 21rem;
    line-height: 25rem;
    font-weight: 700;
    background: #fff;
    box-shadow: 0 4rem 12rem hsla(0, 2%, 44%, .25);
    border-radius: 10rem
}

.answers-image-first__text-second {
    top: 286rem;
    left: 0
}

.answers-image-first__text-third {
    position: absolute;
    top: 351rem;
    right: 80rem;
    width: 143rem;
    height: 51rem;
    -ms-flex-align: center;
    align-items: center;
    font-size: 21rem;
    line-height: 25rem;
    font-weight: 700;
    background: #fff;
    box-shadow: 0 4rem 12rem hsla(0, 2%, 44%, .25);
    border-radius: 10rem
}

.answers-button,
.answers-image-first__text-third {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.answers-button {
    position: relative;
    bottom: 5rem;
    margin-bottom: 48rem
}

.answers-button__link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 292rem;
    height: 67rem;
    font-weight: 700;
    font-size: 26rem;
    line-height: 32rem;
    text-decoration: none;
    color: #fff;
    background: linear-gradient(257.49deg, #fe8271 5.42%, #fb7a68 86.52%);
    box-shadow: 0 4rem 12rem hsla(0, 0%, 44%, .25);
    border-radius: 33.5rem
}

.answers-block__image {
    max-height: 499rem;
    position: relative
}

.answers-block__image-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 3rem;
    margin: 0;
    width: 100%;
    height: 48rem;
    font-size: 21rem;
    line-height: 25rem;
    text-align: center;
    background: hsla(0, 0%, 95%, .83)
}

.answers-block__image-text__span {
    margin-left: 6rem;
    color: #fb7a68
}

.answers-block__paragraph {
    font-size: 21rem;
    line-height: 25rem
}

.answers-block:last-child .answers-block__paragraph {
    margin-bottom: 0
}

.discount {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 230rem;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: linear-gradient(171.61deg, #ff9861 7.45%, #fa8550 88.24%)
}

.discount:before {
    bottom: -35rem;
    left: 0;
    transform: rotate(-15deg)
}

.discount:after,
.discount:before {
    content: "";
    position: absolute;
    width: 95rem;
    height: 146rem;
    background: url(../img/discount-product.png) no-repeat;
    background-size: contain
}

.discount:after {
    top: -25rem;
    right: -35rem;
    transform: rotate(21.58deg)
}

.discount-title {
    font-size: 26rem;
    line-height: 32rem;
    color: #fff
}

.discount-title:before {
    top: -110rem;
    left: 0;
    background: url(../img/discount-leaf.png) no-repeat;
    background-size: contain
}

.discount-title:after,
.discount-title:before {
    content: "";
    position: absolute;
    width: 98rem;
    height: 231rem
}

.discount-title:after {
    bottom: -20rem;
    right: 0;
    background: url(../img/discount-leaf2.png) no-repeat;
    background-size: contain
}

.discount-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    text-decoration: none;
    box-shadow: 0 4rem 12rem hsla(0, 0%, 44%, .25);
    border-radius: 33.5rem;
    min-width: 262rem;
    height: 67rem;
    font-size: 26rem;
    line-height: 32rem;
    color: #2f2f2f;
    font-weight: 700
}

.chemical {
    padding: 84rem 24rem 51rem
}

.chemical-title {
    margin: 0 0 66rem;
    font-size: 26rem;
    line-height: 31rem;
    text-transform: uppercase
}

.chemical-list {
    list-style: none;
    padding: 0
}

.chemical-list__item {
    position: relative;
    padding: 40rem;
    background: #fefefe;
    box-shadow: 0 4rem 12rem hsla(0, 0%, 76%, .25);
    border-radius: 20rem;
    margin-bottom: 63rem
}

.chemical-list__item-title {
    font-size: 26rem;
    line-height: 31rem;
    margin: 0 0 10rem
}

.chemical-list__item-paragraph {
    font-size: 21rem;
    line-height: 25rem;
    margin: 0
}

.chemical-list__item:first-child .chemical-list__item-img {
    position: absolute;
    top: -35rem;
    right: 30rem;
    width: 102rem;
}

.chemical-list__item:nth-child(2) .chemical-list__item-img {
    position: absolute;
    top: -25rem;
    right: 13rem;
    width: 102rem;
}

.chemical-list__item:nth-child(3) .chemical-list__item-img {
    position: absolute;
    top: -35rem;
    right: 0;
    width: 102rem;
    transform: rotate(-5deg)
}

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

.safety {
    padding: 41rem 24rem 15rem;
    background: #f9fff6
}

.safety-title {
    margin: 0 0 15rem;
    font-size: 26rem;
    line-height: 31rem;
    text-transform: uppercase
}

.safety-paragraph {
    margin: 0;
    width: 236rem;
    font-size: 21rem;
    line-height: 26rem;
    margin-bottom: -10rem
}

.safety-paragraph__span {
    color: #fb7a68;
    font-weight: 700
}

.safety-image {
    width: 365rem;
    margin: auto
}

.expert {
    padding: 21rem 0
}

.expert-title {
    padding: 0 21rem;
    margin: 0 0 23rem;
    font-size: 26rem;
    line-height: 31rem
}

.expert-image {
    height: 361rem;
    background: url(../img/expert-1.jpg) no-repeat;
    background-size: contain
}

.expert-image__title {
    position: relative;
    top: 43rem;
    left: 58rem;
    margin: 0;
    padding: 20rem 5rem 20rem 15rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 21rem;
    line-height: 26rem;
    font-weight: 400;
    width: 275rem;
    height: 122rem;
    background: hsla(0, 0%, 99%, .92);
    box-shadow: 0 4rem 12rem hsla(0, 0%, 73%, .25);
    border-radius: 10rem
}

.expert-image__title:before {
    content: "";
    position: absolute;
    width: 76rem;
    height: 55rem;
    left: 17rem;
    top: -38rem;
    background: url(../img/expert-comment.svg) no-repeat;
    background-size: cover
}

.expert-text {
    padding: 0 26rem
}

.expert-text__paragraph {
    font-size: 21rem;
    line-height: 26rem
}

.expert-text__paragraph-span {
    color: #fb7a68;
    font-weight: 700
}

.expert-name {
    padding: 0 26rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.expert-name__img {
    width: 107rem;
    height: 59rem
}

.expert-name__text {
    margin: 0;
    text-align: right;
    font-size: 21rem;
    line-height: 26rem;
    font-style: italic
}

.instruction {
    padding: 50rem 24rem;
    background-color: #f9fff6;
    background-image: url(../img/instruction.png);
    background-repeat: no-repeat;
    background-position: 253rem 0;
    background-size: contain
}

.instruction-title {
    margin: 0 0 30rem;
    text-transform: uppercase;
    font-size: 21rem;
    line-height: 26rem
}

.instruction-paragraph {
    width: 317rem;
    font-size: 21rem;
    line-height: 26rem;
    margin: 0
}

.attention {
    position: relative;
    padding: 40rem 24rem;
    background: linear-gradient(169.33deg, #ff9861 7.45%, #fa8550 88.24%);
    color: #fff
}

.attention-title-first {
    margin: 0 0 15rem;
    text-align: center;
    font-size: 26rem;
    line-height: 32rem
}

.attention-title-second {
    margin: 0 0 20rem;
    font-weight: 700
}

.attention-paragraph,
.attention-title-second {
    text-align: center;
    font-size: 21rem;
    line-height: 26rem
}

.attention-paragraph {
    margin: 0
}

.attention:before {
    top: -115rem;
    left: 0;
    background: url(../img/attention1.png) no-repeat;
    background-size: contain
}

.attention:after,
.attention:before {
    content: "";
    position: absolute;
    width: 102rem;
    height: 239rem
}

.attention:after {
    top: 5rem;
    right: 0;
    background: url(../img/attention2.png) no-repeat;
    background-size: contain
}

.review {
    padding: 24rem 26rem
}

.review-title {
    font-size: 26rem;
    line-height: 32rem
}

.review-title__span {
    color: #fb7a68
}

.review-paragraph {
    font-size: 21rem;
    line-height: 26rem;
    padding-left: 7rem
}

.review-comments__block-author {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    max-height: 32rem;
    margin-bottom: 20rem
}

.review-comments__block-author img {
    width: 16.76rem;
    height: 20.97rem;
    margin-right: 5rem
}

.review-comments__block-author__name {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.review-comments__block-author__name img {
    width: 32rem;
    height: 32rem;
    margin-right: 7rem
}

.review-comments__block-comment__icons {
    display: -ms-flexbox;
    display: flex;
    margin-top: 16rem
}

.review-comments__block-comment__icons img {
    width: 20rem;
    height: 20rem;
    margin-right: 7rem
}

.review-comments__block-comment__likes {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.review-comments__block-comment__likes img {
    width: 45rem;
    height: 17rem;
    margin-right: 7rem
}

.review-comments__block-comment__likes p {
    margin-top: 16rem
}

.review-comments__block-comment__paragraph {
    font-size: 16rem;
    line-height: 20rem;
    letter-spacing: .04em;
    margin-top: 0
}

.review-comments__block-comment__comment {
    display: -ms-flexbox;
    display: flex
}

.review-comments__block-comment__comment img {
    position: relative;
    top: 2rem;
    width: 14rem;
    height: 14.09rem;
    margin: 0 4rem
}

.review-comments__block-comment__hashtags a {
    font-size: 16rem;
    line-height: 20rem;
    text-decoration: none;
    color: #3a5b78
}

.review-comments__block-comment__date {
    font-size: 13rem;
    line-height: 16rem;
    letter-spacing: .04em;
    color: #c4c4c4
}

.question {
    padding: 40rem 24rem 0
}

.question-title {
    margin: 0 0 30rem;
    font-size: 26rem;
    line-height: 32rem
}

.question-list {
    list-style: none;
    padding-left: 90rem;
    font-size: 21rem;
    line-height: 26rem
}

.question-list__item {
    position: relative;
    margin-bottom: 40rem
}

.question-list__item:before {
    content: "";
    position: absolute;
    left: -88rem;
    top: -13rem;
    width: 73rem;
    height: 73rem;
    background-color: #54c052;
    border-radius: 50%
}

.question-list__item:first-child:before {
    background-image: url(../img/question1.svg);
    background-repeat: no-repeat;
    background-size: 38rem 40rem;
    background-position: 50%
}

.question-list__item:nth-child(2):before {
    background-image: url(../img/question2.svg);
    background-repeat: no-repeat;
    background-size: 37rem 36rem;
    background-position: 50%
}

.question-list__item:nth-child(3):before {
    background-image: url(../img/question3.svg);
    background-repeat: no-repeat;
    background-size: 41rem 42rem;
    background-position: 50%
}

.question-list__item:nth-child(4):before {
    background-image: url(../img/question4.svg);
    background-repeat: no-repeat;
    background-size: 41rem 40rem;
    background-position: 50%
}

.slick-dots li button {
    outline: none;
}

.review-comments__block {
    outline: none;
}

footer {
    padding: 30px 0;
    text-align: center;
    font-size: 14px;
}
footer a {
    display: block;
    margin: 15px 0;
    text-decoration: none;
    color:#333;
}
footer img {
   width: auto;
}
footer p {
    padding: 0;
    margin: 0;
}