*{
    margin: 0;
    padding: 0;
    font-family:  PT sans-serif;
    background-repeat: no-repeat;
    overflow-x: hidden;
}
/*была идея использовать этот цвет - 30,46,59*/
body{
    width: 100vw;
    height: auto;
   /*background-color: aquamarine;*/
       background-color: rgba(0, 70, 155, 0.047);
}

a{
    color: black;    
    text-decoration: none;
    transition: 0.1s ease;
}

a:visited{
color: black;
}

a:hover{
    color:rgb(0,70,155);
    transition: 0.1s ease;
}
/*общие стили для кнопок для всего сайта*/
.info-1 .personcard a.abcoach{width: 10vw;height:2vw;font-size: 1.2vw;font-weight:550;display: block;color: white;text-align: center;padding-top: 0.5vw;background-color: rgb(0, 70, 155);border-radius: 5px;border: none;float:left;margin-left: 7.5vw;}


br{display: none;}
#main{
    width: 100vw;
    height:auto;
    background-color: rgba(0, 70, 155, 0.047);
}


/*шапка сайта с логотипом и названием движения*/
.intro{
    padding-top: 3vw;
    width: 100vw;
    height:25vw;
    margin-bottom: 1vw;
}


.intro .image{
height: 20vw;
width: 25vw;
background-color: rgb(0, 70, 155);
display: block;
float: left;
margin-left: 2.5vw;
}
.intro img{
   height: 17.5vw; 
   width: 17.5vw; 
   padding-top: 1.2vw;
   padding-left: 3vw;
}
.intro .introduction{
height: 20vw;
width: 70vw;
background-color: rgba(0, 70, 155);
display: block;
float: left;
}

 
 .intro .introduction h1{
    padding-top: 3vw;
    color:rgb(255, 255, 255);
    padding-left: 0vw;
    font-size: 75px;
 }

  .intro .introduction h2{
    padding-top: 5vw;
    color:rgb(255, 255, 255);
    padding-left: 0vw;
    font-size: 35px;
}


/*меню сайта*/
.header{
    display: block;
    background-color: rgba(255,255,255,0.7);
    height: 5vw;
    width: 100vw;
    border-bottom: 0.5px solid rgb(0, 70, 155);
    position: relative;
    margin-top: 2.5vw;
}

.header .logo{
    height:100%;
    width:0.5vw;


    display: block;
    float: inline-start;
}

.header .logo a{
    display: block;
    height: 2vw;
    width:2vw;

}

.header .menu{
    float: left;
    height:100%;
    width:80vw;
    display: block;
}
.header ul{

    margin: 0;
        padding-top: 1.8vw;
    padding-right: 2vw;
}
.header li{
    display: inline;
    margin-left: 5vw;
    font-weight: 700;
    font-size: 19px;
}
    .header .menu .socialmedia {position: absolute;bottom:0;}

