@font-face {
    font-family: 'Montserrat'; /* Имя шрифта */
    font-display: swap;
    src: url(fonts/Montserrat/Montserrat-Regular.otf); /* Путь к файлу со шрифтом */
    font-weight: normal;
}

@font-face {
    font-family: 'Montserrat'; /* Имя шрифта */
    font-display: swap;
    src: url(fonts/Montserrat/Montserrat-Medium.otf); /* Путь к файлу со шрифтом */
    font-weight: 500;
}

@font-face {
    font-family: 'Montserrat'; /* Имя шрифта */
    font-display: swap;
    src: url(fonts/Montserrat/Montserrat-SemiBold.otf); /* Путь к файлу со шрифтом */
    font-weight: 600;
}

@font-face {
    font-family: 'Montserrat'; /* Имя шрифта */
    font-display: swap;
    src: url(fonts/Montserrat/Montserrat-Bold.otf); /* Путь к файлу со шрифтом */
    font-weight: bold;
}


@font-face {
    font-family: 'Reforma'; /* Имя шрифта */
    font-display: swap;
    src: url(fonts/reforma/ReformaGroteskLightC.ttf); /* Путь к файлу со шрифтом */
    font-weight: 300;
}

@font-face {
    font-family: 'Jost'; /* Имя шрифта */
    font-display: swap;
    src: url(fonts/jost/Jost-Regular.ttf); /* Путь к файлу со шрифтом */
    font-weight: normal;
}

@font-face {
    font-family: 'Jost'; /* Имя шрифта */
    font-display: swap;
    src: url(fonts/jost/Jost-Medium.ttf); /* Путь к файлу со шрифтом */
    font-weight: 500;
}

@font-face {
    font-family: 'Jost'; /* Имя шрифта */
    font-display: swap;
    src: url(fonts/jost/Jost-SemiBold.ttf); /* Путь к файлу со шрифтом */
    font-weight: 600;
}

@font-face {
    font-family: 'Jost'; /* Имя шрифта */
    font-display: swap;
    src: url(fonts/jost/Jost-Bold.ttf); /* Путь к файлу со шрифтом */
    font-weight: bold;
}


@font-face {
    font-family: 'Roboto'; /* Имя шрифта */
    font-display: swap;
    src: url(fonts/roboto/roboto-regular.ttf); /* Путь к файлу со шрифтом */
    font-weight: normal;
}

@font-face {
    font-family: 'Roboto'; /* Имя шрифта */
    font-display: swap;
    src: url(fonts/roboto/roboto-medium.ttf); /* Путь к файлу со шрифтом */
    font-weight: 500;
}

@font-face {
    font-family: 'Roboto'; /* Имя шрифта */
    font-display: swap;
    src: url(fonts/roboto/roboto-bold.ttf); /* Путь к файлу со шрифтом */
    font-weight: 600;
}


body {
    background: #fff;
    font-family: 'Montserrat', serif !important;
    position: relative;
    font-size: 18px;
}

* {
    box-sizing: border-box;
}


.cookie {
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    bottom: 30px;
    margin: auto;
    left: 0;
    z-index: 1000000000;
    background: #fff;
    padding: 30px 50px;
    width: 50%;
    font-size: 15px;
    line-height: 150%;
    box-shadow: 0 0 100px rgb(0 0 0 / 10%);
    color: #000;
    border-radius: 20px;
    font-weight: 500;
    text-align: center;
}

.close-cookie {
    cursor: pointer;
    background: linear-gradient(90deg, #3F2AFF 0%, #423EDF 100%), #3F2AFF;
    color: #fff;
    border-radius: 10px;
    padding: 10px 20px;
    display: table;
    margin: 0 auto;
    margin-top: 15px;
}

.show-cookie {
    display: table;
}


/*Снежинки*/
.sf-snow-flake {
    position: fixed;
    top: -20px;
    z-index: 99999;
}

.sf-snow-anim {
    top: 110%;
}

.holiday {
    width: 50%;
    padding: 40px 50px;
    border-radius: 20px;
    background: #d1e7d4;
}

.holiday.feb23 {
    background: #d1e7d4;
}

.holiday.marth8 {
    background: #d13055;
    color: #fff;
}


a {
    color: #3D61E0;
}

h1 {
    color: #213457;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 46px;
    line-height: 150%;
}

h2 {
    color: #000000;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 35px;
    line-height: 150%;
}

h2 span {
    color: #3D61E0;
    min-width: 50px;
    display: inline-block;
}

h2 .section-title-h2 {
    font-size: 20px;
    color: #637394;
    margin-top: 12px;
    font-weight: 700;
}

h3 {
    color: #000000;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 30px;
    line-height: 150%;
}

h4 {
    color: #3f5171;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 18px;
    line-height: 150%;

    font-size: 24px;
    font-weight: bold;
    color: #000;
}

h4 span {
    color: #637394;
}

h5 {
    color: #000000;
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 20px;
    line-height: 150%;
}

.content input[type=text], .content select, .content optgroup, .content textarea {
    background: #E7EEF4;
    border-radius: 5px;
    border: 0;
    outline: none;
    font-weight: 500;
    font-size: 16px;
    font-family: 'Montserrat';
    color: #000;
    padding: 10px 18px;
}


.flex {
    display: flex;
}


.none {
    display: none;
}

.content p {
    line-height: 180%;
    margin-bottom: 20px;
}

.content ul {
    margin-bottom: 30px;
}

.content ul li {
    margin-top: 20px;
    margin-bottom: 8px;
    list-style: none;
    position: relative;
    padding-left: 20px;
    line-height: 170%;
}

.content ul li::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #4B74C8;
    border-radius: 20px;
    position: absolute;
    left: 0;
    top: 10px;
}

.content ul li:last-child {
    margin-bottom: 0;
}


.content ul.three-col-ul {
    padding: 0;
}

.content ul.three-col-ul li {
    width: 30%;
    display: inline-block;
}


.content ol {
    padding-left: 20px;
    margin-bottom: 30px;
}

.content ol li {
    margin-top: 8px;
    margin-bottom: 8px;
    position: relative;
    padding-left: 20px;
}

.content ol li::marker {
    font-weight: bold;
    color: #2f66d6;
}

.content ol li ul {
    padding-inline-start: 0;
}


.content ol li:last-child {
    margin-bottom: 0;
}


.content .action-btn {
    display: table;
    padding: 14px 34px;
    color: #3D61E0;
    border-radius: 5px;
    border: 1px solid #3D61E0;
    font-weight: 600;
    font-size: 17px;
    text-decoration: none !important;
    margin-top: auto;
    transition: 0.3s ease;
}

.content .action-btn:hover {
    background: #3D61E0;
    color: #fff;
}


.section-nav-box .section-nav-item {
    height: 200px;
    height: 100%;
    border-radius: 20px;
    padding: 35px;
    display: flex;
    flex-wrap: wrap;
    transition: 0.3s ease;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 40px;
    margin-top: -20px;
}

.section-nav-box .section-nav-item:hover {
    cursor: pointer;
}

.section-nav-box .section-nav-item .section-nav-name {
    font-weight: 600;
    font-size: 19px;
    line-height: 135%;
    margin-top: 30px;
}

.section-nav-box .section-nav-item .section-nav-count {
    font-weight: bold;
    font-size: 48px;
    line-height: 100%;
}

.section-nav-item-box.phone .section-nav-count {
    font-size: 24px;
}

.section-nav-box a {
    text-decoration: none !important;
}

.section-nav-box .section-nav-item-box {
    margin-bottom: 40px;
}


.section-nav-box .section-nav-item-box:nth-child(1n) .section-nav-item {
    background: #43BBCD;
}

.section-nav-box .section-nav-item-box:nth-child(1n):hover .section-nav-item {
    background: #3aa7b7;
}

.section-nav-box .section-nav-item-box:nth-child(1n) .section-nav-name {
    color: #fff;
}

.section-nav-box .section-nav-item-box:nth-child(1n) .section-nav-count {
    color: #97e3ef;
}


.section-nav-box .section-nav-item-box:nth-child(2n) .section-nav-item {
    background: #4B74C8;
}

.section-nav-box .section-nav-item-box:nth-child(2n):hover .section-nav-item {
    background: #1e51ba;
}

.section-nav-box .section-nav-item-box:nth-child(2n) .section-nav-name {
    color: #fff;
}

.section-nav-box .section-nav-item-box:nth-child(2n) .section-nav-count {
    color: #fff;
}


.section-nav-box .section-nav-item-box.phone .section-nav-item {
    background: #F3F6FC;
}

.section-nav-box .section-nav-item-box.phone:hover .section-nav-item {
    background: #dfe5f1;
}

.section-nav-box .section-nav-item-box.phone .section-nav-name {
    color: #000;
}

.section-nav-box .section-nav-item-box.phone .section-nav-count {
    color: #000;
}


@media (max-width: 768px) {
    .section-nav-box .section-nav-item .section-nav-count {
        font-size: 35px;
    }

    .section-nav-box .section-nav-item .section-nav-name {
        font-size: 18px;
    }
}


.non-head {
    height: initial;
}


