* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #4b4b4b;
    line-height: 1.3;
    position: relative
}

.ac_footer {
    position: relative;
    text-align: center;
    overflow: hidden;
    padding: 50px 0;
    color: #a12000
}

.ac_footer a {
    color: #a12000
}

.ac_footer p {
    text-align: center
}

img[height="1"],
img[width="1"] {
    display: none !important
}

.overflow {
    overflow: hidden
}

img {
    max-width: 100%;
    outline: 0;
    border: 0
}

.mobile-only {
    display: none
}

.cf {
    display: table;
    clear: both
}

ul {
    margin: 0;
    list-style-type: none
}

.wrapper {
    max-width: 970px;
    padding: 0 10px;
    margin: auto;
    position: relative
}

section,
header,
footer {
    position: relative
}

.header {
    padding-top: 55px;
    padding-bottom: 200px;
    background: #cbebf8 linear-gradient(#7bc9eb 0, #d1e9f4 50%, #fdf4d7 90%);
    z-index: 1;
    position: relative
}

.header .wrapper::after {
    content: "";
    background: url(../img/header-woman.png) no-repeat;
    position: absolute;
    right: -130px;
    bottom: -200px;
    width: 475px;
    height: 501px
}

.title {
    color: #852571;
    font-size: 37px;
    font-weight: 800;
    padding-left: 240px;
    padding-right: 180px;
    margin-bottom: 25px
}

.header p {
    font-size: 24px;
    padding-left: 240px;
    padding-right: 300px
}

.sec2 {
    padding: 90px 0 60px;
    margin-top: -160px;
    background: url(../img/sec2-wave.png) no-repeat center;
    color: #d4d1dc;
    font-size: 0;
    z-index: 2
}

.sec2__prod,
.sec2__list,
.sec2__prices {
    display: inline-block;
    width: 40%;
    vertical-align: bottom;
    font-size: 20px;
    position: relative
}

.sec2__prod {
    width: 26%
}

.sec2__prod .sale {
    position: absolute;
    bottom: 170px;
    right: -450px;
    z-index: 99
}

.sale {
    display: table;
    background: url(../img/price-bg.png) no-repeat;
    background-size: contain;
    font-size: 16px;
    color: #fff;
    width: 165px;
    height: 165px;
    font-weight: 700
}

.sale div {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.sale span {
    display: block;
    font-size: 35px
}

.sec2__prod::before {
    content: "";
    background: url(../img/productt.png) no-repeat;
    width: 324px;
    height: 526px;
    position: absolute;
    bottom: -120px;
    left: -40px;
    background-size: 300px
}

.sec2__list {
    padding-right: 15px
}

.sec2__item {
    position: relative;
    margin-bottom: 15px;
    padding-left: 45px
}

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

.sec2__item::before {
    content: "";
    background: url(../img/checked.png)no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 29px;
    height: 23px;
    background-size: 300px
}

.sec2__prices {
    width: 34%
}

.prices {
    background: #e6f8f8;
    border-radius: 60px 60px 40px 40px;
    text-align: center;
    color: #843773;
    font-size: 18px
}

.prices__container {
    padding: 22px 40px 22px 40px
}

.prices p {
    margin-bottom: 15px
}

.prices span {
    /* display: block; */
    text-transform: uppercase
}

.prices__item {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1
}

.prices__new {
    color: #f17b30
}

.prices__old {
    display: inline-block;
    position: relative
}

.prices__old::before {
    content: "";
    height: 3px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    background: #f17b30
}

.button {
    cursor: pointer;
    -ms-transition: .4s;
    transition: .4s;
    outline: 0;
    border: 0;
    font-family: 'Open Sans'
}

.button--orange {
    width: 100%;
    border-radius: 100px;
    background: #f17b30;
    text-transform: uppercase;
    font-size: 30px;
    color: #f0f0d5;
    padding: 13px 0
}

.button--orange:hover {
    background: #f25d00
}

.sec3 {
    padding-top: 360px;
    padding-bottom: 70px;
    background: #d3e6e3 linear-gradient(#fbf2ac 11%, #e6f8f8 55%);
    margin-top: -262px;
    color: #843773;
    font-size: 18px
}

.sec3__text {
    padding-right: 310px;
    position: relative;
    font-weight: 700
}

.sec3__text::before {
    content: "";
    background: url(../img/productt.png) no-repeat;
    position: absolute;
    bottom: -90px;
    right: 30px;
    width: 259px;
    height: 503px;
    background-size: 270px
}

.sec3 p {
    margin-bottom: 30px
}

.button--purple {
    background: #843773;
    color: #ffffcd;
    border-radius: 100px;
    padding: 15px 25px;
    font-size: 18px;
    font-weight: 700;
    margin-top: 20px
}

.button--purple:hover {
    background: #622255
}

.sec4 {
    background: #e6f8f8;
    padding-bottom: 200px;
    padding-top: 85px
}

.test {
    background: #fffada;
    border-radius: 50px;
    padding: 30px 60px 30px 385px;
    box-shadow: 0 28px 40px -14px rgba(0, 0, 0, 0.1)
}

.test__title {
    font-size: 27px;
    font-weight: 700;
    color: #852571;
    margin-bottom: 35px
}

.question {
    position: relative;
    min-height: 370px
}

.question::before {
    content: "";
    background: url(../img/question-woman.png) no-repeat;
    position: absolute;
    left: -395px;
    bottom: -30px;
    width: 418px;
    height: 560px;
    background-size: 300px
}

.question:not(.active) {
    display: none
}

.question__title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px
}

