.cms_wrapper {
    padding-left: 0px;
    padding-right: 0px;
	max-width:none;
}
#wrapper .ab-container {padding:0 0;}

.motivation {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
}

.motivation a {
    text-decoration: none;
    font-weight: normal;
}

.motivation .orange {
    color: #FB6B14;
}

.motivation .button a {
    border-radius: 32px;
    font-size: 16px;
    line-height: 55px;
    font-weight: 900;
    display: inline-block;
    padding: 0 21px;
}

.motivation .button a.white-b {
    background: #FFFFFF;
    color: #221E43;
}

.motivation .button a.white-b:hover {
    background: rgba(255, 255, 255, 0.4);
    color: #FFFFFF;
}

.motivation .button a.orange-b {
    color: #fff;
    background: radial-gradient(195.18% 115.66% at -1.63% -21.01%, #FF8F0D 0%, #FF840B 23%, #FF6506 63%, #FF4400 100%), #FFFFFF;
}

.motivation .button a.orange-b:hover {
    background: radial-gradient(107.31% 269.64% at 41.1% 100%, #FF8F0D 0%, #FF840B 29.23%, #FF6506 47.81%, #FF4400 86.13%), #FFFFFF;
}

.motivation h3 {
    font-size: 44px;
    line-height: 56px;
    font-weight: 900;
    margin: 0;
}

.motivation .wrap_h3 {
    max-width: 1143px;
    margin: 0 auto;
    padding: 0 0px 0 0;
}

.motivation .ux-h3 {
    padding: 0 357px 0 0;
}

.motivation .wrap_h3 h3 {
}

.motivation.whole {
    padding: 0 2.6vw;
}

.motivation .navy_wrap {
    background: #19223F url("/static/pr/cms/13515-motivation/img/banner_.svg") no-repeat bottom right;
    border-radius: 0 0 100px 100px;
    color: #fff;
}

.motivation .navy_wrap h1 {
    color: #fff;
    font-size: 3.1vw;
    line-height: 3.8vw;
    font-weight: 900;
}

.motivation .navy_wrap h2 {
    color: #fff;
    font-size: 1.6vw;
    line-height: 2.3vw;
    margin: 16px 0 0;
    font-weight: normal;
}

.motivation .navy_wrap .top_baner {
    padding: 114px 33% 146px 130px;
}

.motivation .navy_wrap .top_baner .pre_header {
    margin: 0 0 46px;
}
.motivation .navy_wrap .top_baner h2{max-width: 70%}
.motivation .navy_wrap .top_baner p {
    font-size: 1.5vw;
    line-height: 1.9vw;
    max-width: 76%;
}

.motivation .library_type {
    padding: 0 40px 20px;
}

.motivation .library_type .bg_layer {
    background: url("/static/pr/cms/13515-motivation/img/reshetka.svg") no-repeat 0px 56px;
    max-width: 1210px;
    text-align: center;
    margin: 60px auto 0;
}

.motivation .library_type .wrap {
    margin: 0px auto 0;
    max-width: 1143px;
    display: flex;
}

.motivation .library_type .wrap > div {
    height: 685px;
    text-align: center;
}

.motivation .library_type .wrap .plane-colon {
    padding: 220px 20px 0 0px;
    text-align: left;
    flex-grow: 1;
}

.motivation .library_type .wrap .plane-colon h3 {
    max-width: 300px;
}

.motivation .library_type .wrap .shadow-colon {
    width: 356px;
    min-width: 356px;
}

.motivation .library_type .wrap .orange_colon {
    background: url("/static/pr/cms/13515-motivation/img/bg_orange_colon.svg") no-repeat 0 0;
    width: 364px;
    min-width: 364px;
    color: #fff;
    padding: 0 0 0;
}

.motivation .library_type .wrap .shadow-colon > div {
    background: #FFFFFF;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    border-radius: 32px 0 0 32px;
    height: 392px;
    margin: 56px 0 0 0;
    padding: 60px 12px 0;
}

.motivation .library_type .wrap .p_book {
    background: url("/static/pr/cms/13515-motivation/img/p_book.svg") no-repeat center 0;
    padding: 65px 0 0;
}

.motivation .library_type .wrap .e_book {
    background: url("/static/pr/cms/13515-motivation/img/en-book.svg") no-repeat center 22px;
    margin: 8px auto 25px;
    padding: 124px 0 0;
}

.motivation .library_type .wrap h4 {
    font-size: 24px;
    line-height: 32px;
    max-width: 200px;
    margin: 0 auto;
}

.motivation .library_type .wrap ul {
    margin: 0 0;
    padding: 0 0;
}

.motivation .library_type .wrap ul li {
    font-size: 16px;
    line-height: 22px;
    margin: 26px 0 0;
    padding: 0 64px;
}

.motivation .button.replaced {
    margin: 60px 0 0;
}


.motivation .ux_block {
    background: #F9F8FB url("/static/pr/cms/13515-motivation/img/ux-bg.svg") no-repeat bottom right;
    margin: -162px 0px 0;
    border-radius: 32px;
    padding: 93px 0px 203px;
}

.motivation .otstup {
    padding: 0 40px;
}

.motivation .ux_block .wrap_ux {
    display: flex;
    margin: 33px 0 0;
    position: relative;
}

.motivation .ux_block .wrap_ux .reshetka {
    position: absolute;
    background: url("/static/pr/cms/13515-motivation/img/reshetka.svg") no-repeat 0 0;
    bottom: -158px;
    right: 783px;
    width: 135px;
    height: 75px;
}

.motivation .ux_block .wrap_ux .multycolor {
    width: 467px;
}

.motivation .ux_block .wrap_ux .multycolor ul {
    padding: 0;
}

.motivation .ux_block .wrap_ux .multycolor ul li {
    background: #E7E5EC;
    border-radius: 0 32px 32px 0;
    margin: 0 0 15px 0;
}

.motivation .ux_block .wrap_ux .multycolor ul li p {
    line-height: 48px;
    border-radius: 0 32px 32px 0;
    color: #fff;
    padding: 0 30px 0 12px!important;
}

.motivation .ux_block .wrap_ux .multycolor ul li.li_orange {
    padding: 0 74px 0 0;
}

.motivation .ux_block .wrap_ux .multycolor ul li.li_orange p {
    background: #FB6B14;
}

.motivation .ux_block .wrap_ux .multycolor ul li.li_purple {
    padding: 0 126px 0 0;
}

.motivation .ux_block .wrap_ux .multycolor ul li.li_purple p {
    background: #B76FEF;
}

.motivation .ux_block .wrap_ux .multycolor ul li.li_yellow {
    padding: 0 290px 0 0;
}

.motivation .ux_block .wrap_ux .multycolor ul li.li_yellow p {
    background: #FAC342;
}

.motivation .ux_block .wrap_ux .ux_text {
    max-width: 595px;
    padding: 11px 0 0 48px;
}

.motivation .ux_block .wrap_ux .ux_text p {
    font-size: 18px;
    line-height: 26px;
    color: #221E43;
    padding: 0 30px 0 0;
}

.motivation .booky {
    margin: -338px 0 0px;
}

.motivation .booky .wrap_booky {
    display: flex;
    max-width: 1207px;
    justify-content: space-between;
    padding: 0 20px;
    margin: 50px auto 0;
}

.motivation .booky .wrap_booky > div {
    background: #FFFFFF;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    border-radius: 32px;
    width: 50%;
    margin: 0 12px;
    padding: 76px 56px 56px;
}

.motivation .booky .wrap_booky .club {
    background: #fff url("/static/pr/cms/13515-motivation/img/booky_a.svg") no-repeat right 36px;
}

.motivation .booky .wrap_booky .challenge {
    background: #fff url("/static/pr/cms/13515-motivation/img/booky_b.svg") no-repeat right 13px;
}

.motivation .booky .wrap_booky h5 {
    font-size: 32px;
    line-height: 38px;
    margin: 0 0 37px;
    font-weight: 700;
}

.motivation .booky .wrap_booky ul {
    padding: 0 0;
    margin: 0;
}

.motivation .booky .wrap_booky ul li {
    font-size: 16px;
    line-height: 23px;
    margin: 6px 0;
}

.motivation .botom_decor {
    background: #221E43 url("/static/pr/cms/13515-motivation/img/botton_left.svg") no-repeat top left;
    border-radius: 32px;
    margin: 405px 0 0;
    position: relative;
    border: 1px #fff solid;
}

.motivation .botom_decor .inner_decor {
    background: url("/static/pr/cms/13515-motivation/img/bottom_right.svg") no-repeat bottom right;
    margin: 0 0 0;
    border-radius: 32px;
}

.motivation .botom_decor .inner_decor .content {
    /* text-align: center; */
    /* font-size: 44px; */
    /* line-height: 56px; */
    /* color: #fff; */
    padding: 85px 90px;
    /* font-weight: normal; */
}

.motivation .botom_decor .inner_decor .content > div {
    max-width: 958px;
    margin: 50px auto;
    /* font-weight: 900; */
}

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

    .motivation .navy_wrap {
        background-position: 287px bottom;
    }

    .motivation .whole {
        padding: 0 24px;
    }

    .motivation .navy_wrap .top_baner {
        padding: 210px 33% 225px 96px;
    }

    .motivation .navy_wrap .top_baner .pre_header {
        margin: 0 0 20px;
        max-width: 700px;
    }
}

@media screen and (max-width: 1240px) {
    .motivation .navy_wrap {
        background-size: 88% auto;
        background-position: bottom right;
    }

    .motivation .navy_wrap .top_baner {
        padding: 210px 35% 225px 96px;
    }

    .motivation .navy_wrap .top_baner .pre_header {
        margin: 0 0 20px;
        max-width: 700px;
    }

    .motivation .navy_wrap .top_baner p {
    }
}

@media screen and (max-width: 1180px) {
    .motivation .button a.white-b {
        background: #FFFFFF;
        border-radius: 32px;
        font-size: 14px;
        line-height: 34px;
        color: #221E43;
        font-weight: 900;
        display: inline-block;
        padding: 0 16px;
    }

    .motivation h3 {
        font-size: 32px;
        line-height: 36px;
        max-width: 800px;
    }

    .motivation .otstup {
        padding: 0 40px;
    }

    .motivation .library_type {
    }

    .motivation .library_type .bg_layer {
        max-width: 1279px;
        text-align: center;
        margin: 60px auto 0;
        background-position: 0 24px;
    }

    .motivation .library_type .wrap {
        margin: 0px auto 0;
        max-width: 1143px;
        position: relative;
        overflow: overlay;
    }

    .motivation .library_type .wrap > div {
        height: 300px;
        text-align: center;
    }

    .motivation .library_type .wrap .plane-colon {
        padding: 169px 20px 0 0px;
        text-align: left;
    }

    .motivation .library_type .wrap .plane-colon h3 {
        max-width: 300px;
        width: min-content;
    }

    .motivation .library_type .wrap .shadow-colon {
        width: 216px;
        min-width: 216px;
        height: 301px;
    }

    .motivation .library_type .wrap .orange_colon {
        background: url("/static/pr/cms/13515-motivation/img/bg_orange_colon.svg") no-repeat 0 0;
        width: 216px;
        min-width: 216px;
        color: #fff;
        padding: 0 0 0;
        background-size: 100% auto;
        height: 407px;
    }

    .motivation .library_type .wrap .shadow-colon > div {
        background: #FFFFFF;
        box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
        border-radius: 32px 0 0 32px;
        height: 245px;
        margin: 32px 0 0 0;
        padding: 24px 12px 0;
    }

    .motivation .library_type .wrap .p_book {
        background-size: 23px auto;
        padding: 50px 0 0;
        background-position: center 12px;
    }

    .motivation .library_type .wrap .e_book {
        background-size: 46px auto;
        padding: 76px 5px 0;
        margin: 0px 0 0;
        background-position: center 19px;
    }

    .motivation .library_type .wrap h4 {
        font-size: 18px;
        line-height: 24px;
        max-width: 200px;
        margin: 0 auto;
    }

    .motivation .library_type .wrap ul {
        margin: 0 0;
        padding: 0 0;
    }

    .motivation .library_type .wrap ul li {
        font-size: 14px;
        line-height: 20px;
        margin: 4px 0 0;
        padding: 0px 10px;
    }

    .motivation .button.replaced {
        margin: 30px 0 0;
    }


    .motivation .ux_block {
        background: #F9F8FB url("/static/pr/cms/13515-motivation/img/ux-bg.svg") no-repeat bottom right;
        margin: -65px 0px 0;
        border-radius: 32px;
        padding: 93px 0px 203px;
        background-size: 59% auto;
    }

    .motivation .ux_block .wrap_ux {
        display: flex;
        margin: 33px 0 0;
        position: relative;
    }

    .motivation .ux_block .wrap_ux .reshetka {
        position: absolute;
        background: url("/static/pr/cms/13515-motivation/img/reshetka.svg") no-repeat 0 0;
        bottom: -158px;
        right: 59%;
        width: 135px;
        height: 75px;
    }

    .motivation .ux_block .wrap_ux .multycolor {
        width: 467px;
    }

    .motivation .ux_block .wrap_ux .multycolor ul {
        padding: 0;
    }

    .motivation .ux_block .wrap_ux .multycolor ul li {
        background: #E7E5EC;
        border-radius: 0 32px 32px 0;
        margin: 0 0 15px 0;
    }

    .motivation .ux_block .wrap_ux .multycolor ul li p {
        line-height: 48px;
        border-radius: 0 32px 32px 0;
        color: #fff;
    }

    .motivation .ux_block .wrap_ux .multycolor ul li.li_orange {
        padding: 0 74px 0 0;
    }

    .motivation .ux_block .wrap_ux .multycolor ul li.li_orange p {
        background: #FB6B14;
    }

    .motivation .ux_block .wrap_ux .multycolor ul li.li_purple {
        padding: 0 126px 0 0;
    }

    .motivation .ux_block .wrap_ux .multycolor ul li.li_purple p {
        background: #B76FEF;
    }

    .motivation .ux_block .wrap_ux .multycolor ul li.li_yellow {
        padding: 0 290px 0 0;
    }

    .motivation .ux_block .wrap_ux .multycolor ul li.li_yellow p {
        background: #FAC342;
    }

    .motivation .ux_block .wrap_ux .ux_text {
        max-width: 595px;
        padding: 11px 0 0 48px;
    }

    .motivation .ux_block .wrap_ux .ux_text p {
        font-size: 18px;
        line-height: 26px;
        color: #221E43;
        padding: 0 30px 0 0;
    }

    .motivation .booky {
        margin: -283px 0 0px;
    }

    .motivation .booky .wrap_booky {
        display: flex;
        max-width: 1207px;
        justify-content: space-between;
        padding: 0 20px;
        margin: 50px auto 0;
    }

    .motivation .booky .wrap_booky > div {
        background: #FFFFFF;
        box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
        border-radius: 32px;
        width: 50%;
        margin: 0 12px;
        padding: 76px 19px 13px;
    }

    .motivation .booky .wrap_booky .club {
        background: #fff url("/static/pr/cms/13515-motivation/img/booky_a.svg") no-repeat right 25px;
        background-size: 125px auto;
    }

    .motivation .booky .wrap_booky .challenge {
        background: #fff url("/static/pr/cms/13515-motivation/img/booky_b.svg") no-repeat right 13px;
        background-size: 125px auto;
    }

    .motivation .booky .wrap_booky h5 {
        font-size: 24px;
        line-height: 38px;
        margin: 0 0 37px;
        font-weight: 700;
    }

    .motivation .booky .wrap_booky ul {
        padding: 0 0;
    }

    .motivation .booky .wrap_booky ul li {
    }

    .motivation .botom_decor {
        background: #221E43 url("/static/pr/cms/13515-motivation/img/botton_left.svg") no-repeat top left;
        border-radius: 32px;
        margin: 348px 0 0;
        position: relative;
        background-size: 530px auto;
    }

    .motivation .botom_decor .inner_decor {
        background: url("/static/pr/cms/13515-motivation/img/bottom_right.svg") no-repeat bottom right;
        margin: 0 0 0;
        border-radius: 32px;
        background-size: 530px auto;
    }

    .motivation .botom_decor .inner_decor .content {
        /* text-align: center; */
        /* font-size: 35px; */
        /* line-height: 56px; */
        /* color: #fff; */
        /* padding: 50px 134px; */
    }

    .motivation .botom_decor .inner_decor .content > div {
        max-width: 958px;
        margin: 50px auto;
        font-weight: 900;
    }
}

@media screen and (max-width: 1000px) {
    .motivation {
    }

    .motivation .navy_wrap {
        background-size: 60% auto;
    }

    .motivation .navy_wrap h1 {
    }

    .motivation .navy_wrap h2 {
    }

    .motivation .navy_wrap .top_baner {
        padding: 138px 20% 125px 5%;
    }

    .motivation .navy_wrap .top_baner .pre_header {
        margin: 0 0 20px;
        max-width: 600px;
    }

    .motivation .navy_wrap .top_baner p {
        max-width: 473px;
    }

    .motivation .botom_decor {
        background: #221E43 url("/static/pr/cms/13515-motivation/img/botton_left.svg") no-repeat -119px 0px;
        border-radius: 32px;
        margin: 405px 0 0;
        position: relative;
        background-size: 626px auto;
    }

    .motivation .botom_decor .inner_decor {
        background: url("/static/pr/cms/13515-motivation/img/bottom_right.svg") no-repeat bottom right;
        margin: 0 0 0;
        border-radius: 32px;
        background-size: 530px auto;
    }

    .motivation .botom_decor .inner_decor .content {
        /* text-align: center; */
        /* font-size: 32px; */
        /* line-height: 42px; */
        /* color: #fff; */
        /* padding: 50px 134px; */
    }

    .motivation .botom_decor .inner_decor .content > div {
        max-width: 958px;
        margin: 50px auto;
        font-weight: 900;
    }
}

@media screen and (max-width: 860px) {
    #wrapper .motivation h3 {
        font-size: 30px;
        line-height: 34px;
    }

    #wrapper .motivation .library_type .bg_layer {
        background-position: 100px auto;
    }

    #wrapper .motivation .library_type .wrap h4 {
        font-size: 16px;
        line-height: 22px;
    }
}