@media(min-width:1441px){
    .header{overflow-y: hidden;}
    .header .menu .socialmedia {position: absolute;right: 0;top:0;width: 19.5%;height:5vw;background-color: #ffffff00;padding-top: 1.25vw;}
.header .menu .socialmedia img:first-child{margin-left: 2.5vw;}
.header .menu .socialmedia img{height: 2.5vw;width: 2.5vw; }

}



/* Гамбургер иконка - скрыта по умолчанию */
.hamburger {
    display: none;
    width: 30px;
    height: 25px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 1001;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.hamburger span {
    display: block;
    width: 100%;
    height: 3px;
    background: #333;
    border-radius: 2px;
    margin: 4px 0;
    transition: all 0.3s ease;
}

/* Кнопка закрытия внутри мобильного меню */
.close-menu {
    display: none;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background: transparent;
    border: none;
    font-size: 36px;
    color: #333;
    cursor: pointer;
    z-index: 1002;
    padding: 0;
    line-height: 1;
}

.close-menu:hover {
    color: rgb(0,70,155);
}

/* Логотип в мобильном меню */
.mobile-logo {
    display: none;
    position: absolute;
    top: 15px;
    left: 20px;
    z-index: 1002;
}

/* Медиа-запрос для экранов меньше 1440px */
@media (max-width: 1440px) {
    .header {height: 60px;}

    .hamburger {display: block;}
    
    /* Скрываем логотип в шапке на мобильных */
    .header .logo {display: none;}
    
    .menu {position: fixed;top: 0;left: -100%;width: 100%;height: 100vh;background-color: rgba(255, 255, 255, 0.963);transition: left 0.3s ease;z-index: 1000;overflow-y: auto;padding: 0;margin: 0;float: none;width: 100%;}
    .menu.active {left: 0;}
    
    /* Показываем кнопку закрытия в мобильном меню */
    .menu.active .close-menu { display: block;}
    
    /* Показываем логотип в мобильном меню */
    .menu.active .mobile-logo {display: block;}
    
    /* Скрываем гамбургер при открытом меню - полностью убираем */
    body.menu-open .hamburger {
        display: none !important;
    }
  
    
    /* Убираем анимацию креста у гамбургера */
    .hamburger.active {display: none;}
    .header ul {padding-top: 100px; /* Увеличиваем отступ для логотипа и кнопки закрытия */padding-left: 0;margin: 0;width: 100%;display: block !important;text-align: center;padding-right: 0;} 
    .header li {display: block;margin: 0;width: 100%;text-align: center;} 
    .header li a {display: block;padding: 20px 15px;width: 100%;box-sizing: border-box;font-size: 22px;color: #333;text-decoration: none;border-bottom: 1px solid rgba(0,70,155,0.1);} 
    .header li:last-child a {border-bottom: none;}


}

/* Для очень маленьких экранов */
@media (max-width: 768px) {
        
    .header {height: 50px;}
    .header ul {padding-top: 90px; }
    .header li a {display: block;padding: 20px 15px;width: 100%;box-sizing: border-box;font-size: 19px;color: #333;text-decoration: none;border-bottom: 1px solid rgba(0,70,155,0.1);} 

    .hamburger {left: 15px;}
    .close-menu {top: 15px;right: 15px;font-size: 32px;width: 35px;height: 35px;}    
    .mobile-logo {top: 12px;left: 15px;}  
    .mobile-logo img {height: 35px !important;width: 35px !important;}
    

}
/*main block*/
/*слайдер*/
.intro_slider {
    height:auto;
            width: 100%;
        }
        
.slider-container {
    position: relative;
    width: 100%;
    max-width: 95vw;
    margin-top: 5vw;
    margin-left: 2.5vw;
    border-radius: 20px;
    overflow: hidden;
           
}
        
.slider {
    position: relative;
    width: 100%;
    height: 700px;
}
        
.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
        
.slide.active {
    opacity: 1;
}
        
.slide-image {
    width: 100%;
    height: 100%;
    object-fit: contain; /* Изменено с cover на contain - фото вписываются по высоте */
    background-color: #000; /* Фон для пустых областей */
}
        
.slide-info {
    position: absolute;
    bottom: 50px; /* Подняли выше, чтобы не закрывалось индикаторами */
    left: 0;
    width: 100%;
    padding: 20px 15px 10px;
    color: white;
}
        
.slide-title {
    margin-left: 10vw;
    font-size: 1.3rem;
    margin-bottom: 3px;
    font-weight: 600;
}
        
.slide-description {
    margin-left: 10vw;
    font-size: 0.9rem;
    opacity: 0.9;
}
        
/* Индикаторы с прогресс-барами - теперь поверх слайдера */
.indicators-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 15px;
    z-index: 10;
    background: linear-gradient(to top, rgb(0, 0, 0), transparent);
}
        
.indicators {
    display: flex;
    justify-content: center;
    gap: 6px;
}
        
.indicator {
    flex: 1;
    max-width: 120px;
    height: 5px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 3px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    transition: all 0.2s ease;
}
        
.indicator:hover {
    background: rgba(255, 255, 255, 0.4);
}
        
.indicator.active {
    background: rgba(255, 255, 255, 0.2);
}
        
.progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0%;
    background: linear-gradient(to right, rgb(30,46,59) 0%, #0090fe 100%);
    border-radius: 3px;
    transition: none;
}


/*блок с инфой об участниках (тренерах) движения*/

.info{
    height:auto;
    width: 80vw;
    margin-left: 10vw;
    margin-top: 5vw;
    background-color: rgb(255, 255, 255);
}

.info-1{
    margin-top: 5vw;
    height:auto;
}

.info-1 .personcard{
    height: 37.5vw;
    width:20vw;
    background-color:  rgb(255, 255, 255);
   
    margin-left: 5vw;
    margin-top: 2vw;
    margin-bottom: 2vw;
    display: inline-block;
        transition:.05s ease;
box-shadow: 0 0 3px 0;
}

.info-1 .personcard:hover{
    transition:.05s ease;
     box-shadow: 0 0 10px 0;
}

.info-1 .personcard .photo{
    height: 15vw;
    width:15vw;
    border-radius: 200%;
    margin-top:2.5vw;
    margin-left: 2.5vw;
    display: block;
}


.info-1 .personcard .photo {
  background-position: center center;
  background-size: auto 100%;
}

/*.info-1-1 .personcard .photo-1 {
  background:url();
}*/

.info-1 .personcard .text{
    height: 12.5vw;
    width:17.5vw;
    background-color: rgb(255, 255, 255);
    border:2px solid rgb(255, 255, 255);
    margin-left: 1.25vw;
    display: block;
    margin-top: 2.5vw;
}
.info-1 .personcard .text .name{
text-align: center;
font-weight: 600;
font-size: 20px;
display: block;
}

.info-1 .personcard .text .bio{
text-align: left;
font-weight: 200;
font-size: 16px;
display: block;
line-height: 1.5em;
margin-top:1.5vw;
}
.info-1 .personcard button{
    float:right;
    margin-right: 2vw;
}
.info p.title{
    text-align: center;
    font-size: 40px; 
    color: black; 
    font-weight: 600;

}
.info p.title-1{
    padding-top: 3.5vw;
    padding-bottom:2vw;
}
.info p.title-2{
    padding-top: 3vw;
    padding-bottom:2.5vw;
}
.info p.title-3{
    padding-top: 3vw;
    padding-bottom:2.5vw;
}
.info p.title-4{
    padding-top: 3vw;
    padding-bottom:2.5vw;
}
.info-1 .card{
    width:90vw;
    height:25vw;
    background-color: rgba(12, 92, 162, 0);
    margin-top: 2.5vw;
    padding-top: 2vw;
    margin-left: 2vw;
    display: block;
}

.card .photo{
    width:20vw;
    height: 20vw;
    background-color: rgb(250, 242, 242);
    margin-left: 2vw;
    
  
    display: block;
    float: left;

}
.card .text{
     width:60vw;
    height: 20vw;
    background-color: rgb(250, 242, 242);
    margin-left: 2vw;
    border:5px dashed black;
    display: block;
    float: left;
    line-height: 1.6em;
}
.card p{
    color: black;
    padding: 3vw;
}

.info-1 .personcard .text .bio + .bio { margin-top: 20px; }


/*блок с инфой об участниках (клубах) движения*/
.info-2 .club{
    height: 15vw;
    width: 12.5vw;
    margin-left: 2.5vw;

     display: inline-block;
}
.info-2 p.name{
color: #000000;
 margin-top:0vw;
 text-align: center;

}
.info-2 .icon{
    height:10vw;
    width:10vw;
    margin-left:1.25vw;
    margin-bottom: 1vw;
    background-size: auto 100%;
    /*float: left;*/
}

.info-2 .icon-1{
    background-image: url('/styles/photos/clubs/LK.png');
}
.info-2 .icon-2{
    background-image: url('/styles/photos/clubs/super.png');
}
.info-2 .icon-3{
    background-image: url('/styles/photos/clubs/fest.png');
}

.info-2 .icon-4{
    background-image: url('/styles/photos/clubs/oniks.png');
}
.info-2 .icon-5{
    background-image: url('/styles/photos/clubs/fenix2.png');
}


/*блок с инфой об участниках (спонсорах) движения*/
.info-3 .icon{
    height:10vw;
    width:10vw;
    background-color: rgb(33, 185, 76);
    margin-left:5vw;
    display: inline-block;
    margin-bottom: 3vw;
    /*float: left;*/
}

/*блок с инфой о новостях движения*/

.info-4 .slider{
    width: 80vw;
    height:20vw;
    margin-left: 3vw;
    margin-top: 3vw;
    margin-bottom: 4vw;
}
.info-4 .slider .elem{
    width:15vw;
    height:15vw;
    background-color: rgb(81, 14, 14);
    border-radius: 1vw;
    display: inline-block;
    margin-left: 3vw;
}
.info-4 .slider .elem:first-child{
    margin-left: 1vw;
}
/*main for other pages*/
.submain{
    width:100vw;
    height:auto;
    /*background-color: black;*/
}

.submain .gen{
    display: block;
    width: 85vw;
    height:auto;
    margin-left: 7.5vw;
    margin-top: 3vw;
    margin-bottom: 3vw;
    align-items: center;
    justify-content: center;
}
.submain .gen .title h1{
    padding-left: 5vw; padding-top: 5vw;
}


/*footer part*/
.footer{
    margin-top: 7.5vw;
    background-color: rgb(0, 70, 155);
    height: 10vw;
    width: 100vw;
    position: relative;
}
.footer .smallicons{
    width:80vw;
    height:6vw;
    margin-left: 10vw;
    padding-top:3.5vw;

}
.footer .smallicons .smallicon{
    width: 5vw;
    height:5vw;
    display: inline-block;

}

.footer .smallicons .smallicon:first-child{
    margin-left: 30vw;
}
.footer .smallicons .smallicon img{
 height: 3vw;
 width: 3vw; 
 padding-left: 2vw;
}
.footer p{
    color: white; position:absolute;bottom: 0;right:0;
}


/*Адаптация под телефоны и планшеты*/

@media (max-width: 1440px) {
.header ul{
    display: none;
}
br {display: block;}

  /*Шапка сайта*/
    .intro{padding-top: 3vw;width: 100vw;height:27.5vw;margin-bottom: 3vw;}
    .intro .image{height: 25vw;width: 25vw;display: block;float: left;margin-left: 5vw;}   
    .intro img{height: 22.5vw; width: 22.5vw; padding-top: 1vw;padding-left: 3vw;}    
    .intro .introduction{height: 25vw;width: 65vw;}
    .intro .introduction h1{font-size: 6vw;padding-top: 2vw;padding-left: 1vw;}
    .intro .introduction h2{font-size: 3vw;padding-top: 2vw;padding-left: 2vw;}
    
 /*меню сайта*/
    .header{margin-top: 2.5vw;}
    .header .menu .socialmedia {width: 100%;height:7vw;background-color: #ffffff;}
    .header .menu .socialmedia img:first-child{margin-left: 16vw;}
    .header .menu .socialmedia img{height: 4.5vw;width: 4.5vw; }
    
   
    /*слайдер*/

   /*информационные блоки*/
    .info{height:auto;width: 95vw;margin-left: 2.5vw;margin-top: 7.5vw;background-color: rgb(255, 255, 255);}
    .info-1{margin-top: 5vw;height:auto;}
    .info-1 .personcard{height: 50vw;width:20.5vw;background-color:  rgb(255, 255, 255);margin-left: 2.5vw;margin-top: 2.5vw;margin-bottom: 2vw;display: inline-block;}
    .info-1 .personcard:hover{transition:.05s ease;box-shadow: 0 0 10px 0;}
    .info-1 .personcard .photo{height: 17.5vw;width:17.5vw;margin-top:4vw;margin-left: 1.5vw;display: block;}  
    .info-1 .personcard .photo {background-position: center center;background-size: auto 100%;}
    .info-1 .personcard .text{height: 20vw;width:17.5vw;background-color: rgb(255, 255, 255);border:2px solid rgb(255, 255, 255);margin-left: 2vw;display: block;margin-top: 2.5vw;}
    .info-1 .personcard .text .name{text-align: center;font-weight: 600;font-size: 20px;display: block;padding-top: 1.25vw;}
    .info-1 .personcard .text .bio{text-align: left;font-weight: 200;font-size: 16px; padding-left:0.5vw;display: block;line-height: 1.3rem;}
    .info-1 .personcard .text .bio + .bio { margin-top: 20px; }
    .info-1 .personcard a.abcoach{width: 12.5vw;height:2.5vw;font-size: 1.5vw;display: block;color: white;text-align: center;border-radius: 5px;border: none;float:left;margin-left: 7vw;}


    .info p.title{text-align: center;font-size: 45px; color: black; font-weight: 600;padding-left:10vw;padding-right: 10vw;padding-top: 5vw;padding-bottom:5vw;}
    .info-1 .card{width:90vw;height:25vw;background-color: rgba(12, 92, 162, 0);margin-top: 2.5vw;padding-top: 2vw;margin-left: 2vw;display: block;}
    .card .photo{width:20vw;height: 20vw;background-color: rgb(250, 242, 242);margin-left: 2vw;display: block;float: left;}
    .card .text{width:60vw;height: 20vw;background-color: rgb(250, 242, 242);margin-left: 2vw;border:5px dashed black;display: block;float: left;}
    .card p{color: black;padding: 3vw;}

    /*блок с инфой об участниках (клубах) движения*/
    .info-2 .club{height: 30vw;width: 20vw;margin-left: 3.vw;display: inline-block; background-color: rgb(255, 255, 255); }

    .info-2 .icon{height:17.5vw;width:17.5vw;margin-bottom: 1vw;margin-left:1.25vw;}
    .info-2 p.name{color: #000000;margin-top:1.5vw;text-align: center;}
    /*блок с инфой об участниках (спонсорах) движения*/
    .info-3 .icon{height:25vw;width:25vw;background-color: rgb(0, 6, 10);margin-left:4.5vw;display: inline-block;margin-bottom: 7vw;}

/*блок с отсылкой к новостям*/
    .info-4 .slider .elem:first-child{margin-left:4.5vw;}
    .info-4 .slider{margin: 0;height: auto;width:100vw;}
    .info-4 .slider .elem{height:25vw;width:25vw;background-color: rgb(8, 38, 65);margin-left:4.5vw;display: inline-block;margin-bottom: 7vw;}




/*футер*/
    .footer{margin-top: 10vw;height: 12.5vw;width: 100vw;}
    .footer .smallicons{width:100vw;height:auto;padding-top:4vw;}
    .footer .smallicons .smallicon{width: 25vw;height:8vw;display: inline-block;padding-top: 0vw;}
    .footer .smallicons .smallicon:first-child{margin-left: 9vw;}
    .footer .smallicons .smallicon img{width: 5vw;height:5vw;}


}

@media (max-width: 992px) {
br {display: block;}
  /*Шапка сайта*/
    .intro{padding-top: 3vw;width: 100vw;height:30vw;margin-bottom: 3vw;}
    .intro .image{height: 27.5vw;width: 30vw;;display: block;float: left;margin-left: 5vw;}   
    .intro img{height: 25vw; width: 25vw; padding-top: 1vw;padding-left: 3vw;}    
    .intro .introduction{height: 27.5vw;width: 60vw;}
    .intro .introduction h1{font-size: 7.2vw;padding-top: 2vw;padding-left: 1vw;}
    .intro .introduction h2{font-size: 3vw;padding-top: 0vw;padding-left: 2vw;}
    

   /*меню сайта*/
    .header{margin-top: 2.5vw;}
    .header .menu .socialmedia {width: 100%;height:8vw;background-color: #ffffff;}
    .header .menu .socialmedia img:first-child{margin-left: 15vw;}
    .header .menu .socialmedia img{height: 5vw;width: 5vw; }
    /*слайдер*/

    .slider {height: 600px;}


   /*информационные блоки*/
    .info{height:auto;width: 95vw;margin-left: 2.5vw;margin-top: 7.5vw;background-color: rgb(255, 255, 255);}
    .info-1{margin-top: 5vw;height:auto;}
    .info-1 .personcard{height: auto;width:27.5vw;background-color:  rgb(255, 255, 255);margin-left: 3vw;margin-top: 2.5vw;margin-bottom: 2vw;display: inline-block;}
    .info-1 .personcard:hover{transition:.05s ease;box-shadow: 0 0 10px 0;}
    .info-1 .personcard .photo{height: 22.5vw;width:22.5vw;margin-top:5vw;margin-left: 2.5vw;display: block;}  
    .info-1 .personcard .photo {background-position: center center;background-size: auto 100%;}
    .info-1 .personcard .text{height: 27.5vw;width:24.5vw;background-color: rgb(255, 255, 255);border:2px solid rgb(255, 255, 255);margin-left: 1.25vw;display: block;margin-top: 2.5vw;}
    .info-1 .personcard .text .name{text-align: center;font-weight: 600;font-size: 20px;display: block;padding-top: 2.5vw;}
    .info-1 .personcard .text .bio{text-align: left;font-weight: 200;font-size: 16px; padding-left:2.5vw;display: block;line-height: 1.3rem;}
    .info-1 .personcard .text .bio + .bio { margin-top: 20px; }
    .info-1 .personcard a.abcoach{width: 15vw;height:3.5vw;font-size: 2vw;display: block;color: white;text-align: center;padding-top: 1vw;border-radius: 5px;border: none;float:left;margin-left: 11.5vw;margin-bottom: 2.5vw;}

    .info p.title{text-align: center;font-size: 30px; color: black; font-weight: 600;padding-left:10vw;padding-right: 10vw;padding-top: 5vw;padding-bottom:5vw;}
    .info-1 .card{width:90vw;height:25vw;background-color: rgba(12, 92, 162, 0);margin-top: 2.5vw;padding-top: 2vw;margin-left: 2vw;display: block;}
    .card .photo{width:20vw;height: 20vw;background-color: rgb(250, 242, 242);margin-left: 2vw;display: block;float: left;}
    .card .text{width:60vw;height: 20vw;background-color: rgb(250, 242, 242);margin-left: 2vw;border:5px dashed black;display: block;float: left;}
    .card p{color: black;padding: 3vw;}

    /*блок с инфой об участниках (клубах) движения*/


    .info-2 .club{height: 40vw;width: 30vw;margin-left: 1.25vw;display: inline-block; background-color: rgb(255, 255, 255); }
    .info-2 .club-1{margin-top: 5vw;}
    .info-2 .icon{height:25vw;width:25vw;margin-bottom: 1vw;margin-left:2.5vw;}
    .info-2 p.name{color: #000000;margin-top:1.5vw;text-align: center;}
    /*блок с инфой об участниках (спонсорах) движения*/
    .info-3 .icon{height:25vw;width:25vw;background-color: rgb(0, 6, 10);margin-left:4.5vw;display: inline-block;margin-bottom: 7vw;}

/*блок с отсылкой к новостям*/
    .info-4 .slider .elem:first-child{margin-left:4.5vw;}
    .info-4 .slider{margin: 0;height: auto;width:100vw;}
    .info-4 .slider .elem{height:25vw;width:25vw;background-color: rgb(8, 38, 65);margin-left:4.5vw;display: inline-block;margin-bottom: 7vw;}



/*футер*/
    .footer{margin-top: 5vw;height: 15vw;width: 100vw;}
    .footer .smallicons{width:100vw;height:auto;padding-top:4vw;}
    .footer .smallicons .smallicon{width: 25vw;height:8vw;display: inline-block;padding-top: 0vw;}
    .footer .smallicons .smallicon:first-child{margin-left: 9vw;}
    .footer .smallicons .smallicon img{width: 6vw;height:6vw;}


      /*other parts*/
    .submain .gen{
    width: 95vw;
    margin-left: 2.5vw;
    margin-top: 10vw;
    margin-bottom: 10vw;
    min-height: 70vh;
    }
    .submain .gen .title h1{
                padding-left: 5vw; padding-top: 5vw; padding-bottom: 2.5vw; 
        }
}


@media (max-width: 768px) {

br {display: block;}
  /*Шапка сайта*/
    .intro{padding-top: 3vw;width: 100vw;height:30vw;}
    .intro .image{height: 30vw;width: 30vw;display: block;float: left;margin-left: 5vw;}   
    .intro img{height: 27.5vw; width: 27.5vw; padding-top: 1vw;padding-left: 3vw;}    
    .intro .introduction{height: 30vw;width: 60vw;}
    .intro .introduction h1{font-size: 7.2vw;padding-top: 4vw;padding-left: 1vw;}
    .intro .introduction h2{font-size: 3.5vw;padding-top: vw;padding-left: 2vw;}
    
   /*меню сайта*/
    .header{margin-top: 7.5vw;}
    .header .menu .socialmedia {width: 100%;height:12vw;background-color: #ffffff;}
    .header .menu .socialmedia img:first-child{margin-left: 15vw;}
    .header .menu .socialmedia img{height: 6vw;width: 6vw; }
    /*слайдер*/
    .slider {height: 400px;}

    /*информационные блоки*/
    .info{height:auto;width: 90vw;margin-left: 5vw;margin-top: 10vw;background-color: rgb(255, 255, 255);}
    .info-1{margin-top: 5vw;height:auto;}
    .info-1 .personcard{height: auto;width:40vw;background-color:  rgb(255, 255, 255);margin-left: 3vw;margin-top: 2.5vw;margin-bottom: 2vw;display: inline-block;}
    .info-1 .personcard:hover{transition:.05s ease;box-shadow: 0 0 10px 0;}
    .info-1 .personcard .photo{height: 30vw;width:30vw;margin-top:7.5vw;margin-left: 5vw;display: block;}  
    .info-1 .personcard .photo {background-position: center center;background-size: auto 100%;}
    .info-1 .personcard .text{height: 35vw;width:35vw;background-color: rgb(255, 255, 255);border:2px solid rgb(255, 255, 255);margin-left: 2.5vw;display: block;margin-top: 2.5vw;}
    .info-1 .personcard .text .name{text-align: center;font-weight: 600;font-size: 20px;display: block;padding-top: 2.5vw;}
    .info-1 .personcard .text .bio{text-align: left;font-weight: 200;font-size: 16px; padding-left:2.5vw;display: block;line-height: 1.3rem;}
    .info-1 .personcard .text .bio + .bio { margin-top: 15px; }
      .info-1 .personcard a.abcoach{width: 17.5vw;height:4.5vw;font-size: 2.5vw;display: block;color: white;text-align: center;padding-top: 1vw;border-radius: 5px;border: none;float:left;margin-left: 20vw;margin-bottom: 2.5vw;}


    .info p.title{text-align: center;font-size: 30px; color: black; font-weight: 600;padding-left:10vw;padding-right: 10vw;padding-top: 7.5vw;padding-bottom:5vw;}
    .info-1 .card{width:90vw;height:25vw;background-color: rgba(12, 92, 162, 0);margin-top: 2.5vw;padding-top: 2vw;margin-left: 2vw;display: block;}
    .card .photo{width:20vw;height: 20vw;background-color: rgb(250, 242, 242);margin-left: 2vw;display: block;float: left;}
    .card .text{width:60vw;height: 20vw;background-color: rgb(250, 242, 242);margin-left: 2vw;border:5px dashed black;display: block;float: left;}
    .card p{color: black;padding: 3vw;}

 
        /*блок с инфой об участниках (клубах) движения*/
    .info-2 .club{height: 40vw;width: 40vw;margin-left: 3.75vw;display: inline-block; }
    .info-2 .club-1{margin-top: 5vw;}
    .info-2 .icon{height:25vw;width:25vw;margin-bottom: 1vw;margin-left:7.5vw;}
    .info-2 p.name{color: #000000;margin-top:1.5vw;text-align: center;}

    /*блок с инфой об участниках (спонсорах) движения*/
    .info-3 .icon{height:30vw;width:30vw;background-color: rgb(0, 6, 10);margin-left:10vw;display: inline-block;margin-bottom: 7vw;}

/*блок с отсылкой к новостям*/
    .info-4 .slider .elem:first-child{margin-left: 10vw;}
    .info-4 .slider{margin: 0;height: auto;width:100vw;}
    .info-4 .slider .elem{height:30vw;width:30vw;background-color: rgb(8, 38, 65);margin-left:10vw;display: inline-block;margin-bottom: 7vw;}

    /*футер*/
    .footer{margin-top: 25vw;height: 30vw;width: 100vw;}
    .footer .smallicons{width:100vw;height:20vw;padding-top:5vw;}
    .footer .smallicons .smallicon{width: 15vw;height:10vw;display: inline-block;padding-top: 2.5vw;}
    .footer .smallicons .smallicon:first-child{margin-left: 18vw;}
    .footer .smallicons .smallicon img{width:7vw;height:7vw;}

/*футер*/
    .footer{margin-top: 10vw;height: 20vw;width: 100vw;}
    .footer .smallicons{width:100vw;height:auto;padding-top:5vw;}
    .footer .smallicons .smallicon{width: 25vw;height:14vw;display: inline-block;padding-top: 0.2vw;}
    .footer .smallicons .smallicon:first-child{margin-left: 9vw;}
    .footer .smallicons .smallicon img{width: 7.5vw;height:7.5vw;}
    /*other parts*/
    .submain .gen{
    width: 95vw;
    margin-left: 2.5vw;
    margin-top: 10vw;
    margin-bottom: 10vw;
    min-height: 70vh;
    }
    .submain .gen .title h1{
                padding-left: 5vw; padding-top: 5vw; padding-bottom: 2.5vw; 
        }
}

        
@media (max-width: 576px) {
    br {display: none;}
  /*Шапка сайта*/
    .intro{padding-top: 3vw;width: 100vw;height:120vw;margin-bottom: 3vw;}
    .intro .image{height: 85vw;width: 90vw;display: block;float: left;margin-left: 5vw;}   
    .intro img{height: 70vw; width: 70vw; padding-top: 10vw;padding-left: 10vw;}    
    .intro .introduction{height: 30vw;width: 90vw;margin-left: 5vw;}
    .intro .introduction h1{font-size: 7.5vw;padding-top: 5vw;padding-left: 1vw;}
    .intro .introduction h2{font-size: 4.5vw;padding-top: 5vw;padding-left: 2vw;}
    
    /*меню сайта*/
    .header{margin-top: 7.5vw;}
    .header .menu .socialmedia {width: 100%;height:12.5vw;background-color: #ffffff;}
    .header .menu .socialmedia img:first-child{margin-left: 14vw;}
    .header .menu .socialmedia img{height: 7.5vw;width: 7.5vw; }
    /*слайдер*/
    .slider {height: 390px;}

/*информационные блоки*/
    .info{height:auto;width: 90vw;margin-left: 5vw;margin-top: 10vw;background-color: rgb(255, 255, 255);}
    .info-1{margin-top: 5vw;height:auto;}
    .info-1 .personcard{height: auto;width:85vw;background-color:  rgb(255, 255, 255);margin-left: 3vw;margin-top: 2.5vw;margin-bottom: 2vw;display: inline-block;}
    .info-1 .personcard:hover{transition:.05s ease;box-shadow: 0 0 10px 0;}
    .info-1 .personcard .photo{height: 30vw;width:30vw;margin-top:7.5vw;margin-left: 5vw;display: block;float: left;}  
    .info-1 .personcard .photo {background-position: center center;background-size: auto 100%;}
    .info-1 .personcard .text{height: 32.5vw;width:45vw;background-color: rgb(255, 255, 255);border:2px solid rgb(255, 255, 255);margin-left: 2.5vw;display: block;margin-top: 4.5vw;}
    .info-1 .personcard .text .name{text-align: left;font-weight: 600;font-size: 20px;display: block;padding-top: 2.5vw;padding-left:2.5vw}
    .info-1 .personcard .text .bio{text-align: left;font-weight: 200;font-size: 16px; padding-left:2.5vw;display: block; padding-top: 2.5vw;line-height: 1.3rem;}
    .info-1 .personcard .text .bio + .bio { margin-top: 6px; }
    .info-1 .personcard a.abcoach{width: 20vw;height:5vw;font-size: 2.5vw;display: block;color: white;text-align: center;padding-top: 1.5vw;border-radius: 5px;border: none;float:right;margin-right: 3.5vw;margin-bottom: 3vw;}


    .info p.title{text-align: center;font-size: 30px; color: black; font-weight: 600;padding-left:10vw;padding-right: 10vw;padding-top: 10vw;padding-bottom:5vw;}
    .info-1 .card{width:90vw;height:25vw;background-color: rgba(12, 92, 162, 0);margin-top: 2.5vw;padding-top: 2vw;margin-left: 2vw;display: block;}
    .card .photo{width:20vw;height: 20vw;background-color: rgb(250, 242, 242);margin-left: 2vw;display: block;float: left;}
    .card .text{width:60vw;height: 20vw;background-color: rgb(250, 242, 242);margin-left: 2vw;border:5px dashed black;display: block;float: left;}
    .card p{color: black;padding: 3vw;}

    /*блок с инфой об участниках (клубах) движения*/
    .info-2 .club{height: 70vw;width: 90vw;margin-left: 0vw;display: inline-block;}
    .info-2 .club-1{margin-top: 10vw;}
    .info-2 .icon{height:50vw;width:50vw;margin-bottom: 1vw;margin-left: 20vw;}
    .info-2 p.name{color: #000000;margin-top:5vw;text-align: center;}

    /*блок с инфой об участниках (спонсорах) движения*/
    .info-3 .icon{height:30vw;width:30vw;background-color: rgb(0, 6, 10);margin-left:10vw;display: inline-block;margin-bottom: 7vw;}

/*блок с отсылкой к новостям*/
    .info-4 .slider .elem:first-child{margin-left: 10vw;}
    .info-4 .slider{margin: 0;height: auto;width:100vw;}
    .info-4 .slider .elem{height:30vw;width:30vw;background-color: rgb(8, 38, 65);margin-left:10vw;display: inline-block;margin-bottom: 7vw;}

/*футер*/
    .footer{margin-top: 5vw;height: 30vw;width: 100vw;}
    .footer .smallicons{width:100vw;height:auto;padding-top:5vw;}
    .footer .smallicons .smallicon{width: 25vw;height:17.5vw;display: inline-block;padding-top: 2vw;}
    .footer .smallicons .smallicon:first-child{margin-left: 9vw;}
    .footer .smallicons .smallicon img{width: 10vw;height:10vw;}


    /*other parts*/
    .submain .gen{
        width: 95vw;
        margin-left: 2.5vw;
        margin-top: 15vw;
        min-height: 75vh;
    }
        .submain .gen .title h1{
                padding-left: 5vw; padding-top: 8vw; padding-bottom: 5vw; 
        }
}
        
@media (max-width: 400px) {
        br {display: none;}
     /*Шапка сайта*/
    .intro{padding-top: 3vw;width: 100vw;height:120vw;margin-bottom: 3vw;}
    .intro .image{height: 85vw;width: 90vw;display: block;float: left;margin-left: 5vw;}   
    .intro img{height: 70vw; width: 70vw; padding-top: 10vw;padding-left: 10vw;}    
    .intro .introduction{height: 30vw;width: 90vw;margin-left: 5vw;}
    .intro .introduction h1{font-size: 30px;padding-top: 5vw;padding-left: 1vw;}
    .intro .introduction h2{font-size: 15px;padding-top: 5vw;padding-left: 2vw;}
    
    /*меню сайта*/
    .header{margin-top: 7.5vw;}
    .header .menu .socialmedia {width: 100%;height:20vw;background-color: #ffffff;}
    .header .menu .socialmedia img:first-child{margin-left: 12vw;}
    .header .menu .socialmedia img{height: 10vw;width: 10vw; margin-left: 5vw;}
    /*слайдер*/
    .intro_slider{margin-top: 10vw;margin-bottom: 25vw;}
    .slider {height: 500px; }


    /*информационные блоки*/
    .info{height:auto;width: 90vw;margin-left: 5vw;margin-top: 20vw;background-color: rgb(255, 255, 255);}
    .info-1{margin-top: 5vw;height:auto;}
    .info-1 .personcard{height: auto;width:80vw;background-color:  rgb(255, 255, 255);margin-left: 5vw;margin-top: 10vw;margin-bottom: 10vw;display: inline-block;}
   
    .info-1 .personcard:hover{transition:.05s ease;box-shadow: 0 0 10px 0;}
    .info-1 .personcard .photo{height: 60vw;width:60vw;margin-top:10vw;margin-left: 10vw;display: block;}  
    .info-1 .personcard .photo {background-position: center center;background-size: auto 100%;}
    .info-1 .personcard .text{height: 40vw;width:75vw;background-color: rgb(255, 255, 255);border:2px solid rgb(255, 255, 255);margin-left: 1.5vw;display: block;margin-top: 2.5vw;}
    .info-1 .personcard .text .name{text-align: center;font-weight: 600;font-size: 20px;display: block;padding-top: 2.5vw;}
    .info-1 .personcard .text .bio{text-align: left;font-weight: 200;font-size: 16px; padding-left:5vw;display: block;line-height: 1.3rem;}
    .info-1 .personcard .text .bio + .bio { margin-top: 6px; }
    .info-1 .personcard a.abcoach{width: 35vw;height:7.5vw;font-size: 5vw;display: block;color: white;text-align: center;padding-top: 1.5vw;border-radius: 5px;border: none;float:left;margin-left: 40vw;margin-bottom: 5vw;}


    .info p.title{text-align: center;font-size: 30px; color: black; font-weight: 600;padding-left:10vw;padding-right: 10vw;padding-top: 10vw;padding-bottom:0vw;}
    .info-1 .card{width:90vw;height:25vw;background-color: rgba(12, 92, 162, 0);margin-top: 2.5vw;padding-top: 2vw;margin-left: 2vw;display: block;}
    .card .photo{width:20vw;height: 20vw;background-color: rgb(250, 242, 242);margin-left: 2vw;display: block;float: left;}
    .card .text{width:60vw;height: 20vw;background-color: rgb(250, 242, 242);margin-left: 2vw;border:5px dashed black;display: block;float: left;}
    .card p{color: black;padding: 3vw;}

    /*блок с инфой об участниках (клубах) движения*/
    .info-2 .club{height: 77.5vw;width: 90vw;margin-left: 0vw;display: inline-block;}
    .info-2 .icon{height:50vw;width:50vw;margin-bottom: 1vw;margin-left: 20vw;}
    .info-2 p.name{color: #000000;margin-top:5vw;text-align: center;}


    /*блок с инфой об участниках (спонсорах) движения*/
    .info-3 .icon{height:50vw;width:50vw;background-color: rgb(0, 6, 10);margin-left:20vw;display: inline-block;margin-bottom: 7vw;}

/*блок с отсылкой к новостям*/
    .info-4 .slider .elem:first-child{margin-left: 20vw;}
    .info-4 .slider{margin: 0;height: auto;width:100vw;}
    .info-4 .slider .elem{height:50vw;width:50vw;background-color: rgb(8, 38, 65);margin-left:20vw;display: inline-block;margin-bottom: 7vw;}


    
/*футер*/
    .footer{margin-top: 25vw;height: 35vw;width: 100vw;}
    .footer .smallicons{width:100vw;height:auto;padding-top:5vw;}
    .footer .smallicons .smallicon{width: 25vw;height:17.5vw;display: inline-block;padding-top: 4vw;}
    .footer .smallicons .smallicon:first-child{margin-left: 7.5vw;}
    .footer .smallicons .smallicon img{width: 12vw;height:12vw;}


    /*other parts*/
    .submain .gen{
        width: 95vw;
        margin-left: 2.5vw;
        margin-top: 15vw;
        min-height: 75vh;
    }
    .submain .gen .title h1{
                padding-left: 5vw; padding-top: 10vw; padding-bottom: 10vw; font-size:px;
        }
}
        
@media (max-width: 350px) {

br {display: none;}
    /*Шапка сайта*/
    .intro{padding-top: 3vw;width: 100vw;height:115vw;margin-bottom: 3vw;}
    .intro .image{height: 85vw;width: 90vw;display: block;float: left;margin-left: 5vw;}   
    .intro img{height: 70vw; width: 70vw; padding-top: 10vw;padding-left: 10vw;}    
    .intro .introduction{height: 30vw;width: 90vw;margin-left: 5vw;}
    .intro .introduction h1{font-size: 25px;padding-top: 5vw;padding-left: 1vw;}
    .intro .introduction h2{font-size: 14.5px;padding-top: 5vw;padding-left: 2vw;}
    
    /*меню сайта*/
    .header{margin-top: 7.5vw;}
    .header .menu .socialmedia {width: 100%;height:15vw;background-color: #ffffff;}
    .header .menu .socialmedia img:first-child{margin-left: 12.5vw;}
    .header .menu .socialmedia img{height: 10vw;width: 10vw; margin-left: 5vw;}
    /*слайдер*/
    .intro_slider{margin-top: 7.5vw;margin-bottom: 20vw;}
    .slider {height: 500px;}
/*информационные блоки*/
    .info{height:auto;width: 90vw;margin-left: 5vw;margin-top: 20vw;background-color: rgb(255, 255, 255);}
    .info-1{margin-top: 5vw;height:auto;}
    .info-1 .personcard{height: auto;width:80vw;background-color:  rgb(255, 255, 255);margin-left: 5vw;margin-top: 10vw;margin-bottom: 2vw;display: inline-block;}
    .info-1 .personcard:hover{transition:.05s ease;box-shadow: 0 0 10px 0;}
    .info-1 .personcard .photo{height: 60vw;width:60vw;margin-top:10vw;margin-left: 10vw;display: block;}  
    .info-1 .personcard .photo {background-position: center center;background-size: auto 100%;}
    .info-1 .personcard .text{height: 60vw;width:75vw;background-color: rgb(255, 255, 255);border:2px solid rgb(255, 255, 255);margin-left: 1.5vw;display: block;margin-top: .5vw;font-size: 20px}
    .info-1 .personcard .text .name{text-align: center;font-weight: 600;font-size: 20px;display: block;padding-top: 2.5vw;}
    .info-1 .personcard .text .bio{text-align: left;font-weight: 200;font-size: 16px; padding-left:5vw;display: block;line-height: 1.3rem;}
    .info-1 .personcard .text .bio + .bio { margin-top: 4px; }
    .info-1 .personcard a.abcoach{width: 35vw;height:10vw;font-size: 5vw;display: block;color: white;text-align: center;padding-top: 3.5vw;margin-left: 12.5vw;margin-bottom: 5vw;border-radius: 5px;border: none;float:left;margin-left: 40vw;}


    .info p.title{text-align: center;font-size: 30px; color: black; font-weight: 600;padding-top: 10vw;padding-bottom:10vw;}
    .info-1 .card{width:90vw;height:25vw;background-color: rgba(12, 92, 162, 0);margin-top: 2.5vw;padding-top: 2vw;margin-left: 2vw;display: block;}
    .card .photo{width:20vw;height: 20vw;background-color: rgb(250, 242, 242);margin-left: 2vw;display: block;float: left;}
    .card .text{width:60vw;height: 20vw;background-color: rgb(250, 242, 242);margin-left: 2vw;border:5px dashed black;display: block;float: left;}
    .card p{color: black;padding: 3vw;}

    /*блок с инфой об участниках (клубах) движения*/
    .info-2 .club{height: 85vw;width: 90vw;margin-left: 2.5vw;display: inline-block;}
    .info-2 .icon{height:50vw;width:50vw;margin-bottom: 1vw;margin-left: 20vw;}
    .info-2 p.name{color: #000000;margin-top:5vw;text-align: center;}


    /*блок с инфой об участниках (спонсорах) движения*/
    .info-3 .icon{height:50vw;width:50vw;background-color: rgb(33, 114, 185);margin-left:20vw;display: inline-block;margin-bottom: 7vw;}

/*блок с отсылкой к новостям*/
    .info-4 .slider .elem:first-child{margin-left: 20vw;}
    .info-4 .slider{margin: 0;height: auto;width:100vw;}
    .info-4 .slider .elem{height:50vw;width:50vw;background-color: rgb(8, 38, 65);margin-left:20vw;display: inline-block;margin-bottom: 7vw;}


/*футер*/
    .footer{margin-top: 25vw;height: 45vw;width: 100vw;}
    .footer .smallicons{width:100vw;height:auto;padding-top:5vw;}
    .footer .smallicons .smallicon{width: 25vw;height:17.5vw;display: inline-block;padding-top: 7.5vw;}
    .footer .smallicons .smallicon:first-child{margin-left: 6vw;}
    .footer .smallicons .smallicon img{width: 13vw;height:13vw;}

/*other parts*/
    .submain .gen{
        width: 95vw;
        margin-left: 2.5vw;
        margin-top: 15vw;
        min-height: 75vh;
    }
    .submain .gen .title h1{
                padding-left: 5vw; padding-top: 10vw; padding-bottom: 10vw; font-size:px;
        }
}


@media (max-width: 300px) {
    br.secondstep,br.firststep {display: block;}
/*Шапка сайта*/
    .intro{padding-top: 3vw;width: 100vw;height:140vw;margin-bottom: 3vw;}
    .intro .image{height: 80vw;width: 90vw;display: block;float: left;margin-left: 5vw;}   
    .intro img{height: 70vw; width: 70vw; padding-top: 10vw;padding-left: 10vw;}    
    .intro .introduction{height: 50vw;width: 90vw;margin-left: 5vw;}
    .intro .introduction h1{font-size: 27px;padding-top: 5vw;padding-left: 1vw;}
    .intro .introduction h2{font-size: 15px;padding-top: 5vw;padding-left: 2vw;}

        /*слайдер*/
    .intro_slider{margin-top: 15vw;margin-bottom: 20vw;}
    .slider {height: 500px;}
/*футер*/
    .footer{margin-top: 25vw;height: 45vw;width: 100vw;}
    .footer .smallicons{width:100vw;height:auto;padding-top:5vw;}
    .footer .smallicons .smallicon{width: 25vw;height:17.5vw;display: inline-block;padding-top: 7.5vw;}
    .footer .smallicons .smallicon:first-child{margin-left: 5vw;}
    .footer .smallicons .smallicon img{width: 15vw;height:15vw;}
}
@media (max-width: 265px) {
/*Шапка сайта*/
br {display: block;}
    .intro{padding-top: 3vw;width: 100vw;height:145vw;margin-bottom: 3vw;}
    .intro .image{height: 80vw;width: 90vw;display: block;float: left;margin-left: 5vw;}   
    .intro img{height: 70vw; width: 70vw; padding-top: 10vw;padding-left: 10vw;}    
    .intro .introduction{height: 55vw;width: 90vw; margin-left: 5vw;}
    .intro .introduction h1{font-size: 27px;padding-top: 5vw;padding-left: 1vw;}
    .intro .introduction h2{font-size: 15px;padding-top: 2vw;padding-left: 2vw;}

        /*слайдер*/
    .intro_slider{margin-top: 15vw;margin-bottom: 20vw;}
    .slider {height: 500px;}

}
@media (max-width: 249px) {
   
    /*Шапка сайта*/
    .intro{padding-top: 3vw;width: 100vw;height:145vw;margin-bottom: 3vw;}
    .intro .image{height: 80vw;width: 90vw;display: block;float: left;margin-left: 5vw;}   
    .intro img{height: 70vw; width: 70vw; padding-top: 10vw;padding-left: 10vw;}    
    .intro .introduction{height: 55vw;width: 90vw; margin-left: 5vw;}
    .intro .introduction h1{font-size: 27px;padding-top: 5vw;padding-left: 1vw;}
    .intro .introduction h2{font-size: 15px;padding-top: 2vw;padding-left: 2vw;}
    
    /*меню сайта*/
    .header{margin-top: 7.5vw;}
    .header .menu .socialmedia {width: 100%;height:25vw;background-color: #ffffff;}
    .header .menu .socialmedia img:first-child{margin-left: 7.5vw;}
    .header .menu .socialmedia img{height: 15vw;width: 15vw; margin-left: 5vw;}
    /*слайдер*/
    .intro_slider{margin-top: 15vw;margin-bottom: 20vw;}
    .slider {height: 500px;}
/*информационные блоки*/
    .info{height:auto;width: 90vw;margin-left: 5vw;margin-top: 20vw;background-color: rgb(255, 255, 255);}
    .info-1{margin-top: 5vw;height:auto;}
    .info-1 .personcard{height: auto;width:80vw;background-color:  rgb(255, 255, 255);margin-left: 5vw;margin-top: 10vw;margin-bottom: 2vw;display: inline-block;}
    .info-1 .personcard:hover{transition:.05s ease;box-shadow: 0 0 10px 0;}
    .info-1 .personcard .photo{height: 60vw;width:60vw;margin-top:10vw;margin-left: 10vw;display: block;}  
    .info-1 .personcard .photo {background-position: center center;background-size: auto 100%;}
    .info-1 .personcard .text{height: 90vw;width:75vw;background-color: rgb(255, 255, 255);border:2px solid rgb(255, 255, 255);margin-left: 1.5vw;display: block;margin-top: 2.5vw;}
    .info-1 .personcard .text .name{text-align: center;font-weight: 600;font-size: 20px;display: block;padding-top: 2.5vw;}
    .info-1 .personcard .text .bio{text-align: left;font-weight: 200;font-size: 16px; padding-left:5vw;display: block;line-height: 1.3rem;}
    .info-1 .personcard .text .bio + .bio { margin-top: 6px; }
    .info-1 .personcard a.abcoach{width: 35vw;height:10vw;font-size: 5vw;display: block;color: white;text-align: center;padding-top: 3.5vw;margin-left: 12.5vw;margin-bottom: 5vw;border-radius: 5px;border: none;float:left;margin-left: 40vw;}


    .info p.title{text-align: center;font-size: 30px; color: black; font-weight: 600;padding-top: 10vw;padding-bottom:25vw;}
    .info-1 .card{width:90vw;height:25vw;background-color: rgba(12, 92, 162, 0);margin-top: 2.5vw;padding-top: 2vw;margin-left: 2vw;display: block;}
    .card .photo{width:20vw;height: 20vw;background-color: rgb(250, 242, 242);margin-left: 2vw;display: block;float: left;}
    .card .text{width:60vw;height: 20vw;background-color: rgb(250, 242, 242);margin-left: 2vw;border:5px dashed black;display: block;float: left;}
    .card p{color: black;padding: 3vw;}

    /*блок с инфой об участниках (клубах) движения*/
    .info-2 .club{height: 85vw;width: 90vw;margin-left: 2.5vw;display: inline-block;}
    .info-2 .icon{height:50vw;width:50vw;margin-bottom: 1vw;margin-left: 20vw;}
    .info-2 p.name{color: #000000;margin-top:5vw;text-align: center;}

    /*блок с инфой об участниках (спонсорах) движения*/
    .info-3 .icon{height:50vw;width:50vw;background-color: rgb(33, 114, 185);margin-left:20vw;display: inline-block;margin-bottom: 7vw;}

/*блок с отсылкой к новостям*/
    .info-4 .slider .elem:first-child{margin-left: 20vw;}
    .info-4 .slider{margin: 0;height: auto;width:100vw;}
    .info-4 .slider .elem{height:50vw;width:50vw;background-color: rgb(8, 38, 65);margin-left:20vw;display: inline-block;margin-bottom: 7vw;}


/*футер*/
    .footer{margin-top: 25vw;height: 52.5vw;width: 100vw;}
    .footer .smallicons{width:100vw;height:auto;padding-top:5vw;}
    .footer .smallicons .smallicon{width: 25vw;height:25vw;display: inline-block;padding-top: 10vw;}
    .footer .smallicons .smallicon:first-child{margin-left: 5vw;}
    .footer .smallicons .smallicon img{width: 15vw;height:15vw;}

/*other parts*/
    .submain .gen{width: 95vw;margin-left: 2.5vw;margin-top: 15vw;min-height: 75vh;}
    .submain .gen .title h1{padding-left: 5vw; padding-top: 10vw; padding-bottom: 10vw; font-size:px;}
}





/*Адаптация (шаблон)*/

@media (max-width: 1440px) {}
@media (max-width: 992px) {}
@media (max-width: 768px) {}
@media (max-width: 576px) {}
@media (max-width: 400px) {}
@media (max-width: 350px) {}
@media (max-width: 249px) {}