@charset "UTF-8";
* {
    padding: 0;
    margin: 0;
    font-family: "Open Sans", Arail, sans-serif;
}

body {
    background-color: #FCFCFE;
}


.top100-header {
    height: 80px;
    max-width: 1274px;
    margin: 0 auto;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
}

.top100-header-logo-and-text {
    display: flex;
}

.top100__header-text {
    padding: 10px 0 0 0;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 110%;
    color: #FD8C25;
}

.top100__header-logo {
    display: block;
    width: 92px;
    height: 35px;
    margin: 0 29px 0 0;
}

.top100__header-logo-last {
    margin: 0 59px 0 0;
}


.top100__headline {
    font-style: normal;
    font-weight: 600;
    font-size: 80px;
    line-height: 100%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: #303745;
}

.top100__screen-1 {
    background: url(/assets/9171ac05/css/../image/picture-house.svg) no-repeat right bottom;
    min-height: 650px;
    margin: 100px auto 70px auto;
    max-width: 1400px;
}

.top100__screen-1-headline {
    max-width: 978px;
    margin: 0 auto 0 auto;
}

.top100__date-and-about {
    display: flex;
    margin: 80px 0 0 0;
}

.top100__date {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #FD8C25;
    margin: 0 112px 0 0;
}

.top100__about {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 150%;
    color: #303745;
    max-width: 355px;
    padding: 0 0 0 40px;
}

.top100__screen-2 {
    background-color: #FD8C25;
    width: 100%;
}

.top100__screen-2-wrapper {
    max-width: 1057px;
    margin: 0 auto 0 auto;
    padding: 0 0 150px 39px;
}

.top100__screen-2-headline {
    font-style: normal;
    font-weight: 600;
    font-size: 60px;
    line-height: 100%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 156px 0 50px 0;
}

.top100__screen-2-about {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: center;
}

.top100__screen-2-about-item-1 {
    width: 347px;
    flex-shrink: 0;
}

.top100__screen-2-about-item-2 {
    width: 328px;
    flex-shrink: 0;
}

.top100__screen-2-about-item-3 {
    width: 286px;
    flex-shrink: 0;
}

.top100__screen-2-about-headline {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0 0 20px 0;
    max-width: 290px;
}

.top100__screen-2-about-text {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
    color: #FFFFFF;
    max-width: 290px;
}

.top100__screen-3 {
    background: url(/assets/9171ac05/css/../image/picture-man.svg) no-repeat right bottom;
    max-width: 1064px;
    margin: 0 auto 0 auto;
    padding: 170px 0 0 78px;
}

.top100__screen-3-headline {
    font-style: normal;
    font-weight: 600;
    font-size: 60px;
    line-height: 100%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: #303745;
}

.top100__pro {
    margin: 70px 0 45px 0;
}

.top100__pro-item {
    background: url(/assets/9171ac05/css/../image/checkbox.svg) no-repeat left 2px;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
    color: #FD8C25;
    padding: 0 0 10px 28px;
}

.top100__pro-main {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 150%;
    text-transform: uppercase;
    color: #303745;
    max-width: 350px;
    padding: 0 0 200px 0;
}

.top100__screen-4 {
    max-width: 1020px;
    margin: 0 auto 0 auto;
    padding: 230px 76px 0 0;
}

.top100__screen-4-headline {
    font-style: normal;
    font-weight: 600;
    font-size: 60px;
    line-height: 100%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: #303745;
    padding: 0 0 60px 15px;
}

.top100__screen-4-stage {
    border-top: 1px solid #e2e3e6;
    display: flex;
    padding: 20px 0 60px 0;
}

.top100__screen-4-stage-last {
    border-bottom: 1px solid #e2e3e6;
}

.top100__screen-4-stage-name {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    text-transform: uppercase;
    color: #FD8C25;
    padding: 0 120px 0 20px;
    width: 265px;
    flex-shrink: 0;
}

.top100__screen-4-stage-about {

}

.top100__screen-4-stage-about-headline {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 140%;
    text-transform: uppercase;
    color: #303745;
    margin-bottom: 18px;
}

.top100__screen-4-stage-about-text {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
    color: #303745;
    max-width: 390px;
}

.top100__screen-5-headline {
    font-style: normal;
    font-weight: 600;
    font-size: 60px;
    line-height: 100%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: #303745;
    padding: 170px 0 0 15px;
}

.top100__screen-5 {
    background: url(/assets/9171ac05/css/../image/picture-woman.svg) no-repeat right bottom;
}

.top100__screen-5-about {
    padding-bottom: 245px;
}

.top100__screen-5-about-text {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
    color: #303745;
    padding: 100px 0 10px 20px;
    max-width: 290px;
}

.top100__screen-6 {
    background-color: #FD8C25;
    width: 100%;
    margin-top: 90px;
}

.top100__screen-6-wrapper {
    max-width: 1057px;
    margin: 0 auto 0 auto;
    padding: 0 0 150px 39px;
}

