@charset "utf-8";
@media (max-width: 1300px) {
.main {margin:0 40px;}
.plus_block .block {padding:40px 20px 80px 20px; width:calc(25% - 40px - 20px);}
.plus_block .block strong {font-size:18px;}

.tarif .block .tit {font-size:20px;}
.tarif .block .tit_bot {font-size:18px;}
.trener_txt span {display:block; margin-bottom:20px;}  
.trener_txt h2 { margin-bottom:20px;} 
}

@media (max-width: 1024px) {
.bas .top_title b {top:-30px; left:54px; font-size:56px;}    
.top_menu {display:block;  position:fixed; top:0; left:0; right:0; z-index:10;  overflow-x:hidden;}    
.top_menu .logo {display:flex; background:#90d30f; width:100%; padding:14px 20px; }
.top_menu .logo a {font-size:34px; top:-5px; margin-bottom:-8px; letter-spacing:4px;}
.top_menu .logo a span {font-size:10px; letter-spacing:0px;}
.top_menu > ul {display:none; background:#90d30f; position:relative;  text-align:center; height:calc(100vh - 50px);  overflow-x:hidden; margin-top:0px;}
.top_menu ul li {display:block;  width:auto; }
.top_menu ul li ul {display:block; position:relative; height:auto; background:#009cff;}
.top_menu ul li ul li {display:block; width:auto; height:auto; border-top:1px solid #ffffff57;}
.top_menu ul li ul li a {text-align:center;padding:20px 20px;font-size:18px;font-weight:500;background:#009cff;color: #ffffffd6;}
.top_menu ul li a:hover {background:none;}    
.top_menu > ul > li:last-child {margin-bottom:80px;}    

.header {height:760px; margin-top:60px;}
.bas {background:#7ddcfc url(../img/bg_1.jpg) no-repeat left -300px top; background-size:1620px; }
.bas .top_title {font-size:80px; top:80px;}
.bas .top_title span {font-size:26px; margin-top:-10px; margin-left:8px;}

.mas {background:#f5f5f5 url(../img/bg_2.jpg) no-repeat left -300px bottom 60px; background-size:1620px; }
.mas .top_title {font-size:110px; top:-15px;}
.mas .top_title span {font-size:56px; margin-top:-10px; margin-left:0px;}

.kurs {background:#c1de34 url(../img/bg_3.jpg) no-repeat left -300px top -100px; background-size:1620px; }
.kurs .top_title {font-size:90px; top:380px; }
.kurs .top_title span {font-size:32px; margin-top:-20px; margin-left:10px;}

.korm {background:#dee9ed url(../img/bg_4.jpg) no-repeat center bottom; background-size:1620px; }
.korm .top_title {font-size:90px; top:20px; }
.korm .top_title span {font-size:45px; margin-left:4px;}

.plus_block {margin-top:-160px; margin-bottom:0px; flex-wrap: wrap;}
.plus_block .block {padding:30px 30px 80px 30px; width:calc(50% - 60px - 20px); margin-bottom:40px;}
.plus_block .block + .block {margin-left:0px;}
.plus_block .block strong {font-size:20px;}

.about > div + div {margin-left:0;}
.about_img {display:inline-block; width:30%; vertical-align:top; /*padding:36px 40px 30px 30px;*/ }
.about_img img {width:100%; object-fit: unset; height:auto; }
.about_txt {padding:30px 40px 30px 30px; display:inline-block; }

.tarif {display:flex;  flex-wrap: wrap; margin-bottom:0;}
.tarif .block {flex: 1 1 200px; margin-bottom:30px}
.tarif .block + .block {margin-left:0px;}
#nav-toggle {display:block; }

.head_all {height:60px; background:none; padding:0;}
.article {padding:30px 40px 60px 40px; }
.article_img {margin-left:-80px;}

.forma table td {display:block; margin-bottom:10px;}
.open_phone {background:#e24d9b url(../img/set_10.svg) no-repeat center center;  background-size:20px; width:40px; height:40px; right:70px; top:12px; z-index:10;}
body.hide {margin-right:0px; }

.q_all_block {flex-wrap:wrap;}    
.q_block {padding:30px;  padding-bottom:90px; width:calc(50% - 60px - 15px);}

.trener_block {display:flex;  align-items: start; margin-bottom:40px; }
.trener_image {width:50%;}
.trener_image img {display:block; width:100%;} 
.trener_txt {padding:30px; width:50%;}
.trener_txt span {display:block; margin-bottom:20px;}  
.trener_txt h2 { margin-bottom:20px;}   

.wrap-pay-block {padding-bottom:220px;
    width:calc(50% - 14px);}    
}
@media (max-width: 740px) {
.format-label {
    flex-wrap:wrap;
    flex-direction:column;
    gap:0;
}
}

@media (max-width: 640px) {
.bas .top_title b {top:-6px; left:44px; font-size:30px;}     
.wrap { background:#fff; overflow:hidden;}  
.head_all {padding:0;}  
.main {margin:0 20px;} 
h1 {font-size:26px;}
.header {height:300px;}
.bas {background:#7ddcfc url(../img/bg_1.jpg) no-repeat center top -70px; background-size:820px; }
.bas .top_title {font-size:60px; top:-36px; color:#0074bd;  }
.bas .top_title span {font-size:18px; margin-top:-10px; margin-left:0;}
.open_form_tg {margin-top:0px; position:absolute; bottom:-270px;}

.mas {background:#dbe7f7 url(../img/bg_2.jpg) no-repeat center top -40px; background-size:820px; }
.mas .top_title {font-size:60px; top:-10px; }
.mas .top_title span {font-size:31px; margin-top:-10px;}

.kurs {background:#c1de34 url(../img/bg_3.jpg) no-repeat left -180px top 0px; background-size:820px; }
.kurs .top_title {font-size:44px; top:210px;   }
.kurs .top_title span {font-size:17px; margin-top:-10px; margin-left:0px;}

.korm {background:#dee9ed url(../img/bg_4.jpg) no-repeat left -200px top -40px; background-size:820px; }
.korm .top_title {font-size:28px; top:-20px; }
.korm .top_title span {font-size:18px; margin-left:0px;}

.plus_block {margin:-30px -20px 30px -20px; margin-bottom:0px; flex-wrap: wrap;}
.plus_block .block {padding:30px 10px 80px 10px; width:calc(50% - 20px); margin-bottom:0px;}
.plus_block .block + .block {margin-left:0px;}
.plus_block .block img {height:50px; margin-bottom:10px;}
.plus_block .block strong {font-size:15px;}
.plus_block .block span {display:block; font-size:14px;}

 
.block_in {margin-bottom:0;  display:block; text-align:center;}    
.block_in div {margin-bottom:3px; padding:20px 0 0 0; text-align:left;}  
.block_in img {height:60px; margin:10px 14px 10px 14px; }    

.about {flex-direction: column; margin:-1px -20px 0 -20px}
.about_img {width:auto; padding:0; }
.about_img img {width:100%; }
.about_txt {padding:20px 20px 20px 20px; width:auto; }

.tarif {display:flex;  margin:0 -20px 30px -20px;}
.tarif .block {padding:0px;  width:50%; padding-bottom:180px; flex: 1 1 100px; margin-bottom:10px;}
.tarif .block + .block {margin-left:0;}
.tarif .block .tit {padding:10px;  font-size:16px; }
.tarif .block .tit span {font-size:17px;}
.tarif .block ul {padding:10px;}
.tarif .block ul li {font-size:14px;}
.tarif .block .tit_bot {padding:0 20px 30px 20px;  font-size:16px; line-height:1.2;}
.tarif .block .tit_bot span {font-size:20px;  margin-top:10px; }
.tarif .block .tit_bot a {padding:8px 20px 10px 20px; margin-top:20px;}
h2 {  font-size:28px; margin-bottom:20px; font-weight:600;}

.komanda_block {display:flex; margin:0px -20px 10px -20px; flex-wrap: wrap;}
.komanda_block .block {padding:10px 10px 20px 10px;  width:auto; flex: 1 1 100px;}
.komanda_block .block + .block {margin-left:0px;}
.komanda_block .block img {width:calc(100% + 20px); margin:-10px -10px 6px -10px}
.komanda_block .block strong {font-size:18px; margin-bottom:0px; }
.komanda_block .block span {font-size:14px;}

.all_gallery {margin:0 -20px 0 -20px; padding:40px 20px; border-top:16px solid #90d30f;}
.all_gallery .fancybox {margin:0 -10px; display:inline-block;}
.comment_block {margin:0 -20px 0 -20px; padding:40px 20px; border-top:16px solid #90d30f;}
.all_comment { width:calc(100% + 40px);}
.comment_block h2 {margin-bottom:40px; font-size:28px;}
.comment_block .left {margin-right:20px;  flex-basis:14%; }
.comment_block .right {flex-basis:84%;}
.comment_block .left img {margin-bottom:10px;}
.comment_block .left .star {font-size:18px;}
.comment_block .left span {font-size:16px; }

.contact_block {display:flex; flex-wrap: wrap; margin:0 -20px 0 -20px;}
.contact_block .block {width:100%; margin:0;}
.contact_block .block:first-child {padding:30px; width:100%;} 
.contact_block .block + .block {margin-left:0;}
.contact_block .phone {background: url(../img/phone.svg) no-repeat -4px 3px; background-size:20px;  padding-left:24px; font-size:24px; }
.chat a {opacity:1;}
.footer {background:#fff; color:#4c4c4c; padding:30px 0px 0 0;}
.content {padding-bottom:20px; }
.all_block {margin:0 -20px;}
.all_block .block {background:#fff; flex: 1 1 320px; width:auto; position:relative; display:inline-block; margin: 0 0px 10px 0;}
.all_block .block img {margin:0 20px 0 20px; width:calc(100% - 40px);}
.trener {margin-top:-40px;}

.article {padding:0px 0px 20px 0px; }
.article h1 {font-size:22px; margin-bottom:20px; }
.article h2 {font-size:19px; margin-bottom:20px; }
.article h3 {font-size:17px; margin-bottom:20px; }
.article_img {float:none; width:100%; margin-left:-0px; margin-right:0px; margin-bottom:20px}

.forma {padding:0px 0px; }
.forma h1 {font-size:36px;}

.all_block .block {background:#fff;  position:relative; display:inline-block; margin: 0 0px 20px 0; text-decoration:none; color:#000;
max-width:100%;}

.format {padding:40px 20px; margin:-20px -20px 0 -20px;}
.f_tit {font-size:36px; line-height:1.2}
.f_tit_2 {font-size:26px;}
.f_tit_4 {font-size:24px;}   

.questions {padding:0px; margin-bottom:30px;}   
.q_all_block { gap:10px;}
.q_block { padding:20px;  padding-bottom:90px;  width:calc(50% - 40px - 6px); } 
.q_block > span {font-size:18px;}    

.trener_block {display:block;  margin-bottom:20px; background:none !important;}
    .trener_image {width:100%;}
.trener_image img {display:block; max-width:100%;} 
.trener_txt {padding:30px;width:auto;background: #dbf0ff;}
.trener_txt span {display:block; margin-bottom:20px;}  
.trener_txt h2 { margin-bottom:20px;}  

.about_img_2 {width:100%;}
.about_img_2 iframe {width:100%; height:300px;}
.faq .block .tit {font-size:18px;}

.wrap-pay-block {padding-bottom:220px;
    width:100%;}    
   
.format-wrapper {
    padding:50px 30px; 
    margin:0px -20px 0 -20px;}
}

@media (max-width: 380px) {
.q_all_block {margin:0 -10px}   
.q_block > span {font-size:16px;}      
}