@media screen and (max-width: 780px) {
    #wrapper .motivation .button a.white-b {
        background: #FFFFFF;
        border-radius: 32px;
        font-size: 14px;
        line-height: 34px;
        color: #221E43;
        font-weight: 900;
        display: inline-block;
        padding: 0 16px;
    }

    #wrapper .motivation h3 {
        font-size: 22px;
        line-height: 26px;
        max-width: 800px;
        text-align: center;
        max-width: 100%;
    }

    #wrapper .motivation .wrap_h3 {
        max-width: 1143px;
        margin: 0 auto;
        padding: 0 0 0 0;
    }

    #wrapper .motivation .otstup {
        padding: 0 40px;
    }

    #wrapper .motivation .library_type {
        padding: 0 16px;
    }

    #wrapper .motivation .library_type .bg_layer {
        background: none;
        text-align: left;
        margin: 38px auto 0;
    }

    #wrapper .motivation .library_type .wrap {
        margin: 0px auto 0;
        max-width: 1143px;
        display: block;
    }

    #wrapper .motivation .library_type .wrap > div {
        height: auto;
        text-align: center;
    }

    #wrapper .motivation .library_type .wrap .plane-colon {
        padding: 0px 0px 0 0px;
        text-align: left;
    }

    #wrapper .motivation .library_type .wrap .plane-colon h3 {
        max-width: 100%;
        width: auto;
        font-size: 22px;
        line-height: 26px;
        width: 100%;
        text-align: center;
    }

    #wrapper .motivation .library_type .wrap .shadow-colon {
        width: 288px;
        min-width: 216px;
        height: auto;
        margin: 0 0 0 16px;
    }

    #wrapper .motivation .library_type .wrap .orange_colon {
        background: #FB6B14 url("/static/pr/cms/13515-motivation/img/bg_orange_colon.svg") no-repeat 0 0;
        width: 290px;
        min-width: 216px;
        color: #fff;
        padding: 0 0 30px;
        background-size: 100% auto;
        height: auto;
        border-radius: 27px;
        margin: 30px 0 0 16px;
        padding: 32px;
    }

    #wrapper .motivation .library_type .wrap .shadow-colon > div {
        background: #FFFFFF;
        box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
        border-radius: 32px 32px 32px 32px;
        height: auto;
        margin: 32px 0 0 0;
        padding: 32px 32px 10px;
    }

    #wrapper .motivation .library_type .wrap .p_book {
        margin: 0 auto 0px;
        background-size: 29px auto;
        padding: 0 0 0 46px;
        background-position: 0 10px;
    }

    #wrapper .motivation .library_type .wrap .e_book {
        background-size: 56px auto;
        padding: 5px 0 5px 71px;
        background-position: 0 0;
    }

    #wrapper .motivation .library_type .wrap h4 {
        font-size: 18px;
        line-height: 24px;
        max-width: 100%;
        margin: 0 auto;
        text-align: left;
    }

    #wrapper .motivation .library_type .wrap ul {
        margin: 24px 0;
        padding: 0 0;
    }

    #wrapper .motivation .library_type .wrap ul li {
        font-size: 14px;
        line-height: 20px;
        margin: 15px 0 0;
        padding: 0 0px;
        text-align: left;
    }

    #wrapper .motivation .button.replaced {
        margin: 30px 0 0;
    }


    #wrapper .motivation .ux_block {
        background: #F9F8FB url("/static/pr/cms/13515-motivation/img/ux-bg.svg") no-repeat 0 right;
        margin: 44px 0px 0;
        border-radius: 32px;
        padding: 50px 0px 203px;
        background-size: 546px auto;
    }

    #wrapper .motivation .ux_block .wrap_ux {
        display: block;
        margin: 33px 0 0;
        position: relative;
    }

    #wrapper .motivation .ux_block .wrap_ux .reshetka {
        position: absolute;
        background: url("/static/pr/cms/13515-motivation/img/reshetka.svg") no-repeat 0 0;
        bottom: -158px;
        right: 59%;
        width: 135px;
        height: 75px;
        display: none;
    }

    #wrapper .motivation .ux_block .wrap_ux .multycolor {
        width: auto;
        padding: 0 16px 0 0;
        max-width: 536px;
    }

    #wrapper .motivation .ux_block .wrap_ux .multycolor ul {
        padding: 0;
    }

    #wrapper .motivation .ux_block .wrap_ux .multycolor ul li {
        background: #E7E5EC;
        border-radius: 0 32px 32px 0;
        margin: 0 0 15px 0;
    }

    #wrapper .motivation .ux_block .wrap_ux .multycolor ul li p {
        line-height: 48px;
        border-radius: 0 32px 32px 0;
        color: #fff;
    }

    #wrapper .motivation .ux_block .wrap_ux .multycolor ul li.li_orange {
        padding: 0 74px 0 0;
    }

    #wrapper .motivation .ux_block .wrap_ux .multycolor ul li.li_orange p {
        background: #FB6B14;
    }

    #wrapper .motivation .ux_block .wrap_ux .multycolor ul li.li_purple {
        padding: 0 126px 0 0;
    }

    #wrapper .motivation .ux_block .wrap_ux .multycolor ul li.li_purple p {
        background: #B76FEF;
    }

    #wrapper .motivation .ux_block .wrap_ux .multycolor ul li.li_yellow {
        padding: 0 290px 0 0;
    }

    #wrapper .motivation .ux_block .wrap_ux .multycolor ul li.li_yellow p {
        background: #FAC342;
    }

    #wrapper .motivation .ux_block .wrap_ux .ux_text {
        max-width: 100%;
        padding: 11px 16px 0 16px;
    }

    #wrapper .motivation .ux_block .wrap_ux .ux_text p {
        font-size: 18px;
        line-height: 26px;
        color: #221E43;
        padding: 0 0px 0 0;
    }
}

