@import "/local/html/static/css/vue-treeselect.css";
@import "/local/html/static/scss/main.css?v=2.1";

@font-face {
    font-family: 'Myriad Pro Modern';
    src: url("/local/html/static/fonts/myriad-pro-cufonfonts/MYRIADPRO-REGULAR.OTF");
    src: local("Myriad Pro Regular"), local("MyriadPro-Regular"), url("/local/html/static/fonts/myriad-pro-cufonfonts/MYRIADPRO-REGULAR.OTF") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro Modern';
    src: url("/local/html/static/fonts/myriad-pro-cufonfonts/MYRIADPRO-SEMIBOLD.OTF");
    src: local("Myriad Pro SemiBold"), local("MyriadPro-SemiBold"), url("/local/html/static/fonts/myriad-pro-cufonfonts/MYRIADPRO-SEMIBOLD.OTF") format("opentype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro Modern';
    src: url("/local/html/static/fonts/myriad-pro-cufonfonts/MYRIADPRO-BOLD.OTF");
    src: local("Myriad Pro Bold"), local("MyriadPro-Bold"), url("/local/html/static/fonts/myriad-pro-cufonfonts/MYRIADPRO-BOLD.OTF") format("opentype");
    font-weight: 700;
    font-style: normal;
}

.soc-telegram {
    background-image: url("/local/html/static/img/svg-sprite/sprite.svg");
    background-position: 1px -3697px;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
}

.print-icon {
    background-image: url("/local/html/static/img/svg-sprite/sprite.svg");
    background-position: -4px -3500px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    margin-right: 8px;
}

.print-text {
    font-size: 14px;
    line-height: 20px;
    color: #767676;
}

.print-title {
    display: none;
    text-align: center;
    color: #1D71B8;
    margin-bottom: 24px;
}

.source-link-print {
    display: none;
}

.image-caption {
    color: #767676;
    margin-top: 10px;
    font-style: italic;
    font-size: 14px;
    line-height: 22px;
}

.image-float {
    width: 390px !important;
    float: left;
    margin: 0 24px 22px 0;
}

@media only screen and (max-width: 768px) {
    .image-float {
        width: 100% !important;
    }
}

.section-title {
    color: #27348B;
    font-weight: 600;
}

.audio-section .section-title {
    margin-bottom: 24px;
}

.news-section .section-title {
    margin-bottom: 24px;
}

.video-gallery {
    max-width: 750px;
    width: 100%;
    margin: 0 auto 88px auto;
    position: relative;
}

.ital-gray {
    display: block;
    font-size: 14px;
    line-height: 16px;
    color: #767676;
    font-style: italic;
    margin-top: 4px;
}

@media screen and (max-width: 768px) {
    .ital-gray {
        margin-top: 8px;
        color: #fff;
    }
}


.tab-pane {
    margin-top: 24px;
}

.top-banner {
    margin-bottom: 42px;
    position: relative;
}

.special-requests--centred {
    max-width: 850px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.q-form__date-icon {
    display: block;
    position: absolute;
    top: 50%;
    right: 26px;
    transform: translate(0, -50%);
    background-image: url("/local/html/static/img/svg-sprite/sprite.svg");
    background-position: -4px -2140px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

.q-info__step-2 {
    margin-bottom: 32px;
}

.q-form__button {
    padding: 16px 32px;
}

.q-form-photo__link {
    margin-right: 10px;
}

.q-info-doc {
    width: 100%;
    max-width: 846px;
    margin: 48px auto;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #DAE3FF;
}


.institute__map {
    margin-bottom: 48px;
}


@media screen and (max-width: 768px) {
    .tab-pane .help-cards__col {
        width: 100%;
    }
}

@media screen and (max-width: 992px) {
    .multiple-datepicker .datepicker-here {
        max-width: none;
    }
}

@media screen and (max-width: 576px) {
    .pagination {
        justify-content: space-between;
    }
}

@media screen and (max-width: 576px) {
    .pagination .page-item-last {
        margin-right: 0;
    }
}

.aside-subscription__body {
    padding-top: 20px;
}

.enrollee-admission-block .tab-pane {
    margin-top: 0;
}

.main-video .video-wrapper__header {
    display: none;
}

.form-items {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 134px;
}

@media only screen and (max-width: 767px) {
    .form-items {
        gap: 8px 134px;
    }
}

@media only screen and (min-width: 1200px) {
    .custom-form {
        max-width: 75%;
    }
}

@media only screen and (min-width: 992px) {
    .custom-form {
        max-width: 83%;
    }
}

.form-custom-select {
    width: 100%;
    max-width: 360px;
}

@media only screen and (max-width: 767px) {
    .form-custom-select {
        max-width: none;
    }
}

.form-custom-select .select2-selection__choice {
    max-width: 300px;
}


.document-accordion__wrap {
    margin-bottom: 60px;
}

@media only screen and (max-width: 767px) {
    .document-accordion {
        margin-bottom: 16px !important;
    }
}

.institute__content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media only screen and (max-width: 576px) {
    .institute__content .page-news__media {
        max-width: none;
        width: 100%;
    }
}

.file-xlsx {
    background-image: url("/local/html/static/img/svg-sprite/sprite.svg?v=1.1");
    background-position: -4px -4470px;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
}

.document-link__group:not(:last-child) {
    margin-bottom: 32px;
}

.document-link__group-name {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #161616;
    opacity: 0.8;
    margin-bottom: 16px;
    word-break: break-word;
}

.sea-start img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.advice-card__content--footer {
    align-items: normal !important;
}

.file-pdf-orange {
    background-image: url("/local/html/static/img/svg-sprite/sprite.svg?v=1.1");
    background-position: -4px -4670px;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
}

.file-docx-blue {
    background-image: url("/local/html/static/img/svg-sprite/sprite.svg?v=1.1");
    background-position: -4px -4605px;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
}

.document-link__size {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #B3B3B3;
    white-space: nowrap;
}

.document-accordion__body .icon {
    margin: 0;
}

.icon-lang {
    width: 21px;
    height: 12px;
}

.icon-rus__list {
    height: auto;
    width: 57px;
    padding: 0 5px;
    left: -18px;
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity 0.5s ease;
}

.fade-enter-from,
.fade-leave-to {
    opacity: 0;
}