@font-face {
    font-family: 'Inria Serif Bold';
    src: local('../fonts/Inria Serif Bold'), local('../fonts/InriaSerif-Bold'), url('../fonts/Inriaserifbold.woff2') format('woff2'), url('../fonts/Inriaserifbold.woff') format('woff'), url('../fonts/Inriaserifbold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy Medium';
    src: url('../fonts/Gilroy-Medium.eot');
    src: local('../fonts/Gilroy Medium'), local('Gilroy-Medium'),
        url('../fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Medium.woff') format('woff'),
        url('../fonts/Gilroy-Medium.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy Regular';
    src: url('../fonts/Gilroy-Regular.eot');
    src: local('../fonts/Gilroy Regular'), local('Gilroy-Regular'),
        url('../fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Regular.woff') format('woff'),
        url('../fonts/Gilroy-Regular.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: 'Gilroy Bold';
    src: url('../fonts/Gilroy-Bold.eot');
    src: local('../fonts/Gilroy Bold'), local('Gilroy-Bold'),
        url('../fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Bold.woff') format('woff'),
        url('../fonts/Gilroy-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'ABeeZee';
    src: local('../fonts/ABeeZee'), local('ABeeZee-Regular'), url('../fonts/abeezee.woff2') format('woff2'), url('../fonts/abeezee.woff') format('woff'), url('../fonts/abeezee.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

.wrapper {
    overflow: hidden;
}

.intro {
    background: url(../img/bg.png) no-repeat -500px -160px;
    color: #000;
}

.flex_intro {
    display: flex;
    flex-wrap: wrap;
}

.language {
    font-family: 'Inria Serif Bold';
    font-size: 24px;
}

.container {
    width: 1440px;
    margin: auto;
}

.row {
    margin: auto -15px;
}

.intro .container {
    width: 100%;
    max-width: 1234px;
    padding: 33px 116px 165px 89px;
}

.title_logo {
    font-family: 'Inria Serif Bold';
    font-size: 40px;
    line-height: 47.96px;
    text-align: center;
    text-transform: uppercase;
    margin: 0px auto 70px;
}

.left_product {
    display: block;
    margin: auto;
}

.img_product {
    width: 100%;
    max-width: 462px;
}

.title_intro {
    font-family: 'Gilroy Bold';
    font-size: 40px;
    line-height: 49.52px;
}

.text_intro {
    font-family: 'Gilroy Medium';
    font-size: 16px;
    line-height: 18.75px;
}

.info_intro {
    width: 100%;
    max-width: 470px;
    display: block;
    margin: 0px auto;
}

.order {
    background: linear-gradient(90deg, #F9F5CF 0%, #E8D2A5 100%);
    width: 100%;
    max-width: 470px;
    position: relative;
    padding: 9px 10px;
    border-radius: 20px;
    margin: 97px auto 0px;
}

.order_border {
    background-color: #fff;
    padding: 1px;
    border-radius: 20px;
}

.title_form .title {
    padding-top: 10px;
    text-align: center;
    text-transform: uppercase;
}

.input_form {
    width: 100%;
    max-width: 370px;
    height: 50px;
    padding: 0px 10px;
    display: block;
    margin: 20px auto;
    border-radius: 6px;
    background-color: #C9D2EA1A;
    border: none;
}

.btn_form {
    background: linear-gradient(90deg, #F9ECCF 0%, #E8D2A5 100%);
    border-radius: 3px;
    width: 100%;
    max-width: 230px;
    height: 50px;
    display: block;
    margin: 35px auto 12px auto;
    border: none;
}

.after_form {
    display: block;
    font-family: 'ABeeZee';
    font-size: 15px;
    text-align: center;
    line-height: 14px;
    color: #7E83AE;
    margin-bottom: 26px;
}

.description {
    background: url(../img/description.png) no-repeat center;
    background-size: cover;
    color: #000;
}

.description .container {
    width: 100%;
    max-width: 1234px;
    padding: 73px 72px;
}

.description .block_description {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.description .text_description {
    margin-left: 24px;
}

.description .text_description {
    margin-right: 24px;
}

.description .text_block,
.description .img_block {
    width: 49%;
}

.description .img_block {
    width: 100%;
    max-width: 526px;
}


.description .text_block {
    font-family: 'Gilroy Medium';
    font-size: 26px;
    line-height: 31px;
}

.advantages {
    background: url(../img/advantages.png) no-repeat center;
    background-size: cover;
    color: #000;
}

.advantages .container {
    width: 100%;
    max-width: 1234px;
    padding: 37px 71px;
}

.title_advantages {
    font-family: 'Gilroy Medium';
    font-size: 40px;
    line-height: 48px;
    margin: 37px auto 0px;
    text-align: center;
}

.advantages .block-1 {
    width: 100%;
    max-width: 1296px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    /* background: url(../img/product_small.png) no-repeat center;
    background-size: 300px; */
}

.advantages .advantages_block {
    width: 100%;
    max-width: 588px;
    height: 100px;
    border-radius: 67px;
    background-color: #fff;
    border: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 40px auto;
    text-align: center;
}

.advantages .advantages_block_full {
    width: 100%;
    max-width: 636px;
    height: 70px;
    border: 1px solid;
    border-radius: 73px;
    background-color: #fff;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0px auto;
}

.advantages .advantages_text {
    font-family: 'Gilroy Medium';
    font-size: 24px;
    line-height: 28px;
    display: block;
    margin: 0px auto;
    padding: 20px 50px;
}

.advantages .advantages_text_full {
    font-family: 'Inria Serif';
    font-size: 13px;
    line-height: 16px;
    display: block;
    margin: 0px auto;
}

.product_advantages {
    position: absolute;
    width: 100%;
    max-width: 1122px;
    display: flex;
    flex-wrap:wrap;
    align-items: center;
    height: 100%;
    max-height:500px;
}

.product_advantages .img_advantages {
    display: block;
    margin: 0px auto;
    width: 100%;
    max-width: 400px;
    display: flex;
    flex-wrap:wrap;
    align-items: center;
}

.application {
    /* background: url('../img/bg.png') no-repeat center; */
    background-size: cover;
    background-color: #D2C7B1;
    color: #000;
}

.application .container {
    width: 100%;
    padding: 26px 0px;
}

.title_application {
    font-family: 'Gilroy Medium';
    font-size: 40px;
    line-height: 48px;
    text-align: center;
}

.application .block-1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    max-width: 1296px;

}

.application .application_block {
    width: 100%;
    max-width: 416px;
    border-radius: 20px;
    background: url('../img/application.png') no-repeat center;
    display: block;
    height: 312px;
    padding: 0px 16px;
}

.application_logo {
    display: block;
    padding: 70px 0px 0px;
    margin: 0px auto;
}

.application_text {
    display: block;
    font-family: 'Gilroy Regular';
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    font-weight: 400;
    margin: 9px 25px 0px;
}


.ingredients {
    background: url(../img/bg.png) no-repeat bottom;
    background-size: cover;
    background-color: #D2C7B1;
    color: #000;
}

.ingredients .container {
    width: 100%;
    padding: 26px 0px;
}

.title_ingredients {
    font-family: 'Inria Serif Bold';
    font-size: 40px;
    line-height: 40px;
    text-align: center;
}

.ingredients .block-1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 92px;
}

.ingredients_block {
    width: 100%;
    max-width: 745px;
    height: auto;
    border: 1px solid;

}

.ingredients_lists {
    padding: 45px 0px 91px 24px;
}

.ingredients_list {
    display: flex;
    flex-wrap: wrap;
    margin: 45px auto 0px;
    font-family: 'Inria Serif';
    font-size: 24px;
    line-height: 29px;
}

.ingredients_list::before {
    content: "";
    display: inline-block;
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    margin: 0px 30px 0px 0px;
}

.ingredients_lists_second {
    padding: 83px 0px 91px 24px;
}

.how_work {
    background: url(../img/bg.png) no-repeat 25% 75%;
    background-color: #D2C7B1;
    color: #000;
}

.title_how_work {
    text-align: center;
    font-family: 'Gilroy Regular';
    font-size: 40px;
    line-height: 40px;
}

.how_work .container {
    width: 100%;
    padding: 26px 0px;
}

.how_work .block-1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.how_work_block {
    font-family: 'Gilroy Regular';
    width: 614px;
    display: block;
    margin: 97px auto;
}

.how_work_img {
    width: 100%;
    max-width: 390px;
}


.consultation {
    background: url(../img/bg.png) no-repeat 25% 75%;
    background-color: #D2C7B1;
    color: #000;
}

.consultation .container {
    width: 100%;
    padding: 26px 110px;
}


.consultation .block-1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


.consultation_block {
    width: 100%;
    max-width: 366px;
    text-align: center;
}

.consultation .title_consultation {
    font-family: 'Inria Serif';
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    text-align: center;
    margin-top: 10px;

}

.consultation .text_consultation {
    font-family: 'Gilroy Regular';
    font-size: 20px;
    line-height: 24px;
    text-align: center;

}

.consultation_block_title {
    width: 100%;
    height: 77px;
    margin-bottom: 37px;
}

.survey {
    background: url(../img/bg.png) no-repeat 25% 75%;
    background-color: #D2C7B1;
    color: #000;
}

.survey .container {
    width: 100%;
    padding: 36px 180px;
}

.title_survey {
    font-family: 'Gilroy Regular';
    font-size: 40px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 18px;
}

.survey_block {
    position: relative;
    width: 100%;
    max-width: 955px;
    height: 100px;
    border: 1px solid;
    background-color: #FFFFFF8F;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 60px;
}

.text_survey {
    font-family: 'Gilroy Regular';
    font-size: 36px;
    line-height: 43px;
}

.img_survey {
    position: absolute;
    right: 44px;
}

#step {
    display: none;
}

#survey_info_two,
#survey_info_three,
#survey_info_end {
    display: none;
}

.survey_block_step1 {
    display: block;
    height: auto;
    padding: 20px;
    background: none;
    border: none;
}

.survey_block_step2 {
    display: none;
    height: auto;
    padding: 20px;
    background: none;
    border: none;
}

.survey_block_step3 {
    display: none;
    height: auto;
    padding: 20px;
    background: none;
    border: none;
}

.survey_block_step-end {
    display: none;
    height: auto;
    padding: 20px;
    background: none;
    border: none;
}

.survey_block_step-end .survey_step {
    margin: 0px auto;
    font-size: 26px;
}

.survey_block_step-end .survey_step:after {
    display: none;
}

.survey_step {
    width: 100%;
    max-width: 537px;
    height: auto;
    background-color: #AEAEAE80;
    border: 1px solid;
    margin: 20px 0px;
    font-family: 'Gilroy Regular';
    font-size: 36px;
    line-height: 36px;
    padding: 18px 40px 19px 46px;
    position: relative;
}

.survey_step:after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    border: 1px solid;
    right: 10px;
    top: 35%;
}

#survey_info_one {
    display: flex;
}

#survey_info_one,
#survey_info_two,
#survey_info_three,
#survey_info_end {
    flex-wrap: wrap;
    align-items: center;
}

.survey_step:hover::after {

    background-color: #009C19;
    ;
}

/* ABOUT */
.about {
    background: url(../img/about.png) no-repeat center;
    color: #000;
    background-size: cover;
}

.about .container {
    width: 100%;
    padding: 73px 95px;
}


.about .block-1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.title_about {
    font-family: 'Gilroy Regular';
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 64px;

}

.about_block {
    display: block;
    width: 100%;
    max-width: 597px;
    height: auto;
    border: 1.5px solid;
    padding: 73px 103px 74px 103px;
}

.text_about {
    font-family: 'Gilroy Regular';
    font-size: 24px;
    font-weight: 400;
    line-height: 33px;
    display: block;
    text-align: center;

}


/* FOOTER */
.footer {
    background-color: #86795F;

    color: #fff;
}

.footer .container {
    width: 100%;
    padding: 60px 71px 130px 72px;
}

.title_footer {
    font-family: 'Inria Serif';
    font-size: 40px;
    line-height: 48px;
    text-transform: uppercase;
}

.text_footer {
    font-family: 'Gilroy Regular';
    font-size: 24px;
    line-height: 24px;
}

.footer_social {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer_block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.info_footer {
    width: 100%;
    max-width: 348px;
}

.subscribe {
    padding-left: 110px;
}

.subscribe .text_footer {
    font-size: 20px;
    line-height: 20px;
}

.btn_subscribe {
    display: block;
    text-align: center;
    width: 100%;
    border-radius: 61px;
    max-width: 197px;
    height: 46px;
    font-size: 16px;
    background-color: #000;
    border: 3px solid #fff;
    color: #fff;
    margin-top: 14px;
}

.link_footer {
    color: #fff;
    text-decoration: none;
}

.link_footer:hover {
    color: #fff;
}

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

    .about .order {
        margin: auto;
    }
}

@media screen and (max-width: 1024px) {
    .application_block {
        display: block;
        margin: 0px auto;
    }
    .product_advantages .img_advantages {
        max-width: 200px;
    }
    .application_text {
        font-size: 18px;
    }

    .description .block_description {
        display: grid;
        text-align: center;
        padding: 20px 0px;
    }

    .description .block-1 {
        order: 1;
        margin: 0px auto;
    }

    .description .block-2 {
        order: 0;
        margin: 0px auto;
    }

    .ingredients_list {
        font-size: 20px;
    }

    .ingredients_block {
        max-width: 545px;
    }

    .consultation .title_consultation {
        font-size: 24px;
    }

    .consultation .text_consultation {
        font-size: 18px;
    }

    .text_survey {
        font-size: 24px;
    }

    .about .block-1 {
        display: block;
    }

    .title_about {
        text-align: center;
    }

    .survey_block_step-end .survey_step {
        font-size: 16px;
        line-height: normal;
    }
}


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

    .application .block-1,
    .ingredients .block-1,
    .how_work .block-1,
    .about .block-1 {
        display: block;
    }
    .product_advantages {
        position: relative;
        height: auto;
    }

    .application .application_block,
    .ingredients .ingredients_block,
    .how_work .how_work_block {
        margin: 30px auto;
    }

    .consultation .block-1 {
        display: block;
    }

    .consultation_block {
        margin: 0px auto;
    }

    .how_work_img {
        margin: 0px auto;
        display: block;
    }

    .survey .container {
        padding: 36px 60px;
    }

    .survey_block {
        padding-left: 20px;
    }

    .text_survey,
    .survey_step {
        font-size: 18px;
    }

}


@media screen and (max-width: 500px) {
    .intro .container {
        padding: 33px 20px;
    }

    .description .container {
        padding: 73px 20px;
    }

    .description .text_block {
        font-size: 18px;
    }

    .advantages .container {
        padding: 30px 20px;
    }

    .title_advantages {
        font-size: 30px;
    }

    .advantages .advantages_text {
        font-size: 15px;
        line-height: 1.5;
    }

    .ingredients .container {
        padding: 26px 20px;
    }

    .ingredients_lists {
        padding: 20px 0px 0px 10px;
    }

    .ingredients_list::before {
        margin: 0px 5px 0px 0px;
        border-radius: 20px;
        width: 20px;
        height: 20px;
    }

    .ingredients_list {
        font-size: 15px;
        line-height: 26px;
    }

    .title_how_work {
        font-size: 25px;
    }

    .consultation .container {
        padding: 26px 20px;
    }

    .application .container {
        padding: 26px 20px;
    }

    .application_text {
        font-size: 18px;
    }

    .survey .container {
        padding: 36px 20px;
    }

    .survey_block {
        padding-left: 20px;
    }

    .text_survey {
        font-size: 18px;
        line-height: 20px;
    }

    .img_survey {
        right: 20px;
    }

    .how_work .container {
        padding: 26px 20px;
    }

    .about .container {
        padding: 73px 20px;
    }

    .about_block {
        padding: 10px;
    }

    .text_about {
        font-size: 18px;
    }

    .footer .block-1 {
        line-height: 2;
    }

    .footer .container {
        padding: 60px 20px;
    }

    .subscribe {
        padding: 0px;
    }
}