* {
  box-sizing: border-box;
}
body {
  overflow-x: hidden;
}
*, *::before, *::after {
  box-sizing: border-box;
}
@font-face {
	font-family: 'nunito_sans_regular'; 
	src: url('../fonts/nunitosans-regular.ttf'); 
}
@font-face {
	font-family: 'montserrat_extrabold'; 
	src: url('../fonts/montserrat-extrabold.ttf') format('truetype'); 
}
@font-face {
	font-family: 'montserrat_bold'; 
	src: url('../fonts/montserrat-bold.ttf') format('truetype'); 
}
@font-face {
	font-family: 'montserrat_semibold'; 
	src: url('../fonts/montserrat-semibold.ttf') format('truetype'); 
}
a
{
  text-decoration: none;
color:#FF5218;
}
main{

width: 100%;
  display: block;
  padding: 0;
  margin: 0;
min-height:800px;
   
}
.content{
   padding-top:28px;
   padding-bottom:96px;
    width: 1255px;
    margin: 0 auto;
background-color:#F3F3F6;

}

.content h1{
margin:0 0 48px; 0;
padding-top:0;
text-align:center;

}
.breadcrumbs {
  height:17px;
  font-family: 'montserrat_semibold'; 
   letter-spacing: 0.03em;
 font-weight: 500;
   font-size:14px;
   color:#0E3481;
padding-bottom:48px;

}

.breadcrumbs a.crumb-link {
  text-decoration: none;
  color: #0E3481;
  padding-right:8px;
}

.breadcrumbs span.crumb-current {
  color: #FF5218;
  padding-left:8px;
}

.teacher-group{
width:1255px;
margin:0px;
z-index: 1 !important;

}


.file-card {
  display: flex;
  align-items: center;
justify-content: space-between;
  flex-wrap: nowrap;
  gap: 20px;
height:54px;
padding:0 16px 0 16px;
}
.file-card span{
font-size: 12px;
color: #515151;

}
.file-name {
  flex-grow: 1; /* занимает всё доступное место слева */
font-family: 'nunito_sans_regula'; 
 line-height: 135%; 
font-size:16px;
  color:#222222;
  cursor: pointer;
}
.file-name a {

color:#222222;

}
.file-card.even {
  background-color: #D2E8F9;
}

.accordion-group {
 /* margin-bottom: 20px;*/
  overflow: visible;
 z-index: 1 !important;
border-bottom:1px solid #D9D9D9;
}

.accordion-checkbox {
  display: none;
}

.accordion-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
font-family: 'montserrat_semibold'; 
   letter-spacing: 0.03em;
font-size:20px;
  color:#0E3481;
  cursor: pointer;
height:64px;
margin-left:16px;
}

.accordion-label::after {
  content: url('../images/primary.png');
  background-color: #FF5218;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
padding-bottom:5px;
 border-radius:4px;

}

/* При открытом состоянии (input:checked) поворачиваем стрелку вниз */
input:checked + .accordion-label::after {
  transform: translateY(-50%) rotate(180deg); /* стрелка вниз */
}
.accordion-content-file {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;

}
.excellent-content{
  max-height: 0;
   padding: 0 16px;
 display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;


}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  padding: 0 16px;
 display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;

}

.accordion-checkbox:checked + .accordion-label + .accordion-content {
  max-height: 100%; 
  padding: 16px;
}
.accordion-checkbox:checked + .accordion-label + .accordion-content-file {
  max-height: 100%; 

}


.position
{
font-size:16px;
font-weight:bold;
margin:0;
}


.carousel-wrapper {
  width: 100%;
  max-width: 780px; /* например, родитель ограничен */
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
}

.teacher-photo img{
height:285px;
width:285px;
border-radius: 22px;
 object-fit: cover;   
  display: block;
 margin-bottom:20px;
}
.teacher-card{
width:285px;
text-align:center;

}
.teacher-card h2{
font-size:20px;
color:#0E3481;
margin: 18px 10px 8px 10px;

}
.teacher-card p{
font-size:14px;
margin:0;

}
.content-admin{
 background-image: url('../images/pattern-flower.png');
background-repeat:no-repeat;

}
.content-admin-inside{
    width: 1255px;
    margin: 0 auto;
display: flex;
    padding: 30px;
    gap: 56px;
padding-top: 28px;
    padding-bottom: 96px;
}
.cv_content h1{
margin:0;
padding:0;

}
.cv_content .admin-job {
    margin-top: 16px;
    margin-bottom: 36px;
}
.cv_content h2{
color:#0E3481;
margin-top:36px;
margin-bottom:20px;
  display: flex;
    align-items: center; /* выравнивание по вертикали */
    gap: 16px; /* расстояние между иконкой и текстом */
  
}

