

/* Start:/local/templates/main/components/bitrix/news.list/card-project-layout/style.css?17502558344433*/
.card-project {
    display: block;
    background-color: #fff
}

@media (min-width: 990px) {
    .card-project {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 1.25rem;
        height: 25.5rem
    }
}

@media (min-width: 640px) and (max-width: 989.98px) {
    .card-project {
        padding: 1rem 1rem 2.5rem
    }
}

.card-project__image {
    position: relative;
    overflow: hidden
}

@media (min-width: 990px) {
    .card-project__image {
        width: 42.125rem;
        height: 100%;
        margin-right: 5rem;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media (max-width: 989.98px) {
    .card-project__image {
        height: 0
    }
}

@media (min-width: 640px) and (max-width: 989.98px) {
    .card-project__image {
        padding-bottom: 57.5%
    }
}

@media (max-width: 639.98px) {
    .card-project__image {
        padding-bottom: 68.85%
    }
}

@media (min-width: 990px) {
    .card-project__image .image {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.is-loaded .card-project__image .image {
    -webkit-transition: -webkit-transform .8s cubic-bezier(.475, .425, 0, .995);
    transition: -webkit-transform .8s cubic-bezier(.475, .425, 0, .995);
    -o-transition: transform .8s cubic-bezier(.475, .425, 0, .995);
    transition: transform .8s cubic-bezier(.475, .425, 0, .995);
    transition: transform .8s cubic-bezier(.475, .425, 0, .995), -webkit-transform .8s cubic-bezier(.475, .425, 0, .995)
}

@media (min-width: 990px) {
    .card-project:hover .card-project__image .image {
        -webkit-transform: scale(1.04);
        -ms-transform: scale(1.04);
        transform: scale(1.04)
    }
}

.card-project__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 990px) {
    .card-project__info {
        max-width: 27.5rem;
        padding: 2rem 0;
        height: 100%
    }
}

@media (min-width: 640px) and (max-width: 989.98px) {
    .card-project__info {
        padding: 2rem 2.625rem 0
    }
}

@media (max-width: 639.98px) {
    .card-project__info {
        padding: 2rem 1.75rem
    }
}

.card-project__content {
    width: 100%
}

.card-project__heading {
    margin-bottom: 1.5rem
}

@media (min-width: 990px) {
    .card-project__heading {
        margin-bottom: 2rem;
        display: block;
        display: -webkit-box;
        font-size: 1.5rem;
        max-height: 6.345rem;
        line-height: 1.41;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        -webkit-transition-timing-function: ease;
        -o-transition-timing-function: ease;
        transition-timing-function: ease;
        -webkit-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: color;
        -o-transition-property: color;
        transition-property: color
    }

    .card-project:hover .card-project__heading {
        color: #01519d
    }
}

@media (min-width: 990px) {
    .card-project__text {
        display: block;
        display: -webkit-box;
        font-size: .9375rem;
        max-height: 7.5rem;
        line-height: 1.6;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5
    }
}

.card-project__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 1.5rem
}

.card-project__item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #01519d
}

.card-project__item:not(:last-child) {
    margin-right: 1.5rem
}

.card-project__item .icon {
    margin-right: .5rem
}
/* End */


/* Start:/local/templates/main/components/nlmkeducation.local/subscribe.add/subscribe/style.css?17502558344229*/
.subscribe {
    position: relative;
    display: block;
    color: #fff;
    overflow: hidden
}

#modal-success-subscribe.modal.modal--message .modal__text.text-default,
#modal-error-subscribe.modal.modal--message .modal__text.text-default {
    max-width: none;
    font-size: 1.125rem;
    font-family: var(--additional-font);
    color: #202429;
}

#modal-success-subscribe.modal.modal--message .modal__heading.h3,
#modal-error-subscribe.modal.modal--message .modal__heading.h3 {
    font-size: 2rem;
}

#modal-success-subscribe.modal.modal--message,
#modal-error-subscribe.modal.modal--message {
    opacity: unset;
}