@media screen and (max-width: 760px) {
    #wrapper .motivation {
    }

    #wrapper .motivation .whole {
        padding: 0 0px;
    }

    #wrapper .motivation .navy_wrap {
        border-radius: 0 0 50px 50px;
    }

    #wrapper .motivation .navy_wrap h1 {
        font-size: 3.8vw;
        line-height: 4.8vw;
    }

    #wrapper .motivation .navy_wrap h2 {
        font-size: 2.5vw;
        line-height: 3.5vw;
    }

    #wrapper .motivation .navy_wrap .top_baner {
        padding: 66px 25% 74px 5%;
    }

    #wrapper .motivation .navy_wrap .top_baner .pre_header {
    }

    #wrapper .motivation .navy_wrap .top_baner p {
        font-size: 2.3vw;
        line-height: 3.5vw;
        max-width: 415px;
    }

    #wrapper .motivation .botom_decor {
        background: #221E43 url("/static/pr/cms/13515-motivation/img/botton_left.svg") no-repeat -223px 0;
        border-radius: 32px;
        margin: 405px 0 0;
        position: relative;
        background-size: 700px auto;
    }

    #wrapper .motivation .botom_decor .inner_decor {
        background: url("/static/pr/cms/13515-motivation/img/bottom_right.svg") no-repeat bottom right;
        margin: 0 0 0;
        border-radius: 32px;
        background-size: 524px auto;
    }

    #wrapper .motivation .botom_decor .inner_decor .content {
        /* text-align: center; */
        /* font-size: 32px; */
        /* line-height: 51px; */
        /* color: #fff; */
        /* padding: 18px 134px; */
    }

    #wrapper .motivation .botom_decor .inner_decor .content > div {
        max-width: 958px;
        margin: 50px auto;
        font-weight: 900;
    }
}