.top100__screen-6-headline {
    font-style: normal;
    font-weight: 600;
    font-size: 60px;
    line-height: 100%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 150px 0 60px 0;
}

.top100__screen-6-price {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-end;
    align-content: center;
    margin-bottom: 25px;
}

.top100__screen-6-price-date {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
    color: #FFFFFF;
    width: 280px;
}

.top100__screen-6-price-separator {
    border-bottom: 1px dashed #FFFFFF;
    width: 180px;
    margin: 0 12px 6px 0;
}

.top100__screen-6-price-cost {
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 120%;
    text-transform: uppercase;
    color: #FFFFFF;
}

.top100__screen-6-price-unit {
    font-weight: 400;
}

.top100__screen-7 {
    max-width: 1162px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 91px;
}

.top100__screen-7-headline {
    font-style: normal;
    font-weight: 600;
    font-size: 60px;
    line-height: 100%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: #303745;
    padding: 150px 0 60px 0;
}

.top100__screen-7-news {
    margin: 0 auto 20px auto;
    border-top: 1px solid #e2e3e6;
    padding: 27px 0 7px 0;
}

.top100__screen-7-news-header {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 140%;
    text-transform: uppercase;
    color: #303745;
    margin-bottom: 13px;
}

.top100__screen-7-news-text {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
    color: #303745;
    max-width: 390px;
    text-decoration: none;
}

.top100__screen-8 {
    max-width: 1020px;
    margin: 0 auto 0 auto;
    padding: 0;
}

.top100__screen-8-headline {
    font-style: normal;
    font-weight: 600;
    font-size: 60px;
    line-height: 100%;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    padding: 150px 0 60px 0;
}

.top100__partner-all {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
}

.top100__partner {
    width: 300px;
    margin: 0 0 21px 0;
}

.top100__partner-href {
    display: block;
    text-decoration: none;
}

.top100__partner-name {
    font: 600 15px "Open Sans", Arail, sans-serif;
    color: #303745;
    text-transform: uppercase;
    margin: 10px 10px 5px 10px;
}

.top100__partner-type {
    font: 300 12px "Open Sans", Arail, sans-serif;
    color: #999999;
    margin: 0 10px 0 10px;
}

.top100-footer {
    background-color: #FD8C25;
    width: 100%;
    margin-top: 147px;
    padding-top: 86px;
}

.top100-footer__contact {
    max-width: 1060px;
    margin: 0 auto 0 auto;
    display: flex;
    padding-bottom: 130px;
}

.top100-footer__contact-href {
    width: 420px;
}

.top100-footer__contact-href-item {
    display: block;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
    color: #FFFFFF;
    text-decoration: none;
    margin-bottom: 7px;
}

.top100-footer__contact-phone {
    font-style: normal;
    font-weight: 300;
    font-size: 27px;
    line-height: 140%;
    color: #FFFFFF;
    display: block;
    text-decoration: none;
}

.top100-footer__contact-email {
    font-style: normal;
    font-weight: 300;
    font-size: 27px;
    line-height: 140%;
    color: #FFFFFF;
    display: block;
    text-decoration: none;
}

.top100-footer__bottom {
    max-width: 1060px;
    margin: 0 auto 0 auto;
    padding-bottom: 50px;
}

.top100-footer__logo {
    display: block;
    width: 68px;
    height: 26px;
    margin: 0 82px 0 0;
}

.top100-footer__copyright {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    color: #FFFFFF;
    margin: 0 90px 0 0;
}

.top100-footer__agreement {
    display: block;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    color: #FFFFFF;
}

.top100-footer__bottom {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-end;
    align-content: center;
}


.top100__button {
    border: none;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    background: #FD8C25;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
}

.top100__button-header {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.04em;
    width: 149px;
    height: 33px;
}

.top100__button-screen-1 {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    width: 283px;
    height: 50px;
    letter-spacing: 0.04em;
    margin: 40px 0 0 0;
}

.top100__button-screen-5 {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    width: 283px;
    height: 50px;
    letter-spacing: 0.04em;
    margin: 40px 0 0 20px;
}

