html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.page {
    background: #fff;
    width: 450px;
    margin: 0 auto
}

* {
    font-family: 'Manrope', sans-serif !important;
    font-size: 20px;
    line-height: 24px;
    color: #222
}

strong {
    font-weight: 700
}

.bx-wrapper {
    margin-bottom: 0 !important
}

@media only screen and (max-width: 768px) {
    body {
        background: #3f2d25
    }
}

.content {
    width: 450px;
    margin: 0 auto;
    padding: 0 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.content_header {
    padding: 0 30px 0 20px
}

.content_first {
    padding: 56px 0 0;
    background: url("../images/bg-header.jpg") center top no-repeat;
    background-size: 100%;
    height: 1024px
}

.content_time {
    padding: 42px 0 0;
    background: url("../images/bg-itstime.jpg") center top no-repeat;
    background-size: 100%;
    height: 561px
}

.content_step {
    padding: 52px 0 0;
    background: url("../images/bg-step.jpg") center top no-repeat;
    background-size: 100% 100%;
    height: 600px
}

.content_faq {
    background: #212121;
    padding: 60px 0
}

.content_footer {
    background: #111;
    padding: 32px 0 48px
}

.content_author {
    padding: 45px 0;
    background: url("../images/bg-author.jpg") center top no-repeat;
    background-size: 100% 100%;
    height: 1346px
}

.content_course {
    padding: 28px 0 46px
}

.button {
    font-size: 22px;
    line-height: 32.6px;
    text-align: center;
    font-weight: 600;
    border: 0 none;
    padding: 15px 0;
    text-decoration: none;
    text-transform: uppercase;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 300px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    cursor: pointer
}

.button svg {
    margin-left: 10px
}

.button_login {
    background: -webkit-linear-gradient(0, rgba(242, 0, 148, 0) 0, #ff0042 100%), #d40041;
    background: -moz-linear-gradient(0, rgba(242, 0, 148, 0) 0, #ff0042 100%), #d40041;
    background: -o-linear-gradient(0, rgba(242, 0, 148, 0) 0, #ff0042 100%), #d40041;
    background: -ms-linear-gradient(0, rgba(242, 0, 148, 0) 0, #ff0042 100%), #d40041;
    background: linear-gradient(90deg, rgba(242, 0, 148, 0) 0, #ff0042 100%), #d40041;
    -webkit-box-shadow: 0 3px 5px #8b0001, 5px 5px 15px #c20002, -5px 5px 15px #c20002;
    box-shadow: 0 3px 5px #8b0001, 5px 5px 15px #c20002, -5px 5px 15px #c20002;
    border-radius: 50px;
    color: #fff
}

.button_red {
    background: -webkit-linear-gradient(0.46deg, #ea0048 .28%, #ff1855 99.6%);
    background: -moz-linear-gradient(0.46deg, #ea0048 .28%, #ff1855 99.6%);
    background: -o-linear-gradient(0.46deg, #ea0048 .28%, #ff1855 99.6%);
    background: -ms-linear-gradient(0.46deg, #ea0048 .28%, #ff1855 99.6%);
    background: linear-gradient(89.54deg, #ea0048 .28%, #ff1855 99.6%);
    -webkit-box-shadow: 0 2px 0 #c3003c, 0 2px 10px #fc1453;
    box-shadow: 0 2px 0 #c3003c, 0 2px 10px #fc1453;
    border-radius: 10px;
    font-size: 22px;
    line-height: 30px;
    color: #fff
}

.button_faq {
    background: #57696f;
    -webkit-box-shadow: 0 2px 0 #2f4850, 0 2px 15px rgba(35, 154, 192, 0.5);
    box-shadow: 0 2px 0 #2f4850, 0 2px 15px rgba(35, 154, 192, 0.5);
    border-radius: 10px;
    font-size: 21px;
    line-height: 29px;
    color: #fff;
    width: 340px
}

.header {
    background: #3f2d25;
    backdrop-filter: blur(15px);
    font-size: 14px;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000
}

.header__container {
    height: 56px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative
}

.header__left {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: start;
    justify-content: start
}

.header__logo {
    display: block
}

.header__logo img {
    width: 75px
}

.header__lang {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 45px;
    margin-left: 17px
}

.header__lang span {
    color: #fff;
    font-size: 14px;
    line-height: 15px;
    font-weight: 300;
    opacity: .5;
    -ms-filter: "alpha(opacity=50)";
    filter: alpha(opacity=50)
}

.header__lang a {
    color: #fff;
    font-size: 14px;
    line-height: 15px;
    font-weight: 600
}

.header__actions {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: right;
    -moz-box-pack: right;
    -o-box-pack: right;
    -ms-flex-pack: right;
    -webkit-justify-content: right;
    justify-content: right;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.header__login {
    max-width: 94px;
    text-decoration: none;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.header__login-text {
    color: #fff;
    font-size: 14px;
    line-height: 15px;
    font-weight: 300;
    text-align: center;
    width: 65px
}

.header__login-image {
    margin-left: 10px;
    width: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.header__login-image svg {
    width: 100%
}

.login__container, .login__login, .login__forget, .login__code {
    display: none
}

.login__container {
    background: #403226;
    padding: 20px 25px 25px;
    position: absolute;
    top: 56px;
    right: -20px;
    width: 400px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.login__container label, .login__container a {
    color: #fff
}

.login__form {
    text-align: center
}

.login__input-text {
    padding: 4px 15px;
    display: block;
    outline: 0;
    border: 2px solid #9a9a9a;
    background: #fff;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    border-radius: 10px;
    font-size: 22px;
    margin: 0 auto 10px
}

.login__columns {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.login a, .login label {
    color: #fff
}

.login__button {
    margin: 10px auto 0
}

.login__text {
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    margin: 0 0 15px;
    color: #fff
}

.first__pretitle {
    margin: 16px 0 0;
    text-align: center;
    font-size: 15px;
    line-height: 15px;
    font-weight: 400;
    color: #fff
}

.first__title {
    margin: 7px 0 0;
    text-align: center;
    font-size: 33px;
    line-height: 1.2;
    font-weight: 800;
    color: #fff;
    text-shadow: 0 2px 3px #928073;
    text-transform: uppercase
}

.first__desc {
    margin: 5px 0 0;
    text-align: center;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 600;
    color: #fff
}

.first__action {
    margin: 419px 0 0
}

.first__prize {
    margin: 11px 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.first__prize-ico {
    background: #fff;
    width: 62px;
    height: 62px;
    border-radius: 50px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-right: 14px
}

.first__prize-text {
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    color: #4a3730
}

.first__list {
    margin: 10px 0 0
}

.first__list-el {
    background: #f9f9f8;
    border-radius: 5px;
    position: relative;
    padding: 10px 25px;
    width: 330px;
    margin: 0 auto 10px;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400
}

.first__list-el:before {
    background: url("../images/ico-romb.png") center center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    z-index: 2;
    left: -13px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    width: 25px;
    height: 25px
}

.first__know {
    margin: 13px 0 0;
    font-size: 17px;
    line-height: 20px;
    text-align: center;
    font-weight: 400;
    color: #222
}

.for {
    padding: 40px 0 50px
}

.for__title {
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    font-weight: 800
}

.for__list {
    margin: 6px 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.for__item {
    margin: 0 0 20px;
    position: relative;
    width: 50%
}

.for__item-title {
    font-size: 18px;
    line-height: 22px;
    color: #222;
    text-align: center;
    font-weight: 700;
    margin: 23px 0 0
}

.for__item-desc {
    margin: 5px 0 0;
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #888;
    text-align: center
}

.for__item-image {
    height: 160px
}

.for__item-image img {
    display: block;
    position: absolute;
    z-index: 2
}

.for__action {
    margin: 10px 0 0
}

.get {
    background: #fdfbf8;
    padding: 42px 0 40px
}

.get__title {
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    font-weight: 800
}

.get__list {
    margin: 28px 0 0
}

.get__item {
    margin: 0 auto 38px;
    padding: 0 0 29px;
    border-bottom: 1px solid #d5d5d5;
    width: 340px
}

.get__item_mb-none {
    margin-bottom: 0
}

.get__item_b-black {
    border-color: #222
}

.get__item_b-none {
    border: 0 none
}

.get__item-head {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: start;
    justify-content: start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.get__item-image {
    margin: 0 13px 0 0
}

.get__item-image_long {
    margin-right: 30px
}

.get__item-title {
    font-size: 30px;
    line-height: 28px;
    font-weight: 700;
    color: #222
}

.get__item-aside-text {
    margin: 21px 0 0;
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
    color: #888
}

.get__item-text {
    margin: 23px 0 0;
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
    color: #888
}

.get__item-text span {
    color: #222
}

.get__item-only-text {
    font-size: 17px;
    line-height: 23px;
    font-weight: 400;
    color: #888;
    padding-left: 25px
}

.get__item-only-text span {
    color: #222
}

.new {
    padding: 40px 0 50px
}

.new__title {
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    font-weight: 800
}

.new__subtitle {
    font-size: 18px;
    line-height: 21px;
    margin: 11px 0 0;
    text-align: center;
    color: #222;
    font-weight: 400
}

.new__list {
    margin: 28px 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.new__item {
    margin: 0 0 20px;
    position: relative;
    width: 50%
}

.new__item-title {
    font-size: 18px;
    line-height: 22px;
    color: #222;
    text-align: center;
    font-weight: 700;
    margin: 20px 0 0
}

.new__item-desc {
    margin: 5px 0 0;
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #888;
    text-align: center
}

.new__item-image {
    height: 103px
}

.new__item-image img {
    display: block;
    position: absolute;
    z-index: 2
}

.new__action {
    margin: 10px 0 0
}

.faq__wrapper {
    width: 350px;
    margin: 0 auto
}

.faq__title {
    font-size: 22px;
    line-height: 26px;
    color: #fff;
    font-weight: 700
}

.faq__list {
    margin: 44px 0 0
}

.faq__item {
    margin: 0 0 30px
}

.faq__item a {
    color: #fff
}

.faq__item-title {
    border-bottom: 1px solid #ccc0ab;
    padding: 0 0 25px;
    position: relative;
    cursor: pointer
}

.faq__item-title-cont {
    max-width: 293px;
    font-size: 18px;
    line-height: 21px;
    color: #fff;
    font-weight: 700
}

.faq__item-title svg {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 4px
}

.faq__item-title svg.opened {
    display: none
}

.faq__item-content {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #fff;
    margin: 10px 0 0;
    display: none
}

.faq_q {
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    font-weight: 400;
    color: #fff;
    margin: 30px 0 0;
    text-transform: uppercase
}

.faq__cont {
    margin: 12px auto 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.faq__cont-info {
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
    color: #fff;
    margin-left: 17px
}

.faq__cont-info a {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    color: #fff
}

.faq__cont-action {
    margin: 17px 0 0
}


.timer__list {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.timer__item {
    background: #fff;
    -webkit-box-shadow: 0 3px 5px rgba(90, 104, 108, 0.2), 5px 5px 15px rgba(170, 180, 184, 0.2), -5px 5px 15px rgba(179, 216, 228, 0.2);
    box-shadow: 0 3px 5px rgba(90, 104, 108, 0.2), 5px 5px 15px rgba(170, 180, 184, 0.2), -5px 5px 15px rgba(179, 216, 228, 0.2);
    border-radius: 5px;
    margin-left: 5px;
    width: 43px;
    height: 53px;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.timer__number {
    font-size: 22px;
    line-height: 20px;
    text-align: center;
    color: #212121;
    font-weight: 600;
    margin: 5px 0 0;
    font-family: 'Manrope', sans-serif !important
}

.timer__text {
    font-size: 8px;
    line-height: 22px;
    color: #212121;
    font-weight: 100;
    margin: 0;
    font-family: 'Manrope', sans-serif !important
}

.review {
    padding: 33px 0;
    background: #fdfbf8
}

.review__title {
    font-size: 27px;
    line-height: 32px;
    font-weight: 800;
    color: #222;
    text-align: center
}

.review__gallery {
    margin: 27px 0 0;
    width: 100%
}

.review__gallery-list img {
    display: block;
    width: 100%
}

.review__ps {
    margin: 28px 0 0;
    font-size: 16px;
    line-height: 21px;
    color: #222
}

.review__ps span {
    color: #888
}

.review__selectors {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 17px 0 0
}

.review__selectors-arrow {
    cursor: pointer
}

.review__selectors-text {
    font-size: 14px;
    line-height: 16px;
    color: #888;
    text-align: center
}

.time__title {
    font-size: 38px;
    line-height: 1;
    text-align: center;
    font-weight: 700;
    color: #fff
}

.time__subtitle {
    margin: 15px 0 0;
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
    text-align: center;
    color: #fff
}

.step__wrapper {
    width: 350px;
    margin: 0 auto
}

.step__title {
    font-size: 31px;
    line-height: 37px;
    font-weight: 800;
    text-align: center;
    color: #fff
}

.step__list {
    margin: 31px 0 0
}

.step__item {
    position: relative;
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
    color: #fff;
    padding: 0 0 0 46px;
    margin: 0 0 20px
}

.step__item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 29px;
    height: 29px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center
}

.step__item_one:before {
    background-image: url("../images/step-1.png")
}

.step__item_two:before {
    background-image: url("../images/step-2.png")
}

.step__item_three:before {
    background-image: url("../images/step-3.png")
}

.step__action {
    margin: 40px 0 0
}

.result {
    padding: 35px 0 56px
}

.result__wrapper {
    width: 350px;
    margin: 0 auto
}

.result__title {
    font-size: 30px;
    line-height: 36px;
    font-weight: 800;
    text-align: center;
    color: #222
}

.result__list {
    margin: 28px 0 0
}

.result__item {
    position: relative;
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
    color: #222;
    margin: 0 auto 20px;
    width: 336px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 35px
}

.result__item:before {
    background: url("../images/ico-romb.png") center center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    width: 25px;
    height: 25px
}

.result__action {
    margin: 25px 0 0
}

.author__wrapper {
    width: 350px;
    margin: 0 auto
}

.author__stage {
    font-size: 18px;
    line-height: 21px;
    font-weight: 600;
    text-align: center;
    color: #fff
}

.author__name {
    margin: 1px 0 0;
    font-size: 40px;
    line-height: 48px;
    font-weight: 800;
    text-align: center;
    color: #fff
}

.author__about {
    margin: 9px 0 0;
    font-size: 17px;
    line-height: 23px;
    font-weight: 400;
    text-align: center;
    color: #fff
}

.author__sert {
    margin: 9px 0 0;
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
    text-align: center;
    color: #fff
}

.author__sert span {
    font-weight: 700;
    font-size: 17px;
    line-height: 20px;
    text-align: center;
    color: #fff
}

.author__exp {
    margin: 395px 0 0;
    font-size: 35px;
    line-height: 35px;
    font-weight: 700;
    color: #222
}

.author__exp-desc {
    font-size: 17px;
    line-height: 23px;
    font-weight: 400;
    color: #222;
    padding: 0 0 30px;
    border-bottom: 1px solid #222;
    margin: 0 0 30px
}

.author__text {
    font-weight: 400;
    font-size: 17px;
    line-height: 23px;
    color: #888
}

.author__text_mt {
    margin-top: 30px
}

.author__text span {
    font-weight: 400;
    font-size: 17px;
    line-height: 23px;
    color: #222
}

.author__got {
    margin: 7px 0 0;
    padding: 0 0 30px;
    border-bottom: 1px solid #222
}

.author__got-head {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: start;
    justify-content: start
}

.author__got-image {
    margin: 0 20px 0 0
}

.author__got-title {
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    color: #222;
    letter-spacing: -0.02em
}

.author__got-text {
    margin: 14px 0 0;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    color: #222
}

.author__mass {
    margin: 27px 0 0
}

.author__mass-title {
    font-weight: 400;
    font-size: 17px;
    line-height: 23px;
    color: #222
}

.author__mass-list {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 15px 0 0
}

.author__mass-list img {
    display: block;
    margin: 0 0 10px
}

.course__wrapper {
    width: 350px;
    margin: 0 auto
}

.course__title {
    font-size: 30px;
    line-height: 36px;
    font-weight: 800;
    text-align: center;
    color: #222
}

.course__mac {
    margin: 16px 0 0;
    position: relative;
    height: 240px
}

.course__mac img {
    position: absolute;
    z-index: 2;
    left: -36px;
    top: 0
}

.course__item {
    margin: 0 0 20px;
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
    color: #222;
    padding: 0 0 0 35px;
    position: relative
}

.course__item:before {
    background: url("../images/ico-romb.png") center center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    content: "";
    width: 25px;
    height: 25px
}

.course__item span {
    margin: 0 0 20px;
    font-size: 17px;
    line-height: 20px;
    font-weight: 700;
    color: #222
}

.course__action {
    margin: 29px 0 0
}

.course__doit {
    margin: 30px 0 0;
    font-size: 17px;
    line-height: 20px;
    font-weight: 700;
    color: #222;
    text-align: center
}

.course__doit-text {
    margin: 13px 0 0;
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
    color: #222;
    text-align: center
}

.course__image {
    margin: 29px 0 0
}

.course__image img {
    max-width: 100%;
    display: block;
    margin: 0 auto
}

.popupWindow {
    position: relative;
    background: #fff;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
    top: 60px
}

.popupWindow p, .popupWindow * {
    margin: 10px 0 20px;
    font-family: 'Manrope', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.2 !important
}

.popupWindow .mfp-close {
    font-size: 60px !important;
    top: -24px
}

.form__checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0)
}

.form__checkbox + label {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: start;
    align-items: start;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.form__checkbox + label span {
    display: inline-block;
    margin-left: 10px
}

.form__checkbox + label:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -o-box-flex: 0;
    -ms-box-flex: 0;
    box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    border: 1px solid #c5dce7;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%
}

.form__checkbox:checked + label {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='7' viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.1578 6.93921L0 3.8577L1.27808 2.59853L3.15501 4.43397L6.7204 0.939209L7.99992 2.19315L3.1578 6.93921Z' fill='%23C5DCE7'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 5px 5px
}

.footer {
    text-align: center
}

.footer__wrapper {
    width: 350px;
    margin: 0 auto
}

.footer__copyright {
    margin: 12px 0 0;
    font-size: 17px;
    line-height: 22px;
    color: #bfbfbf;
    text-align: center;
    font-weight: 300
}

.footer__data {
    margin: 18px 0 0;
    font-size: 17px;
    line-height: 22px;
    color: #bfbfbf;
    text-align: center;
    font-weight: 300
}

.footer__menu li a {
    font-size: 17px;
    line-height: 22px;
    color: #bfbfbf;
    text-align: center
}

.footer__payments {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 19px 0 0
}

.footer__payments img {
    display: block;
    margin-right: 5px;
    border-radius: 5px
}


.offer {
    padding: 45px 0 0;
    background: #f5f5f5
}

.offer__title {
    font-size: 22px;
    line-height: 26px;
    font-weight: 400;
    color: #222
}

.offer__subtitle {
    font-size: 33px;
    line-height: 33px;
    font-weight: 400;
    color: #222
}

.offer__list {
    margin: 41px 0 0
}

.offer__item {
    background: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(74, 122, 138, 0.3);
    box-shadow: 0 4px 20px rgba(74, 122, 138, 0.3);
    border-radius: 5px
}

.offer__head {
    font-size: 28px;
    line-height: 33px;
    text-align: center;
    font-weight: 800;
    background: #56b9da;
    padding: 18px 0;
    border-radius: 5px 5px 0 0;
    color: #fff;
    text-transform: uppercase
}

.offer__body {
    padding: 30px 30px 5px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.offer__program {
    list-style: disc;
    padding-left: 26px
}

.offer__program-item {
    margin: 0 0 7px;
    font-size: 16px;
    line-height: 21px;
    color: #222
}

.offer__surprise {
    margin: 11px 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.offer__surprise svg {
    margin: 0 12px 0 0
}

.offer__surprise-text {
    width: 100%;
    font-size: 16px;
    line-height: 21px;
    font-weight: 800;
    color: #222
}

.offer__images {
    margin: 19px 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.offer__images-item {
    margin-right: 5px
}

.offer__images-item:last-child {
    margin: 0
}

.offer__images-item img {
    display: block;
    max-width: 100%
}

.offer__timer {
    margin: 18px 0 0;
    background: #effaff;
    padding: 16px 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.offer__timer-title {
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    color: #222;
    margin: 0 16px 0 0;
    width: 120px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.offer__prices {
    margin: 10px 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative
}

.offer__prices-old {
    font-size: 36px;
    line-height: 43px;
    font-weight: 700;
    color: #888;
    position: relative
}

.offer__prices-old:before {
    height: 2px;
    background: #888;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    width: 100%
}

.offer__prices-old span {
    font-size: 20px;
    line-height: 24px;
    color: #888
}

.offer__prices-new {
    font-size: 36px;
    line-height: 43px;
    font-weight: 700;
    color: #222
}

.offer__prices-new span {
    font-size: 20px;
    line-height: 24px;
    color: #222
}

.offer__prices-sale {
    background: #fd0144;
    border-radius: 5px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    position: absolute;
    z-index: 2;
    top: -20px;
    left: 0
}

.offer__action {
    margin: 15px 0 0
}

.offer__pay-methods {
    margin: 17px 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: .5;
    -ms-filter: "alpha(opacity=50)";
    filter: alpha(opacity=50)
}

.offer__pay-methods img {
    display: block;
    margin: 0 5px 0 0;
    border-radius: 5px
}

.offer__pay-methods img:last-child {
    margin: 0
}

.offer__gua {
    font-size: 12px;
    line-height: 26px;
    font-weight: 300;
    color: #888;
    text-align: center
}

.offer__photo {
    height: 402px;
    background: url("../images/offer-bg.jpg") center center no-repeat;
    background-size: cover;
    padding: 222px 0 0 104px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 78px 0 0
}

.offer__photo-title {
    font-size: 38px;
    line-height: 38px;
    font-weight: 700;
    color: #222
}

.offer__photo-desc {
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
    color: #222;
    margin: 15px 0 0
}

.timer__list {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.timer__item {
    background: #fff;
    -webkit-box-shadow: 0 3px 5px rgba(90, 104, 108, 0.2), 5px 5px 15px rgba(170, 180, 184, 0.2), -5px 5px 15px rgba(179, 216, 228, 0.2);
    box-shadow: 0 3px 5px rgba(90, 104, 108, 0.2), 5px 5px 15px rgba(170, 180, 184, 0.2), -5px 5px 15px rgba(179, 216, 228, 0.2);
    border-radius: 5px;
    margin-left: 5px;
    width: 43px;
    height: 53px;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.timer__number {
    font-size: 22px;
    line-height: 20px;
    text-align: center;
    color: #212121;
    font-weight: 600;
    margin: 5px 0 0
}

.timer__text {
    font-size: 8px;
    line-height: 22px;
    color: #212121;
    font-weight: 100;
    margin: 0
}

.offer__body {
    padding: 12px 27px 5px;
}

.offer__coupon {
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #666;
    font-weight: 400;
}

.offer__listy {
    margin: 20px 0 0;
}

.offer__listy-item {
    margin: 0 0 10px;
    background: #FFFFFF;
    box-shadow: 0px 3px 5px rgba(119, 162, 176, 0.2), 5px 5px 15px rgba(191, 222, 233, 0.2), -5px 5px 15px rgba(179, 216, 228, 0.2);
    border-radius: 10px;
    display: flex;
    justify-content: start;
    align-items: center;
    cursor: pointer;
}

.offer__listy-access {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: #555555;
}

.offer__listy-prices {
    display: flex;
    justify-content: space-between;
    margin: 2px 0 0;
    width: 143px;
}

.offer__listy-prices_two {
    width: 171px;
}

.offer__listy-old {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 19px;
    text-decoration-line: line-through;
    text-transform: uppercase;
    color: #B8B8B8;
}

.offer__listy-old_two {
    font-size: 17px;
    line-height: 19px;
}

.offer__listy-price {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 800;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: #222222;
    margin-left: 1px;
}

.offer__listy-price_two {
    font-size: 20px;
    line-height: 19px;
    margin-left: 5px;
}

.offer__listy-sale {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 900;
    font-size: 12px;
    line-height: 19px;
    text-transform: uppercase;
    /*color: #FFFFFF;*/
    color: red;
    margin: 0 0 0 20px;
    /*background: #56B9DA;*/
    background: #EAEAEA;
    border-radius: 5px;
    padding: 0 4px 1px;
}

.offer__listy-sale_two {
    font-size: 12px;
    line-height: 19px;
}

.offer__listy-data {
    padding: 15px 0;
}

.offer__listy-pm {
    background: #F6F6F6;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 79px;
    height: 70px;
    margin: 0 0 0 34px;
}

.offer__listy-pm_two {
    margin: 0 0 0 8px;
}

.offer__listy-pm-price {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 19px;
    text-align: right;
    text-transform: uppercase;
    color: #555555;
}

.offer__listy-pm-title {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 300;
    font-size: 10px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    color: #B8B8B8;
    margin: 1px 0 0;
}

.offer__listy-pm_best {
    background: #56B9DA;
}

.offer__listy-pm-best {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}

.offer__listy-pm-best_two {
    font-size: 11px;
    line-height: 13px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

.offer__listy-radio {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 70px;
}

.radioChecked {
    display: none;
}

.offer__listy-item.active .radioChecked {
    display: block;
}

.offer__listy-item.active .radioEmpty {
    display: none;
}

.offer__gua {
    font-family: 'Oswald';
    margin-top: 6px;
}

.offer__timer {
    margin: 0;
}

.offer__program {
    margin: 13px;
}

.offer__body-head {
    margin-bottom: 15px;
}

.button_buy {
    width: 296px;
    height: 60px;
}