.cv_content{
    flex: 1;
}
.admin-desc{
margin-bottom:14px;
min-height:40px;

}
.admin-img-inside img
{
width:385px;
height:500px;
border-radius:16px;
object-fit: cover;
display: block;
}

.admin-img-inside{
 flex: 0 0 250px;

}
.section{
margin-top:30px;

}
.icon{
/*margin-top:5px;
margin-right:16px;*/
}
.section ul{
list-style: none;
    padding: 0;
    margin: 0;


}
.job-time{
font-weight:bold;

}

.section ul li{
  position: relative;
    padding-left: 52px; 
    margin-bottom: 10px;
min-height:54px;
border-bottom:1px solid #CFD4E2;
padding-bottom:12px;
}
.section ul li::before{
 content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px; /* длина линии-маркера */
    height: 4px; /* толщина линии */
    background-color: #FF5218; /* оранжевый цвет */


}
.work-hours table{
margin-left:52px;
width:100%;
}
.work-hours table td{
border-bottom:1px solid #CFD4E2;
height:30px;
}
.carousel-track {
  display: flex;
  animation: scroll 30s linear infinite;
  width: max-content;
}

.slide {
  flex: 0 0 auto;
  margin-right: 16px;
  box-sizing: border-box;
}

.slide img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

/* Анимация бесконечного движения */
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-1280px); /* (300 + 20) * 4 = 1280 */
}
}


.custom-gallery {
   width: 1225px;
   height:450px;
   margin:36px 0 36px 0;

 position: relative;
 overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  }

.slick-list draggable, .gallery img{
 height:400px;

}
.slick-dots {
  display: flex !important;
  justify-content: center;
  gap: 4px;
  padding: 0;
  margin: 24px 0 0 0;
  list-style: none;
}

.slick-dots li button {
  font-size: 0; 
  width: 12px;
  height: 12px;
  padding: 0;
  cursor: pointer;
  background: none;
  border: none;
}

.slick-dots li button::before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  background-color: white;
  border: 3px solid #0E3481;
  border-radius: 50%;
  opacity: 0.7;
  transition: background-color 0.3s, opacity 0.3s;
}

.slick-dots li.slick-active button::before {
  background-color: #FF5218;
  opacity: 1;
border:none;
}

.slick-slide img
{
      height:400px;
    object-fit: cover;
 justify-content: center;
  align-items: center;

}
.slick-slide a, .slick-slide img {
height:400px;
  position: relative;
  z-index: 1;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
 justify-content: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.slide-bg{
 width:1225px;
      height:400px;
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-size: cover;
  background-position: center;
  filter: blur(20px);
  transform: scale(1.1); /* чтобы размытость не обрезалась */
  z-index: 0;
}
.news-img-inside img{
    width:1225px;
    height:350px;
    object-fit: cover;
      border-top-right-radius: 60px;
    border-bottom-left-radius: 60px;
  
}
.news-img-inside{
  margin-bottom:36px;

}
.news-meta-inside{
font-family: 'montserrat_semibold';
  font-size:16px;
  font-weight: 400;
  color: #515151;
  line-height: 135%;        
  letter-spacing: 0.01em;

}
.article-video{
margin-bottom:36px;

}

h1{
  font-family: 'montserrat_bold';
  font-size:42px;
  font-weight: 800;
  color: #0E3481;
  line-height: 100%;        
  letter-spacing: 0.02em;
}
h2{
  font-family: 'montserrat_semibold';
  font-size:24px;
  line-height: 120%;        
  letter-spacing: 0.02em;
   font-weight: 400; 
}
h3{
  font-family: 'nunito_sans_regular';
  font-size:22px;
  line-height: 135%;        
  letter-spacing: 0;
 font-weight: 400;

}

h4{
  font-family: 'montserrat_semibold';
  font-size:14px;
  line-height: 120%;        
  letter-spacing: 0.02em;
 font-weight: 500;
}
body{
    margin: 0;
    font-family:'nunito_sans_regular';
    font-size: 18px;
    color: #222222;
    background-color: #F3F3F6;
    line-height: 135%;        
    letter-spacing: 0;
    width:100%;
  }
  p{
    font-family:'nunito_sans_regular';
    font-size: 18px;
    line-height: 135%;        
    letter-spacing: 0;
    
  }
  .social-icons_mobile{
    display: none;
    
  }
  header {
    background-color: #F3F3F6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 200px;
    position: relative;
     
  }
  .top-bar
  {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
  }
.top-bar-mobile{
display:none;
}
  .logo {
    text-align: center;
    max-width: 100%;
    height: auto;
   
  } 
  #menuBurger{
    display:none;
  }