.question__variants li {
    margin-bottom: 30px;
    padding-left: 45px;
    position: relative;
    cursor: pointer
}

.question__variants li::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 3px solid #852571;
    position: absolute;
    top: 5px;
    left: 0
}

.question__variants li:hover::before,
.question__variants li.checked::before {
    background: #852571
}

.button--next {
    font-size: 24px;
    font-weight: 700;
    color: #ffffcd;
    padding: 10px 30px 12px 35px;
    background: #852571;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.3);
    margin-top: 25px;
    display: inline-block;
    border-radius: 100px
}

.test__final {
    position: relative;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.5
}

.test__final span {
    color: #843773
}

.test__final::before {
    content: "";
    background: url(../img/final-woman.png) no-repeat;
    position: absolute;
    left: -469px;
    bottom: -223px;
    width: 409px;
    background-size: 376px;
    height: 560px;
    background-size: 300px
}

.sec5 {
    background: url(../img/sec5_wave.png) no-repeat center;
    font-weight: 700;
    font-size: 29px;
    color: #ffffcd;
    text-align: center;
    padding: 66px 0 125px;
    margin-top: -120px;
    position: relative;
    z-index: 1
}

.sec6 {
    margin-top: -110px;
    padding-top: 140px;
    padding-bottom: 240px;
    background: #e5ebca linear-gradient(#d3e6e1, #f9f1af 70%)
}

.sec6__list {
    font-size: 0;
    text-align: center
}

.sec6__item {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    font-size: 22px;
    padding: 0 18px;
    margin-bottom: 45px
}

.sec6__item-img {
    background: #ffffcd;
    border-radius: 50%;
    width: 145px;
    height: 145px;
    display: block;
    margin: 0 auto 15px;
    position: relative
}

.sec6__item .sec6__item-img::before {
    content: "";
    background: url(../img/sec6_img1.png) no-repeat;
    position: absolute;
    width: 108px;
    height: 119px;
    left: 20px;
    top: 12px
}

.sec6__item:nth-child(2) .sec6__item-img::before {
    background-image: url(../img/sec6_img2.png);
    width: 110px;
    height: 115px;
    left: 21px;
    top: 13px
}

.sec6__item:nth-child(3) .sec6__item-img::before {
    background-image: url(../img/sec6_img3.png);
    width: 111px;
    height: 111px;
    left: 18px;
    top: 20px
}

.sec6__item:nth-child(4) .sec6__item-img::before {
    background-image: url(../img/sec6_img4.png);
    width: 121px;
    height: 119px;
    left: 13px;
    top: 10px
}

.sec6__item:nth-child(5) .sec6__item-img::before {
    background-image: url(../img/sec6_img5.png);
    width: 102px;
    height: 118px;
    left: 31px;
    top: 10px
}

.sec6__item-title {
    font-weight: 700;
    text-transform: uppercase;
    color: #843773;
    margin-bottom: 15px
}

.sec7 {
    color: #fafeac;
    background: url(../img/sec7_wave.png) no-repeat center;
    padding: 200px 0;
    position: relative;
    z-index: 2;
    font-weight: 700;
    margin-top: -340px
}

.sec7__title {
    text-align: center;
    font-size: 28px;
    margin-bottom: 70px
}

.sec7__list {
    font-size: 0;
    text-align: center
}

.sec7__item {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    font-size: 22px;
    padding: 0 20px
}

.sec7__img {
    border-radius: 50%;
    width: 153px;
    height: 153px;
    display: block;
    margin: 0 auto 35px;
    background: url(../img/sec7_img1.jpg) no-repeat
}

.sec7__item:nth-child(2) .sec7__img {
    background-image: url(../img/sec7_img2.jpg)
}