@media screen and (max-width: 640px) {
    #wrapper .motivation {
    }

    #wrapper .motivation .navy_wrap {
        background: #19223B url("/static/pr/cms/13515-motivation/img/bg_baner-pda_.svg") no-repeat right bottom;
        background-size: 100% auto;
        display: block;
        background-position: right bottom;
    }

    #wrapper .motivation .navy_wrap h1 {
        font-size: 6.8vw;
        line-height: 10vw;
    }

    #wrapper .motivation .navy_wrap h2 {
        font-size: 4vw;
        line-height: 5.8vw;
        /* margin: 6px 0 0; */
    }

    #wrapper .motivation .navy_wrap .top_baner {
        padding: 36px 16px 84% 16px;
    }

    #wrapper .motivation .navy_wrap .top_baner .pre_header {
        margin: 0 0 12px;
        /* display: flex; */
        align-items: flex-start;
    }
    #wrapper .motivation .navy_wrap .top_baner h2 { max-width: max-content;}
    #wrapper .motivation .navy_wrap .top_baner p {
        font-size: 14px;
        line-height: 20px;
        max-width: max-content;
    }

    #wrapper .motivation .library_type {
        padding: 0 0px;
    }

    #wrapper .motivation .booky {
        margin: -672px 0 0;
    }

    #wrapper .motivation .booky .wrap_booky {
        display: block;
        max-width: 1207px;
        justify-content: space-between;
        padding: 0 16px;
        margin: 50px auto 0;
    }

    #wrapper .motivation .booky .wrap_booky > div {
        box-shadow: 0px 10px 30px rgb(0 0 0 / 0.1);
        border-radius: 24px;
        width: 288px;
        margin: 0 0px 17px;
        padding: 76px 19px 13px;
    }

    #wrapper .motivation .booky .wrap_booky .club {
        background: #FFFFFF url("/static/pr/cms/13515-motivation/img/booky_a.svg") no-repeat right 25px;
        background-size: 125px auto;
    }

    #wrapper .motivation .booky .wrap_booky .challenge {
        background: #FFFFFF url("/static/pr/cms/13515-motivation/img/booky_b.svg") no-repeat right 13px;
        background-size: 125px auto;
    }

    #wrapper .motivation .booky .wrap_booky h5 {
        font-size: 24px;
        line-height: 38px;
        margin: 0 0 37px;
        font-weight: 700;
    }

    #wrapper .motivation .booky .wrap_booky ul {
        padding: 0 0;
    }

    #wrapper .motivation .booky .wrap_booky ul li {
    }

    #wrapper .motivation .botom_decor {
        background: #221E43 url("/static/pr/cms/13515-motivation/img/botton_left.svg") no-repeat -153px 0;
        border-radius: 32px;
        margin: 712px 0 0;
        position: relative;
        background-size: 506px auto;
    }

    #wrapper .motivation .botom_decor .inner_decor {
        background: url("/static/pr/cms/13515-motivation/img/bottom_right.svg") no-repeat bottom right;
        margin: 0 0 0;
        border-radius: 32px;
        background-size: 447px auto;
    }

    #wrapper .motivation .botom_decor .inner_decor .content {
        /* text-align: center; */
        /* font-size: 23px; */
        /* line-height: 35px; */
        /* color: #fff; */
        padding: 85px 14px;
    }

    #wrapper .motivation .botom_decor .inner_decor .content > div {
        max-width: 958px;
        margin: 50px auto;
        font-weight: 900;
    }
}

