/* Start:/local/templates/nadpo_visually/components/bitrix/news.detail/history_success_15-11-22/style.css?177487407011809*/
body {
    background: #e5e5e5 !important;
}

.fw-400 {
    font-weight: 400;
}

.fw-700 {
    font-weight: 700;
}

.ta-left {
    text-align: left;
}

.ta-right {
    text-align: right;
}

.mt-20 {
    margin-top: 20px;
}

.mt-27 {
    margin-top: 27px;
}

.black {
    color: #333333;
}

.blue {
    color: #001C93;
}

.success_history_personal-img {
    max-width: 367px;
}

.success_history_personal-img img {
    width: 100%;
}

.success_history_personal-img-mobile {
    display: none;
    max-width: 100%;
}

.success_history_personal-title {
    font-weight: 700;
    font-size: 28px;
    line-height: 33px;
    /* or 118% */


    /* NADPO_COLOR/blue/primary2 */
    margin: 0;
    padding: 0;
}

.success_history_personal__description_general {
    font-size: 18px;
    line-height: 140%;
    /* or 25px */


    /* NADPO_COLOR/gray/black */

    color: #333333;
}

.success_history_personal__description-studying {
    background-color: #ffffff;
    padding: 10px;
    margin-bottom: 50px;
    border-radius: 4px;
}

.success_history_personal__studying-name {
    font-size: 16px;
    line-height: 140%;
    /* or 22px */


    /* NADPO_COLOR/gray/black */

    color: #333333;
}

.success_history_personal__studying-course-name {
    display: flex;
}

.word-course {
    margin-right: 5px;
}

.success_history_personal__studying-date {
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    /* identical to box height, or 17px */


    /* NADPO_COLOR/gray/black */

    color: #333333;

}

.success_history_personal__description-warning {
    background-color: rgba(255, 87, 82, 0.3);
    padding: 30px;
    margin-top: 30px;
    border-radius: 4px;
}

.success_history_personal__desctiption-double {
    display: grid;
    grid-template-columns: auto 367px;
    column-gap: 20px;

    margin-top: 30px;
}

.success_history_personal__description-double-img {
    max-height: 367px;
}

.success_history_personal__description-double-img img {
    width: 100%;
}

.success_history_personal__description_first {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 345px;
    margin-top: 20px;
}

.success_history_personal_it {
    border-bottom: 1px solid #CCCCCC;
}


.success_history_personal-imt-sign {
    font-weight: 400;
    font-size: 10px;
    line-height: 140%;
    /* identical to box height, or 14px */


    /* NADPO_COLOR/gray/black */

    color: #333333;

    margin-top: 6px;
}

.success_history_personal_it {
    padding: 50px 0;
}

.success_history_personal-check-list {
    background-color: #FFFFFF;
    padding: 30px 30px 40px 30px;
    border-radius: 4px;
}

.check-list {
    display: grid;
    grid-template-rows: repeat(5, auto);
    row-gap: 50px;
}

.check-list-item {
    display: flex;
}

.check-list_before .check-list-item {
    background: url("/local/templates/nadpo_visually/components/bitrix/news.detail/history_success_15-11-22/before_nadpo.svg") no-repeat;
}

.check-list_after .check-list-item {
    background: url("/local/templates/nadpo_visually/components/bitrix/news.detail/history_success_15-11-22/after_nadpo.svg") no-repeat;
}

.check-list-item-text {
    padding-top: 7.5px;
    margin-left: 60px;
}

.check-list-item_name {
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;
    /* or 25px */


    /* NADPO_COLOR/gray/black */

    color: #333333;
}

.check-list-item_description {
    margin-top: 17.5px;
}

.success_history_personal_second-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.success_history_personal_second--top_text {
    margin-top: 30px;
}

.test {
    align-items: stretch;
    display: flex;
}

.success_history_personal__third {
    margin-top: 50px;
}

.how-do-it__item-advantage__image {
    max-width: 100%;
}

.how-do-it {
    background-color: #DED3E5;
    padding: 30px;
    border-radius: 4px;
    margin-top: 100px;
}

.success_history_personal__four-description {
    margin-top: 20px;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    /* or 25px */


    /* NADPO_COLOR/gray/black */

    color: #333333;
}

.how-do-it__list-advantages {
    margin-top: 50px;
}

.how-do-it__item-advantages-content {
    padding: 20px;
    background-color: #FFFFFF;
    border-radius: 4px;
}

.how-do-it__item-advantage__image img {
    width: 100%;
    border-radius: 4px;
}

.how-do-it__item-advantage__description {
    margin-top: 20px;
}

.success_history_personal__fifth {
    margin-top: 100px;
    position: relative;

    padding-bottom: 30px;
}

.development-dir__content {
    max-width: 946px;
    padding: 30px;

    background-color: #ffffff;
    border-radius: 4px;

    margin: auto;

    z-index: 1;
}

.development-dir__direction-list {
    margin-top: 43px;
}

.development-dir__direction-list div:not(:first-child){
    margin-top: 27px;
}

.direction-list-item {
    display: flex;
    background: url('/local/templates/nadpo_visually/components/bitrix/news.detail/history_success_15-11-22/after_nadpo.svg') no-repeat;
}

.direction-list-item__text {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    /* or 25px */


    /* NADPO_COLOR/gray/black */

    color: #333333;

    margin-left: 55px;
    padding-top: 7.5px;
}

.development-dir_blue {
    background: linear-gradient(180deg, #1231CC 0%, #0F2282 100%);
    border-radius: 4px;

    position: absolute;
    z-index: -1;

    bottom: 0;
    height: 169px;
    width: 100%;
}

.white--item {
    background-color: #ffffff;
    color: #000000;
}

.blue--item {
    background-color: #001C93;
    color: #ffffff;
}

.success_history_personal__sixth {
    margin-top: 100px;
}

.quotes-client-list--item {
    padding: 30px;
    border-radius: 4px;

    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
}

.quotes-client-list {
    display: grid;
    row-gap: 50px;
}

.dots-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: flex-end;
}