@media screen and (max-width: 800px) {
    .top100__screen-1 {
        margin-bottom: 0;
    }

    .top100-header {
        margin: 0 20px;
    }

    .top100__screen-3 {
        background: none;
    }

    .top100__screen-5 {
        background: none;
    }

    .top100__screen-2-wrapper {
        max-width: 1057px;
        margin: 0 20px 0 20px;
        padding: 0 0 50px 0;
    }

    .top100__screen-2-about {
        display: block;
    }

    .top100__screen-2-about-item {
        margin: 0 0 30px 0;
    }

    .top100__screen-2-about-headline {
        max-width: 90% !important;
    }

    .top100__screen-2-about-text {
        max-width: 90% !important;
    }

    .top100__header-text {
        display: none;
    }

    .top100__headline {
        font-size: 42px;
        margin: 0 20px;
    }

    .top100__date-and-about {
        display: block;
        margin: 80px 20px 0 20px;
    }

    .top100__date {
        display: block;
        width: 100%;
        margin: 0 0 20px 0;
    }

    .top100__button-screen-1 {
        margin: 30px 0 0 0;
        width: 100%;
    }

    .top100__about {
        margin: 0;
        padding: 0;
        max-width: 100%;
    }

    .top100__screen-2-headline {
        font-size: 42px;
        padding: 70px 0 50px 0;
    }

    .top100__screen-3 {
        padding: 100px 0 0 0;
    }

    .top100__screen-3-headline {
        font-size: 42px;
        margin: 0 20px 0 20px;
    }

    .top100__pro {
        margin: 70px 20px 45px 20px;
    }

    .top100__pro-main {
        max-width: 100%;
        padding: 0;
        margin: 0 20px;
    }

    .top100__screen-4 {
        max-width: 100%;
        margin: 0 0 0 0;
        padding: 100px 0 0 0;
    }

    .top100__screen-4-stage {
        display: block;
        padding: 20px 0;
    }

    .top100__screen-4-headline {
        font-size: 42px;
        padding: 0 0 60px 20px;
    }

    .top100__screen-4-stage-name {
        font-size: 22px;
        padding: 0 0 20px 20px;
        width: 100%;
    }

    .top100__screen-4-stage-about-headline {
        margin: 0 0 0 20px;
    }

    .top100__screen-4-stage-about-text {
        max-width: 100%;
        margin: 0 10px 0 20px;
    }

    .top100__screen-5-headline {
        font-size: 42px;
        padding: 70px 0 0 20px;
    }

    .top100__screen-5-about {
        padding: 0 20px 70px 20px;
    }

    .top100__screen-5-about-text {
        padding: 50px 0 0 0;
        max-width: 100%;
    }

    .top100__button-screen-5 {
        width: 100%;
        margin: 30px 0 0 0;
    }

    .top100__screen-6-wrapper {
        margin: 0 auto 0 auto;
        padding: 0 0 50px 20px;
    }

    .top100__screen-6-headline {
        font-size: 42px;
        padding: 70px 0 50px 0;
    }

    .top100__screen-6-price-items {
        margin: 0 20px 0 0;
    }

    .top100__screen-6-price-date {
        white-space: nowrap;
        margin: 0 10px 0 0;
    }

    .top100__screen-6-price-cost {
        white-space: nowrap;
    }

    .top100__screen-7 {
        max-width: 1020px;
        margin: 0 auto 0 auto;
        padding: 0px 20px;
    }

    .top100__screen-7-headline {
        font-size: 42px;
        padding: 70px 0 60px 0;
    }

    .top100__screen-8 {
        max-width: 100%;
        margin: 0 20px 0 20px;
        padding: 0;
    }

    .top100__screen-8-headline {
        font-size: 42px;
        padding: 70px 0 60px 0;
    }

    .top100__partner {
        margin: 0 auto 40px auto;
    }

    .top100-footer {
        margin-top: 50px;
        padding: 60px 20px 0 20px;
    }

    .top100-footer__contact {
        padding-bottom: 60px;
    }

    .top100-footer__contact-href {
        padding: 0 20px 0 0;
        width: auto;
        white-space: nowrap;
    }

    .top100-footer__contact-phone {
        font-size: 18px;
    }

    .top100-footer__contact-email {
        font-size: 18px;
    }
}

@media screen and (max-width: 1280px) {
    .top100__screen-1 {
        background: none;
    }
}

.top100-test {
    display: block;
    margin: 100px auto 50px auto;
    max-width: 1280px;
}

.top100-test__headline {
    color: #303745;
    display: block;
    font-style: normal;
    font-weight: 600;
    font-size: 60px;
    line-height: 100%;
    letter-spacing: -0.03em;
    margin: 0 0 15px 0;
    text-transform: uppercase;
}

.top100-test__question {
    margin: 0 0 30px 0;
}

.top100-test__question-headline {
    display: block;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    margin: 0 0 8px 0;
}

.top100-test__text {
    font-style: normal;
    font-weight: 100;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 50px 0;
}

.top100-test__answer-label {
    cursor: pointer;
    font-style: normal;
    font-weight: 100;
    font-size: 16px;
    line-height: 100%;
    padding: 0 0 0 8px;
}

.top100-test__header-text {
    display: block;
}

@media screen and (max-width: 1280px) {
    .top100-test {
        margin: 100px 20px 50px 20px;
    }

    .top100-test__headline {
        font-size: 46px;
    }
}

.top100__attention {
    border: 1px solid #FD8C25;
    border-radius: 3px;
    color: #FD8C25;
    padding: 40px 30px;
    margin: 30px 10px 0 10px;
    max-width: 1214px;
}

.top100__attention a {
    color: #303745;
}

@media screen and (min-width: 980px) {
    .top100__attention {
        margin: 30px auto 0 auto;
    }
}