@media screen and (max-width: 540px) {
    #wrapper .motivation {
    }

    #wrapper .motivation .button a.white-b {
        background: #FFFFFF;
        border-radius: 32px;
        font-size: 14px;
        line-height: 34px;
        color: #221E43;
        font-weight: 900;
        display: inline-block;
        padding: 0 16px;
    }

    #wrapper .motivation h3 {
        font-size: 18px;
        line-height: 26px;
        max-width: 800px;
        text-align: center;
        max-width: 100%;
    }

    #wrapper .motivation .wrap_h3 {
        max-width: 1143px;
        margin: 0 auto;
        padding: 0 0 0 0;
    }

    #wrapper .motivation .otstup {
        padding: 0 40px;
    }

    #wrapper .motivation .library_type {
        padding: 0 0px;
    }

    #wrapper .motivation .library_type .bg_layer {
        background: none;
        text-align: left;
        margin: 38px auto 0;
    }

    #wrapper .motivation .library_type .wrap {
        margin: 0px auto 0;
        max-width: 1143px;
        display: block;
    }

    #wrapper .motivation .library_type .wrap > div {
        height: auto;
        text-align: center;
    }

    #wrapper .motivation .library_type .wrap .plane-colon {
        padding: 0px 0px 0 0px;
        text-align: left;
    }

    #wrapper .motivation .library_type .wrap .plane-colon h3 {
        max-width: 100%;
        width: auto;
        font-size: 22px;
        line-height: 26px;
        width: 100%;
        text-align: center;
    }

    #wrapper .motivation .library_type .wrap .shadow-colon {
    }

    #wrapper .motivation .library_type .wrap .orange_colon {
    }

    #wrapper .motivation .library_type .wrap .shadow-colon > div {
    }

    #wrapper .motivation .library_type .wrap .p_book {
    }

    #wrapper .motivation .library_type .wrap .e_book {
    }

    #wrapper .motivation .library_type .wrap h4 {
        font-size: 18px;
        line-height: 24px;
        max-width: 100%;
        margin: 0 auto;
        text-align: left;
    }

    #wrapper .motivation .library_type .wrap ul {
    }

    #wrapper .motivation .library_type .wrap ul li {
        font-size: 14px;
        line-height: 20px;
        margin: 6px 0 0;
        padding: 0 0px;
    }

    #wrapper .motivation .button.replaced {
        margin: 17px 0 0;
    }


    #wrapper .motivation .ux_block {
        background: #F9F8FB url("/static/pr/cms/13515-motivation/img/ux-bg.svg") no-repeat 0 right;
        margin: 44px 0px 0;
        border-radius: 32px;
        padding: 50px 0px 203px;
        background-size: 546px auto;
        background-position: 20px bottom;
    }

    #wrapper .motivation .ux_block .wrap_ux {
        display: block;
        margin: 33px 0 0;
        position: relative;
    }

    #wrapper .motivation .ux_block .wrap_ux .reshetka {
        position: absolute;
        background: url("/static/pr/cms/13515-motivation/img/reshetka.svg") no-repeat 0 0;
        bottom: -158px;
        right: 59%;
        width: 135px;
        height: 75px;
        display: none;
    }

    #wrapper .motivation .ux_block .wrap_ux .multycolor {
        width: auto;
        padding: 0 16px 0 0;
        max-width: 536px;
    }

    #wrapper .motivation .ux_block .wrap_ux .multycolor ul {
        padding: 0;
    }

    #wrapper .motivation .ux_block .wrap_ux .multycolor ul li {
        background: #E7E5EC;
        border-radius: 0 32px 32px 0;
        margin: 0 0 15px 0;
    }

    #wrapper .motivation .ux_block .wrap_ux .multycolor ul li p {
        line-height: 48px;
        border-radius: 0 32px 32px 0;
        color: #fff;
    }

    #wrapper .motivation .ux_block .wrap_ux .multycolor ul li.li_orange {
        padding: 0 32px 0 0;
    }

    #wrapper .motivation .ux_block .wrap_ux .multycolor ul li.li_orange p {
        background: #FB6B14;
    }

    #wrapper .motivation .ux_block .wrap_ux .multycolor ul li.li_purple {
        padding: 0px 57px 0 0;
    }

    #wrapper .motivation .ux_block .wrap_ux .multycolor ul li.li_purple p {
        background: #B76FEF;
        font-size: 14px;
    }

    #wrapper .motivation .ux_block .wrap_ux .multycolor ul li.li_yellow {
        padding: 0 119px 0 0;
    }

    #wrapper .motivation .ux_block .wrap_ux .multycolor ul li.li_yellow p {
        background: #FAC342;
    }

    #wrapper .motivation .ux_block .wrap_ux .ux_text {
        max-width: 100%;
        padding: 11px 16px 0 16px;
    }

    #wrapper .motivation .ux_block .wrap_ux .ux_text p {
        font-size: 18px;
        line-height: 26px;
        color: #221E43;
        padding: 0 0px 0 0;
    }
}


.logo_header {font-size: 1.8vw; line-height: 3vw; margin: 0 0 26px;}
.logo_header span {padding: 0 1.5vw 0 0;background: url(/static/pr/cms/13515-motivation/img/books_logo-50.svg) no-repeat right 0.9vw;background-size: auto 0.8vw;line-height: 2vw;}
@media screen and (max-width: 640px) {
	.logo_header {font-size: 4vw; line-height: 5vw; margin: 0 0 26px;}
	.logo_header span {padding: 0 3.5vw 0 0;background: url(/static/pr/cms/13515-motivation/img/books_logo-50.svg) no-repeat right 1.9vw;background-size: auto 2.1vw;}
}