.quotes-client-list--item_text {
    display: flex;
    align-items: center;
    justify-content: center;

    padding-bottom: 54px;
}

.success_history_personal__seventh {
    margin-top: 100px;
}

.video-review__content {
    margin-top: 37px;
    position: relative;
    padding-bottom: 100px;
    /* 16:9 */
    height: 638px;
    width: 100%;
}

.video-review__content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 638px;
    z-index: 1;
}

.video-review {
    position: relative;
    padding-bottom: 100px;
}

.video-review__blue {
    background: url('/local/templates/nadpo_visually/images/back-video.png');
    mix-blend-mode: multiply;
    position: absolute;
    z-index: 0;
    bottom: 0;
    height: 526px;
    width: 100%;
}

.success_history_personal-title_mobile {
    display: none;
}

.success_history_personal_second--bottom_mobile {
    display: none;
}

.mobile {
    display: none;
}

@media (max-width: 480px) {
    .d-none {
        display: none;
    }

    .success_history_personal-title {
        font-weight: 700;
        font-size: 20px;
        line-height: 140%;
    }

    .success_history_personal__description_first {
        margin-top: 20px;
    }

    .success_history_personal-img-mobile {
        display: block;
        margin-top: 20px;
    }

    .success_history_personal-img-mobile img {
        width: 100%;
    }

    .success_history_personal-img {
        display: none;
    }

    .success_history_personal__description-studying {
        margin-top: 20px;
    }

    .mt-xs-30 {
        margin-top: 30px;
    }

    .development-dir__direction-list div:not(:first-child){
        margin-top: 20px;
    }

    .success_history_personal__description-studying {
        margin-bottom: 0;
    }

    .success_history_personal__desctiption-double {
        display: grid;
        grid-template-columns: none;
        column-gap: none;

        grid-template-rows: repeat(2, auto);
        row-gap: 20px;

        margin-top: 30px;
    }

    .ta-xs-left {
        text-align: left;
    }

    .success_history_personal_it {
        padding: 40px 0;
    }

    .test {
        display: block;
    }

    .success_history_personal_second--top_text {
        margin-top: 20px;
    }

    .success_history_personal_second--bottom {
        display: none;
    }

    .success_history_personal-check-list {
        margin-top: 20px;
        padding: 0;
        background-color: transparent;
    }

    .check-list {
        row-gap: 10px;
    }

    .check-list_before .check-list-item {
        background: url("/local/templates/nadpo_visually/components/bitrix/news.detail/history_success_15-11-22/before_nadpo_mobile.svg") no-repeat;
        background-color: #ffffff;
        background-position-x: 12px;
        background-position-y: 12px;
    }

    .check-list_after .check-list-item {
        background: url("/local/templates/nadpo_visually/components/bitrix/news.detail/history_success_15-11-22/after_nadpo_mobile.svg") no-repeat;
        background-color: #ffffff;
        background-position-x: 12px;
        background-position-y: 12px;
    }

    .check-list-item {
        border-radius: 4px;
        padding: 10px;
    }


    .check-list-item-text {
        margin-left: 29px;
        padding-top: 3px;
    }

    .check-list-item_name {
        font-size: 14px;
        line-height: 140%;
    }

    .check-list-item_description {
        margin-top: 10px;
    }

    .check-list .success_history_personal-img-mobile {
        margin-top: 10px;
    }

    .success_history_personal-imt-sign {
        margin-top: 0;
    }

    .success_history_personal__third {
        margin-top: 40px;
    }

    .success_history_personal-title_desctop {
        display: none;
    }

    .success_history_personal-title_mobile {
        display: block;
    }

    .success_history_personal_second--bottom_mobile {
        display: block;
    }

    .how-do-it {
        margin-top: 40px;
        padding: 10px;
    }

    .success_history_personal__four-description {
        font-size: 12px;
        line-height: 140%;
    }

    .how-do-it__list-advantages {
        display: none;
    }

    .success_history_personal__fifth {
        margin-top: 40px;
    }

    .direction-list-item__text {
        font-size: 14px;
        line-height: 140%;

        padding-top: 0;
        margin-left: 29px;
    }

    .direction-list-item {
        background: url('/local/templates/nadpo_visually/components/bitrix/news.detail/history_success_15-11-22/after_nadpo_mobile.svg') no-repeat;
    }

    .mt-20-xs {
        margin-top: 20px;
    }

    .development-dir__direction-list {
        margin-top: 20px;
    }

    .direction-list-item__img svg {
        width: 17px;
        height: 17px;
    }

    .development-dir__content {
        padding: 20px;
        max-width: 100%;
    }

    .development-dir_blue {
        width: 109%;
        left: -5%;
    }

    .success_history_personal-imt-sign-desc {
        display: none;
    }

    .success_history_personal__sixth {
        margin-top: 40px;
    }

    .quotes-client-list {
        display: none;
    }

    .video-review__blue {
        height: 142px;
    }

    .video-review {
        padding-bottom: 20px;
    }

    .success_history_personal__description_general {
        font-size: 14px;
        line-height: 140%;
    }

    .success_history_personal__description-warning {
        padding: 20px;
    }

    .mobile {
        display: block;
    }

    .success_history_personal__seventh {
        margin-top: 40px;
    }

    .video-review__content {
        margin-top: 20px;
    }
}
/* End */
/* /local/templates/nadpo_visually/components/bitrix/news.detail/history_success_15-11-22/style.css?177487407011809 */