#close_menu{
    display: none;
    
}
 nav{
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  display: flex;
  gap: 35px;
  justify-content: center;  
  width: 100%;
 
  }
 
  .lang-icons{
   font-family: 'montserrat_semibold' ;
    font-size: 12px;
    line-height: 130%;        
    letter-spacing: 1.5%;
    color: #0E3481;
    width:36px;
    height:24px;
    border: 1px solid #0E3481;
    border-radius: 4px;
    text-align: center;
    display: flex;          
    align-items: center;      
    justify-content: center;
    }

  .lang-icons a{
    color:#0E3481;
   justify-content: center; 
   display: flex; 
text-transform: uppercase;
height:24px;
 width:36px;
align-items: center;
  }
  .lang-icons a:hover{
    color:#FFFFFF;
  }
.lang-icons:hover{
background-color:#0E3481;
color:#FFFFFF;
}
  .main-menu  {
    font-family: 'montserrat_semibold' ;
    font-size: 12px;
    line-height: 130%;        
    letter-spacing: 1.5%;
    color: #0E3481;
    text-transform: uppercase;
    list-style: none;
    display: flex;
    gap: 20px;
    overflow: visible;  
    height:40px;
    vertical-align: middle;
    padding:0px;
    margin:10px 0 0 0;

  }
  
 
  .main-menu  li {
    cursor: pointer;
    position: relative;
  }
 
  .main-menu li a:hover{
   /* color:#FF5218;*/

  }
  .main-menu a{
    display: block;
    font-family: 'montserrat_semibold' ;
    font-size: 12px;
    color: #0E3481;
   
  }
 
  
  .main-menu > li > a:after {
    padding-left: 5px;
    content: url(../images/arrow.png); 
  }
 
  .main-menu li > a:only-child:after {
    content: ''; 
  }
  .main-menu li ul {
    list-style: none;
    padding: 0;  
    margin:0 ;
    top: 100%;
    left: 0;
    position: absolute;
    background: #F3F3F6;
    border: 0.5px solid #A6D8FD;
    display: none;
    min-width: 220px;
    border-radius: 4px; 
    gap:12;
  z-index: 10000;
     opacity: 1 !important;
  }
   .main-menu li ul li
  {
    
    border-bottom:0.5px solid #A6D8FD;
    width:initial;
    font-size: 11px;
    display: block;
    width: 100%; 
    overflow: hidden;
    z-index:999999;
    opacity: 1 !important;
  }
  .main-menu li ul li a {
  
    white-space: nowrap;
    padding: 16px 24px;
height:48px;
 opacity: 1 !important;
  }
  .main-menu li ul li:hover{
    background-color: #A6D8FD;

  }

  
  .main-menu li:hover ul {
   display: block !important;

  }
  
  .social-icons
  {
    display: flex;
    gap: 16px;
   margin-top:5px;
   
  }
  .social-icons ul{
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    gap: 8px;
  }
  .social-icons img {
    
    margin-left: 10px;
   
  }
  .facebook_icon{
    background-image: url('../images/facebook-icon.png');
    width: 25px;
    height: 25px;
    display: block;
    
  }
  .facebook_icon:hover{
    background-image: url('../images/facebook-icon-hover.png');
  }
  .tiktoc_icon
  {
    background-image: url('../images/tictoc-icon.png');
    width: 28px;
    height: 28px;
    display: block;
  }
  .tiktoc_icon:hover{
    background-image: url('../images/tiktoc-icon-hover.png');
  }
  .instagram_icon{
    background-image: url('../images/instagram-icon.png');
    width: 29px;
    height: 29px;
    display: block;
  }
  .instagram_icon:hover
  {
    background-image: url('../images/instagram-icon-hover.png');
  }
 
  .main_imag-img {
    width: 100%;
    display: block;
    /*height:700px;*/
  }
  .main_image_mobile{
   display:none;
  } 
  .stats {
    display: flex;
    gap: 42px;
    flex-wrap: wrap;
    justify-content: center;
    background-color: #F3F3F6;
    min-height: 250px;
   
    
  }
  
  .stat-block {
    display: flex;
  flex-direction: column;
  align-items: center;   /* по горизонтали по центру */
  justify-content: center; /* по вертикали по центру */
  text-align: center;
  color: #0E3481;

 
  }
  .stat-block h1{
    margin:0px;
    
   
  }
  
  .stat-block .text
  {
    width:220px;
   
    ;
  }
  .stars{
    background-image: url('../images/stars.png');
    background-repeat: no-repeat;
    width:36px;
    height:36px;
    display: block;
    align-self: center;
   ;
  }
  .mission {
  background-color: #0E3481;
  background-image: url('../images/pattern.png');
  background-repeat: repeat;
  background-size: auto;
  padding: 64px 0px 96px 0px;
  text-align: center;
  color: #F3F3F6;
}
.mission .stars
{
   margin: 0 auto;

}
.mission__icon {
  display: block;
  margin: 0 auto 20px;
  width: 20px;
}

.mission h1 {

  margin: 32px 20px;
  color: #A6D8FD;
}

.mission h3 {


  max-width: 789px;
  margin: 0 auto;
}