.icon--subscribe {
    width: 3.75rem;
    height: 3.75rem;
    margin-bottom: 2.25rem;
}

@media (min-width: 990px) {
    .subscribe {
        position: relative
    }

    .subscribe:after, .subscribe:before {
        position: absolute;
        z-index: -1;
        top: 0;
        height: 100%;
        content: "";
        background-color: #01519d
    }

    .subscribe:before {
        right: 50%;
        width: 40.3125rem
    }

    .subscribe:after {
        right: 0;
        width: 51vw;
        max-width: 1280px;
    }
}

@media (min-width: 990px) and (min-width: 640px) and (max-width: 989.98px) {
    .subscribe:before {
        left: 2.5rem;
        right: auto;
        width: calc(100% - 2.5rem)
    }
}

@media (min-width: 990px) and (max-width: 989.98px) {
    .subscribe:after {
        content: none
    }
}

@media (min-width: 990px) and (max-width: 639.98px) {
    .subscribe:before {
        left: 1rem;
        width: calc(100% - 1rem)
    }
}

@media (max-width: 989.98px) {
    .subscribe {
        background-color: #01519d
    }
}

.subscribe__container {
    position: relative;
    z-index: 1
}

.subscribe__inner {
    padding: 4rem 0
}

@media (min-width: 990px) {
    .subscribe__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 5.5rem 8.3333%
    }
}

@media (min-width: 640px) and (max-width: 989.98px) {
    .subscribe__inner {
        padding: 5rem 0
    }
}

@media (min-width: 990px) {
    .subscribe__heading {
        padding-right: 2.5rem;
        width: 30%
    }
}

@media (max-width: 989.98px) {
    .subscribe__heading {
        margin-bottom: 1.5rem
    }
}

@media (min-width: 640px) and (max-width: 989.98px) {
    .subscribe__heading {
        width: 28.5rem
    }
}

@media (max-width: 639.98px) {
    .subscribe__heading {
        padding-right: 2.5rem
    }
}

@media (min-width: 990px) {
    .subscribe.has-button .subscribe__heading {
        width: 40%
    }
}

.subscribe__text {
    margin-bottom: 2.5rem;
    width: 16.75rem
}

@media (min-width: 640px) {
    .subscribe__text {
        margin-bottom: 2.5rem;
        width: 21rem
    }
}

@media (min-width: 640px) {
    .subscribe.has-button .subscribe__text {
        width: 27.5rem
    }

    #modal-success-subscribe.modal.modal--message .modal__content,
    #modal-error-subscribe.modal.modal--message .modal__content {
        padding: 3rem 6rem 4.125rem 6.5rem;
    }
}

@media (min-width: 990px) {
.subscribe__form {
    width: 33.25rem
}
}

@media (min-width: 640px) and (max-width: 989.98px) {
.subscribe__form {
    width: 28.5rem
}
}

.subscribe__field {
margin-bottom: 1.5rem
}

@media (min-width: 640px) {
.subscribe__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
}

.subscribe__field .field {
width: 100%
}

@media (max-width: 639.98px) {
.subscribe__field .field {
    margin-bottom: 1rem
}
}

.subscribe__field .button {
-ms-flex-negative: 0;
flex-shrink: 0
}

@media (min-width: 990px) {
.subscribe__field .button {
    min-width: 11.25rem
}
}

.subscribe__checkbox .checkbox__text {
font-size: .8125rem;
line-height: 1.3125rem
}

.subscribe__image {
position: absolute;
bottom: 0;
right: 5.5%;
height: 100%;
pointer-events: none
}

@media (min-width: 990px) {
.subscribe__image {
    width: 19.75rem
}
}

@media (min-width: 640px) and (max-width: 989.98px) {
.subscribe__image {
    width: 15.75rem;
    display: none;
}
}

@media (max-width: 639.98px) {
.subscribe__image {
    display: none
}
}
/* End */
/* /local/templates/main/components/bitrix/news.list/card-project-layout/style.css?17502558344433 */
/* /local/templates/main/components/nlmkeducation.local/subscribe.add/subscribe/style.css?17502558344229 */
