/* Start:/local/templates/main/components/bitrix/news.list/contacts/style.css?17502558347507*/

.contacts__top {
    margin-bottom: 3rem
}

@media (min-width: 990px) {
    .contacts__top {
        margin-bottom: 5rem
    }
}

@media (min-width: 640px) and (max-width: 989.98px) {
    .contacts__top {
        margin-bottom: 4.5rem
    }
}

.contacts__top > :last-child {
    margin-bottom: 0
}

.contacts__items {
    margin-bottom: 3rem
}

@media (min-width: 990px) {
    .contacts__items {
        margin-bottom: 5rem
    }
}

@media (min-width: 640px) {
    .contacts__items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 640px) and (max-width: 989.98px) {
    .contacts__items {
        margin-bottom: 4rem
    }
}

.contacts__item {
    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
}

@media (min-width: 990px) {
    .contacts__item {
        width: 33.3333%
    }

    .contacts__item:nth-child(3n+1):nth-last-child(-n+3), .contacts__item:nth-child(3n+1):nth-last-child(-n+3) ~ .contacts__item {
        margin-bottom: 0
    }
}

@media (min-width: 640px) {
    .contacts__item {
        margin-bottom: 3.5rem
    }
}

@media (min-width: 640px) and (max-width: 989.98px) {
    .contacts__item {
        width: 50%
    }

    .contacts__item:nth-child(odd):nth-last-child(-n+2), .contacts__item:nth-child(odd):nth-last-child(-n+2) ~ .contacts__item {
        margin-bottom: 0
    }
}

@media (max-width: 639.98px) {
    .contacts__item:not(:last-child) {
        margin-bottom: 2rem
    }
}

.contacts__item .icon {
    color: rgba(140, 145, 152, .5);
    margin-right: 1rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.contacts__item > :last-child {
    margin-bottom: 0
}

.contacts__caption {
    margin-bottom: 1rem
}

@media (min-width: 990px) {
    .contacts__caption {
        margin-bottom: 2rem
    }
}

@media (min-width: 640px) and (max-width: 989.98px) {
    .contacts__caption {
        margin-bottom: 1.5rem
    }
}

.contacts__phone {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    white-space: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #202429;
    margin-bottom: .5rem;
    -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
}

@media (min-width: 990px) {
    .contacts__phone:hover {
        color: #01519d
    }
}

@media (min-width: 640px) {
    .contacts__phone {
        margin-bottom: 1rem
    }
}

.contacts__email {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .5rem;
    color: #01519d
}

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

    .contacts__email:hover:after {
        background-position: 0 100%;
        background-size: 100% 2px
    }

    .contacts__email:after {
        position: absolute;
        left: 0;
        bottom: -.25rem;
        width: 100%;
        height: .25rem;
        content: "";
        background-size: 0 2px;
        background-position: 100% 100%;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#01519d), to(#01519d));
        background-image: -o-linear-gradient(#01519d, #01519d);
        background-image: linear-gradient(#01519d, #01519d);
        background-repeat: no-repeat;
        will-change: background-size;
        -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: background-size, color;
        -o-transition-property: background-size, color;
        transition-property: background-size, color
    }
}

@media (min-width: 640px) {
    .contacts__email {
        margin-bottom: 1rem
    }
}

.contacts__address {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: .5rem
}

@media (min-width: 640px) {
    .contacts__address {
        margin-bottom: 1rem;
        max-width: 13.25rem
    }
}

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

@media (min-width: 640px) and (max-width: 989.98px) {
    .contacts__suggestion {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

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

@media (min-width: 640px) and (max-width: 989.98px) {
    .contacts__question {
        width: 50%
    }
}

@media (max-width: 639.98px) {
    .contacts__question:not(:last-child) {
        margin-bottom: 1rem
    }
}

.contacts__action {
    font-size: 0;
    line-height: 1
}

@media (max-width: 639.98px) {
    .contacts__map {
        margin-left: -1rem;
        margin-right: -1rem
    }
}

.ymaps-cluster {
    position: relative;
    width: 3rem;
    height: 3rem;
    margin-left: -1.5rem;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    color: #000;
    background-color: #01519d;
    border-radius: 50%
}

.ymaps-cluster__content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap;
    background-color: #fff;
    color: #202429;
    text-align: center;
    border-radius: 50%;
    font-size: .9375rem;
    line-height: 1.5rem
}

.ymaps-placemark {
    position: relative;
    width: 3rem;
    height: 3rem;
    margin-left: -1.5rem;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='48' fill='%2301519D' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.385 21.067c0-2.427 2.067-4.4 4.615-4.4s4.615 1.973 4.615 4.4c0 2.427-2.067 4.399-4.615 4.399s-4.615-1.972-4.615-4.4zM4 21.067C4 10.537 12.957 2 24 2s20 8.538 20 19.067c0 7.848-4.118 14.066-8.528 18.27-2.21 2.107-4.525 3.74-6.508 4.856-.991.557-1.917.995-2.723 1.298-.76.286-1.558.509-2.241.509s-1.481-.223-2.241-.51a20.242 20.242 0 01-2.723-1.297c-1.983-1.115-4.298-2.749-6.508-4.856C8.118 35.133 4 28.915 4 21.067zm20-7.334c-4.246 0-7.692 3.284-7.692 7.334S19.754 28.4 24 28.4s7.692-3.285 7.692-7.334c0-4.05-3.446-7.334-7.692-7.334z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}
/* 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/contacts/style.css?17502558347507 */
/* /local/templates/main/components/nlmkeducation.local/subscribe.add/subscribe/style.css?17502558344229 */