.sec7__item:nth-child(3) .sec7__img {
    background-image: url(../img/sec7_img3.jpg)
}

.sec8 {
    padding-top: 200px;
    margin-top: -270px;
    padding-bottom: 250px;
    background: #fad68c linear-gradient(#fdeba0, #f6c177 40%, #f6c177 60%, #fdeba0);
    position: relative;
    z-index: 1
}

.sec8__block {
    background: #e6f8f8;
    border-radius: 30px;
    font-size: 36px;
    color: #843773;
    text-align: center;
    padding: 35px 40px 280px 40px;
    position: relative;
    font-weight: 700;
    margin-bottom: 260px;
    box-shadow: 0 28px 40px -14px rgba(0, 0, 0, 0.1)
}

.sec8__block::after {
    content: "";
    background: url(../img/sec8_block.png) no-repeat;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 773px;
    height: 449px;
    bottom: -190px
}

.sec8__title {
    text-align: center;
    color: #843773;
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 60px
}

.sec8__list {
    font-size: 0;
    text-align: center;
    color: #000
}

.sec8__item {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    font-size: 22px;
    padding: 0 40px
}

.sec8__item-img {
    background: #e6f8f8;
    border-radius: 50%;
    width: 135px;
    height: 135px;
    display: block;
    margin: 0 auto 15px;
    position: relative
}

.sec8__item .sec8__item-img::before {
    content: "";
    background: url(../img/sec8_img1.png) no-repeat;
    position: absolute;
    width: 88px;
    height: 107px;
    left: 27px;
    top: 14px
}

.sec8__item:nth-child(2) .sec8__item-img::before {
    background-image: url(../img/sec8_img2.png);
    width: 108px;
    height: 107px;
    left: 13px;
    top: 10px
}

.sec8__item:nth-child(3) .sec8__item-img::before {
    background-image: url(../img/sec8_img3.png);
    width: 114px;
    height: 112px;
    left: 13px;
    top: 10px
}

.footer {
    font-size: 0;
    background: url(../img/footer_wave.png) no-repeat center;
    margin-top: -360px;
    position: relative;
    z-index: 2;
    padding-top: 210px
}

.footer__prod {
    display: inline-block;
    vertical-align: bottom;
    width: 33.33%;
    position: relative
}

.footer__prod::before {
    content: "";
    background: url(../img/prod.png) no-repeat;
    position: absolute;
    left: 0;
    bottom: 110px;
    width: 394px;
    height: 500px;
    background-size: 400px
}

.footer__right {
    display: inline-block;
    vertical-align: bottom;
    width: 66.66%;
    padding-left: 15px;
    padding-top: 150px
}

.prices--footer {
    background: 0;
    color: #fff;
    padding-left: 65px;
    max-width: 360px;
    text-align: left;
    margin-bottom: 20px
}

.prices--footer p {
    margin-bottom: 20px;
    font-size: 20px
}

.prices--footer .prices__old {
    color: #e6f8f8
}

.sale--footer {
    background: url(../img/footer-sale-bg.png) no-repeat;
    font-size: 24px;
    width: 235px;
    height: 235px;
    background-size: contain;
    right: 0;
    position: absolute;
    top: 60px
}

.sale--footer span {
    font-size: 50px
}

form {
    background: #e6f8f8;
    padding: 38px 77px 0 77px;
    border-radius: 40px;
    box-shadow: 0 15px 20px -6px rgba(0, 0, 0, 0.1)
}

label {
    font-size: 20px;
    font-weight: 700;
    color: #843773;
    display: inline-block;
    vertical-align: baseline;
    width: 50%;
    margin-bottom: 5px
}

.hint {
    text-align: right;
    display: inline-block;
    vertical-align: baseline;
    width: 50%;
    font-size: 18px;
    font-style: italic;
    color: #f17b30;
    margin-bottom: 5px
}

select,
input {
    display: block;
    height: 43px;
    line-height: 43px;
    background: #fff;
    width: 100%;
    margin-bottom: 25px;
    outline: 0;
    padding: 0 20px;
    border: 2px solid #843773;
    font-family: 'Open Sans', sans-serif;
    color: #843773;
    font-size: 18px;
    line-height: 1.4
}

select::-ms-expand {
    display: none
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none !important;
    background: #fff url(../img/sel.png) no-repeat 97% 50%
}

form .button {
    display: block;
    position: relative;
    bottom: -32px;
    margin: auto;
    max-width: 235px
}

.sec10 {
    margin-top: -610px;
    background: #dfddbf linear-gradient(#f0ae6f, #d9f2e1);
    min-height: 775px
}