.video360 img
{
  width:100%;
}


.carousel {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  overflow: hidden;
}

.slides {
  display: flex;
  width: 400%;
  transition: transform 0.5s ease-in-out;
  padding: 0;
  margin: 0;
}

.slides li {
  width: 100%;
  list-style: none;
  flex-shrink: 0;
}

.slides img {
  width: 100%;
  height: auto;
  display: block;
}

input[name="slides"] {
  display: none;
}

#slide1:checked ~ .slides {
  transform: translateX(0%);
}
#slide2:checked ~ .slides {
  transform: translateX(-100%);
}
#slide3:checked ~ .slides {
  transform: translateX(-200%);
}
#slide4:checked ~ .slides {
  transform: translateX(-300%);
}

.navigation {
  text-align: center;
  margin-top: 10px;
}

.navigation label {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 6px;
  border-radius: 50%;
  background-color: #ccc;
  cursor: pointer;
}

input#slide1:checked ~ .navigation label[for="slide1"],
input#slide2:checked ~ .navigation label[for="slide2"],
input#slide3:checked ~ .navigation label[for="slide3"],
input#slide4:checked ~ .navigation label[for="slide4"] {
  background-color: #f45b0b;
}

.paging{
  display: flex;
  width:100%;
padding-top:72px;
}
.paging ul{
padding:0;

}
.pageList {
  display: inline-flex;
  gap:16px;
  list-style:none;
 text-align: center;
  margin:0 auto;
}

.pageList li{
display: flex;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
   border: 1.5px solid #0E3481;
  text-decoration: none;
  transition: all 0.3s ease;

}

.pageList li a{
font-family: 'montserrat_semibold';
  font-size:14px;
  line-height: 120%;        
  letter-spacing: 0.02em;
 font-weight: 500;
  color: #0E3481;
  justify-content: center;
 align-items: center;
margin:0 auto;
}
.page-circle li:hover {
  background-color: #f35306;
  color: white;
  border-color: #f35306;
}
.pageList li .active{
color: #F3F3F6;

}
.pageList li:has(a.active) { 
  background-color: #FF5218;
  border-color: #f35306;
}

.news-filter_inside_mobile
{
display:none;
}

.news-filter {
  list-style: none;
  display: flex;
flex-wrap: wrap;
  gap: 8px;
   height:49px;
margin:0 0 48px 0;
padding:0px;
align-items: center;
 text-transform: uppercase;
}

.news-filter li {
 height:49px;
width:161px;
  margin: 0;
  padding: 0;
display: flex;
  align-items: center;     /* по вертикали */
  justify-content: center;
    
 border: 1.5px solid #0E3481;
  border-radius: 999px;
}
.news-filter li a 
{
 color: #0E3481;
 font-family: 'montserrat_semibold';
  font-size:14px;
  line-height: 120%;        
  letter-spacing: 0.02em;
 font-weight: 500;
}

.news-filter  .active {
  background-color: #FF5218;
 border: none;  

}
.vertical-line {
  display: inline-block;
  width: 2px;
  height: 14px;            
  vertical-align: middle;
  background-color: #FF5218; 
margin:0 12px 0 12px;
}
.back-button {
  display: inline-flex;
width:132.8px;
height:44px;
    align-items: center;
    justify-content: center;
  color: #FF5218;
  text-decoration: none;
  border-radius: 36px;
border:1.5px solid #FF5218;
 font-family: 'montserrat_semibold';
  font-size:16px;   
  letter-spacing: 0.02em;
margin-bottom:36px;

}

.back-button a{
color: #FF5218;
 font-family: 'montserrat_bold';
  font-size:16px;   
  letter-spacing: 0.02em;

}

.news-filter  .active  a{
color: #F3F3F6;
}
.news-title-inside h1{
margin-bottom:24px;
}
.news {
padding-top:72px;
}

  
.news-header {
    
  display: flex;
  justify-content: space-between;
 width:1250px;
height:49px;
margin: 0 auto;
  align-items: center;
  margin-bottom: 48px;
}

.news-header h2 {
  
  font-family: 'montserrat', sans-serif;
  font-size: 36px;
  color: #0E3481;
  margin: 0;
}

.btn-all {
  
  background-color: #FF5218;
  color: white;
  border: 0px;
  display: inline-flex;           
  align-items: center;           
  gap: 8px;                      
  padding: 16px 48px;          
  max-width: 236px;              
  max-height: 49px;              
  border-radius: 50px;
  font-weight: bold;
  cursor: pointer;
}
.btn-all h4 a{
color: white;
}

.btn-all:hover{
  background-color: #0E3481;
}
.btn-all img{
  margin-top:1px;
}
.news-grid {
  
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(272px, 1fr));
  gap: 24px;
  width:1300px;
margin: 0 auto;
}