.head-logo-sect {
    max-width: 300px;
    height: 70px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.message-page {
    background: #f4f9fd url(img/info-ico.svg) bottom right no-repeat;
    border-radius: 10px;
    margin: 15px 0;
    padding: 20px 30px;
    line-height: 170%;
    font-weight: 500;
    text-shadow: 0.1px 0.1px 0.1px rgb(0 0 0 / 30%);
    font-size: 16px;
    display: table;
}

.message-page.error {
    background: #c13c2e url(img/info-ico.svg) bottom right no-repeat;
    border-radius: 10px;
    margin: 15px 0;
    padding: 20px 30px;
    line-height: 170%;
    text-shadow: 0.1px 0.1px 0.1px rgb(0 0 0 / 30%);
    font-size: 16px;
    font-weight: 500;
    background-blend-mode: color-burn;
    color: #fff;
    display: table;
}

.message-page.quotes {
    background: #f4f9fd url(img/quote.svg) bottom right no-repeat;
    border-radius: 10px;
    margin: 15px 0;
    padding: 30px 40px;
    line-height: 170%;
    font-weight: 500;
    text-shadow: 0.1px 0.1px 0.1px rgb(0 0 0 / 30%);
    font-size: 18px;
    display: table;
    margin-bottom: 50px;
}

.quote-author {
    margin-top: 20px;
}

.message-page.error a {
    color: #fff;
}

.message-page.error hr {
    background: #d84e3f;
    width: 100%;
    height: 1px;
    margin: 12px 0;
}

.red {
    color: #b92c24;
}

.message-page ul {
    padding: 0;
    margin: 0;
}

.message-page.mini-box {
    width: 70%;
}

.message-page span {
    font-weight: 500;
}


.section_name {
    cursor: pointer;
}

.content {
    font-weight: 500;
}

.tabs-wrapper .box-title {
    display: table;
}

.tabs-wrapper .box-title-2 {
    margin-top: 20px;
}

.box-title .box-title-tab {
    font-weight: 600;
    font-size: 27px;
    color: #A1ADC6;
    display: inline-block;
    margin-right: 50px;
    vertical-align: middle;
    border-bottom: 2px dotted rgba(0, 0, 0, 0.2);
    padding-bottom: 0px;
}

.box-title-tab:last-child {
    margin-right: 0;
}

.box-title .box-title-tab:hover {
    border: 0;
    padding-bottom: 2px;
    cursor: pointer;
}


.box-title .box-title-tab-2 {
    font-weight: 600;
    font-size: 27px;
    color: #A1ADC6;
    display: inline-block;
    margin-right: 50px;
    vertical-align: middle;
}

.box-title .box-title-tab-2 div {
    border-bottom: 2px dotted rgba(0, 0, 0, 0.2);
    padding-bottom: 0px;
    display: table;
}

.box-title .box-title-tab-2.active div {
    border-color: rgba(30, 81, 189, 0.2);
}

.box-title-tab-2 span {
    display: table;
    font-size: 13px;
    line-height: initial;
}

.box-title-tab-2:last-child {
    margin-right: 0;
}

.box-title .box-title-tab-2:hover {
    cursor: pointer;
}

.box-title .box-title-tab-2:hover div {
    border: 0;
    padding-bottom: 2px;
}

.box-title .box-title-tab.active {
    font-weight: 600;
    font-size: 40px;
    color: #000;
    border: 0;
    padding-bottom: 1px;
    cursor: default;
}

.box-title .box-title-tab-2.active {
    font-weight: 600;
    font-size: 30px;
    color: #1e51ba;
    border: 0;
    padding-bottom: 1px;
    cursor: default;
}


.bg1 {
    background: url(img/bg1.png) no-repeat;
    width: 430px;
    height: 934px;
    position: absolute;
    top: 1650px;
    left: 0;
    z-index: -1;
    display: none;
}


.prof-logo-text {
    background: url(img/prof2023-color.svg) no-repeat;
    width: 418px;
    height: 98px;
    background-size: contain !important;
    position: relative;
}

.prof-logo-text span {
    position: absolute;
    right: 3px;
    top: -18px;
    color: #000;
    font-family: 'Reforma';
    font-size: 39px;
    font-weight: 300;
    line-height: 140%;
}

.table-box {
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
}

.table {
    font-size: 15px;
    margin-bottom: 30px;
}

.table th {
    background: #c0e9da;
    color: #087751;
    border: 0 !important;
    font-size: 15px;
    font-weight: 600;
}

.table td[rowspan] {
    vertical-align: middle;
    text-align: center;
}

.border-td th, .border-td td {
    border: 1px solid #dee2e6;
}

.table-td th, .table-td td {
    border: 1px solid #dee2e6;
}


.tab-item-2 {
    overflow-x: auto;
}

.table-div {
    display: table;
    width: 1440px !important;
}

.table-div .table-div-head {
    background: #c0e9da;
    color: #087751;
    border: 0 !important;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
}

.table-div .table-div-tr {
    margin: 0;
    font-size: 16px;
    border-bottom: 1px solid #d8dce5;
}

.table-div .table-div-th,
.table-div .table-div-td {
    padding: 13px 10px;

    word-wrap: break-word;
}


header {
    background: #fff;
    width: 100%;
    height: 969px;
    padding-top: 43px;
    position: relative;
    overflow-x: hidden;
    overflow-y: clip;

    max-height: 969px;


}

header.new-year-head {
    background: url(img/header-NY.jpg) no-repeat bottom left;
    background-size: cover;
}

header.new-year-head .back-font {
    display: none;
}


header.header-min {
    height: initial;
    padding-top: 43px;
}

header.header-min .header-second-title {
    display: none;
}

header.header-min .header-top {
/ / margin-bottom: 82 px;
}


.date-event {
    font-size: 32px;
    color: #0B9C5B;
    font-weight: bold;
    margin-top: 30px;
}

.up-title {
    font-size: 30px;
    color: #70829f;
    font-weight: bold;
    line-height: 140%;
}

.description-event {
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    color: #67768c;
}


.bread::before {
    content: '';
    display: table;
    width: 584px;
    height: 1px;
    background: #E1EBF7;
    margin-bottom: 40px;
}

.bread {
    margin-bottom: 40px;
    width: 100%;
    display: table;
}

.bread .bread-item {
    line-height: 13px;
    vertical-align: middle;
    display: inline;
}

.bread i {
    vertical-align: middle;
    display: inline-block;
    margin: 0 9px 0 12px;
    width: 4px;
    height: 8px;
    background: url(img/bread-right.svg) no-repeat;
}

.bread .bread-item a span {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #7E869C;
    text-decoration: none !important;
}

.bread .bread-item span {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000;
}


.ul {
    padding-left: 0;
}

.ul li {
    list-style: none;
    margin-bottom: 13px !important;
    list-style: none;
    position: relative;
    padding-left: 30px !important;
}

.ul li::before {
    content: '' !important;
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    background: #0C9D5C !important;
    border-radius: 20px !important;
    margin-right: 24px !important;
    vertical-align: -5px !important;
    position: absolute !important;
    left: 0 !important;
    top: 7px !important;
}

.ul li span {
    display: inline-block;
    width: calc(100% - 40px);
    vertical-align: top;
}

.cols2 {
    column-count: 2;
    column-gap: 60px;
}

p {
    margin-bottom: 30px;
}


header.header-min .header-title {
    margin-bottom: 40px;
}

header.header-min .header-content .header-content-info {
    width: 100%;
}


header.header-min .back-font {
    top: 100px;
    bottom: initial;
    background: linear-gradient(181.43deg, #e9eff5 60.51%, rgba(246, 249, 252, 0) 98.78%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

header .container {
    position: relative;
    z-index: 100;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    width: 100%;

    align-items: baseline;
}

.back-font {
    font-size: 250px;
    color: #e9eff7;
    font-weight: bold;
    line-height: 189px;
    opacity: 0.3;
    position: absolute;
    z-index: 0;
    bottom: 180px;
    left: 55px;
    user-select: none;
}

header .header-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;
    width: 100%;
    align-items: flex-start;
    position: relative;
}

header .header-bottom {
/ / margin-top: auto;
    margin-bottom: 100px;
    width: 100%;
    display: table;
}

.logo {
    background: url(img/logo.svg) no-repeat;
    width: 436px;
    height: 43px;
    background-size: contain !important;
    position: relative;
}

.logo.new-year::before {
    content: '';
    width: 26px;
    height: 19px;
    background: url(img/logo-ny-heat.svg) no-repeat;
    position: absolute;
    top: -7px;
    left: 0;
    z-index: 100;
}

.page-title2 {
    font-weight: 600;
    font-size: 42px;
    color: #213457;
    margin-bottom: 45px;
}

.page-title3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 140%;
}


header .header-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

header .header-content .header-title {
    font-weight: bold;
    font-size: 84px;
    line-height: 91px;
    color: #213457;
    margin-bottom: 20px;
    margin-top: 30px;
}


header .main-title {
    font-weight: bold;
    font-size: 84px;
    line-height: 91px;
    color: #213457;
    margin-bottom: 20px;
    margin-top: 30px;
}

.header-title.title-small {
    font-size: 40px !important;
    line-height: initial !important;
}

.header-title.title-middle {
    font-size: 55px !important;
    line-height: initial !important;
}

header .header-content .header-second-title {
    font-weight: 600;
    font-size: 21px;
    line-height: 150%;
    color: #67768c;
}

header .header-content .header-content-info {
    width: calc(100% - 600px);
}


header .header-content-img {
    width: 498px;
    height: 498px;
    border-radius: 350px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    overflow: hidden;
    position: relative;
    background-size: cover !important;
    background-position: center !important;
}

header .header-content-video {
    width: 498px;
    height: 498px;
    border-radius: 350px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    overflow: hidden;
    position: relative;

    margin-bottom: -90px;
}

header .header-content-video:hover {
    cursor: pointer;
}

.header-content-video::after {
    background: rgba(0, 28, 79, 0.5);
    content: '';
    width: 100%;
    height: 100%;
    display: table;
    position: absolute;
    top: 0;
}


header .header-content-video:hover::after {
    background: #19253C;
    opacity: 0.8;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    content: '';
}


header .header-content-video::before {
    width: 59px;
    height: 74px;
    z-index: 200;
    content: '';
    background-size: cover !important;
    background: url(img/promo-play.svg) center no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transition: 0.3s ease;
    opacity: 0;
}

header .header-content-video:hover::before {
    opacity: 1;
}


header .header-buttons {
    margin-top: 60px;
    margin-bottom: 30px;
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}

.header-buttons .btn {
    margin-right: 0px;
}

.header-buttons .btn:last-child {
    margin-right: 0;
}

.open-modal {
    cursor: pointer;
}

.btn-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.btn-bar .search-ico {
    background-size: cover !important;
    background: url(img/search-ico.svg) no-repeat;
    width: 25px;
    height: 25px;
    margin-right: 40px;
    transition: 0.3s ease;
}

.btn-bar .search-ico:hover {
    opacity: 0.7;
    cursor: pointer;
}


/*LANG START*/
.btn-bar .lang {
    margin-right: 40px;
    text-decoration: none !important;
    transition: 0.3s ease;
    margin-top: 2px;
    display: flex;
    align-items: center;
    position: relative;
}

.selected-lang {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 10;
    font-weight: 700;
    font-size: 17px;
    color: #67768cf0;
}

.selected-lang::after {
    content: '';
    background: url('img/arrow-lang.svg') no-repeat;
    width: 9px;
    height: 9px;
    margin-left: 6px;
    background-size: contain !important;
}

.show-lang .selected-lang::after {
    transform: rotate(180deg);
    margin-top: -5px;
}

.selected-lang:hover {
    cursor: pointer;
}

.show-lang .selected-lang {
    color: #67768c8c;
}

.list-lang {
    display: none;
    background: #fff;
    position: absolute;
    top: -12px;
    left: -15px;
    box-shadow: 0 0 30px rgb(0 0 0 / 15%);
    border-radius: 10px;
    padding: 41px 16px 12px 16px;
    width: 75px;
    z-index: 9;
}

.show-lang .list-lang {
    display: table;
}

.lang-item {
    font-weight: 600;
    font-size: 15px;
    color: #67768C;
    width: 100%;
    display: table;
    padding-top: 5px;
    border-top: 1px solid #b3bbc661;
    margin-top: 5px;
}

.lang-item:hover {
    color: #2946ab;
    text-decoration: none;
}

/*LANG END*/


.btn-bar .cabinet {
    font-weight: 600;
    font-size: 16px;
    color: #413AE4;
    padding: 9px 22px;
    border: 1px solid #413AE4;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-decoration: none !important;
    transition: 0.3s ease;
}

.btn-bar .cabinet:hover {
    background: #413AE4;
    color: #fff;
}

.btn-bar .cabinet .cabinet-ico {
    background-size: cover;
    background: url(img/cabinet-ico.svg) no-repeat;
    width: 14px;
    height: 20px;
    margin-right: 14px;
}

.btn-bar .cabinet:hover .cabinet-ico {
    filter: brightness(0) invert(1);
}


.hbottom-btn {
    font-weight: 600;
    font-size: 19px;
    color: #413AE4;
    padding: 17px 30px;
    border: 1px solid #413AE4;
    border-radius: 10px;
    text-decoration: none !important;
    transition: 0.3s ease;
    display: inline-block;
    margin-right: 20px;
    transition: 0.3s ease;
}

.hbottom-btn:hover {
    background: #413AE4;
    color: #fff;
}

.hbottom-btn span {
    background: #fff;
    display: table;
    padding: 17px 30px;
    border-radius: 8px;
    transition: 0.3s ease;
}


.btn-timetable {
    color: #61A7CB;
    background: linear-gradient(to right, #99CAE2, #61A7CB);
    padding: 2px;
    border: 0;
}

.btn-timetable:hover {
    color: #61A7CB;
    border: 0;
    background: linear-gradient(to right, #99CAE2, #61A7CB);
}

.btn-timetable:hover span {
    background: linear-gradient(to right, #99CAE2, #61A7CB);
    color: #fff;
}


.btn-directory {
    color: #C69C46;
    background: linear-gradient(to right, #E8C57C, #C69C46);
    padding: 2px;
    border: 0;
}

.btn-directory:hover {
    color: #C69C46;
    border: 0;
    background: linear-gradient(to right, #E8C57C, #C69C46);
}

.btn-directory:hover span {
    background: linear-gradient(to right, #E8C57C, #C69C46);
    color: #fff;
}


.btn {
    font-weight: 500;
    font-size: 20px;
    padding: 18px 33px;
    display: inline-block;
    transition: 0.3s ease;
    border-radius: 10px;
    cursor: pointer;
    border: 0;
    outline: none !important;
}

.btn:hover {
    text-decoration: none;
    opacity: 0.7;
}

.btn.btn-blue {
    background: linear-gradient(90deg, #3F2AFF 0%, #423EDF 100%), #3F2AFF;
    color: #fff;
}

.btn.btn-green {
    background: linear-gradient(90deg, #0B9C5B 0%, #1DB16F 100%);
    color: #fff;
}

.btn.btn-gray {
    background: linear-gradient(90deg, #67768c 0%, #8390a2 100%);
    color: #fff;
}

.btn.disabled {
    background: #67768c;
    cursor: no-drop;
    opacity: 0.7;
}

.btn-promo {
    color: #444356;
    font-weight: 600;
    font-size: 18px;
    display: inline-block;
    margin-left: 0px;
    transition: 0.3s ease;
}

.btn-promo:hover {
    color: #444356;
    text-decoration: none;
    opacity: 0.7;
}

.btn-promo i {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 58px;
    height: 58px;
    border-radius: 100px;
    position: relative;
    background: linear-gradient(180deg, #0B9C5B 0%, #126CD6 100%);
}

.btn-promo span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 17px;
}

.btn-promo i::before {
    content: "";
    position: absolute;
    z-index: 1;
    background: #fff;
    border-radius: 100px;
    width: 54px;
    height: 54px;
    left: 2px;
    top: 2px;
}

.btn-promo i::after {
    content: "";
    position: absolute;
    z-index: 2;
    background: url(img/play-mbtn.svg) no-repeat;
    width: 11px;
    height: 14px;
    left: 3px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.btn-small {
    font-size: 16px;
    padding: 9px 18px;
    margin-top: 10px;
}

.calendar-events-btn {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    padding: 13px 23px;
    border-radius: 5px;
    background: #46BC84;
    border: 1px solid transparent;
    transition: 0.3s ease-in-out;
    display: flex;
    align-items: center;
}

.calendar-events-btn span {
    background: url(img/calendar.svg) no-repeat;
    width: 18px;
    height: 18px;
    background-size: contain !important;
    margin-right: 13px;
    display: inline-block;
    filter: brightness(0) invert(1);
    margin-bottom: 2px;
}

.calendar-events-btn:hover {
    text-decoration: none !important;
    color: #46BC84;
    background: #fff;
    border: 1px solid #46BC84;
}

.calendar-events-btn:hover span {
    filter: initial;
}


.box-title {
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 100%;
    color: #000000;
}

.news-box {
    margin-bottom: 90px;
    transition: 0.5s ease;
    position: relative;
}


.articles-box {
    margin-bottom: 130px;
}

.articles-box .box-title {
    margin-bottom: 38px;
}

.articles-box .cats {
    margin-bottom: 54px;
}

.articles-box .cats .cat-item {
    font-weight: 500;
    font-size: 16px;
    color: #000;
    padding: 6px 25px;
    display: inline-block;
    margin-right: 20px;
    border-radius: 30px;
    border: 1px solid rgba(0, 0, 0, 0.17);
}

.articles-box .cats .cat-item.active {
    background: #E6F3FA;
    border: 1px solid #E6F3FA;
}

.articles-box .articles-list .item-articles {
    height: 334px;
    background: #ccc;
    margin-bottom: 40px;
    border-radius: 5px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    display: flex;
    align-items: flex-end;
    padding: 40px;
    font-weight: bold;
    font-size: 18px;
    line-height: 140%;
    color: #fff;
}


.photoslider {
    overflow: hidden;
}

.photoslider .owl-carousel {
    width: 130%;
}

.photoslider .item {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    height: 320px;
    border-radius: 20px;
}

.photoslider .box-title {
    margin-bottom: 47px;
}

.slider-banners {
    margin-bottom: 80px;
    overflow: hidden;
}


.statistic-box {
    margin: 130px 0;
}

.statistic-box .box-title {
    margin-bottom: 58px;
}

.statistic-box .statistic-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: center;
    gap: 60px 11vw;
}

.statistic-box .statistic-list .statistic-item {
    font-weight: 500;
    font-size: 18px;
    line-height: 124%;
    color: #000;
    margin-bottom: 40px;
    min-width: 140px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.statistic-box .statistic-list .statistic-item-numb {
    font-weight: 600;
    font-size: 62px;
    line-height: 124%;
    color: #43bbcd;
}

.statistic-box .statistic-list .statistic-item-numb::after {
    content: '';
    width: 100px;
    height: 1px;
    background: #E4E3E6;
    display: table;
    margin: 0 auto;
    margin-top: 6px;
    margin-bottom: 18px;
}


.univesitet-online {
    background: url(img/uni-online.png) left center no-repeat;
    width: 100%;
    height: 1100px;
    overflow: hidden;
    position: relative;
}

.univesitet-online .figure1 {
    background: url(img/uni-on-figure1.png) left center no-repeat;
    width: 180px;
    height: 153px;
    position: absolute !important;
    right: 422px;
    left: initial !important;
}

.univesitet-online .figure2 {
    background: url(img/uni-on-figure2.png) left center no-repeat;
    width: 393px;
    height: 369px;
    position: absolute !important;
    right: 0;
    top: 550px !important;
    left: initial !important;
    right: 100px;
}

.univesitet-online .figure3 {
    background: url(img/uni-on-figure3.png) left center no-repeat;
    width: 157px;
    height: 155px;
    position: absolute !important;
    top: 300px !important;
    right: 80px;
    left: initial !important;
}

.univesitet-online .uni-online-box {
    margin-top: -100px;
}

.univesitet-online .uni-online-content {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 100;
    position: relative;
}

.univesitet-online .uni-online-content .uni-online-title {
    font-weight: 600;
    font-size: 43px;
    line-height: 130%;
    color: #000;
    margin-bottom: 20px;
}

.univesitet-online .uni-online-content .uni-online-desc {
    font-weight: 500;
    font-size: 19px;
    line-height: 170%;
    color: #000;
    margin-bottom: 50px;
}

.univesitet-online .uni-online-content .uni-online-btn {
    background: #44BAC5;
    border-radius: 10px;
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    padding: 19px 32px;
    display: table;
    text-decoration: none;
    transition: 0.3s ease;
}

.univesitet-online .uni-online-content .uni-online-btn:hover {
    opacity: 0.7;
}

.social-network {
    margin-top: 120px;
}

.social-network .soc-ico {
    display: inline-block;
    margin-right: 60px;
    vertical-align: middle;
    background-size: cover !important;
    transition: 0.3s ease;
    margin-bottom: 30px;
}

.social-network .soc-ico:hover {
    opacity: 0.7;
}

.social-network .soc-ico.soc-yt {
    background: url(img/soc-yt.svg) no-repeat;
    width: 118px;
    height: 26px;
}

.social-network .soc-ico.soc-inst {
    background: url(img/soc-inst.svg) no-repeat;
    width: 154px;
    height: 34px;
    margin-top: 6px;
}

.social-network .soc-ico.soc-vk {
    background: url(img/soc-vk.svg) no-repeat;
    width: 152px;
    height: 22px;
}

.social-network .soc-ico.soc-fb {
    background: url(img/soc-fb.svg) no-repeat;
    width: 158px;
    height: 26px;
}

.social-network .soc-ico.soc-tgm {
    background: url(img/soc-tgm.svg) no-repeat;
    width: 137px;
    height: 33px;
}

.social-network .soc-ico.soc-twit {
    background: url(img/soc-twit.svg) no-repeat;
    width: 114px;
    height: 33px;
}

.social-network .soc-ico.soc-ok {
    background: url(img/soc-ok.svg) no-repeat;
    width: 165px;
    height: 29px;
}

.social-network .soc-ico.soc-rutube {
    background: url(img/soc-rutube.svg) no-repeat;
    width: 89px;
    height: 21px;
}

.social-network .soc-ico.soc-tiktok {
    background: url(img/soc-tiktok.svg) no-repeat;
    width: 108px;
    height: 33px;
}

.social-network .soc-ico.soc-dzen {
    background: url(img/soc-dzen.svg) no-repeat;
    width: 132px;
    height: 35px;
    margin-right: 0;
}


.services-box {
    margin-bottom: 100px;
}

.services-box .box-title {
    margin-bottom: 60px;
}

.services-box .item-service {
    height: 330px;
    border-radius: 20px;
    padding: 33px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    transition: 0.5s ease;
    margin-bottom: 30px;
    text-decoration: none !important;
}

.services-box .item-service:hover {
    margin-top: -15px;
    cursor: pointer;
}

.services-box .item-service.blue {
    background: #4B74C8;
    box-shadow: 0 15px 80px rgb(75 116 200 / 40%);
}

.services-box .item-service.blue:hover {
    background: #1e51ba;
    box-shadow: 0 15px 80px rgb(75 116 200 / 40%);
}

.services-box .item-service.turquoise {
    background: #43BBCD;
    box-shadow: 0 15px 80px rgb(67, 187, 205, 0.4);
}

.services-box .item-service.turquoise:hover {
    background: #3aa7b7;
    box-shadow: 0 15px 80px rgb(67, 187, 205, 0.4);
}

.services-box .item-service.violet {
    background: #652B92;
    box-shadow: 0 15px 80px rgb(67, 187, 205, 0.4);
}

.services-box .item-service.violet:hover {
    background: #401462;
    box-shadow: 0 15px 80px rgb(67, 187, 205, 0.4);
}


.services-box .item-service.green {
    background: #3CB07C;
    box-shadow: 0 15px 80px rgb(60 176 124 / 40%);
}

.services-box .item-service.green:hover {
    background: #0B9C5B;
    box-shadow: 0 15px 80px rgb(60 176 124 / 40%);
}

.services-box .item-service.green-light {
    background: #8bc34a;
    box-shadow: 0 15px 80px rgb(139 195 74 / 30%);
}

.services-box .item-service.green-light:hover {
    background: #70a038;
    box-shadow: 0 15px 80px rgb(139 195 74 / 30%);
}


.services-box .item-service.professionalitet {
    background: #fa5c4f;
    box-shadow: 0 15px 80px rgb(249 92 80 / 40%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.services-box .item-service.professionalitet div {
    background: url('img/serv-professionalitet.svg') no-repeat;
    width: 164px;
    height: 164px;
    background-size: contain;
}


.services-box .item-service .serv-icon {
    margin-bottom: 24px;
    background-size: cover;
    background-repeat: no-repeat !important;
}

.services-box .item-service .serv-icon.school-eng {
    background: url(img/universe.svg) center;
    width: 162px;
    height: 20px;
}

.services-box .item-service .serv-icon.serv-pay {
    background: url(img/serv-pay.svg) center;
    width: 53px;
    height: 47px;
}


.services-box .item-service .serv-icon.microscope {
    background: url(img/microscope.svg) center;
    width: 53px;
    height: 62px;
}

.services-box .item-service .serv-icon.ovvpg {
    background: url(img/ovvpg.svg) center;
    width: 60px;
    height: 60px;
}

.services-box .item-service .serv-icon.about-uni {
    background: url(img/about-ico.svg) center;
    width: 35px;
    height: 60px;
    background-size: contain !important;
}

.services-box .item-service .serv-icon.serv-abitur {
    background: url(img/diplom.png) center;
    width: 60px;
    height: 60px;
    background-size: contain !important;
}


.services-box .item-service .serv-icon.serv-eluniver {
    background: url(img/serv-eluniver.svg) center;
    width: 47px;
    height: 47px;
}

.services-box .item-service .serv-icon.serv-schedule {
    background: url(img/serv-schedule.svg) center;
    width: 55px;
    height: 45px;
}

.services-box .item-service .serv-icon.serv-cdo {
    background: url(img/serv-cdo.svg) center;
    width: 70px;
    height: 43px;
}

.services-box .item-service .serv-icon.serv-sport {
    background: url(img/serv-sport.svg) center;
    width: 46px;
    height: 49px;
}

.services-box .item-service .serv-name {
    font-weight: 600;
    font-size: 18px;
    color: #FFF;
    margin-bottom: 4px;
}

.services-box .item-service .serv-desc {
    font-weight: 500;
    font-size: 15px;
    color: #FFF;
}


.feedback-main {
    margin-top: -250px;
}


.show-promo {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 999;
    width: 100%;
    height: 100%;
    display: none;
}

.show-promo iframe {
    width: 100%;
    height: 100%;
    padding: 60px 160px;
}

.close-promo {
    background-size: cover;
    width: 35px;
    height: 35px;
    position: absolute;
    right: 60px;
    top: 50px;
    background: url(img/close-promo.svg) no-repeat center;
    opacity: 0.5;
    cursor: pointer;
    transition: 0.3s ease;
}

.close-promo:hover {
    opacity: 0.7;
}


.logo-separator {
    background: url(img/logo-separator.svg) no-repeat;
    width: 24px;
    height: 43px;
    margin: 0 auto;
    margin-bottom: 78px;
    display: table;
    background-size: cover !important;

    margin-top: -150px;
    z-index: 200;
    position: relative;
}


.science-project {

}

.science-project .stop-text {
    font-weight: 500;
    font-size: 19px;
    line-height: 150%;
    color: #000;
    text-align: center;
    margin-bottom: 100px;
}

.science-project .stop-text div {
    font-weight: 600;
    font-size: 40px;
    color: #000;
    margin-bottom: 30px;
}


.go-top {
    margin: 110px auto;
    text-align: center;
    display: table;
    text-decoration: none !important;
    display: none;
}

.go-top-ico {
    background: #EEF1F8;
    width: 92px;
    height: 92px;
    display: flex;
    margin: 0 auto;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease;
}

.go-top-ico:hover {
    background: #E1E6F3;
}

.go-top-ico::after {
    background: url(img/go-top.svg) no-repeat;
    width: 26px;
    height: 35px;
    content: '';
}

.go-top-tag {
    font-weight: 600;
    font-size: 18px;
    color: #A1ADC6;
    margin-top: 21px;
}


footer {
    width: 100%;
    background: #2B2B2B;
    color: #fff;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 130px;
    padding: 46px 0 0 0;
}

footer .footer-copy {
    width: 100%;
    background: #313131;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 25px 0;
}

footer .footer-copy .copy {
    color: #9D9D9D;
    font-weight: 500;
    font-size: 15px;
}

footer .footer-copy .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


footer .foot-contact-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

footer .foot-contact {
    font-weight: 400;
    font-size: 15px;
    line-height: 150%;
    color: #fff;
}

footer .foot-contact a {
    color: #fff;
}


.link-sveden {
    font-weight: 500;
    font-size: 15px;
    line-height: 150%;
    color: #fff !important;
    margin-top: 36px;
    margin-bottom: 60px;
    display: table;
    text-decoration: none !important;
}

.link-sveden:hover {
    opacity: 0.7;
}


footer .foot-menu-box {
    padding-left: 46px;
}

footer .foot-menu {
    margin-top: 43px;
    display: flex;
    justify-content: space-between;
}

footer .foot-menu .block-menu {
    margin-bottom: 40px;
}

footer .foot-menu .block-menu .menu-cat {
    font-weight: 600;
    font-size: 20px;
    color: #fff !important;
    text-decoration: none !important;
}

footer .foot-menu .block-menu .menu-cat:hover {
    opacity: 0.7;
}

footer .foot-menu .block-menu .menu-links {
    margin-top: 17px;
}

footer .foot-menu .block-menu .menu-links a {
    font-weight: 500;
    font-size: 17px;
    line-height: 124%;
    color: #D6D6D6;
    margin-bottom: 18px;
    display: table;
    transition: 0.3s ease;
}

footer .foot-menu .block-menu .menu-links a:hover {
    color: #fff;
}


footer .menu-link {
    font-weight: 500;
    font-size: 17px;
    line-height: 124%;
    color: #D6D6D6;
    transition: 0.3s ease;
    display: inline-block;
    margin-left: 30px;
}

footer .menu-link:hover {
    color: #fff;
}

.section-foot-menu {
    display: flex;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
}

.section-foot-menu .menu-link {
    margin-left: 0px;
}

footer .foot-logo {
    background: url('img/foot-logo.svg') no-repeat;
    width: 202px;
    height: 67px;
    display: table;
}

footer .foot-soc-network {
    margin-top: 50px;
}

footer .foot-soc-network .foot-soc-network-item {
    display: inline-block;
    margin-right: 24px;
    vertical-align: middle;
    margin-bottom: 20px;
}

footer .foot-soc-network .foot-soc-network-item:hover {
    opacity: 0.7;
}

}

footer .foot-soc-network .foot-soc-network-item:last-child {
    margin-right: 0;
}

footer .foot-soc-network .foot-soc-network-item.yt {
    background: url('img/foot-yt.svg') no-repeat;
    width: 26px;
    height: 18px;
}

footer .foot-soc-network .foot-soc-network-item.inst {
    background: url('img/foot-inst.svg') no-repeat;
    width: 20px;
    height: 20px;
}

footer .foot-soc-network .foot-soc-network-item.vk {
    background: url('img/foot-vk.svg') no-repeat;
    width: 26px;
    height: 16px;
}

footer .foot-soc-network .foot-soc-network-item.fb {
    background: url('img/foot-fb.svg') no-repeat;
    width: 10px;
    height: 20px;
}

footer .foot-soc-network .foot-soc-network-item.tgm {
    background: url('img/foot-tgm.svg') no-repeat;
    width: 20px;
    height: 20px;
}

footer .foot-soc-network .foot-soc-network-item.twit {
    background: url('img/foot-twit.svg') no-repeat;
    width: 20px;
    height: 20px;
}

footer .foot-soc-network .foot-soc-network-item.ok {
    background: url('img/foot-ok.svg') no-repeat;
    width: 20px;
    height: 20px;
}

footer .foot-soc-network .foot-soc-network-item.tiktok {
    background: url('img/foot-tiktok.svg') no-repeat;
    width: 20px;
    height: 20px;
}

footer .foot-soc-network .foot-soc-network-item.rutube {
    background: url('img/foot-rutube.svg') no-repeat;
    width: 21px;
    height: 20px;
}

footer .foot-soc-network .foot-soc-network-item.dzen {
    background: url('img/foot-dzen.svg') no-repeat;
    width: 21px;
    height: 21px;
}


footer .minobr {
/ / background: url('img/foot-minobr.svg') no-repeat;
/ / height: 46 px;
    width: 200px;
    display: table;
    font-size: 15px;
    line-height: 126%;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 600;
}

footer .minobr:hover {
    opacity: 0.7;
}


.bg-light {
    background-color: initial !important;
}

.navbar-nav .nav-link {
    color: #fff !important;
    margin-right: 60px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
}

.navbar-light .navbar-toggler {
    outline: none !important;
}

.bg-white .navbar-toggler-icon {
    background-image: url(img/toggler-icon.svg);
}


.levels-edu-box .item-levels-edu {
    height: 565px;
    background: #1652a4;
    margin-bottom: 40px;
    border-radius: 20px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    display: flex;
    align-items: flex-end;
    padding: 32px 40px;
    background-position: center !important;
    position: relative;
    overflow: hidden;
}

.levels-edu-box .item-levels-edu a {
    text-decoration: none !important;
}

.levels-edu-box .item-levels-edu:hover .item-levels-name {
    margin-bottom: 5px;
}


.item-levels-mask {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -5%;
    z-index: 1;
}

.item-levels-name {
    position: relative;
    z-index: 20;
    font-weight: 600;
    font-size: 22px;
    line-height: 140%;
    color: #fff;

    transition: 0.3s ease;
}


.flex {
    display: flex;
}


.faq-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-family: 'Montserrat';
    padding: 110px 10px;
    background: #F1F4FA;
    margin-top: 80px;
}

.faq-box .faq-left {
    width: 415px;
}

.faq-box .faq-left .faq-title {
    color: #000;
    font-weight: 600;
    font-size: 43px;
    line-height: 111%;
    text-align: left;
    margin-bottom: 30px;
}

.faq-box .faq-left .faq-desc {
    color: #000;
    font-weight: 500;
    font-size: 19px;
    line-height: 170%;
    text-align: left;
}


.faq-box .faq-list .faq-item {
    border-top: 1px solid #C6C6C6;
    border-bottom: 1px solid #C6C6C6;
    margin-top: -1px;
}

.faq-box .faq-list .faq-item .faq-quest {
    font-weight: 500;
    font-size: 20px;
    color: #000;
    padding: 15px 0;
    transition: 0.3s ease;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.faq-box .faq-list .faq-item .faq-quest::after {
    content: '';
    display: inline-block;
    width: 36px;
    height: 36px;
    background-size: 36px;
    background: url(img/plus.svg) center no-repeat;
    transition: 0.3s ease;
}

.faq-box .faq-list .faq-item .faq-quest:hover {
    cursor: pointer;
    color: #3D61E0;
}


.faq-box .faq-list .faq-item .faq-quest.name-active {
    color: #1E51BA;
}

.faq-box .faq-list .faq-item .faq-quest.name-active::after {
    transform: rotate(180deg);
    background: url(img/close-collapse.svg) center no-repeat;
    width: 36px;
    height: 36px;
    background-size: 36px;
}

.faq-box .faq-list .faq-item .faq-answ {
    padding: 0 0 30px 0;
    display: none;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    letter-spacing: 0.3px;
    text-shadow: 0.1px 0.1px rgba(0, 0, 0, 0.2);
    line-height: 200%;
    text-align: left;
}

.faq-quest-name {
    width: calc(100% - 60px);
}


.faq-box .faq-list .faq-item .faq-answ li {
    list-style: none !important;
    margin-left: 0 !important;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    margin-bottom: 7px;
}

.faq-box .faq-list .faq-item .faq-answ li span {
    width: calc(100% - 50px);
    font-family: 'Montserrat' !important;
}


.partners-box {
    margin-top: 125px;
}

.partners-box .box-title {
    margin-bottom: 60px;
    color: #213457;
}

.partners-box h3 {
    color: #213457;
    margin: 30px 0 50px 0;
    font-weight: 600;
    font-size: 23px;
}

.partners-list {
    display: grid;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 85px;
    grid-template-columns: 16.6% 16.6% 16.6% 16.6% 16.6% 16.6%;
}

.partners-list .partner-item {
    margin-bottom: 60px;
    background-blend-mode: luminosity;
    background-color: #2A3346 !important;
    opacity: 0.7;
}


.section-menu-box {
    margin-top: 30px;
}

.documents-box-page {
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e1e2e2;
}

.documents-box-page .section_name span {
    width: calc(100% - 50px);
    display: inline-block;
    color: #000;
}


.higher-schools-box {

}

.high-school-item-box {
    margin-bottom: 40px;
}

.higher-schools-box .high-school-item {
    min-height: 255px;
    border-radius: 5px;
    padding: 40px 50px;
    display: flex;
    flex-wrap: wrap;
    transition: 0.3s ease;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.higher-schools-box .high-school-item.green {
    background: rgba(197, 238, 220, 0.6);
}

.higher-schools-box .high-school-item.green:hover {
    background: rgba(197, 238, 220, 1);
}

.higher-schools-box .high-school-item.beige {
    background: rgba(233, 198, 126, 0.6);
}

.higher-schools-box .high-school-item.beige:hover {
    background: rgba(233, 198, 126, 1);
}

.higher-schools-box .high-school-item.blue {
    background: rgba(209, 222, 255, 0.6);
}

.higher-schools-box .high-school-item.blue:hover {
    background: rgba(209, 222, 255, 1);
}

.higher-schools-box .high-school-item.purple {
    background: rgba(211, 212, 241, 0.6);
}

.higher-schools-box .high-school-item.purple:hover {
    background: rgba(211, 212, 241, 1);
}

.higher-schools-box .high-school-item.beige-light {
    background: rgba(243, 208, 158, 0.6);
}

.higher-schools-box .high-school-item.beige-light:hover {
    background: rgba(243, 208, 158, 1);
}

.higher-schools-box .high-school-item.turquoise {
    background: rgba(183, 218, 236, 0.6);
}

.higher-schools-box .high-school-item.turquoise:hover {
    background: rgba(183, 218, 236, 1);
}

.higher-schools-box .high-school-item.pink {
    background: rgba(248, 225, 239, 0.6);
}

.higher-schools-box .high-school-item.pink:hover {
    background: rgba(248, 225, 239, 1);
}

.higher-schools-box .high-school-item.blue-light {
    background: rgba(224, 241, 251, 0.6);
}

.higher-schools-box .high-school-item.blue-light:hover {
    background: rgba(224, 241, 251, 1);
}


.higher-schools-box .high-school-item:hover {
    cursor: pointer;
}

.higher-schools-box .high-school-item .high-school-name {
    font-weight: 600;
    font-size: 25px;
    line-height: 130%;
    color: #000;
}

.higher-schools-box .high-school-item:hover {
    text-decoration: none;
}

.higher-schools-box .high-school-item:hover .high-school-name {
    text-decoration: underline;
}

.higher-schools-box .high-school-item .direction-school {
    font-weight: 500;
    font-size: 17px;
    color: #1B1B1B;
    margin-top: 50px;
}


.about-school-box {
    line-height: 180%;
    font-weight: 400;
    font-size: 18px;
    color: #000;
    margin-bottom: 100px;
}

.about-school-box .box-title {
    margin-bottom: 30px;
}

.about-school-leader-box {
/ / margin-top: 75 px;
    width: 330px;
}


.facts-box {
/ / margin-bottom: 130 px;
}

.facts-box .box-title {
    margin-bottom: 44px;
}

.facts-box .exams {
    margin-top: 50px;
}

.facts-box .exams .exams-box {
    display: inline-block;
}

.facts-box .exams .exams-box .exams-tag {
    font-weight: 600;
    font-size: 18px;
}

.facts-box .exams .exams-box.exams-mandatory .exams-tag {
    color: #309367;
}

.facts-box .exams .exams-box.exams-to-choose .exams-tag {
    color: #2A7AA7;
}

.facts-box .exams .exams-box .exams-item-box {
    display: inline-block;
    margin-right: 80px;
}

.facts-box .exams .exams-box .exams-item-box .exams-score {
    font-weight: 600;
    font-size: 72px;
    line-height: 88px;
}

.facts-box .exams .exams-box .exams-name::before {
    display: table;
    content: '';
    width: 158px;
    height: 1px;
    background: #E4E3E6;
    margin-top: 13px;
    margin-bottom: 15px;
}

.facts-box .exams .exams-box.exams-mandatory .exams-score {
    color: #48C78E;
}

.facts-box .exams .exams-box.exams-to-choose .exams-score {
    color: #4899C7;
}

.facts-box .exams .exams-box .exams-item-box .exams-name {
    font-weight: 500;
    font-size: 27px;
    color: #000;
}

.facts-box .facts-desc {
    font-size: 15px;
    line-height: 180%;
    color: #000;
    margin-top: 44px;
}

.people-school-box .box-title {
    margin-bottom: 50px;
}


.people-card {

}

.people-card .people-card-photo {
    width: 100%;
    height: 330px;
    border-radius: 5px;
    overflow: hidden;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin-bottom: 30px;
}

.people-card .people-card-name {
    font-weight: 600;
    font-size: 23px;
    line-height: 140%;
    color: #000;
    margin-bottom: 15px;
}

.people-card .people-card-position {
    font-weight: 500;
    font-size: 15px;
    color: #2A303A;
}

.people-list .people-card .people-card-photo {
    height: 334px;
}

.people-list .people-card-box {
    margin-bottom: 60px;
}

.people-list .people-card-box a {
    text-decoration: none;
}

.people-list .people-card-box a:hover .people-card-name {
    text-decoration: underline;
    text-decoration-color: #0056b3 !important;
}

.people-list .all-people {
    font-weight: 600;
    font-size: 18px;
    color: #000 !important;
    text-align: center;
    width: 100%;
    display: table;
    margin-top: 30px;
    text-decoration: none !important;
    transition: 0.3s ease;
    border-radius: 5px;
    padding: 30px;
}

.people-list .all-people:hover {
    background: #F2F6FC;
}

.people-list .all-right {
    background: url('img/right-more.svg') no-repeat;
    width: 0px;
    height: 14px;
    background-size: cover;
    margin-left: 0px;
    transition: 0.3s ease;
    opacity: 0;
}

.people-list .all-people:hover .all-right {
    width: 26px;
    margin-left: 22px;
    display: inline-block;
    opacity: 1;
    transition: 0.3s ease;
}


#tabs {
    margin: 130px 0;
}

#tabs .box-title {
    text-align: center;
    display: table;
    width: 100%;
    margin-bottom: 52px;
}

.tabs-nav {
    margin: 0;
    padding: 0;
    margin: 0 auto;
    display: table;
    height: 160px;
}

.tabs ul li::before {
    display: none;
}

.tabs-nav a {
    transform: scale(0.7);
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    list-style: none !important;
    transition: 0.3s ease;
    opacity: 0.5;
    margin: 0 -19px;
    position: relative;
    transition: 0.3s ease;
}

.tabs-nav a:hover {
    opacity: 1;
}

.tabs-nav a li {
    width: 160px;
    height: 160px;
    background-position: center !important;
    background-size: cover !important;
    border-radius: 100%;
}

.tabs-nav a.active {
    transform: scale(1);
    opacity: 1;
    margin: 0 8px;
}

.tabs-nav a.active::after {
    content: '';
    display: table;
    background: url(img/quotes.svg) no-repeat;
    width: 44px;
    height: 44px;
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -28px;
}


.tabs-items {
    text-align: center;
    margin-top: 50px;

}

.tabs-item .person-review-status {
    font-weight: 500;
    font-size: 13px;
    line-height: 180%;
    color: #474747;
    width: 40%;
    margin: 0 auto;
}

.tabs-item .person-review-name {
    font-weight: 600;
    font-size: 20px;
    color: #000;
    margin-bottom: 12px;
}

.tabs-item .person-review-text {
    font-weight: 500;
    font-size: 15px;
    line-height: 170%;
    color: #000;
    width: 61%;
    margin: 0 auto;
    margin-bottom: 40px;
}


.brief-information {
    background: #F1F4FA;
    padding: 30px 20px 10px;
    margin-bottom: 100px;
    border-radius: 10px;
    margin-top: 40px;
}

.brief-information .container {
    display: flex;
    flex-wrap: wrap;
}

.brief-information .brief-info-item {
    display: flex;
    flex-wrap: wrap;
    margin-right: 80px;
    margin-bottom: 30px;
    align-items: center;
}

.brief-information .brief-info-item .brief-info-item-ico {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: -17px;
}

.brief-information .brief-info-item .brief-info-item-ico.brief-time {
    width: 42px;
    height: 42px;
    background: url(img/brief-time.svg) no-repeat;
    background-size: cover !important;
}

.brief-information .brief-info-item .brief-info-item-ico.brief-diplom {
    width: 29px;
    height: 49px;
    background: url(img/brief-diplom.svg) no-repeat;
    background-size: cover !important;
}

.brief-information .brief-info-item .brief-info-item-ico.brief-study {
    width: 55px;
    height: 42px;
    background: url(img/brief-study.svg) no-repeat;
    background-size: cover !important;
}

.brief-information .brief-info-item .brief-info-item-ico.brief-lang {
    width: 42px;
    height: 41px;
    background: url(img/brief-lang.svg) no-repeat;
    background-size: cover !important;
}


.brief-information .brief-info-item .brief-info-item-info {
    display: inline-block;
}

.brief-information .brief-info-item .brief-info-item-info .brief-info-item-info-param {
    font-weight: 600;
    font-size: 29px;
    color: #000;
}

.brief-information .brief-info-item .brief-info-item-info .brief-info-item-info-tag {
    font-weight: 500;
    font-size: 16px;
    color: #000;
}


.school-programs .box-title {
    margin-bottom: 50px;
}

.school-programs .school-programs-list .school-programs-item-name {
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    color: #000;
    padding: 20px 30px;
    padding-left: 0;
    background: #fff;
    margin-bottom: 22px;
    transition: 0.3s ease;
    border-bottom: 1px solid #e3e7ec;
}

.school-programs .school-programs-list .school-programs-item-name:hover {
    padding-left: 30px;
    box-shadow: 7px 6px 32px rgba(0, 0, 0, 0.1);
    color: #003CB0;
    cursor: pointer;
    border-radius: 10px;
    border-bottom: 1px solid #fff;
}

.school-programs .school-programs-list .school-programs-item-name.active {
    padding-left: 30px;
    box-shadow: 7px 6px 32px rgba(0, 0, 0, 0.1);
    color: #003CB0;
    cursor: pointer;
    margin-bottom: 0px;
    border-radius: 10px;
    border-bottom: 1px solid #fff;
}

.school-programs .school-programs-item-info {
    display: none;
    transition: 0.3s ease;
}

.school-programs .school-programs-item-info.active {
    display: table;
    margin-bottom: 40px;
    border: 1px solid #e3e7ec;
    border-top: 0;
    padding: 50px;
}

.school-programs {
    line-height: 180%;
    font-weight: 400;
    font-size: 18px;
    color: #000;
    margin-bottom: 120px;
}

.school-programs .about-program b {
    font-weight: 600;
}


.contacts-box {
    margin-top: 60px;
}

.contacts-box .box-title {
    margin-bottom: 55px;
}

.contacts-box .contact-item {
    background: #F3F6FC;
    border-radius: 5px;
    padding: 50px;
    color: #000;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}

.contacts-box .contact-item-box {
    margin-bottom: 40px;
}

.contacts-box .contact-item .contact-item-top {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 60px;
    width: 100%;
}

.contacts-box .contact-item .contact-item-top .contact-item-main {
    font-weight: 600;
    line-height: 140%;
}

.contacts-box .contact-item .contact-item-top .contact-item-main.phone {
    font-size: 32px;
}


.contacts-box .contact-item .contact-item-top .contact-item-main.phone span {
    font-size: 19px;
    margin-top: 10px;
    display: table;
    line-height: 150%;
}


.contacts-box .contact-item .contact-item-top .contact-item-main.mail {
    font-size: 25px;
}

.contacts-box .contact-item .contact-item-top .contact-item-main.mail a {
    color: #3D61E0 !important;
}

.contacts-box .contact-item .contact-item-top .contact-item-main.city {
    font-size: 23px;
}

.contact-item-box .contact-item-box-people {
    font-size: 19px;
    font-weight: 700;
    line-height: 150%;
    margin-top: 10px;
}

.contact-item-box .contact-item-box-people span {
    font-size: 16px;
    font-weight: 600;
}

.contacts-box .contact-action-btn {
    display: table;
    padding: 14px 34px;
    color: #3D61E0;
    border-radius: 5px;
    border: 1px solid #3D61E0;
    font-weight: 600;
    font-size: 17px;
    text-decoration: none !important;
    margin-top: auto;
    transition: 0.3s ease;
}

.contacts-box .contact-action-btn:hover {
    background: #3D61E0;
    color: #fff;
}


.links-box {

}

.links-box li {
    display: table;
    width: 100%;
    font-size: 17px;
    margin-bottom: 7px;
}

.links-box li a {
    color: #3D61E0 !important;
}

.links-box li span {
    margin-right: 10px;
}

.links-box .link-no {
    display: inline-block;
    vertical-align: top;
}

.desc-message {
    padding: 40px;
    background: #ebf9ff;
    border-radius: 10px;
    display: table;
}

.desc-message p {
    margin-bottom: 6px;
}


.calendar-event-box .box-title {
    margin-bottom: 54px;
}


.search-show {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
    z-index: 990;
    box-shadow: 0 0 150px rgb(0 0 0 / 30%);

    transition: 0.3s ease;
    height: 0;
    top: -106px;
}

.search-show.active {
    height: 106px;
    top: 0;
}


.all-materials {
    font-weight: 600;
    font-size: 18px;
    color: #000;
    width: 100%;
    padding: 30px;
    display: table;
    border: 1px solid #d1dbe8;
    border-radius: 5px;
    margin-top: 20px;
    text-align: center;
    transition: 0.3s ease;
    text-decoration: none !important;
}

.all-materials:hover {
    background: #F2F6FC;
    border-color: #F2F6FC;
    color: #000;
}

.all-materials-arrow {
    background: url('img/all-materials-arrow.svg') no-repeat;
    width: 26px;
    height: 14px;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0;
    opacity: 0;
    transition: 0.3s ease;
}

.all-materials:hover .all-materials-arrow {
    opacity: 1;
    margin-left: 24px;
}


.highcharts-credits {
    display: none;
}

.highcharts-title {
    font-family: 'Montserrat';
    font-weight: 600;
    fill: #000;
}


#container1 {
    height: 300px;
}

#container2 {
    height: 300px;
}

#container3 {
    height: 600px;
}


.filter-search-box {
    background: #879fbc;
    border-radius: 5px;
    padding: 30px 40px 40px 40px;
}

.filter-search-box .filter-title {
    color: #fff;
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 15px;
}


/*Navigation page*/
.nav-page {
    padding: 32px 40px;
    background: #f1f5f7;
    border-radius: 5px;
    width: 50%;
    margin-bottom: 50px;
}

.nav-page .nav-page-tagline {
    font-weight: 600;
    color: #213457;
    font-size: 18px;
}

.nav-page .nav-page-list {
    margin-top: 12px;
    list-style: none;
    padding: 0;
    counter-reset: my-awesome-counter;
}

.nav-page .nav-page-list li {
    margin-bottom: 13px;
    line-height: 24px;
    display: inline-block;
    width: calc(100% - 25px);
    vertical-align: top;
    counter-increment: my-awesome-counter;
    position: relative;
    padding-left: 23px;
}

.nav-page .nav-page-list li::before {
    content: counter(my-awesome-counter) ". ";
    display: inline-block;
    min-width: 20px;
    position: absolute;
    left: 0;
}

.nav-page .nav-page-list a {
    font-size: 15px;
    font-weight: normal;
    transition: 0.2s ease;
    color: #272727 !important;
    text-decoration: none;
    border-bottom: 1px dotted #949494;
    text-shadow: 0.1px 0.1px 0.1px rgb(0 0 0 / 30%);
    display: inline;
    width: calc(100% - 36px);
    vertical-align: top;
}

.nav-page .nav-page-list a:hover {
    color: #0b71ea;
    border-bottom: 0;
    padding-bottom: 1px;
}

.nav-page .nav-page-list .nav-arr {
    background: url('img/nav-arr.png') left no-repeat;
    width: 10px;
    height: 9px;
    margin-right: 11px;
    display: inline-block;
    vertical-align: 4px;
}


.list-slider {
    display: none;
}

.list-slider.active {
    display: block;
}

.list-slider .doc-list {
    padding-left: 30px;
}

.section_name {
    cursor: pointer;
}

.section_name::after {
    display: inline-block;
    content: "";
    background: url('img/arrow_b.svg') center no-repeat;
    width: 22px;
    height: 16px;
    margin-left: 10px;
    opacity: 1;
    transition: 0.3s ease;
}

.section_name.active::after {
    transform: rotate(180deg);
}


.ekc-box {
    background: #F6FAFD;
    border-radius: 30px;
    padding: 70px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
    color: #000;
    margin-bottom: 70px;
}

.ekc-h2 {
    font-size: 27px;
    font-weight: bold;
    line-height: 110%;
}

.ekc-fio {
    font-size: 23px;
    font-weight: 600;
    line-height: 140%;
    margin-top: 30px;
}

.ekc-phone-box {
    margin-top: 23px;
    display: grid;
    align-items: baseline;
    gap: 11px;
    grid-template-columns: 16px 1fr;
}

.ekc-phone-box .ico {
    width: 16px;
    height: 16px;
    background: url(img/phone.svg) no-repeat;
    background-size: contain !important;
}

.ekc-phone-2 {
    display: flex;
    gap: 10px 30px;
    flex-wrap: wrap;
}

.ekc-phone-box .number {
    font-size: 23px;
    font-weight: bold;
    line-height: 110%;
}

.ekc-phone-box .number-desc {
    font-size: 16px;
    font-weight: 500;
    line-height: 110%;
    margin-top: 6px;
}

.ekc-web, .ekc-email {
    font-size: 23px;
    font-weight: bold;
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 11px;
}

.ekc-web a, .ekc-email a {
    color: #133781;
    text-decoration: underline;
}

.ekc-email .ico {
    width: 16px;
    height: 16px;
    background: url(img/mail.svg) no-repeat;
    background-size: contain !important;
}

.ekc-web .ico {
    width: 16px;
    height: 16px;
    background: url(img/web.svg) no-repeat;
    background-size: contain !important;
}

.pvv-logo {
    background: url('img/pvv-logo.png') no-repeat;
    width: 171px;
    height: 63px;
    margin-top: 14px;
}

@media (max-width: 1300px) {
    .ekc-phone-2 {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 940px) {
    .ekc-h2 {
        font-size: 24px;
    }

    .ekc-box {
        grid-template-columns: repeat(1, 1fr);
    }

    .ekc-phone-box .number {
        font-size: 20px;
    }

    .ekc-web, .ekc-email {
        font-size: 20px;
    }
}


.calculator-use .filter {
    padding: 40px;
    background: #f6f8fb;
    border-radius: 20px;
    margin-top: 40px;
}

.calculator-use .filter .info {
    margin-bottom: 40px;
    font-size: 20px;
    font-weight: 600;
}

.calculator-use .input-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.calculator-use .item-element {
    margin-bottom: 20px;
}

.calculator-use .item-element .title {
    font-size: 16px;
    margin-bottom: 5px;
}

.calculator-use .item-element .input {
    background: #E7EEF4;
    border-radius: 5px;
    font-weight: 600;
    font-size: 18px;
    color: #000;
    padding: 18px 24px;
    border: 0;
    outline: none;
}

.calculator-use .item-element .input::placeholder {
    color: #828AA5;
}

.calculator-use .button-box {
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

.calculator-use .submit {
    background: linear-gradient(90deg, #3F2AFF 0%, #423EDF 100%), #3F2AFF;
    border-radius: 5px;
    font-weight: 500;
    font-size: 18px;
    padding: 18px 45px;
    display: inline-block;
    transition: 0.3s ease;
    border: 0;
    outline: none !important;
    color: #fff;
    margin-right: 40px;
}

.calculator-use .reset {
    background: linear-gradient(90deg, #949494 0%, #929292 100%), #b1b1b1;
    border-radius: 5px;
    font-weight: 500;
    font-size: 18px;
    padding: 18px 45px;
    display: inline-block;
    transition: 0.3s ease;
    border: 0;
    outline: none !important;
    color: #fff;
}


.calculator-use .item-spec {
    margin: 40px 0;
}

.calculator-use .spec-name {
    font-size: 40px;
    margin-bottom: 25px;
}

.calculator-use .disc-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.calculator-use .item-disc {
    margin-bottom: 20px;
}

.calculator-use .disc-name {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: -2px;
}

.calculator-use .type {
    color: #7f0505;
    margin-bottom: 5px
}

.calculator-use .type2 {
    color: #08b33d;
    margin-bottom: 5px
}

.calculator-use .error {
    margin-top: 100px;
    font-size: 25px;
}

.calculator-use .contact-action-btn {
    display: table;
    padding: 14px 34px;
    color: #3D61E0;
    border-radius: 5px;
    border: 1px solid #3D61E0;
    font-weight: 600;
    font-size: 17px;
    text-decoration: none !important;
    margin-top: auto;
    transition: 0.3s ease;
}

.calculator-use .contact-action-btn:hover {
    background: #3D61E0;
    color: #fff;
}


.static-page-box {
    margin: 50px 0 50px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 30px;
}

.static-item-box {
    display: inline-block;
    width: calc(100% / 3 - 20px);
    vertical-align: top;
    margin-bottom: 40px;
}

.static-item-box .static-score {
    font-weight: 600;
    font-size: 72px;
    color: #48C78E;
}

.static-item-box .static-score span {
    display: table;
    font-size: 27px;
    color: #637394;
    margin-top: -19px;
}

.static-item-box .static-name {
    font-weight: 500;
    font-size: 19px;
    color: #000;
}


.exams-name::before {
    display: table;
    content: '';
    width: 158px;
    height: 1px;
    background: #E4E3E6;
    margin-top: 13px;
    margin-bottom: 15px;
}


.fancy-gallery {
    display: grid;
    flex-wrap: wrap;
    justify-content: space-between;
    grid-template-columns: repeat(auto-fill, calc(20% - 10px));
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin: 50px 0;
}

.fancy-photo {
    width: 100%;
    height: 230px;
    overflow: hidden;
    display: flex;
/ / align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 20px;
}

.fancy-photo img {
    width: 150%;
    height: auto;
}


#tns1-iw {
    margin: 0px !important;
}

.tns-inner .fancy-photo {
    width: 100%;
    height: 100%;
}

.tns-inner .fancy-photo img {
    height: auto;
    width: auto;
}

#tns1, #tns2, #tns3, #tns4, #tns5, #tns6, #tns7, #tns8 {
    margin: 0 auto;
}

.fancy-photo.one-photo {
    width: 300px;
    height: 200px;
}

.fancy-photo.one-photo img {
    width: 100%;
    height: auto;
    width: initial;
    height: initial;
    max-width: 100%;
    height: min-content;
    width: min-content;
}


.block {
    margin: 30px 0;
}


/*modal*/
.overlay {
    width: 100%;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.75);
    opacity: 0;
    pointer-events: none;
    transition: 0.35s ease-in-out;
    max-height: 100vh;
    overflow-y: auto;
    z-index: 1000;
}

.overlay.open {
    opacity: 1;
    pointer-events: inherit;
}


.modal {
    display: none;
}


.modal::-webkit-scrollbar-button {
    background-repeat: no-repeat;
    width: 10px;
    height: 0;
}

.modal::-webkit-scrollbar-track {
    background-color: #f3f5f6;
    border-radius: 10px;
    width: 10px;
}

.modal::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #dbe0ec;
}

.modal::-webkit-resizer {
    width: 10px;
    height: 0;
}

.modal::-webkit-scrollbar {
    width: 10px;
    height: 6px;
}

.overlay.open .modal {
    background: #fff;
/ / text-align: center;
    padding: 40px 50px;
    box-shadow: 0px 1px 10px rgb(255 255 255 / 35%);
    transition: 0.35s ease-in-out;
    max-height: 100vh;
    overflow-y: auto;
    display: block;
    border-radius: 10px;
    position: relative;
    max-width: 800px;
}

.overlay .modal.open {
    opacity: 1;
    pointer-events: inherit;
}

.overlay .modal.open .content {
    transform: translate(0, 0px);
    opacity: 1;
}

.overlay .modal .content {
    transform: translate(0, -10px);
    opacity: 0;
    transition: 0.35s ease-in-out;
}

.overlay .modal h2 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 30px;
}


.close-modal {
    background: url('img/close.svg') no-repeat;
    width: 35px;
    height: 35px;
    background-size: 35px;
    position: absolute;
    right: 50px;
    top: 40px;
    border: 0 !important;
    z-index: 100;
    opacity: 0.2;
    padding: 0 !important;
}

.overlay-start .modal h2 {
    font-weight: bold;
    font-size: 50px;
    margin-bottom: 30px;
    text-align: center;
    line-height: initial;
}

.overlay-start {
    background: rgba(255, 255, 244, 0.9) url(img/overlay-start.png) top center no-repeat;
    background-size: 120%;
}

.overlay-start .modal {
    box-shadow: 0px 0px 100px rgba(153, 156, 11, 0.15) !important;
    border-radius: 50px !important;
    padding: 50px 60px !important;
}

.modal-start-text {
    font-weight: 500;
    font-size: 20px;
    line-height: 160%;
    text-align: center;
}

.modal-start-text a {
    text-decoration: underline;
}

.modal-start-text a:hover {
    text-decoration: none;
}


.overlay-opros .modal h2 {
    font-weight: bold;
    font-size: 40px;
    margin-bottom: 30px;
    text-align: center;
    line-height: initial;
}


.overlay-opros .modal {
    box-shadow: 0px 0px 100px rgba(153, 156, 11, 0.15) !important;
    border-radius: 50px !important;
    padding: 50px 60px !important;
}

.overlay-opros .modal ul {
    padding: 0;
}

.overlay-opros .modal-start-text {
    text-align: left;
    margin: 20px 0;
    font-size: 17px;
}


.overlay-opros .box-title-tab.active {
    font-size: 35px;
    color: #2946ab;
}


input.inputtext:invalid {
    outline: 0;
}


.scientific-people-main-box .box-title {
    margin-bottom: 50px;
}


.height-auto {
    height: auto !important;
}


.carousel {
    width: 100%;
    height: 300px;
    position: relative;
    margin-bottom: 50px;
}

.carousel img {
    display: hidden; /* hide images until carousel prepares them */
    cursor: pointer; /* not needed if you wrap carousel items in links */
    width: 600px;
    height: 400px;
}


.infograph {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 30px;
}

.infograph-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 60px;
    margin-top: 40px;
}


.infograph.color-blue .infograph-value {
    color: #3F2AFF !important;
}

.infograph.color-white .infograph-desc {
    color: #fff !important;
}

.infograph-desc2 {
    font-size: 15px;
    margin-top: 6px;
    color: #7a7d83;
}

.flex-start {
    justify-content: flex-start !important;
}

.infograph.flex-start .infograph-item {
    width: 215px;
}


.infograph.flex-start .infograph-item {
    margin-right: 40px;
}

.infograph .infograph-item {
    margin-bottom: 50px;
    max-width: 215px;
}

.infograph-4 .infograph-item {
    max-width: initial;
    background: #fbfcff;
    border-radius: 15px;
    padding: 40px;
    display: flex;
    flex-wrap: wrap;
}

.infograph-4 .infograph-item .infograph-ico {
    width: 100% !important;
    height: 33px !important;
    background-size: contain !important;
    margin-top: auto;
    margin-bottom: 0 !important;
}

.infograph-4 .infograph-item .infograph-item-ifno {
    margin-bottom: 20px;
}

.infograph .infograph-item .infograph-value {
    font-size: 23px !important;
}

.infograph-4 .infograph-item .infograph-desc {
    font-size: 18px !important;
}


.infograph .infograph-item .infograph-ico {
    background-size: contain;
    width: 85px;
    height: 55px;
    background-repeat: no-repeat !important;
    background-position: left bottom !important;
    margin-bottom: 25px;
}


.infograph.center-text .infograph-item .infograph-ico {
    margin: 0 auto 25px auto;
    height: 85px;
}

.infograph.center-text .infograph-item .infograph-desc {
    text-align: center;
}

.big-infogr-ico {
    background-size: contain;
    width: 122px !important;
    height: 95px !important;
}

.infograph .infograph-item .infograph-value {
    font-weight: bold;
    font-size: 43px;
    color: #000;
    line-height: 100%;
    margin-bottom: 10px;
}

.infograph-min-value {
    font-size: 25px !important;
    line-height: 130% !important;
}

.infograph .infograph-item .infograph-desc {
    font-size: 20px;
    line-height: 140%;
    font-weight: 500;
}


.soc-network-page {

}

.soc-network-page .soc-item {
    background: #F2F2F2;
    display: inline-block;
    padding: 15px 30px;
    margin-right: 20px;
    margin-top: 10px;
    border-radius: 5px;
    transition: 0.3s ease;
}

.soc-network-page .soc-item:hover {
    background-position: bottom !important;
    cursor: pointer;
    background: #dde6ef;
}

.soc-network-page .soc-item.vk::after {
    background: url('img/vk-page.svg') no-repeat;
    content: '';
    display: table;
    width: 119px;
    height: 16px;
}


.soc-network-page .soc-item.inst::after {
    background: url('img/inst-page.svg') no-repeat;
    content: '';
    display: table;
    width: 104px;
    height: 23px;
    margin-bottom: -3px;
}

.soc-network-page .soc-item.tgm::after {
    background: url('img/soc-tgm.svg') no-repeat;
    content: '';
    display: table;
    width: 80px;
    height: 19px;
    margin-bottom: -3px;
    background-size: contain !important;
}

.soc-network-page .soc-item.yt::after {
    background: url('img/yt-page.svg') no-repeat;
    content: '';
    display: table;
    width: 81px;
    height: 18px;
}

.soc-network-page .soc-item.whatsapp::after {
    background: url('img/whatsapp-page.svg') no-repeat;
    content: '';
    display: table;
    width: 100px;
    height: 21px;
}

.soc-network-page .soc-item.rt::after {
    background: url('img/soc-rutube.svg') no-repeat;
    content: '';
    display: table;
    width: 72px;
    height: 18px;
    background-size: 100%;
}


.tns-nav {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.tns-outer {
    margin-bottom: 30px;
    width: 100%;
}

.tns-outer [aria-controls], .tns-outer [data-action] {
    cursor: pointer;
    width: 15px;
    height: 15px;
    border-radius: 20px;
    border: 0;
    background: #ccc;
    margin: 10px;
    outline: none;
    padding: 0;
}

.slider {
    margin: 0 auto;
}

button.tns-nav-active {
    background: #48c78e !important;
}

.tns-item {
    height: 300px;
    overflow: hidden;
}

.white-block {
    border: 1px solid #d9e1ec;
}

.video-slider {
    border-radius: 20px;
}


.special_v {
    display: inline-block;
    background: #404040;
    color: #fff !important;
    text-decoration: none !important;
    padding: 9px 20px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
}

.special_v:hover {
    opacity: 0.7;
}

.special_v span::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 13px;
    background: url(img/eye.svg) no-repeat;
    background-size: 19px;
    filter: brightness(0) invert(1);
    opacity: 0.6;
    margin-right: 10px;
    vertical-align: -1px;
}


.special_v-header {
    width: 30px;
    height: 20px;
    background: url('img/eye.svg') no-repeat;
    background-size: cover;
    margin-right: 40px;
    transition: 0.3s ease;
}

.special_v-header:hover {
    opacity: 0.7;
    cursor: pointer;
}


.footer-qr-box {
    margin-top: 50px;
    font-size: 15px;
    width: 385px;
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    margin-bottom: 30px;
}

.footer-qr {
    background: #fff url(img/footer-qr.png) center no-repeat;
    width: 114px;
    height: 114px;
    background-size: 100px !important;
    border-radius: 10px;
}

.footer-qr-box a {
    color: #fff;
    text-decoration: underline;
}


.bell-info {
    width: 44px;
    height: 44px;
    background: url('img/bell-info.svg') no-repeat;
    margin-left: 40px;
    cursor: pointer;
    padding: 0 !important;
}


.tabs-head-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 26px;
    border-bottom: 1px solid #E1EBF7;
}

.tabs-head-box-2 {
    padding-bottom: 25px;
}

.tabs-head-box .title-more-item {
    font-weight: 500;
    font-size: 16px;
    color: #576684;
    display: none;
    text-decoration: none !important;
}

.box-title-more {
    display: flex;
    align-items: center;
    gap: 30px;
}

.rss {
    background: url(img/rss.svg) no-repeat;
    width: 31px;
    height: 31px;
}

.tabs-head-box .title-more-item::after {
    content: '';
    display: inline-block;
    background: url(img/all-materials-arrow.svg) no-repeat;
    width: 22px;
    height: 14px;
    background-size: contain !important;
    opacity: 0.5;
    margin-left: 10px;
    transition: 0.3s ease;
}

.tabs-head-box .title-more-item:hover::after {
    margin-left: 20px;
}

.tabs-head-box .title-more-item.active {
    display: flex;
    align-items: center;
}


.img-box {
    width: 100%;
    margin: 40px 0;
}

.img {
    width: 100%;
    max-height: 400px;
    overflow: hidden;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img-desc {
    text-align: center;
    display: table;
    width: 100%;
    margin-top: 20px;
}

.video-page-item-box {
    margin-bottom: 40px;
}


.video-page-item iframe {
    border-radius: 20px;
    overflow: hidden;
}

.video-page-item .video-page-name {
    font-size: 17px;
    margin-top: 13px;
}


.program-list {
    padding-top: 20px;
    margin-bottom: 90px;
    background: url(img/program-bg.png) top center no-repeat;
}

.program-list .program-title {
    margin-bottom: 40px;
    font-size: 38px;
    font-weight: bold;
    color: #213457;
}

.program-title span {
    color: #0B9C5B;
}


.program-item {
    margin-bottom: 30px;
}

.program-list-time {
    font-weight: bold;
    font-size: 27px;
    color: #1E51BA;
    display: inline-block;
    width: 155px;
    vertical-align: middle;
}

.program-place {
    margin-top: 12px;
    font-size: 16px;
    color: #456090;
    font-weight: bold;
}


.hrblock {
    width: 100%;
    height: 1px;
    margin: 50px 0;
    background: #cad5e8;
    display: table;
}


.program-place span {
    font-weight: 600;
    color: #8194b7;
}

.program-item::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 43px;
    background: url('img/program-li.svg') center no-repeat;
    background-size: cover !important;
    vertical-align: middle;
    margin-right: 40px;
}

.program-list-event {
    width: calc(100% - 330px);
    display: inline-block;
    margin-left: 50px;
    font-weight: 500;
    font-size: 17px;
    line-height: 160%;
    vertical-align: top;
}

.program-desc {
    font-weight: 500;
    font-size: 19px;
    line-height: 170%;
}


.img-title {
    margin-bottom: 40px;
    line-height: 120%;
}

.img-title .img-name {
    font-weight: bold;
}

.img-title span {
    font-size: 14px;
    margin-top: 5px;
    display: table;
}


.back-to-list {
    background: #f5f5f6;
    color: #000;
    padding: 17px 33px;
    border-radius: 10px;
    font-size: 17px;
    font-weight: 500;
    text-decoration: none !important;
    transition: 0.3s ease;
}

.back-to-list:hover {
    background: #3D61E0;
    color: #fff;
}


@media (min-width: 1740px) {
    .infograph {
        justify-content: space-between;
    }

    .infograph .infograph-item {
        margin-bottom: 50px;
    }

    .uni-online-box {
        padding-left: 300px;
    }
}

@media (max-width: 1740px) {

    header {
        height: 100vh;
    / / margin-bottom: 70 px;
        padding-bottom: 2px;
    }

    header .container {
        height: 100%;
    }

    header .header-content .header-content-info {
        width: calc(100% - 35vw);
    }

    header .header-content {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    / / height: calc(100 % - 60 px);
        margin-top: 30px;
    }

    header .header-content-video {
        width: 32vw;
        height: 32vw;
    }

    header .header-content-img {
        width: 32vw;
        height: 32vw;
    }

    header .header-content .header-title {
        font-size: 5vw;
        line-height: 6vw;
    }

    header .main-title {
        font-size: 5vw;
        line-height: 6vw;
    }

    header .header-top {
        margin-bottom: auto;
        width: 100%;
    }


    header.header-min .header-title {
    / / margin-top: 50 px;
        margin-bottom: 20px;
    }

    header.header-min .header-content {
        margin-bottom: 50px;
    }

    .big-menu .menu-tabs .menu-tab-item {
        font-size: 31px;
    }

    .big-menu .menu-tabs .menu-tab-item-2 {
        font-size: 31px;
    }

    .close-menu {
        top: 9px;
        background-size: 25px;
        width: 105px;
        height: 111px;
        z-index: 150;
        left: 0;
    }


    .big-menu .menu-tabs {
        margin-bottom: 20px;
    }

    .btn-promo {
        margin-left: 0px;
    }

}


@media (min-width: 1366px) and (max-width: 1740px) {
    header .header-top {
        padding-left: 80px;
        margin-bottom: auto;
        width: 100%;
    }

    .fancy-gallery {
        grid-template-columns: repeat(auto-fill, calc(25% - 10px));
    }

    .infograph .infograph-item .infograph-value {
        font-size: 44px;
    }

    .infograph .infograph-item .infograph-desc {
        font-size: 19px;
    }
}


@media (max-width: 1366px) {
    body {
        font-size: 17px;
    }

    h2 {
        font-size: 28px;
    }

    .table {
        font-size: 16px;
    }

    .infograph .infograph-item .infograph-value {
        font-size: 44px;
    }

    .infograph .infograph-item .infograph-desc {
        font-size: 19px;
    }

    .flex-start .static-item-box {
        width: calc(100% / 3 - 40px);
    }


    .nav-page {
        width: 70%;
    }

    .fancy-gallery {
        grid-template-columns: repeat(auto-fill, calc(33% - 10px));
    }

    .static-item-box {
        display: inline-block;
        width: calc(100% / 2 - 20px);
    }

    header .header-content-video {
        width: 29vw;
        height: 29vw;
    }

    header .header-content-img {
        width: 29vw;
        height: 29vw;
    }


    header .header-content {
        height: calc(100% - 170px);
    }


    .levels-edu-box .item-levels-edu {
        height: 350px;
    }

    .tns-item {
        height: 300px;
    }

    .btn-bar .cabinet {
        all: unset;
        text-decoration: none !important;
        transition: 0.3s ease;
        cursor: pointer;
    }

    .btn-bar .cabinet:hover {
        background: initial;
    }

    .btn-bar .cabinet:hover .cabinet-ico {
        filter: initial;
        opacity: 0.7;
    }

    .btn-bar .cabinet .cabinet-ico {
        background: url(img/cabinet-ico-min.svg) no-repeat;
        width: 22px;
        height: 25px;
        margin-right: 0;
        background-size: cover !important;
        transition: 0.3s ease;
    }

    .btn-bar .cabinet span {
        display: none;
    }

    .holiday {
        width: 80%;
    }
}

@media (max-width: 1400px) {
    .infograph-4 {
        grid-template-columns: repeat(2, 1fr);
    }

    .infograph-4 .infograph-item {
        margin-bottom: 0 !important;
        width: 100% !important;
    }
}


@media (max-width: 1024px) {
    .nav-page {
        width: 80%;
    }

    .fancy-gallery {
        grid-template-columns: repeat(auto-fill, calc(33% - 10px));
    }

    .static-item-box {
        display: inline-block;
        width: calc(100% / 2 - 20px);
    }

    .tns-item {
        height: 300px;
    }

    .holiday {
        width: 80%;
    }
}


@media (max-width: 992px) {
    header .header-content .header-content-info {
        width: 100%;
    }

    header .header-content-video,
    header .header-content-img {
        display: none;
    }

    header .container {
        height: initial;
    }

    header .header-buttons {
        margin-top: 30px;
        padding-bottom: 50px;
    }

    header .header-top {
        margin-bottom: 80px;
    }

    header .header-bottom {
        margin-top: 50px;
        margin-bottom: 0;
    }

    .cookie {
        width: 95%;
    }

    .box-title-more {
        margin-top: 5px;
    }

    .btn {
        font-size: 16px;
        padding: 13px 21px;
        cursor: pointer;
    }

    .holiday {
        width: 80%;
    }

    .close-menu {
        right: 0;
        right: 10px;
        left: initial;
        top: 2px !important;
        position: absolute;
        width: 80px;
        height: 80px;
    }

    .contacts-box .contact-item .contact-item-top {
        margin-bottom: 20px;
    }

    .btn-bar {
        margin-right: 60px;
        display: none;
    }

    header {
        padding-top: 20px;
        height: initial;
        padding-top: 43px;
        padding-bottom: 50px;
    }

    header.header-min {
        padding-bottom: 0;
    }

    header .header-top {
        padding-left: 0;
    }

    header.header-min .header-top {
        margin-bottom: 0;
    }

    .news-box {
        margin-bottom: 30px;
    }

    .content ul.three-col-ul li {
        width: 45%;
        display: inline-block;
    }

    .bg-light {
        background-color: #1E51BA !important;
        width: 100%;
    }

    .nav-page {
        width: 90%;
    }

    .fancy-gallery {
        grid-template-columns: repeat(auto-fill, calc(33% - 10px));
    }

    .static-item-box {
        display: inline-block;
        width: calc(100% / 2 - 20px);
    }

    .static-item-box .static-name {
        font-size: 18px;
    }


    .infograph .infograph-item {
        margin-bottom: 50px;
        width: calc(100% / 3 - 20px);
        max-width: 100%;
    }

    .infograph-item .big-infogr-ico {
        width: 120px !important;
        height: 85px !important;
    }

    .infograph .infograph-item .infograph-ico {
        width: 66px;
        height: 56px;
    }

    .infograph .infograph-item .infograph-value {
        font-size: 27px;
    }

    .infograph .infograph-item .infograph-desc {
        font-size: 17px;
        font-weight: 500;
    }

    .infograph-min-value {
        font-size: 20px !important;
    }

    .infograph.flex-start .infograph-item {
        width: calc(100% / 3 - 30px);
        margin-right: 0;
    }

    footer .foot-menu {
        display: table;
        margin-bottom: 60px;
        margin-top: 0;
    }

    footer .foot-menu .block-menu {
        margin-bottom: 10px;
    }

    footer .foot-contact {
        margin-bottom: 40px;
    }

    .tns-item {
        height: 260px;
    }

    .statistic-box .statistic-list {
        grid-template-columns: repeat(2, max-content);
    }

}

@media (max-width: 768px) {
    .infograph-4 {
        grid-template-columns: 1fr;
    }

    .cookie {
        width: 99%;
    }

    iframe {
        width: 100%;
    }

    header .header-bottom {
        margin-top: 30px;
        margin-bottom: 0;
    }

    .holiday {
        width: 100%;
    }

    .directory-form {
        flex-wrap: wrap;
    }

    .directory-form .button {
        margin-top: 15px;
        font-size: 16px;
        padding: 11px 30px;
    }

    .hbottom-btn span {
        padding: 13px 25px;
    }

    header.header-min .header-top {
        padding-bottom: 30px;
    }

    .hbottom-btn {
        margin-bottom: 10px;
    }

    .tns-inner .fancy-photo img {
        height: 100%;
    }


    .content ul.three-col-ul li {
        width: 100%;
        display: block;
    }

    .content ul {
        padding-left: 0
    }

    .news-box {
        margin-bottom: 30px;
        overflow: hidden;
    }

    .slider-banners {
        overflow: hidden;
    }

    .special_v {
        margin: 0 auto;
    }

    .special_v-header {
        width: 31px;
        height: 21px;
        opacity: 0.9;
        margin-top: 2px;
    }

    .tns-outer [aria-controls], .tns-outer [data-action] {
        width: 10px;
        height: 10px;
        margin: 4px;
    }

    .tns-item {
        height: 250px;
    }

    .static-page-box {
        margin: 0px;
    }

    .static-item-box .static-score {
        font-size: 55px;
    }

    .message-page.mini-box {
        width: 100%;
    }

    .fancy-gallery {
        grid-template-columns: repeat(auto-fill, calc(50% - 10px));
    }

    .nav-page {
        width: 100%;
    }

    #container3 {
        height: initial;
    }

    .static-item-box {
        display: inline-block;
        width: 100%;
    }

    .static-item-box .static-name {
        font-size: 16px;
    }


    .flex-start .static-item-box {
        width: 100%;
    }


    .infograph .infograph-item {
        margin-bottom: 50px;
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    .infograph-item .big-infogr-ico {
        width: 120px !important;
        height: 85px !important;
    }

    .infograph .infograph-item .infograph-ico {
        width: 66px;
        height: 56px;
        margin: 0 auto;
        margin-bottom: 25px;
        background-position: center bottom !important;
    }

    .infograph .infograph-item .infograph-value {
        font-size: 27px;
    }

    .infograph .infograph-item .infograph-desc {
        font-size: 17px;
        font-weight: 500;
    }

    .infograph-min-value {
        font-size: 20px !important;
    }

    .infograph.flex-start .infograph-item {
        width: 100%;
        margin-right: 0;
        text-align: center;
    }


    header {
        height: initial;
        /*padding-bottom: 50px;*/
        padding-top: 20px;
    }

    header.header-min {
        padding-top: 20px;
        margin-bottom: 30px;
    }


    header .header-top {
        padding-left: 0;
        margin-bottom: 50px;
    }

    header .header-content .header-title {
        font-size: 30px !important;
        line-height: 37px !important;
        margin: 0 !important;
        margin-bottom: 20px !important;
        word-break: break-word;
    }

    header .main-title {
        font-size: 30px !important;
        line-height: 37px !important;
        margin: 0 !important;
        margin-bottom: 20px !important;
        word-break: break-word;
    }

    header .main-title {
        font-size: 30px !important;
        line-height: 37px !important;
        margin: 0 !important;
        margin-bottom: 20px !important;
        word-break: break-word;
    }

    .header-title.title-middle {
        font-size: 30px !important;
    }

    header .header-content .header-second-title {
        font-size: 16px;
    }

    header .header-buttons {
        margin-top: 30px;
    }

    header .header-content {
        height: initial;
        margin: 0 !important;
    }

    .btn {
        font-size: 16px;
        padding: 13px 21px;
        cursor: pointer;
    }

    .btn-promo {
        margin-left: 0px;
    }

    .btn-promo span {
        display: none;
    }

    .logo {
        width: 160px;
        height: 52px;
        background-size: cover !important;
        background: url('img/logo-mobile.svg') no-repeat;
    }

    .close-menu {
        right: 0;
        right: 10px;
        left: initial;
        top: 2px !important;
        position: absolute;
        width: 80px;
        height: 80px;
    }

    .btn-bar {
        margin-right: 60px;
        display: none;
    }

    .btn-bar .cabinet {
        all: unset;
        text-decoration: none !important;
        transition: 0.3s ease;
        cursor: pointer;
    }

    .btn-bar .cabinet:hover {
        background: initial;
    }

    .btn-bar .cabinet:hover .cabinet-ico {
        filter: initial;
        opacity: 0.7;
    }

    .btn-bar .cabinet .cabinet-ico {
        background: url(img/cabinet-ico-min.svg) no-repeat;
        width: 22px;
        height: 25px;
        margin-right: 0;
        background-size: cover !important;
        transition: 0.3s ease;
    }

    .btn-bar .cabinet span {
        display: none;
    }


    .btn-bar .search-ico {
        background-size: cover !important;
        width: 24px;
        height: 24px;
        opacity: 1;
    }

    .partners-list {
        grid-template-columns: initial;
        display: flex;
        margin-top: 30px;
        justify-content: center;
    }

    .partners-list .partner-item {
        margin: 30px;
    }

    footer {
        text-align: center;
    }

    footer .foot-contact-box {
        display: table;
        text-align: center;
        margin: 0 auto;
    }

    footer .foot-contact {
        margin-bottom: 30px;
    }

    footer .foot-logo {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 30px;
    }

    footer .foot-menu {
        flex-wrap: wrap;
        margin-top: 30px;
        display: flex;
        justify-content: center;
        margin-bottom: 30px;
    }

    footer .foot-menu .block-menu .menu-links a {
        margin: 0 auto;
        margin-bottom: 18px;
    }

    footer .foot-menu .block-menu {
        width: 100%;
    }

    footer .foot-menu-box {
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
    }

    footer .foot-soc-network {
        display: inline-block;
        vertical-align: middle;
        margin-left: 50px;
        margin-top: 0px;
    }

    footer .minobr {
        display: initial;
    }

    footer .footer-copy .copy {
        margin: 0 auto;
    }

    .link-sveden {
        margin: 36px auto;
    }

    .footer .footer-copy .container {
        justify-content: center;
    }


    .slider-banners .owl-banners .item {
        height: initial;
        padding: 45px;
        background-size: cover !important;
    }

    .slider-banners .owl-banners .item .banner-item-name {
        font-size: 24px;
    }

    .slider-banners .owl-banners .item .banner-more-btn {
        padding: 13px 37px;
        margin-top: 30px;
        font-size: 18px;
        text-align: center;
    }

    .photoslider .item {
        height: 220px;
    }

    .box-title {
        font-size: 29px;
    }

    .photoslider .box-title {
        margin-bottom: 35px;
    }

    .articles-box {
        margin-bottom: 30px;
    }

    .statistic-box {
        margin: 30px 0;
    }

    .services-box .item-service {
        height: initial;
    }

    .services-box .item-service .serv-icon {
        margin-bottom: 10px;
        background-size: 80% !important;
    }

    .services-box .item-service .serv-name {
        margin-bottom: auto;
        font-size: 17px;
    }

    .services-box .item-service .serv-desc {
        font-weight: 400;
        font-size: 14px;
        letter-spacing: 0.2px;
    }

    .services-box .item-service:hover {
        margin-top: 0;
    }


    .header-content-img, .header-content-video {
        display: none;
    }


    header .header-content .header-content-info {
        width: 100%;
    }

    .science-project .stop-text div {
        font-size: 33px;
        line-height: 110%;
    }

    .feedback-main .feedback-title {
        font-size: 33px;
    }

    .feedback-main .feedback-desc {
        font-size: 16px;
    }

    .univesitet-online .uni-online-content .social-network .soc-ico {
        margin: 0 auto !important;
        margin-bottom: 40px !important;
        display: table;
    }

    .univesitet-online .uni-online-content .social-network {
        margin-top: 70px;
    }

    .univesitet-online .uni-online-content .uni-online-btn {
        margin: 0 auto;
        font-size: 17px;
    }

    .univesitet-online .uni-online-content .uni-online-title {
        font-size: 30px;
        line-height: 120%;
        text-align: center;
    }

    .univesitet-online .uni-online-content .uni-online-desc {
        font-size: 17px;
        line-height: 150%;
        text-align: center;
    }

    .services-box {
        margin-bottom: 0px;
    }

    .univesitet-online {
        height: initial;
        padding: 80px 0;
        background-size: cover !important;
        z-index: 150;
        background-position: center !important;
    }

    .univesitet-online .uni-online-box {
        margin-top: 0;
    }

    .univesitet-online .figure3 {
        zoom: 0.7;
        right: -60px;
    }

    .univesitet-online .figure2 {
        right: 280px;
        zoom: 0.8;
        top: 250px !important;
    }

    .univesitet-online .figure1 {
        right: -80px;
        zoom: 0.5;
    }


    .tabs-wrapper .box-title {
        overflow: hidden;
        overflow-x: auto;
        padding-bottom: 0;
        display: flex;
        width: 100%;
    }

    .box-title .box-title-tab {
        margin-bottom: 30px;
        margin-right: 30px;
        font-size: 24px;
    }

    .box-title .box-title-tab.active {
        font-size: 24px;
    }


    .box-title .box-title-tab-2 {
        margin-bottom: 30px;
        margin-right: 30px;
        font-size: 24px;
        white-space: nowrap;
    }

    .box-title .box-title-tab-2.active {
        font-size: 24px;
    }

    .statistic-box .statistic-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .statistic-box .statistic-list .statistic-item {
        font-size: 17px;
        width: 100%
    }

    .statistic-box .statistic-list .statistic-item-numb {
        font-size: 47px;
    }

    .statistic-box .statistic-list .statistic-item-numb::after {
        margin-bottom: 10px;
    }


    .show-promo {
        align-items: center;
    }

    .show-promo iframe {
        height: 320px;
        padding: 60px 10px;
    }

    .close-promo {
        left: initial;
        right: 40px;
    }


    .overlay-start .modal h2 {
        font-size: 25px;
    }

    .overlay-start .modal {
        border-radius: 30px !important;
        padding: 40px !important;
    }

    .modal-start-text {
        font-size: 16px;
    }

    .close-modal {
        width: 30px;
        height: 30px;
        background-size: 30px;
        right: 25px;
        top: 25px;
    }

    .overlay-start {
        justify-content: flex-start;
    }


    .logo-separator {
        margin-top: 0;
    }

    .science-project .stop-text {
        margin-bottom: 50px;
    }

    .science-list .item-science {
        min-height: 200px;
        height: initial;
    }


    footer .menu-link {
        margin-left: 0;
    }

    .footer-qr-box {
        margin: 0 auto;
        margin-top: 50px;
        font-size: 15px;
        width: 90%;
        display: flex;
        flex-wrap: wrap;
        gap: 11px;
        margin-bottom: 30px;
        justify-content: center;
    }

    .back-font {
        font-size: 95px;
        line-height: 80px;
        left: 0;
    }

    .program-list-event {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }


    .muhrino-btn {
        padding: 17px 30px;
        font-size: 17px;
    }

    .three-items .container {
        display: table;
    }

    .three-items .three-item {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .header-buttons .btn {
        margin-right: 15px;
    }

    .content h1 {
        font-size: 35px;
        line-height: 120%;
        margin-bottom: 30px;
    }

    .cols2 {
        column-count: 1;
        font-size: 15px;
    }

    header.new-year-head {
        background: url(img/header-NY-mob.jpg) no-repeat bottom left;
        background-size: cover;
        padding-bottom: 140px;
        margin-bottom: 0;
    }


    .overlay {
        padding: 0;
    }

    .overlay.open .modal {
        padding: 30px;
    }

    .modal h1 {
        font-size: 28px !important;
        line-height: 120%;
        margin-bottom: 20px;
        width: calc(100% - 33px);
    }


    .section-foot-menu {
        display: flex;
        align-items: center;
        gap: 19px;
        flex-wrap: wrap;
        justify-content: center;
        width: 90%;
        margin: 0 auto;
    }
}


.cian {
    color: #43BBCD;
}


.two-col {
    display: flex;
}

.left-col {
    margin-right: 40px;
}


#cookie_notification {
    position: fixed;
    z-index: 3000;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 14px;
    background: #fff;
    box-shadow: 0px 0px 100px rgb(126 126 126 / 15%) !important;
    padding: 50px 60px !important;
    line-height: 180%;
    font-weight: 500;
    width: 100%;
    transform: initial !important;
    max-width: 100% !important;
    flex-wrap: wrap;
    justify-content: center;
}

#cookie_notification p {
    text-align: center;
}

#cookie_notification button {
    background: linear-gradient(
            90deg, #3F2AFF 0%, #423EDF 100%), #3F2AFF !important;
    color: #fff !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    padding: 11px 30px !important;
    display: inline-block !important;
    transition: 0.3s ease !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    margin-top: 25px !important;
    text-decoration: none !important;
    border: 0 !important;
}

.cookie_btn:hover {
    opacity: 0.7;
    color: #fff;
}

.cookie_btn:after,
.cookie_btn:before {
    position: absolute;
    height: 2px;
    left: 50%;
    background: #FFF;
    bottom: -6px;
    content: "";
    transition: all 280ms ease-in-out;
    width: 0;
}

.cookie_btn:before {
    top: -6px;
}

.cookie_btn:hover:after,
.cookie_btn:hover:before {
    width: 100%;
    left: 0;
}


@media (max-width: 1080px) {
    .header-buttons .btn {
        margin-right: 30px;
    }
}

.foot-banners-item {
    display: inline-block;
    margin-left: 20px;
    filter: grayscale(0.4);
}