@charset "utf-8";
html {width:100%}
body {margin:0; padding:0; height: 100%}
.openmenu {overflow: hidden !important}

.wrapper {margin: 0 auto; width: 100%; background: #fff; position: relative}

.ns-fx {display: flex}
.ns-fx > div, .ns-fx > li, .ns-fx > a {display: block; box-sizing: border-box; position: relative}

.icon-bg:before {content: ''; display: block; width: 20px; height: 20px; background-image: url(images/split.png); background-repeat: no-repeat}

.head {margin: 0 auto; padding: 0 20px; width: 100%; max-width: 1340px; height: 100px; align-items: center; justify-content: space-between; box-sizing: border-box}
.head > div:nth-child(1) {min-width: 250px; max-width: 250px; }
.head > div:nth-child(1) a {text-decoration: none}

.logo {text-align: center}
.logo > div:nth-child(1) {font-size: 34px; font-weight: 700; color: #AB1113}
.logo > div:nth-child(2) {font-size: 15px; padding-top: 5px; color: #2f2f2f}

.t-cnt {padding-left: 50px; position: relative}
.t-cnt > div:nth-child(1) {font-weight: 600; color: #AB1113; line-height: 22px}
.t-cnt > div:nth-child(2) {font-size: 14px; color: #000; line-height: 18px}
.t-cnt a {color: #000}
.t-cnt a:hover {color: #ab1113}
.t-cnt.icon-bg:after {content: ''; display: block; width: 35px; height: 35px; background: #fff; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1); border-radius: 50%; position: absolute; left: 0; top: calc(50% - 17.5px); z-index: 1}
.t-cnt.icon-bg:before {position: absolute; left: 7.5px; top: calc(50% - 10px); z-index: 2}
.t-cnt.time.icon-bg:before {background-position: -20px 0}
.t-cnt.phone.icon-bg:before {background-position: -40px 0}
.t-cnt.mail.icon-bg:before {background-position: -60px 0}
.t-cnt.dev.icon-bg:before {background-position: -80px 0}

.head .top-social {width: 40px; gap: 10px; flex-direction: column}
.head .top-social > a {width: 40px; height: 40px; text-decoration: none}

.head .mobail {display: none}

nav {padding: 0 20px; height: 80px; background: #F8F8F8; position: relative; z-index: 1010}
.top_nav {display: none}

.menu-desctop {margin: 0 auto; max-width: 1300px; height: 80px; align-items: center; justify-content: space-between; position: relative}
.menu-desctop .button {width: 200px}
.menu-desctop .link {padding: 9px 20px; font-weight: 600; color: #000; text-decoration: none; border-radius: 5px; cursor: pointer; position: static} 
.menu-desctop .link:hover, .menu-desctop .link.active, .menu-desctop .link.active_btn {background: #ab1113; color: #fff} 

.open-cat-menu.active {background: #ab1113}

.section-menu-desctop {display: none; padding: 0 20px; width: 100%; height: auto; background: #F8F8F8; box-sizing: border-box; position: absolute; left: 0; z-index: 1050}
.section-menu {flex-wrap: wrap; margin: 0 auto; padding: 40px 0; width: 100%; max-width: 1300px; border-top: 1px solid #D9D9D9; box-sizing: border-box}
.section-menu > div {margin: 15px 0; padding: 0 10px; width: 25%}
.section-menu a {padding: 7px 10px; width: 100%; height: 100%; justify-content: center; align-items: center; text-decoration: none; color: #ab1113; background: rgba(171, 17, 19, .15); border: 1px solid #ab1113; border-radius: 4px; box-sizing: border-box; transition: all .2s ease}
.section-menu a > span {display: block; text-align: center}
.section-menu a:hover, .section-menu a.active {color: #fff; background: rgba(171, 17, 19, 1)}

footer {background: #F8F8F8}
.footer {margin: 0 auto; padding: 50px 20px; width: 100%; max-width: 1340px; box-sizing: border-box}
.footer .line:nth-child(1) {align-items: center}
.footer .line > div:nth-child(1) {min-width: 300px; max-width: 300px}
.footer .line > div:nth-child(2) {padding: 0 40px; width: 100%; overflow: hidden}
.footer .line > div:nth-child(3) {min-width: 40px; max-width: 40px}
.footer .line > div:nth-child(2) > div {width: 100%; height: 100%; align-items: center; gap: 90px; justify-content: center}
.footer .bot-social {gap: 14px}
.footer .bot-social svg {width: 40px; height: 40px}

.bottom-wrap {padding: 0 20px; background: #2F2F2F; font-size: 15px}
.bottom-wrap .bottom {margin: 0 auto; width: 100%; height: 60px; max-width: 1300px; color: #fff; justify-content: center; align-items: center; gap: 300px}
.bottom-wrap .bottom a {color: #fff; opacity: .8; text-decoration: none}
.bottom-wrap .bottom a:hover {color: #ab1113; text-decoration: none}

main {margin: 0 auto 80px auto; padding: 0 20px; width: 100%; max-width: 1340px; min-height: calc(100vh - 502px); box-sizing: border-box}

.promo-wrap-all {width: 100%; background: #F8F8F8; height: auto} 
.promo-slide {width: 100%; background: linear-gradient(263.46deg, #AB1113 0%, #7B090A 100%); position: relative}
.promo-slide:before {content: ''; display: block; width: 100%; height: 100%; background: url(images/promo.jpg) center center no-repeat; background-size: cover; opacity: .1; position: absolute; left: 0; top: 0}

.promo {margin: 0 auto; padding: 60px 20px 150px 20px; width: 100%; max-width: 1200px; box-sizing: border-box; overflow: hidden; position: relative}
.promo .promo-item {width: 100%; justify-content: center; align-items: center}
.promo .promo-item > div:nth-child(1) {min-width: 175px; max-width: 175px; height: 175px}
.promo .view {width: 100%; color: #fff}
.promo .view > div {text-align: center; text-transform: uppercase}
.promo .view .title {padding: 20px 0; font-size: 55px; font-weight: 700; line-height: 64px}
.promo .view .text {font-size: 30px; line-height: 35px} 

.after-slider {margin: -90px auto 0 auto; padding: 0 20px 80px 20px !important; max-width: 1340px; gap: 40px; box-sizing: border-box}
.after-slider .item {width: 50%; height: auto}
.after-slider .item_view {padding: 30px; height: 100%; background: #fff; border-radius: 10px; box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.05); position: relative; box-sizing: border-box}

.pre-crumbs {align-items: center; margin: 25px 0 30px 0; height: 40px}
.pre-crumbs  > div:nth-child(1) {width: 100%; overflow: hidden}

.breadcrumb {display: block}
.breadcrumb > div {display: inline; height: 18px; line-height: 18px; position: relative}
.breadcrumb > div:nth-child(1) {padding-left: 0}
.breadcrumb > div:after {content: '\002F'; display: inline; padding: 0 12px}
.breadcrumb > div:last-child:after {display: none}
.breadcrumb a {color: #2F2F2F; text-decoration: none}
.breadcrumb a:hover, .breadcrumb span {color: #ab1113}

.wrp_h1 {align-items: flex-end; justify-content: space-between; margin-bottom: 45px}
.wrp_h1 > div:nth-child(1) {width: 100%; overflow: hidden}
.wrp_h1 > div:nth-child(2) {padding: 0 0 0 20px; white-space: nowrap}

.page_button_list {margin: 50px 0 0 0}
.page_button_list .button {border-radius: 20px; text-transform: uppercase}

.people-item {gap: 40px; margin: 0 0 20px 0; padding-bottom: 20px; border-bottom: 1px solid #D9D9D9}
.people-item > div:nth-child(1) {min-width: 104px; max-width: 104px; height: 123px; border-radius: 10px; overflow: hidden}
.people-item > div:nth-child(2)  {width: 100%}
.people-item > div.m {background: url(images/icon_m.jpg) no-repeat}
.people-item > div.w {background: url(images/icon_w.jpg) no-repeat}
.people-item .fio {margin-bottom: 5px; font-size: 19px; font-weight: 700; color: #AB1113}
.people-item .phone {margin-top: 7px} 
.people-item .mail {margin-top: 7px} 
.people-item .more_btn {margin-top: 20px; padding: 0 20px; height: 50px; background: #F8F8F8; border-radius: 4px; line-height: 50px; box-sizing: border-box; position: relative; cursor: pointer}
.people-item .more_btn:hover, .people-item .more_btn.active {color: #AB1113}
.people-item .more_btn:after {content: ''; display: block; width: 12px; height: 6px;
background: url('data:image/svg+xml;utf8;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEyIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFMNiA1TDExIDEiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==') no-repeat; position: absolute; top: 23px; right: 20px}
.people-item .more_btn.active:after {transform: rotate(180deg)}
.people-item .more_teacher {display: none; padding: 0 20px; box-sizing: border-box}
.people-item .more_teacher > div {margin-top: 14px}
.people-item .more_teacher p {margin: 7px 0}

.system-nav-wrap {justify-content: center; padding: 15px 0}
.system-nav {align-items: center; padding: 5px 10px; background: #F8F8F8; border-radius: 4px; color: rgba(32, 34, 37, .5); font-size: 16px; text-align: center}
.system-nav a:hover {color:#fff; text-decoration: none; background:#AB1113}
.system-nav .nav-current-page {margin: 0 3px; width: 40px; height: 40px; color: #fff; background: #AB1113; border-radius: 3px; line-height: 40px}
.system-nav a {margin: 0 3px; width: 40px; height: 40px; border-radius: 3px; color: rgba(32, 34, 37, .5); background: transparent; line-height: 40px; transition: all .3s ease}
.system-nav .nav-forward {margin: 0 3px; padding-top: 2px; width: 40px; height: 40px; border-radius: 3px; line-height: 40px}
.system-nav div.nav-forward  {color: rgba(32, 34, 37, .5); font-style: normal; line-height: 40px}
.system-nav div.nav-forward svg, .system-nav div.nav-forward:hover svg {fill: rgba(32, 34, 37, .5)}
.system-nav .nav-forward svg {fill: rgba(32, 34, 37, .5)}
.system-nav .nav-forward:hover svg {fill: #fff}

.pre-news {gap: 20px; margin: -20px 0 50px 0; justify-content: flex-start}
.pre-news .button {padding: 0 30px; width: auto; min-width: 200px}

.news-list {margin: 0 -10px; flex-wrap: wrap}
.news-list > a {margin-bottom: 45px; padding: 0 10px; width: calc(100% / 3); text-decoration: none; color: #000}
.news-list.v2 > a {margin-bottom: 0}
.news-list .image {margin-bottom: 20px; width: 100%; height: 200px; border-radius: 10px; overflow: hidden}
.news-list .image img {object-fit: cover; width: 100%; height: 100%}
.news-list .date {color: #B1B1B1}
.news-list .title {padding: 14px 0 6px 0; font-size: 24px; line-height: 29px}
.news-list p {padding-bottom: 0; color: #1C1C1C; line-height: 21px}
.news-list .link {color: #234FC0; text-decoration: underline; position: absolute; bottom: 0}
.news-list a:hover .title {color: #AB1113}
.news-list > a:hover .link {text-decoration: none}

.item-date {color: #AB1113; font-style: italic}
.item-detail .photo {margin-bottom: 14px; border-radius: 10px; overflow: hidden; line-height: 0}
.item-detail img {display: block; border-radius: 10px; overflow: hidden; line-height: 0} 

.wrpap-dop-news {margin-top: 90px}
.wrpap-dop-news .top-title {padding-bottom: 30px; font-size: 36px; font-weight: 700; line-height: 40px}
.wrpap-dop-news .pre-news {margin: 0 0 50px 0}
.wrpap-dop-news .top-lnk {align-items: flex-end; justify-content: space-between}
.wrpap-dop-news .top-lnk > div:nth-child(2) {padding-bottom: 50px}
.wrpap-dop-news .top-lnk > div:nth-child(2) a {color: #000}
.wrpap-dop-news .top-lnk > div:nth-child(2) a:hover {color: #AB1113}


.contacts-block {margin: 0 -10px 20px -10px; flex-wrap: wrap}
.contacts-block > div {margin-bottom: 30px; padding: 0 10px; width: 50%}
.contacts-block .block {border-radius: 10px; width: 100%; height: 100%; box-sizing: border-box; overflow: hidden}
.contacts-block .fon {padding: 45px 40px; background: #F8F8F8}
.contacts-block .t-cnt {margin-bottom: 50px}
.contacts-block .t-cnt:last-child {margin-bottom: 0}
.contacts-block .t-cnt.icon-bg::before {top: 7.5px}
.contacts-block .t-cnt.icon-bg::after {top:0}
.contacts-block .t-cnt > div:nth-child(1) {padding-bottom: 14px; color: #000}
.contacts-block .t-cnt a {color: #AB1113; text-decoration: none}
.contacts-block h2 {margin-top: 0}
.contacts-block img {object-fit: cover; width: 100%; height: 100%}
.contacts-block .photo {line-height: 0; height: 100%}
.contacts-block p {margin: 7px 0; padding: 0}

.documents {margin: 14px 0}
.documents div {margin-top: 14px}
.documents div > a {display: inline-block; padding: 0 20px; min-width: 200px; height: 50px; text-align: center; text-decoration: none; background: #F8F8F8; border-radius: 4px; box-sizing: border-box; line-height: 50px}
.documents div > a:hover {background:#AB1113; color: #fff}

.menu-in-section {margin: 0 -7px; flex-wrap: wrap}
.menu-in-section > div {margin: 14px}
.menu-in-section > div a {display: block; padding: 0 20px; min-width: 200px; height: 50px; text-align: center; text-decoration: none; background: #F8F8F8; border-radius: 4px; box-sizing: border-box; line-height: 50px}
.menu-in-section > div a:hover {background:#AB1113; color: #fff}

.my-bvi-icon {width: 50px; cursor: pointer; color: #AB1113}
.my-bvi-icon svg {fill: #AB1113}

.fon_all {display: none; width:100%; height:100%; position:fixed; top:0px; left:0px; background: rgba(0, 0, 0, .5); /*backdrop-filter: blur(3px);*/ z-index: 1000}