.news-card {
  width: 282px;
  height: 719px;
  /*overflow: hidden;*/
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.news-img{
  width: 282px;
  height: 380px;
object-fit: cover;
  border-top-right-radius: 60px;
  border-bottom-left-radius:60px;      
}

.news-type {
  color: #FF5218;
  gap: 24px;
  text-transform: uppercase;
height:40px;
}

.news-type a{
  color: #FF5218;
}
.news-title{
 height:50px;
overflow: hidden;

}
.news-title a {
  font-family: 'montserrat_semibold';
  font-weight: bold;
  font-size: 18px;
  line-height: 120%;         
  letter-spacing: 2%;
  color: #0E3481;
  font-weight: bold;
  margin: 8px 0;
 
}

.news-meta {
  font-family: 'montserrat_semibold';
  font-weight: bold;
  font-size: 14px;
  line-height: 120%;         
  letter-spacing: 2%;
  font-size: 12px;
  color: #515151;
  gap:12px;
height:35px;
}
.news-meta span{
padding-top:4px;

}

.news-desc {
  color: #515151;
  height:95px;
  margin: 4px 0;
overflow: hidden;
}

.news-link {
  color: #0E3481;
  font-family: 'montserrat_semibold'; 
  font-size: 16px;
  line-height: 120%;         
  letter-spacing: 0%;
  
  text-decoration: none;
}  
.news-link img {
  width: 8px;
  height: 12px;
  transition: transform 0.3s;
}
.news-title a:hover,.news-link:hover {
  color:#FF5218;
} 
  
.moments {
  background-color: #A6D8FD;
  min-height: 721px;
  margin-top: 120px;  
  position: relative;
 /* padding: 0 120px;*/
  box-sizing: border-box;
} 
.moments-grid{
  position: relative; 
  display: flex; 
  flex-direction: row;     
  gap: 48px;
  flex-wrap: wrap;
   align-items: flex-start;
  max-width: 1300px;
  width: 100%;
  box-sizing: border-box;
margin: 0 auto;
 
}
.moments-text{
 width:490px;
 height:517px;
  z-index: 1; 
  color:#222222;
  /*margin: 96px 0 0 120px;  */
  margin-top: 96px;
 display: flex;
  flex-direction: column;
    justify-content: space-between;  
}
.moments-text h1{
margin-top:0;
margin-bottom:36px;

}

.moments-text p{
margin-bottom:12px;
margin-top:0;
}

.moments-text .btn-all{
margin-top:36px;

} 
.moments-photos{

  position: absolute;
  top: -50px;
  right: 0;
  display: flex;
   gap: 16px;
  z-index: 0;
 margin-bottom: 80px;
 width:780px;
height:703px;
 
}
.moments-photos img{
  width: 250px;
  height: 675px;
  border-top-left-radius: 125px;
  border-top-right-radius: 125px;
  border-bottom-left-radius: 125px;
  object-fit: cover;
  
}
.quote{
  background-image: url('../images/quote.png');
  background-repeat: repeat;
  padding: 0 20%;
  background-size: auto;
  height: 400px;
  text-align: center;
  display: flex;
  flex-direction:column;
  flex-wrap: wrap;
  justify-content: center; 
  gap: 24px;
}
.quote_text{
  font-family: 'montserrat_bold';
  font-size:36px;
  font-weight: 800;
  color: #0E3481;
  line-height: 130%;        
  letter-spacing: 0;
  margin: 0 ;
   orphans: 2;
  widows: 2;
 overflow-wrap: break-word;
} 

.quote_author h2{
  margin:0px;
  padding-bottom: 4px;
}

.quote_line{
  background-image: url('../images/quote-line.png');
  background-repeat: no-repeat;
  width:104px;
  height: 8px;
  margin: 0 auto;
  
}
.quote_author {
  color: #0E3481;
}
  footer {
    background-color: #0E3481;
    color: #F3F3F6;
    background-image: url('../images/footer.png');
    background-position:left;
    background-repeat: no-repeat;
    height: 574px;
    position: relative;
    
  } 
footer p{
margin-bottom:0px;
margin-top:8px;
}
.footer_zag_mobile {
  display:none;
}
  footer h1,footer h2{
    color:#A6D8FD;
    margin-top:0px;
    margin-bottom:16px;
  }
  .footer_link{
    color:#A6D8FD;
    font-family: 'montserrat_semibold';
    font-size: 16px;
    margin-left:32px;
}
.footer_link img{
  width:8px;
  height:12px;
margin-left:3px;
margin-bottom:2px;
}

  
  .footer_link:hover{
    color:#FF5218;
  }
 .footer_phone img,
  .footer-address img {
    vertical-align: middle;
    margin-right: 8px;
    margin-top:2px;
  }

.footer-address span{
margin-left:32px;

}
  .copyright{
    background-color: #A6D8FD;
    position: absolute;
    bottom:0%;
    width:100%;
    height: 48px;
    display: flex;
    align-items: center; 
  
  }
  .copyright span{
     color:#A6D8FD;
    font-family: 'montserrat_semibold';
    font-weight: bold;
    font-size: 14px;
    line-height: 130%;
    text-transform: uppercase;
    color: #0E3481;
    margin-left:5%;
  }
  .copyright_text_right
  {
   /* padding-left:16%;*/
    position: absolute;
    right: 0%;
    top: 50%;
    transform: translateY(-50%);
    padding-right: 20%;
  }
  .footer_text p{
    margin: 0px;
  }
  .footer-content {
    color:#F3F3F6;
   display: flex;
    flex-direction:column;
   justify-content: center;
   /* flex-wrap: wrap;*/
    gap: 36px;
    position: absolute;
    right:0%;
    top: 50%;
 transform: translateY(-50%);
   padding-right:20%;
   
  }
  .footer-contact{
    display: flex;
    flex-wrap: wrap;
    gap: 56px;

  }

  .footer-social{
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
  }
   
  .footer_facebook_icon{
    background-image: url('../images/footte-facebook-icons.png');
    width: 50px;
    height: 50px;
    display: block;
    
  }
  .footer_facebook_icon:hover{
    background-image: url('../images/footte-facebook-icons-hover.png');
  }
  .footer_tiktoc_icon
  {
    background-image: url('../images/footte-tictok-icons.png');
    width: 50px;
    height: 50px;
    display: block;
  }
  .footer_tiktoc_icon:hover{
    background-image: url('../images/footte-tictok-icons-hover.png');
    width:50px;
  }
  .footer_instagram_icon{
    background-image: url('../images/footte-inst-icons.png');
    width: 50px;
    height: 50px;
    display: block;
  }
  .footer_instagram_icon:hover
  {
    background-image: url('../images/footte-inst-icons-hover.png');
  }
  .footer_telegram_icon{
    background-image: url('../images/footte-telegram-icons.png');
    width: 50px;
    height: 50px;
    display: block;
  }
  .footer_telegram_icon:hover
  {
    background-image: url('../images/footte-telegram-icons-hover.png');
  }
@media (max-width: 1580px){

.footer-content,
.copyright_text_right
{
 padding-right:10%;
}

.moments-grid{
margin-left: auto;
    margin-right: 0;


}
}
@media (max-width: 1100px) {

.main_image{
  display:none;
 }

 .main_image_mobile {
   display: block;
 
  }

   #menuBurger
  {
    
    position: absolute;
    top:20%;
    right:24px;
    display:inline-block;    
    color:#FF6542;  
    height:36px;
    
  }
  header{
    height:64px;
  }
  .top-bar-mobile{
display: flex; align-items: center;
height:64px;
  }
  .top-bar-mobile img{
  
    margin:0px 0 0 24px;
  }
.top-bar{

display:none;
}
  #close_menu
  {
    position: absolute;
    top:15%;
    right:5%;
    display:none;
    color:#F3F3F6;
    z-index: 2000;
    font-size: 12px;
    z-index: 9999;
  }
  #close_menu .close
  {
    font-size:2.2em;
    padding-top: 24px; 
  }

  #menuBurger .burger
  {
    font-size:2.2em;
  }
 /* .clearfix::after {
  content: "";
  display: table;
  clear: both;
}*/
nav {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
   /* height:0px;*/
    transform: none !important;
    background-color: #0E3480;
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    padding: 36px 36px;
    gap: 44px;
    z-index: 2000;
    box-sizing: border-box;
    align-items: stretch;
  }
  .menu{
    align-items: stretch;
    gap: 20px;
    padding: 0;
    flex-direction: column;
    width:100%;
    z-index: 100;
   
    
  }
  .main-menu {
    flex-grow: 1;
    flex-direction: column;
    gap: 20px;
    padding: 0;
    list-style: none;
    width: 100%;
   transition: height 0.3s ease;
  
  }

  .main-menu li a {
    color: #F3F3F6;
    font-size: 12px;
    text-transform: uppercase;
  }
.main-menu > li.has-submenu > a {
  position: relative;
  display: flex;
  align-items: center;
  padding-top:2px;
}

.main-menu > li.has-submenu > a:after {
content: url('../images/chevron-right-blue.png');
  display: inline-block;
  transition: transform 0.3s ease;
transform: translateY(2px);
}

.main-menu > li.has-submenu.open > a:after {
  transform: rotate(90deg); /* Повернуть стрелку вниз */
}
 /* .main-menu > li > a::after{
    content: url('../images/chevron-right-blue.png');
   
background-size: contain;
  width: 12px;
  height: 12px;
  transition: transform 0.3s ease;
  }
.main-menu > li.open > a::after {
  transform: rotate(90deg);
}*/
  .social-icons {
    /*display: flex !important;      */
    flex-grow: 1;
    flex-direction: row;           
    width: 100%;
    gap: 16px;
   justify-content: flex-start;
    } 

  .lang-icons a {
    color: #F3F3F6;
    border: 1px solid #F3F3F6;
    width: 36px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
  }



 
 .main-menu li ul {
    position: static;
    border: none;
    background: none;
    display: none;
    color:#F3F3F6;
 z-index: 10000 !important;

  opacity: 1;
  }
  .main-menu li ul li {
    border-bottom:0px;
    position: relative;
    padding-left: 10px;
 z-index: 9999; 
  opacity: 1;

  }
  .main-menu li ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%; 
    transform: translateY(-50%);
    width: 12px; 
    height: 2px;  
    background-color:#F3F3F6 ; 
    margin-right:5px;
  }
  .main-menu li ul li:hover
  {
   background:#0E3480 ;
  } 
  .main-menu li:hover ul {
    display: block;
  }

  .burger-menu {
   display: flex;
  }

  .lang-icons a{
    color:#F3F3F6;
    border:1px solid #F3F3F6;
    border-radius: 8px;
    width:36px;
    height: 24px;
    }
  .facebook_icon{
    background-image: url('../images/facebook-icon-mobile.png');
    width: 25px;
    height: 25px;
    display: block;

  }
  .facebook_icon:hover{
    background-image: url('../images/facebook-icon.png');
  }
  .tiktoc_icon
  {
    background-image: url('../images/tictoc-icon-mobile.png');
    width: 28px;
    height: 28px;
    display: block;
  }
  .tiktoc_icon:hover{
    background-image: url('../images/tictoc-icon.png');
  }
  .instagram_icon{
    background-image: url('../images/instagram-icon-mobile.png');
    width: 29px;
    height: 29px;
    display: block;
  }
  .instagram_icon:hover
  {
    background-image: url('../images/instagram-icon.png');
  }
   .moments-grid {
    flex-direction: column; 
    align-items: center;
    position: static; 

  }

  .moments-text {
    width: 100%;
    text-align: center;
  }

  .moments-photos {
    position: static; 
  /*  flex-direction: column;*/
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 24px;
  }
.accordion-content{
display:flex;
flex-direction: column;
width:100%;
}
.teacher-card
{

width:100%;
}


.teacher-photo img{
  min-width: 100%;  
  max-height: 250px;
  object-fit: cover;   
  display: block;
 margin-bottom:20px;

  }
.teacher-group
{
width:auto;
}
.content-admin-inside{
flex-direction: column;
width:auto;
margin: 24px 24px 48px 24px; 
padding:0px;
gap:24px;
}
.admin-img-inside img{
width:100%;
height:300px;

}
.cv_content .admin-job{
margin-bottom:16px;

}
.cv_content h2{
    margin-top: 24px;

}
}  
@media only screen and (max-width: 767px) {
.content{
width:auto;
margin: 24px 24px 48px 24px; 
padding:0px;
}
.content h1
{
text-align:center;
margin-bottom:36px;
}
  h1{
    font-size: 27px;
  }
  body{
    font-size: 14px;
   line-height:120%;
  }  
  h2{
    font-size: 18px;
  }
  h3{
    font-size: 16;
    line-height:110%; 
  }
h4{
  font-size:12px;

}
 .main_image_mobile {
   display: block;
 
  }
.main_image_mobile  img{
  height:100vh;
  width: auto;
  object-fit: cover;
  display: block;
}
  .main_image{
   display:none;
  }
  .news{
   padding:48px 24px 72px 24px;
   }
  .news-grid {
    display: flex;
    flex-direction: column;
    align-items: center;
    width:100%;
   
    gap:36px;
  }
  .news-filter{
     display: flex;
 height:auto;
margin-bottom:36px;
order:2;

}
.news-filter_inside
{
  display:none;
}
.news-filter_inside_mobile{
display:block;
}
.news-filter_inside_mobile .news-filter 
{
margin-bottom:24px;

}
.news-card-inside{
order:1;

}
.news-filter li{
width:100%;

}
  .news-header{
  flex-direction: column;
  width:100%;
  height:auto;
  gap:24px;
  margin-bottom:36px;

  }

.news-header h1,
.news-h4,
.news-type h4
{
 margin:0;

}
.news-title,
.news-type,
.news-meta
{
height:auto;

}
.news-desc{
height:50px;
overflow:hidden;

}
.news-title a{
font-size:16px;


}
  .news-card h4{
margin-bottom:2px;

}
  .news-card {
    display: flex;
    width:100%;
 height:auto;

 
  }  

  .news-img{
  min-width: 100%;  
  max-height: 250px;
  object-fit: cover;   
  display: block;
 margin-bottom:20px;

  }
  .btn-all{
   /* width: 90vw;*/
  }
.news-link{
font-size:14px;

}
.news-card-inside,
.news-title-inside,
.news-meta-inside,
.news-content-inside,
.custom-gallery{
width:auto;

}
.news-img-inside{
margin-bottom:24px;

}
p{
font-size:16px;

}
.news-content-inside{
white-space: normal;
 hyphens: auto;    
font-size:16px;
}
.news-title-inside h1
.news-content-inside p
{
margin-bottom:16px;

}

.vertical-line {
        display: block;
        width: 100%;
        height: 0;
        background: none;
        margin: 8px 0; /* отступ сверху и снизу вместо линии */
    }
.news-img-inside img {
width:100%;
height:400px;
}
.paging{
padding-top:36px;
}
.back-button{
width:100%;
margin-bottom:24px;
}
.slide-bg{
width:100%;
height:400px;
}
.custom-gallery{
height:450px;
width:100%;
}
.slick-slide img{
width:100vw;
height:400px;

}
.news-img-inside{
  margin-bottom:36px;

}
  .stats {
    flex-direction: column;
    align-items: center;
    gap: 16px;
    margin:56px 24px;
    background-color: #F3F3F6;
 }

  .stat-block {
    gap: 8px;
    text-align: center;
   
  }
.stat-block h1{
font-size:32px;
}
.stat-block h3{
  margin:0;

}

.mission{

 padding:96px 36px;


}

.mission h1{

margin-top:24px;
margin-bottom:24px;
}
.video360 {
  position: relative;
  height: 500px;
  overflow: hidden;      
  display: flex;
  align-items: center;
  justify-content: center;
}

.video360 img {
  width: 100vw;
  height: 100vh;
  object-fit: cover;   
  display: block;
}

/* Добавляем фон сверху через псевдоэлемент */
.video360::after {
  content: "";
  position: absolute;
  top: 0%;
  left: 50%;
  width: 150px;
  height: 100px;
  background-image: url(../images/video-container.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
    transform: translateX(-50%);
  z-index: 2;
}
   .moments {
    min-height: auto;
 padding:56px 36px 48px 36px ;
margin:0;
  }
 .moments h1{
margin-bottom:24px;

}

  .moments-grid {
   flex-direction: column;
  gap:36px;
  }
  .moments-text {
    width: 100%;
    height:auto;
     order: 2;
    text-align: left;
   margin:0px;
  }

  .moments-photos {
    width: 100%;
    height:350px;
   /* order: 1;*/
    justify-content: center;
    gap: 16px;
     margin:0px;
  }
.carousel-wrapper{
/*height:350px;*/

}
  .moments-photos img {
   /* max-width: 45vw;  */
    border-radius: 40px 40px 0 40px;
height:350px;
width:83px;
  }

  .moments-text .btn-all {
  order: 3;
  width: 288px;
margin: 0 auto;
margin-top:36px;
}
    .quote {
    padding: 72px 36px; 
    height: auto; 
    gap: 20px; 
    
  }
  .quote_text {
    margin:0 auto;
    line-height: 1.2;
   /* padding: 0 10px;*/
   font-size: 24px;
   max-width:288px;
  }
  .quote_line {
    width: 70px;
    height: 5px;
  }
  .quote_author h2 {
    font-size: 16px;
  }
  .quote_author {
    font-size: 14px;
  } 

.teacher-group
{
width:auto;
}
.accordion-label
{
font-size:16px;


}
.accordion-label span{
width:90%;

}

.accordion-label::after {
height:20px;
width:20px;


}
   footer {
    height: auto;
    background-position: center top;
     
  }
.footer_zag_mobile{
display:block;
}

.footer_zag{
display:none;

}
  .footer-content {
    position: static;
 right: auto;
    top: auto;
   padding: 48px 36px 56px 36px;
    transform: none;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
box-sizing: border-box;
  
  }



  .footer-social {
   
    gap: 12px;
  }

  .footer-contact {
    flex-direction: column;
    gap: 20px;
    
  }

  .footer_phone,
  .footer-address {
    margin: 0;
  }

  .footer_phone img,
  .footer-address img {
    vertical-align: middle;
    margin-right: 8px;
    width: 20px;
    height: 20px;
    
  }
  footer p{
margin:0;
}
.footer_phone p{
   margin-top:8px;
}

  .footer_address p span {
    margin: 0;
    font-size: 14px;
  }

  .footer_link {
    margin-top:8px;
    display: inline-block;
   
  }


  .copyright {
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    flex-direction: column;
  
   padding:14px 36px;
  position: static;
   
  }

  .copyright span {
    margin-left: 0;
    font-size: 12px;
    color: #0E3481;
  }
.copyright_left{
  width: 100%;
  text-align: left;
}
.copyright_left::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.5px;
  background-color: #0E3481;
  margin: 8px auto;
}
  .copyright_text_right {
     position: static;
    transform: none;
    padding: 0;
   
  }
}