:root {
  --main-color: #302C28;
  --gray-color: #F8F9FA;
  --blue-color: #0E94E6;
  --padding: 16px;
  --font-size: 18px;
}
@font-face {
    font-family: 'Golos Text';
    src: url('../font/GolosText-Black.woff2') format('woff2'),
         url('../font/GolosText-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
 
@font-face {
    font-family: 'Golos Text';
    src: url('../font/GolosText-Bold.woff2') format('woff2'),
         url('../font/GolosText-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Golos Text';
    src: url('../font/GolosText-Medium.woff2') format('woff2'),
         url('../font/GolosText-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/*==== 01 - Общие стили ==*/

body {
    margin: 0;
    padding: 0;
    font-family: 'Golos Text', Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: var(--main-color);
    background-color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4 {
     font-family: 'Golos Text', sans-serif;
     font-weight: 900;
     text-transform: uppercase;
     color: var(--main-color);
}

h1 span,
h2 span,
h3 span,
h4 span {
    color: var(--blue-color);
}

.container-1200 {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

/* как у Bootstrap */
@media (min-width: 576px) {
  .container-1200 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-1200 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-1200 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-1200 {
    max-width: 1140px;
  }
}
/* на xxl ставим не 1320px, а 1200px */
@media (min-width: 1400px) {
  .container-1200 {
    max-width: 1200px;
  }
}

strong {
    font-weight: bold;
}

.school {
    position: relative;
    overflow: hidden;
}

.school::after  {
    content: '';
    width: 70%;
    height: 100%;
    position: absolute;
    left: -200px;
    top: 0;
    background: url(../img/main-01.png) no-repeat center / contain;
    z-index: -100;
}

.school-item-list{
    padding-bottom: 20px;
}

.btn-bg {
    background-color: var(--blue-color);
    color: white;
    font-weight: bold;
    transition: all .3s;
    text-decoration: none;
    padding: 20px 90px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    outline: non;
    border: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    border: 1px solid var(--blue-color);
}
.btn-bg:hover {
    border: 1px solid var(--blue-color);
    background: transparent;
    color: var(--blue-color);
}
h2 {
    font-size: 45px;
}
@media (max-width: 1199.98px) {
        .section-title h2 {
        font-size: 36px;
    }
    .school::after  {
        display: none;  
    }
}




@media (max-width: 767.98px) {
    .section-title h2
     {
        font-size: 28px;
    }
}


@media (max-width: 479.98px) {
    .section-title h2 {
        font-size: 24px;
    }
}


.btn-line {
    border: 2px solid var(--blue-color);
    font-weight: 700;
    color: var(--blue-color);
    background-color: none;
    padding: 10px 20px;
    background: transparent;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.btn-line:hover {
    background: var(--blue-color);
    color: white;
}

/*==== Конец ==*/




/*==== Шапка сайта  ==*/

.header-navigation__top {
    padding: 30px 0;
}

.header-navigation__top {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #EBEBEB;
}

.header-navigation__top ul {
    display: flex;
    margin: 0;
    padding: 0;
    gap: 50px;
    list-style: none;
}

.header-navigation__top ul li a {
    color: #B5B5B5;
    font-size: 14px;
    text-decoration: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.header-navigation__top ul li a:hover {
    color: var(--main-color);
 
}

.header-navigation .header-navigation__top-right ul {
    display: flex;
    gap: 30px !important;
    justify-content: end !important;
}

.header-navigation__bottom {
    display: flex;
    padding: 20px 0 30px;
    align-items: center;
    justify-content: space-between;
}
.header-navigation__bottom-contact span {
    display: block;
}

.header-navigation__bottom-nav ul {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
    gap: 30px;
}

.header-navigation__bottom-nav ul li a {
    color: #6c6c6c;
    text-decoration: none;
        transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.header-navigation__bottom-nav ul li a:hover {
    color: var(--blue-color);
    border-bottom: 1px dashed var(--blue-color);
}

.header-logo {
    padding-top: 19px;
    padding-right: 16px;
    padding-bottom: 19px;
    padding-left: 0px;
}
.header-logo a:hover {
    cursor: pointer;
}
.header-logo img {
    width: 58px;
}

.header-navigation__bottom-contact a {
    color: #302C28;
    font-size: 18px;
    text-decoration: none;
    font-weight: bold;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.header-navigation__bottom-contact span {
    font-size: 14px;
    color: #6C6C6C;
}

.header-navigation__bottom-btn button {
    padding: 10px 13px;
    margin: 0;
}

.mobile-btn .btn-menu {
    color: white;
    font-size: 0;
    width: 50px;
    border-radius: 6px;
    background: url('data:image/svg+xml,<svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="18" height="2" fill="white"/><rect y="6" width="18" height="2" fill="white"/><rect y="12" width="18" height="2" fill="white"/></svg>') var(--blue-color) no-repeat center / 20px;
    height: 50px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border: none;
    box-shadow: none;
    outline: none;
    cursor: pointer;
}




.canvas-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
 
}
.canvas-menu ul li a {
   font-weight: 900;
   color: var(--main-color);
   font-size: 25px;
   display: block;
   padding: 5px 0;
   text-decoration: none;
}
.canvas-menu-bottom {
    padding-top: 35px;
    margin-top: 35px;
    border-top: 1px solid #ddd;
}

.canvas-menu-bottom ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.canvas-menu-bottom ul li a {
    color: #B5B5B5;
    display: block;
    padding: 5px 0;
    text-decoration: none;
}
.canvas-callback-phone {
    margin: 25px 0;
    text-align: center;
}
.canvas-callback-phone a {
    display: block;
    color: var(--main-color);
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 25px;
}
.canvas-callback button {
    display: block;
    width: 100%;
    text-align: center
}

.canvas-callback-social {
    margin: 5px 0 25px;
}
.canvas-callback-social ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.canvas-callback-social ul li a {
    color: #B5B5B5;
}
.canvas-logo {
    text-align: center;
}
.canvas-logo a {
    display: block;
}

.canvas-logo img {
    width: 50px;
}
@media (max-width: 1399.98px) {
    .header-navigation__bottom-contact a {
        font-size: 20px;
    }
    .header-navigation__bottom-contact {
        text-align: right;
    }
    .header-navigation__bottom-nav ul {
        gap: 40px;
    }
}

@media (max-width: 1199.98px) {
.canvas-callback button {
    margin: 15px 0;
}

.canvas-callback-phone {
    margin: 0 0 25px;
}

}


@media (max-width: 450.98px) {
    .header-logo {
        padding: 5px;
    } 
    .header-logo img {
        width: 60px;
    }
    header .btn-line {
        padding: 10px 13px;
        font-size: 14px;
    }
}

@media (max-width: 370.98px) {
 .header-logo img {
    width: 50px;
  }
  .mobile-btn .btn-menu {
    width: 40px;
    height: 40px;
  }
    .header-logo {
    padding: 0;
  }
header .btn-line {
    padding: 10px 10px;
    font-size: 13px;
  }
}

/*==== Конец  ==*/

/*==== Синяя плашка снизу ==*/

    .mobile-contact-fixed {
        background: var(--blue-color);
        color: white;
        position: fixed;
        bottom: 0;
        align-items: center;
        left: 0;
z-index: 101;
        box-sizing: border-box;
        border-radius: 12px 12px 0 0;
        width: 100%;
        padding: 15px 25px;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
        -ms-border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
    }

    .mobile-contact-fixed__phone a {
        color: white;
        text-decoration: none;
        font-size: 22px;
        font-weight: 700;
    }
    .mobile-contact-fixed__phone button {
        display: block;
        font-size: 14px;
        background: none;
        margin: 0;
        padding: 0;
        outline: none;
        border: none;
        box-shadow: none;
        color: #0C6298;
        text-decoration: underline;
    }

    @media (max-width: 370.98px) {
        .mobile-contact-fixed__phone a {
            font-size: 18px;
        }
    }

/*==== Конец  ==*/


/*==== Подвал ==*/
.footer {
    border-top: 1px solid  #B2B2B2;
    
     padding: 55px 0 68px;
}

.footer .btn-line {
    margin: 33px 0 44px;
}
.footer-bottom {
     border-top: 1px solid  #B2B2B2;
     padding: 40px 0;
}
.footer-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-menu ul li {
    margin-bottom: 40px;
}
.footer-menu ul li a {
    color: #6c6c6c;
    transition: all .3s;
    text-decoration: none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.footer-menu ul li a:hover {
    color: var(--main-color);
    opacity: 1;
}
.footer-menu ul li:last-child {
    margin-bottom: 0;
}
.footer-menu-gray ul li a {
    opacity: .35;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.footer-contact a {
    font-weight: 700;
    font-size: 25px;
    text-decoration: none;
    color: var(--main-color);

}

  .footer-contact a span {
        display: block;
        color: #6C6C6C;
        font-weight: 500;
        font-size: 16px;
    }

.social {
    display: flex;
    gap: 30px;
}

.social a {
    font-size: 16px;
    color: #B5B5B5;
    font-weight: normal;
}

.footer-copy,
.footer-bottom a {
    text-transform: uppercase;
    color: #6C6C6C;
    font-size: 16px;
    font-weight: normal;
    font-size: 14px;
    opacity: .52;
}

.footer-bottom a:hover {
    opacity: 1;
}
   .footer-logo {
   padding:  0 0 0 28px;
   }

   .time{
        color: #6C6C6C;
        font-size: 14px;
   }

@media (max-width: 767.98px) {
    .footer-contact a span {
        margin-top: 25px;
        display: block;
    }
    .footer-bottom {
        padding: 20px 0 120px;
    }
    .footer-contact a {
        font-size: 18px;
    }
    .footer-copy, .footer-bottom a {
        margin-bottom: 20px;
    }
     .footer-contact .social a {
        font-size: 16px;
     }
    .footer-contact .time {
        font-size: 12px;
    }

    .footer .btn-line{
        font-size: 12px;
        margin: 30px 0px;
    }

     .footer {
        padding: 35px 0;
     }
     .social a {
        font-size: 12px;
    }
    .social {
        display: flex;
        gap: 5px;
    }
}

@media (max-width: 575.98px) {
 
    .footer-contact a span {
        margin-top:15px;
        display: block;
    }
    .footer-logo {
        padding: 0;
    }
   .footer-logo img {
        width: 100px;
    }
}

@media (max-width: 370.98px) {
    .footer-bottom {
        border-top: 1px solid #B2B2B2;
        padding: 25px 0 80px;
    }
  .footer-logo img {
    width: 80px;
  }
    .footer-contact a {
        font-size: 18px;
    }
    .footer-contact .btn-line{
        padding: 10px 13px;
        font-size: 14px;
    }

}

/*==== Конец ==*/

.header-modal {
    display: flex;
    justify-content: end;  
}
.modal-body__title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 25px;
    text-align: center;
}

.modal-body__title span {
    color: var(--blue-color);
}
.modal-content .btn-close {
    position: relative;
    right: 15px;
    top: 15px;
    z-index: 999;
}
.modal-content .btn-close:focus{
    outline: none;
    box-shadow: none;
}

@media (max-width: 575.98px) {
    .modal-body__title {
    font-size: 22px;
    }
}


  /*==== Тренер ==*/
 .trener .section-descr {
    width: 50%;
    margin-top: 30px;
 }

 .trener-item__img {
    height: 300px;
    margin-bottom: 40px;
    background-repeat: no-repeat;
    background-position: center;
    
 }
 .trener-items-wrap {
    margin-top: 70px;
 }
 /*==== Конец ==*/





/*==== Отзывы ==*/
.review .section-descr {
    margin: 50px 0;
}

.review-subtitle {
    font-weight: 700;
    font-size: 20px;
    margin: 70px 0;
    text-transform: uppercase;
}

.reviews-item__title {
    font-weight: 700;
}
.reviews-item__rating {
    margin: 20px 0;
}

.reviews-item a {
    color: var(--blue-color);
}

/*==== Конец ==*/












/*==== Главная с информацией ==*/

.header-content-bg {
    background: url(../img/bg-head.svg) white no-repeat center top / contain;
}
.header-content-wrap {
    display: flex;
    gap: 70px;
}

.header-rating{
    border-radius: 22px;
    border: 1px solid #d9d9d9;
    padding: 10px;
}

.header-content-wrap h1 {
    font-size: 60px;
    font-weight: 900;
    color: #3F3F3F;
    line-height: 73px;
}

.header-content-subtitle-mob,
.header-content-subtitle {
    font-weight: 700;
    font-size: 22px;
    color: var(--blue-color);
    line-height: 1.1;
}

.header-content-subtitle-mob{
    display: none;
}

.header-content-subtitle img {
    margin-bottom: 5px;
    display: block;
}

.header-content-promo {
    padding: 4px 12px;
    background: var(--blue-color);
    color: white;
    font-weight: 700;
    font-size: 20px;
    display: inline-block;
    margin-bottom: 25px;
}

.header-content-wrap {
    margin-bottom: 20px;
}
.headder-content__trener {
    display: flex;
    gap: 25px;
    align-items: center;
}

.header-content-middle {
    display: flex;
    align-items: center;
    gap: 130px;
}
.form-header {
    padding: 15px 60px;
    background: #f3f3f3;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    margin-top: 37px;
    position: relative;
    overflow: hidden;
}
form-header .telephone {
  position: absolute;
  right: -30px;
  left: auto;
  width: 250px;
  height: 228px;
  bottom: -22px;
}

.form-header form {
    width: 400px;
}
.form-header .form-inners {
    display: flex;
    gap: 15px;
    margin-top:25px;
}
.form-header-title {
  font-size: 30px;
  line-height: 36px;
}

.form-header-title span {
  font-weight: 700;
  color: var(--blue-color);
}
.header-content__trener-desrc-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.header-content__trener-desrc-info {
    font-size: 14px;
    color: #6C6C6C;
}

.header-content .row {
  display: flex;
  align-items: stretch; /* растянуть колонки на всю доступную высоту */
}

.header-content .col-4 {
  display: flex;
  flex-direction: column;
}

.header-video {
  flex: 1; 
}

.header-content {
    padding-top: 10px;
  display: flex;
  align-items: stretch;
}

.header-video {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.header-video {
  position: relative;
}



.header-video-item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; 
}

.header-video-item video {
  width: 100%;
  object-fit: cover;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  border: none;
  object-fit: cover;
  border-radius: 22px;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  -ms-border-radius: 22px;
  -o-border-radius: 22px;
  overflow: hidden;
  max-width: 100%;
  box-sizing: border-box;
}

.mobile-phone {
    position: absolute;
    right: 50px;
    bottom: 0;
}
.mobile-phone__item {
    width: 246px;
    height: 180px;
}
.mobile-phone__title {
    text-align: center;
    line-height: 1.1;
    font-weight: bold;
    color:  #636363;
    margin-bottom: 15px;
}
.mobile-phone__item {
  width: 246px;
  height: 180px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.mobile-phone__item a {
    font-weight: bold;
    color: white;
    display: block;
    padding: 10px 0;
    text-decoration: none;
}
.mobile-phone__item {
    background: url(../img/phoness.png) no-repeat center / contain;
}
.form-header .telephone span {
  position: absolute;
  text-align: center;
  font-size: 14px;
  top: -28px;
  color: #636363;
  left: 45px;
  right: auto;
  font-weight: bold;
  line-height: 1.1;
}
@media (max-width: 1399.98px) {
    .header-content-wrap h1 {
    font-size: 50px;
    line-height: 60px;
    }
    
    .header-content-subtitle {
        font-size: 20px;
    }
    .form-header {
        padding: 15px 25px;
        overflow: hidden;
    }
  .form-header .telephone {
    right: 45px;
    transform: translateX(0%);
  }

}

.form-header  form input[type="text"],
.form-header  form input[type="tel"] {
    color: #7E7E7E;
    font-size: 14px;
    width: 174px;
    border: 1px solid #E9E9E9;
}
.form-header  .btn-bg {
 max-width: 362px;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 -ms-border-radius: 10px;
 -o-border-radius: 10px;
}

@media (max-width: 1199.98px) {
    .header-content-promo {
        padding: 5px 10px;
        font-size: 16px;
        margin-bottom: 25px;
    }
.header-rating-video {
    margin-top: 23px;
    display: block;
}
.header-rating-video  img {
    width: 100%;
}
.kids-item {
    display: flex;
    flex-direction: column;
    height: 100%;
}
  .header-rating {
    
  }
  .header-content-wrap {
  display: flex;
  gap: 25px;
  align-items: center;
}
.header-content-wrap {
  margin-bottom: 35px;
}

.play-btn svg {
  margin: 0 auto;
  width: 40px;
  height: 40px;
}
    .header-content-subtitle {
        font-size: 18px;
    }

  .header-content-wrap h1 {
    font-size: 70px;
    line-height: 1.2;
  }
  .header-video-item video {
    position: relative;
  }
  .header-video-item {
    height: 380px;
  }
  .header-content-promo {
    display: none;
  }

}

@media (max-width: 991.98px) {
   .header-video-item {
    height: 400px;
  }

  .header-content-wrap{
    margin-bottom: 10px;
  }

  .header-content-subtitle-mob{
    display: block;
    font-size: 18px;
    padding-bottom: 20px;
  }

  .form-header {
    margin-top: 0;
  }
  .mobile-phone {
  position: absolute;
  right: 25px;
  bottom: 0;
}
.header-content-bg {
  background: url(../img/bg-head.svg) white no-repeat right top / 1000px;
}
    .kids-item li {
        line-height: 1.4;
        margin-bottom: 5px;
    }
      .header-content-wrap h1 {
    font-size: 60px;
    line-height: 65px;
  }
  .header-content-subtitle {
    font-size: 22px;
  }

  .header-content-middle {
    margin-bottom: 35px;
  }
}
@media (max-width: 767.98px) {
.header-rating-mobile {
    width: 220px;
    margin-bottom: 30px;
}
  .header-video-item {
    height: 250px;
  }
  .header-rating {
  border-radius: 12px;
  border: 1px solid #d9d9d9;
  padding: 10px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}
  .header-content-bg {
    background: url(../img/bg-head.svg) white no-repeat right top / 1500px;
  } 
  .mobile-phone {
    position: relative;
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    bottom: -15px;
    right: auto;;
  }
  .form-header .btn-bg {
    padding: 15px;
  }
  .form-header {
    padding: 15px 25px;
    overflow: hidden;
    margin-top: 25px;
  }
  .form-header-title {
      font-size: 22px;
      line-height: 1.3;
    }
.form-header form {
  width: 100%;
}

.form-header .form-inners {
  display: block;
  gap: 5px;
  margin-top: 35px;
  flex-direction: column;
}
.header-content-promo {
    display: block;
}
    .header-rating img{
       width: 100px;
    }
    .header-content {
        margin-top: 20px;
    }
    .header-content-promo {
        padding: 5px 10px;
        font-size: 12px;
        margin-bottom: 25px;
    }
    .header-content-wrap h1 {
        font-size: 45px;
        line-height: 55px;
    }
    .header-video {
        height: 250px;
    }
    .header-content-subtitle {
        display: none;
    }
    .play-btn {
        width: 70px;
        height: 70px;
    }
    .play-btn  svg {
        width: 30px;
    }
    .modal-video iframe{
        height: 300px;
        border-radius: 22px;
        -webkit-border-radius: 22px;
        -moz-border-radius: 22px;
        -ms-border-radius: 22px;
        -o-border-radius: 22px;
    }

    .form-header form input[type="text"], .form-header form input[type="tel"] {
    width: 100%;
    box-sizing: border-box;
}

}

@media (max-width: 450.98px) {
  .modal-video iframe{
    height: 250px;
  }
}
@media (max-width: 370.98px) {
    .headder-content__trener {
  display: flex;
  gap: 15px;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
  .header-content-wrap h1 {
    font-size: 35px;
    line-height: 45px;
  }
    .header-content-wrap {
    margin-bottom: 25px;
  }
}

/*==== Главная с информацией ==*/


/*==== Почему мы? ==*/
.why-us-wrapper {
    border: 3px solid #ECEDEF;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    padding: 65px 60px;
    z-index: 90;
}

.why-us-wrapper h2 {
    line-height: 63px;
}
.why-us__content ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.why-us__content ul li {
    padding-left: 30px;
    font-weight: bold;
    position: relative;
    margin-bottom: 30px;
    line-height: 1.3;
}
.why-us__content ul li::after {
    content: '';
    width: 15px;
    height: 15px;
    background: var(--blue-color);
    position: absolute;
    left: 0;
    top: 5px;
}
.why-us-wrapper h2 br {
    display: none;
}
.why-us {
    padding-top: 55px;
    padding-bottom: 80px;
}

@media (max-width: 1399.98px) {
    .why-us-wrapper {
        padding: 50px;
    }
}
@media (max-width: 1199.98px) {
     .why-us-wrapper {
    padding: 35px;
  }
  .why-us-wrapper h2 {
  line-height: 1.4 !important;
  margin-bottom: 35px;
}


}

@media (max-width: 767.98px) {
    .why-us-wrapper h2 br {
        display: block;
    }
    .why-us__content ul li:last-child {
        /*margin-bottom: 0;*/
    }
    .why-us {
        padding-top: 35px;
        padding-bottom: 50px;
    }
}


/*==== Конец ==*/



/*==== Кому пордходит ==*/


.kids h2 span {
    display: block;
}

.kids-item {
    padding: 45px 25px;
        border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;

}

/* Общий стиль для всех */
.webp .kids-item {
  position: relative;
  background: var(--gray-color);
  overflow: hidden;
}

.webp .kids-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: no-repeat center / cover;
  opacity: 0;
  transition: opacity .3s ease;
}

/* Разные картинки для каждого */
.webp .kids-item-one::after {
  background-image: url(../img/kids1.webp);
}

.webp .kids-item-two::after {
  background-image: url(../img/kids2.webp);
}

.webp .kids-item-tree::after {
  background-image: url(../img/kids3.webp);
}

/* Ховер общий */
.webp .kids-item:hover::after {
  opacity: 1;
}

.kids-item li {
    padding-left: 5px;
}

.kids .section-title {
    margin-bottom: 50px;
}
.kids-item-head {
        margin-bottom: 90px;
}
.kids-item__title {

    font-size: 25px;
    line-height: 35px;
    font-weight: 900;
    text-transform: uppercase;
    color: var(--main-color);

}
.kids-item ul {
    line-height: 28px;
}
.fish {
    right: 30px;
    top: 50px;
}
.kids-item__descr {
    font-size: 14px;
    font-weight: bold;
    margin-top: 15px;
}



@media (max-width: 1199.98px) {
 .webp .kids-item::after {
    opacity: 1;
    transition: none; /* без анимации */
  }
}


/*==== Конец ==*/


/*==== О школе ==*/
.school-content span {
    color: var(--blue-color);
    font-weight: bold;
}
.school .btn-bg:hover {
 background-color: white;
 color: var(--blue-color);
}
.school-content p {
    margin-bottom: 45px;
    font-size: 16px;
}
.school-content .section-title {
    margin-bottom: 35px;
}

.school-item__number {
    font-size: 45px;
    font-weight: 900;
    line-height: 1.1;
    color: var(--blue-color);
    margin-bottom: 10px;
}

.school-item__descr {
    font-weight: bold;
    line-height: 1.2;
}
.school-img {
    display: block;
    height: 100%;
    border-radius: 20px;
    max-width: 476px;
    margin:  0 auto;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.webp .school-img {
    background: url('../img/kids.webp') no-repeat center / cover;
}
.no-webp .school-img {
    background: url('../img/kids.jpg') no-repeat center / cover;
}

.school-img button {
position: absolute;
  bottom: 50px;
  left: 20%;
  transform: translateX(-10%);
  padding: 20px 40px;
}


@media (max-width: 1399.98px) {
    .school-img button {
  padding: 20px 30px;
}
}
@media (max-width: 1199.98px) {
    .fish {
        right: 30px;
        top: auto;
        bottom: 17px;
        width: 70px;
    }
    .kids-item__title {
    font-size: 18px;
    line-height: 25px;
    }
    .kids-item-head {
  margin-bottom: 25px;
}
}

@media (max-width: 767.98px) {
    .kids .section-title {
        margin-bottom: 25px;
    }
}

@media (max-width: 991.98px) {
    .school-img {
        height: 300px;
        width: 100%;
        max-width: 100%;
    }
      .school-img {
    height: 300px;
    width: 100%;
    margin-top: 25px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-content: center;
    text-align: center;
  }
  .webp .school-img {
  background: url('../img/kids3-2-1.webp') no-repeat center / cover;
}
  .school-img button {
    position: relative;
    left: auto;
    padding: 20px 40px;
    bottom: 30px;
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    display: inline-block;
    width: 80%;
    margin: 0 auto;
  }
}
@media (max-width: 767.98px) {
    .school-item-last {
        margin-top: 25px;
    }
    .school-img button {
        padding: 15px 10px;
        width: 90%;
        font-size: 14px;
    }
    .school-item__number {
        font-size: 35px;
    }
    .school-img {
        height: 250px;
        margin-top: 25px;
    }
    .school-content br {
        display: none;
    }
}



/*==== Конец ==*/



/*==== Чампион ==*/
.blue-text {
    text-transform: uppercase;
    color: var(--blue-color);
    padding: 30px 0 50px;
}

.champion-content ul {
    margin: 0;
    padding: 0;
}

.champion-content ul li {
    margin-bottom: 25px;
}
.champion-img  {
    width: 100%;
    height: 540px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}
.webp .champion-img {
    background: url(../img/trener.webp) no-repeat center / cover;
}

.no-webp .champion-img {
    background: url(../img/trener.jpg) no-repeat center / cover;
}

.champion-content {
    margin-left: 35px;
}

.champion-img::after{
    content: '';
    width: 100%;
    height: 70%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(
    to top,
    rgba(14, 148, 230, 1) 0%,
    rgba(14, 148, 230, 0) 100%
  );
}

.champion-img-text {
    color: white;
    position: absolute;
    bottom: 0;
    padding: 45px;
    left: 0;
    z-index: 2;
}

.champion-video .champion-img-text  {
    width: 67%;
}
.champion-video {
    height: 475px;
    margin-top: 85px;
}
.webp .champion-video {
    background: url(../img/trener2.webp) no-repeat center top / cover;
}

.no-webp .champion-video {
    background: url(../img/trener2.jpg) no-repeat center top  / cover;
}

.champion-img-text__title {
    font-size: 25px;
    font-weight: 900;
    color: white;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    background: white;
    z-index: 100;
    width: 126px;
    height: 126px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 1px 15px 23px 0px rgba(0,0,0,0.26);
    -webkit-box-shadow: 1px 15px 23px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 1px 15px 23px 0px rgba(0,0,0,0.26);
}


.play-btn svg {
  margin: 0 auto;
  width: 48px;
  height: 51px;
}


@media (max-width: 1399.98px) {
    .champion-img-text {
        padding: 25px;
    }
    .champion .section-title h2 {
        font-size: 36px;
    }
}


@media (max-width: 1199.98px) {
    .champion-content ul li {
    margin-bottom: 15px;
    }
    .blue-text {
        text-transform: uppercase;
        color: var(--blue-color);
        padding: 30px 0 30px;
    }
        .play-btn {
        width: 100px;
        height: 100px;
    }
        .play-btn svg {
        width: 50px;
    }
}


@media (max-width: 991.98px) {
    .champion .section-title h2 {
        font-size: 25px;
    }
        .champion-video .champion-img-text {
    width: 100%;
}
.champion-video {
    margin-top: 35px;
}
.champion .play-btn {
    top: 30%;
}
}
@media (max-width: 767.98px) {
    .champion-img {
        width: 100%;
        height: 360px;
        margin-bottom: 25px;
    }

        .play-btn svg {
        width: 30px;
    }
        .play-btn {
        width: 80px;
        height: 80px;
    }
    .champion-img-text {
        padding: 25px 20px;
        font-size: 14px;
     
    }
    .champion-img-text p {
            margin-bottom: 5px;
     }
    .champion-content {
  margin-left: 15px;
}
.blue-text br {
    display: none;
}

  .champion-video {
    width: 100%;
    margin-top: 35px;
    height: 460px;
    margin-bottom: 25px;
  }
    .champion-img-text__title {
        font-size: 18px;
    }

}


/*==== Конец ==*/

/*==== Портфолио ==*/

.portfolio-bg {
    position: relative;
}

.portfolio-bg::after {
    content: '';
    width: 100%;
    height: 1200px;
    background: url(../img/main-02.png) no-repeat center / contain;
    position: absolute;
    left: 0;
    top: -300px;

}
.portfolio .section-title h2 {
    text-align: center;
}
.portfolio .section-decr {
    text-align: center;
    margin-top: 63px;
}

.slider-portfolio-item a {
    display: block;
    width: 280px;
    height: 260px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

  .slick-track {
    display: flex;
    gap: 25px;
  }
  .slick-list {
    overflow: hidden;
  }


  .slider-portfolio {
    margin-top: 100px;
  }

  

  .slider-portfolio {
    position: relative;
    z-index: 100;
  }

  .slick-next {
    position: absolute;
    right: 30px;
    bottom: 0;
    width: 40px;
    height: 30px;
    border: none;
    padding: 0;
    font-size: 0;
    box-shadow: none;
    outline: none;
    background: url('data:image/svg+xml,<svg width="30" height="19" viewBox="0 0 30 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 1L28.5 9.5M28.5 9.5L20 18M28.5 9.5H0" stroke="black" stroke-width="2"/><path d="M20 1L28.5 9.5M28.5 9.5L20 18M28.5 9.5H0" stroke="%230E94E6" stroke-width="2"/></svg>') no-repeat center / 30px;

}
  

  .slick-prev {
    position: absolute;
    right: 80px;
    bottom: 0;
    width: 40px;
    height: 30px;
    border: none;
    padding: 0;
    font-size: 0;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    box-shadow: none;
    outline: none;
    background: url('data:image/svg+xml,<svg width="30" height="19" viewBox="0 0 30 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 1L28.5 9.5M28.5 9.5L20 18M28.5 9.5H0" stroke="black" stroke-width="2"/><path d="M20 1L28.5 9.5M28.5 9.5L20 18M28.5 9.5H0" stroke="%230E94E6" stroke-width="2"/></svg>') no-repeat center / 30px;
  }


@media (max-width: 1199.98px) {
    .portfolio-bg::after{
        display: none;
    }
}

@media (max-width: 991.98px) {
    .slider-portfolio-item a {
  display: block;
  width: 220px;
  height: 200px;
}
.portfolio .section-decr {
  text-align: center;
  margin-top: 55px;
}
.slider-portfolio {
  margin-top: 55px;
}
}
@media (max-width: 767.98px) {
    .portfolio .section-decr {
        text-align: center;
        margin-top: 35px;
    }
      .slider-portfolio {
    position: relative;
    padding-bottom: 45px;
  }
    .slider-portfolio {
        margin-top: 35px;
    }
        .slider-portfolio-item a {
  display: block;
  width: 135px;
  height: 124px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}
}

@media (max-width: 450.98px) {
           .slider-portfolio-item a {
  display: block;
  width: 155px;
  height: 145px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}
}

  /*==== Конец ==*/



  /*==== Спорт ==*/

  .section-title .section-title-top {
    font-weight: bold;
    color: var(--blue-color);
    font-size: 25px;
    margin-bottom: 25px;
  }

  .reason-item {
    margin-top: 75px;
  }

  .reason-item__title {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 25px;
    color: #6C6C6C;
    margin-bottom: 40px;
  }
  .reason-item ul {
    margin: 0;
    padding-left: 20px;
  }
  .reason-item li {
    margin-bottom: 25px;
  }
  .reason-item__title-blue {
    color: var(--blue-color);
  }


@media (max-width: 991.98px) {
    .reason-item {
        margin-top: 35px;
    }
}

@media (max-width: 767.98px) {
    .section-title .section-title-top {
        font-size: 14px;
        margin-bottom: 15px;
        line-height: 1.2;
        display: block;
    }
    .section-title h2 span br {
        display: none;
    }
    .reason-item__title {
        font-size: 18px;
        margin-bottom: 25px;
    }
    .reason-item li {
        margin-bottom: 15px;
    }
    .reason-item {
        margin-top: 15px;
    }
}
 
 /*==== Конец ==*/

   /*==== Тренировки ==*/

 .blue-title {
    font-size: 60px;
    color: var(--blue-color);
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 80PX;
    line-height: 1.3;
 }

 .workout-blue {
    background: var(--blue-color);
    color: white;
    padding: 60px 50px;
    border-radius: 22px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    -ms-border-radius: 22px;
    -o-border-radius: 22px;
    overflow: hidden;
}
.workout-blue  ul {
    padding-left: 20px;
    margin-bottom: 0;
}
.workout-blue li {
    margin-bottom: 25px;
}
.workout-blue__title {
    font-size: 45px;
    font-weight: 900;
    color: white;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.workout-blue__subtitle {
    padding: 50px 0;
    color: white;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 900;
}
.workout .mobile-phone__item {
    width: 270px;
    height: 220px;
}

.workout .mobile-phone {
  position: absolute;
  bottom: 0;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}
.workout-blue {
    z-index: 1;
}
.mobile-phone__logo {
    margin-top: 35px;
}
.workout-blue::after {
    content: '';
    width: 100%;
    height: 100%;
    background: url('../img/mask.svg') no-repeat center / cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.workout-gray {
    border-radius: 20px;
    padding: 60px 50px;
    height: 100%;
    background: var(--gray-color);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.workout-gray__title {
    font-size: 45px;
    font-weight: 900;
    line-height: 1.3;
    text-transform: uppercase;
    margin-bottom: 30px;
}

form input[type="text"],
form input[type="tel"] {
    padding: 15px 20px;
    color: #7E7E7E;
    border-radius: 10px;
    border: 1px solid #E9E9E9;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin-bottom: 25px;
}

form input[type="text"]:focus,
form input[type="tel"]:focus {
    outline: none;
    box-shadow: none;
}

input[type="submit"] {
    display: block;
}
form .btn-bg {
    width: 100%;
    display: block;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    border: 1px solid var(--blue-color);
}

form .btn-bg:hover {
    color: var(--blue-color);
    background: transparent;
    border: 1px solid var(--blue-color);
}

.form-other-text {
    margin-top: 55px;
    text-align: center;
    font-weight: bold;
    color: #636363;
    line-height: 1.2;
}
.telephone {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-35%);
    -webkit-transform: translateX(-35%);
    -moz-transform: translateX(-35%);
    -ms-transform: translateX(-35%);
    -o-transform: translateX(-35%);
}

.workout .telephone {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.telephone a {
    font-size: 20px;
    color: white;
    text-decoration: none;
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 150px;
    left: 65px;
}



@media (max-width: 1399.98px) {
    .workout-gray {
        height: 100%;
        padding: 60px 50px 250px;
    }
    .workout-blue__title {
        font-size: 35px;
    }
}

@media (max-width: 991.98px) {
    .workout-blue__title {
        font-size: 35px;
    }
    .workout-blue {
        padding: 30px 35px;
    }
    .workout-blue li {
        margin-bottom: 15px;
    }
    .workout-gray {
        height: 100%;
        padding: 50px 30px 30px 30px;
        position: relative;
        top: -20px;
    }
    .workout .mobile-phone {
  position: absolute;
  bottom: 0;
  right: 15px;
  left: auto;
  transform: initial;
}
    .workout-blue__subtitle {
        padding: 25px 0;
    }
    .workout-blue__subtitle {
        font-size: 18px;
    }
     .blue-title {
    font-size: 35px;
    margin-bottom: 50px;
    margin-top: 35px;
  }
    .workout-gray-form {
        max-width: 50%;
    }
    .workout-gray__title {
        font-size: 25px;
        text-align: center;
    }
}
@media (max-width: 767.98px) {
    .workout-blue__title {
        font-size: 22px;
    }
    .workout-gray-form {
        width: 100% !important;
        max-width: 100%;
    }
       .workout-gray .mobile-phone {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
}
    .workout-gray {
        height: auto;
        padding: 30px 25px 300px;
    }
    .workout-gray__title {
        font-size: 23px;
        text-align: center;
    }
    .workout-gray  {
        margin-top: 25px;
    }
    .workout-gray .btn-bg {
        padding: 20px 15px;
    }
    .blue-title {
        margin-bottom: 40px;
    }
}

@media (max-width: 991.98px) {
    .trener .section-descr {
        width: 100%;
    }


    .trener-item__img {
        height: 300px;
        margin-bottom: 15px;
        background-size: contain;
    }
    .workout-blue::after {
  content: '';
  width: 100%;
  height: 100%;
  background: url('../img/mask.svg') no-repeat center / contain;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
}


 /*==== Конец ==*/



/*==== Группы ==*/
 .groups .section-descr {
    font-weight: bold;
    margin-top: 15px;
 }
.grpoup {
    background: url('../img/group-bg.png') no-repeat top center / cover;
}
 .groups-item {
    background: var(--gray-color);
    padding: 40px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    margin-bottom: 25px !important;
}

.groups-items {
    margin-top: 70px;
}

.groups-item__title {
    text-transform: uppercase;
    font-weight: 900;
    color: var(--blue-color);
    font-size: 20px;
    height: 100px;
}
.groups-item__descr {
    width: 100%;
}

.grpoup .section-title h2 {
    margin-bottom: 30px;
}
.grpoup .section-descr {
   font-weight: 700;
}
/* PNG для браузеров без webp */
.no-webp .groups-item-g1 { background: url('../img/gr-1.png') #F8F9FA no-repeat bottom right / cover; }
.no-webp .groups-item-g2 { background: url('../img/gr-2.png') #F8F9FA no-repeat bottom right / cover; }
.no-webp .groups-item-g3 { background: url('../img/gr-3.png') #F8F9FA no-repeat bottom right / cover; }
.no-webp .groups-item-g4 { background: url('../img/gr-4.png') #F8F9FA no-repeat bottom right / cover; }
.no-webp .groups-item-g5 { background: url('../img/gr-5.png') #F8F9FA no-repeat bottom right / cover; }
.no-webp .groups-item-g6 { background: url('../img/gr-6.png') #F8F9FA no-repeat bottom right / cover; }

/* Общие стили для webp */
.webp .groups-item-g1,
.webp .groups-item-g2,
.webp .groups-item-g3,
.webp .groups-item-g4,
.webp .groups-item-g5,
.webp .groups-item-g6 {
    position: relative;
    background: #F8F9FA no-repeat bottom right / cover;
    overflow: hidden;
}

/* Псевдоэлементы с картинками */
.webp .groups-item-g1::before,
.webp .groups-item-g2::before,
.webp .groups-item-g3::before,
.webp .groups-item-g4::before,
.webp .groups-item-g5::before,
.webp .groups-item-g6::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.5s ease;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom right;
}

/* Индивидуальные картинки */
.webp .groups-item-g1::before { background-image: url('../img/gr-1.webp'); }
.webp .groups-item-g2::before { background-image: url('../img/gr-2.webp'); }
.webp .groups-item-g3::before { background-image: url('../img/gr-3.webp'); }
.webp .groups-item-g4::before { background-image: url('../img/gr-4.webp'); }
.webp .groups-item-g5::before { background-image: url('../img/gr-5.webp'); }
.webp .groups-item-g6::before { background-image: url('../img/gr-6.webp'); }

/* Плавное проявление */
.webp .groups-item-g1:hover::before,
.webp .groups-item-g2:hover::before,
.webp .groups-item-g3:hover::before,
.webp .groups-item-g4:hover::before,
.webp .groups-item-g5:hover::before,
.webp .groups-item-g6:hover::before {
    opacity: 1;
}

@media (max-width: 1199.98px) {
    .webp .groups-item-g1  {
        background: url('../img/gr-1.webp') #F8F9FA no-repeat bottom right / cover;
    }
    .webp .groups-item-g2  {
        background: url('../img/gr-2.webp') #F8F9FA no-repeat bottom right / cover;
    }
    .webp .groups-item-g3 {
        background: url('../img/gr-3.webp') #F8F9FA no-repeat bottom right / cover;
    }
    .webp .groups-item-g4 {
        background: url('../img/gr-4.webp') #F8F9FA no-repeat bottom right / cover;
    }
    .webp .groups-item-g5 {
        background: url('../img/gr-5.webp') #F8F9FA no-repeat bottom right / cover;
    }
    .webp .groups-item-g6 {
        background: url('../img/gr-6.webp') #F8F9FA no-repeat bottom right / cover;
    }
}



@media (max-width: 991.98px) {
    .blue-title {
        font-size: 35px;
        margin-bottom: 40px;
    }
    .grpoup {
    background: none;
}
}
@media (max-width: 767.98px) {
    .groups-item {
        padding: 25px;
    }
    
    .grpoup .blue-title {
    font-size: 18px;
    margin-bottom: 25px;
  }
}


 /*==== Конец ==*/


  /*==== Художественная гимнастика ==*/
 .blue-box-gimnast {
    background: var(--blue-color);
    padding: 35px 70px;
    border-radius: 20px;
    color: white;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.blue-box h2 {
    color: white;
}

.blue-box-content .section-title {
    margin-bottom: 50px;
}
.blue-box-content  ul {
    margin-top: 50px;
    padding-left: 20px;
    margin-bottom: 50px;
}

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

.white-btn {
        background: white;
        color: var(--blue-color);
        padding: 20px 60px;
        font-weight: bold;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        text-decoration: none;
        display: inline-block;
        border: 1px solid white;
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
}
.white-btn:hover {
    background: transparent;
    border: 1px solid white;
    color: white;
}
.blue-box-images {
    text-align: center;
}
.blue-box-images img {
    border-radius: 22px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    -ms-border-radius: 22px;
    -o-border-radius: 22px;
    margin: 0 auto;
}
@media (max-width: 991.98px) {
    .mobile-images img {
        width: 100%;
        border-radius: 12px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        -ms-border-radius: 12px;
        -o-border-radius: 12px;
        margin-bottom: 25px;
    }
    .blue-box-content ul li {
    margin-bottom: 15px;
    }
    .blue-box-gimnast {
        padding: 25px;
    }
    .blue-box .white-btn {
        display: block;
        width: 100%;
        box-sizing: border-box;
        text-align: center;
    }
}
@media (max-width: 767.98px) { 
    .blue-box-content .section-title {
        margin-bottom: 25px;
    }
    .blue-box-content ul {
  margin-top: 20px;
  padding-left: 20px;
  margin-bottom: 30px;
}
}
/*==== Конец ==*/


/*==== Медали ==*/
 .medal .section-descr {
    text-align: center;
    margin-top: 50px !important;
 }

 .medal {
    position: relative;
    z-index: 1;
 }

 .medal::after {
    content: '';
    width: 100%;
    height: 100%;
    background: url(../img/main-03.png) no-repeat center / contain;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
 }
 .medal-subtitle {
    font-size: 20px;
    margin: 70px 0 50px;
    font-weight: 900;
 }

 .medal-item {
    flex: 1;
    border-radius: 20px;
    padding: 50px;
    background: #F8F9FA;

}

.meadal-item__title {
    color: var(--blue-color);
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
    height: 70px;
}

.medal-info {
    margin: 65px 0;
}

.medal-info__icon {
    width: 46px;
    height: 46px;
    min-height: 46px;
    font-size: 26px;
    line-height: 1;
    min-width: 46px;
    background: var(--blue-color);
    color: white;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.medal-info__text-title {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
}

.medal-info__text-descr {
    color: #A8A8A8;
}

.medal-item-icon__title {
    font-weight: 700;
}

.medal-item-icon-img {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--blue-color);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    width: 86px;
    height: 86px;
}

.medal-item-icon .medal-item-icon-img {
    margin: 0 auto;
}
.medal-item-icon__title {
    margin-top: 30px;
}

.medal-info__text {
    position: relative;
    padding-left: 70px;
}
.medal-info__text::after {
  content: 'i';
  width: 45px;
  height: 45px;
  position: absolute;
  left: 0;
  top: -7px;
  display: flex;
  justify-content: center;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  background: var(--blue-color);
  color: white;
  font-weight: bold;
  font-size: 26px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  align-content: center;
  padding-top: 9px;
}
/*==== Конец ==*/


@media (max-width: 1199.98px) {
    .medal .section-descr br {
        display: none;
    }
    .medal-item {
        padding: 25px;
    }
}
@media (max-width: 991.98px) {
    .meadal-item__title {
        font-size: 18px;
        height: 100px;
    }
}
@media (max-width: 767.98px) {
    .meadal-item__title {
        font-size: 16px;
        height: auto;
        margin-bottom: 35px;
    }
    .medal-info__text-descr br {
        display: none;
    }
    .medal-item-icon__title {
        margin-top: 15px;
    }
    .medal-item-icon {
        margin-bottom: 25px;
    }
    .medal-info__text-title {
        font-size: 16px;
    }
    .medal-info {
        margin: 35px 0;
    }
    .medal-item {
        padding: 25px;
        margin-bottom: 25px;
    }
}



/*==== Портфолио ==*/
    .portfolio .slider-gallery {
        margin-top: 75px;
        position: relative;
       
    }
    @media (max-width: 767.98px) {
         .portfolio .slider-gallery {
            margin-top: 35px;
            padding-bottom: 50px;
         }
    }
/*==== Конец ==*/




/*==== Карьера ==*/
.career-text {
    margin-top: 70px;
}
.career-text ul {
    padding-left: 20px;
}
.career-text ul li {
    margin-bottom: 30px;
}

.career-box {
    background-color: #F8F9FA;
    padding: 132px 60px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.career-box span {
    text-align: center;
    text-transform: uppercase;
    color: var(--blue-color);
    font-weight: 700;
    display: block;
}

.career-text a {
    display: inline-block;
}
/*==== Конец ==*/


@media (max-width: 1399.98px) {

    .career .section-title br {
        display: none;
    }
    .career-text {
        margin-top: 50px;
    }
}

@media (max-width: 991.98px) {
     .career-text .btn-bg {
        padding: 20px 20px;
        display: block;
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 767.98px) {
    .career-box {
        padding: 90px 40px;
        margin-top: 25px;
    }
    
    .career-box span {
        font-size: 14px;
    }
    .career-text ul li {
        margin-bottom: 15px;
    }
    .career-text br {
        display: none;
    }
   
}


/*==== Конец ==*/


/*==== Видео ==*/
.video {
    position: relative;
    z-index: 1;
}
.video::after {
    content: '';
    width: 100%;
    height: 100%;
    background: url(../img/main-04.png) no-repeat center / contain;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.slider-video-item a {
    display: block;
    width: 100%;
    height: 100%;

}

.slider-video-item  {
    border-radius: 20px;
    margin: 0 auto;
     width: 270px !important;
    height: 396px;
    max-width: 270px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}


.slider-video-item .play-btn {
    width: 100px;
    height: 100px;

}
@media (max-width: 1199.98px) {
    .video::after  {
        display: none;
    }
}


@media (max-width: 767.98px) {
    .video .section-title br {
        display: none;
    }
}


@media (max-width: 370.98px) {
    .slider-video-item {
        height: 320px;
        max-width: 270px;
    }
}



/*==== Обратный звонок ==*/

.callback .blue-title {
    margin-bottom: 40px;
}

.callback .section-desr {
    margin: 50px 0;
}

.callback  ul {
    padding-left: 20px;
}

.callback  ul li {
    margin-bottom: 30px;
}

.callback .workout-gray {
    padding-bottom: 250px;
}

.callback .workout-gray__title {
    text-align: center;
    font-size: 25px;
    margin-bottom: 35px;
}
.callback .telephone {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}



@media (max-width: 1199.98px) {
    .callback ul li {
        margin-bottom: 15px;
    }
        .callback .workout-gray-form {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 991.98px) {
.callback .workout-gray {
    height: auto;
    padding: 25px 25px 250px;
    padding-bottom: 250px;
  }
  .callback .btn-bg {
    padding: 20px 0;
    display: block;
    width: 100%;
    text-align: center;
}
   .callback .blue-title {
        margin-bottom: 40px;
        font-size: 35px;
    }
        .callback .workout-gray__title {
        font-size: 22px;
    }
}
@media (max-width: 767.98px) {
   .callback .blue-title {
        margin-bottom: 40px;
        font-size: 24px;
    } 

}


/*==== Конец ==*/




/*==== Новости ==*/
.news .section-descr {
    margin: 30px 0 50px !important;
}
.news-item {
    color: var(--main-color);
    text-decoration: none;
}
.news-item__img {
    width: 100%;
    height: 200px;
}

.news-item__title {
    margin: 30px 0 20px;
    font-weight: 700;
}

.news-item__link {
    color: var(--blue-color);
    font-weight: 700;
}


/*==== Конец ==*/



/*==== Филиал ==*/

.filial-wrap {
    position: relative;
    background-color: #F8F9FA;
    border: 1px solid #F8F9FA;
    padding: 60px 70px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.filial-text {
    margin: 30px 0 60px;
}

/*.filial-wrap::after{
   content: '';
   width: 50%;
   height: 100%;
   background: url('../img/map.svg') no-repeat center / cover;
   position: absolute;
   right: 0;
   top: 0;
}*/

/*@media (max-width: 991.98px) {
  .filial-wrap {
    padding: 25px 25px 300px 25px;
  }
  .filial-wrap::after {
  content: '';
  width: 90%;
  height: 300px;
  background: url('../img/map.svg') no-repeat center / contain;
  position: absolute;
  right: auto;
  top: auto;
  bottom: 0;
}*/

.filial h2 {
    font-size: 40px;
}
.filial-wrap .btn-bg:hover {
    background: transparent;
    color: var(--blue-color);
    border: 1px solid var(--blue-color);
}

#ya-map{
    width: 100%;
    height: 350px;
}


@media (max-width: 991.98px) {
    #ya-map {
        margin-top: 35px;
    }
    .filial-wrap {
        padding: 35px;
    }
}

@media (max-width: 767.98px) {
    .filial-wrap  .btn-bg {
        padding: 20px 15px;
        display: block;
        width: 100%;
        text-align: center;
    }
      .filial-wrap {
    padding: 25px ;
  }
}



/*==== Конец ==*/



/*==== Страница контактов ==*/

.page-title__zagolovok h1{
    padding: 70px 0 40px;
    font-size: 60px;
    font-weight: 900;
}

.breadcrumb a {
    color: var(--main-color);
}
.no-webp .bg-wrap-page {
    background: url('../img/bg-contact.png') no-repeat center top / contain;
}

.webp .bg-wrap-page {
    background: url('../img/bg-contact.webp') no-repeat center top / contain;
}

.contact-inner-info {
    padding: 70px 80px 30px 80px;
    border-radius: 22px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    -ms-border-radius: 22px;
    -o-border-radius: 22px;
    background: white;
    -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.18); 
box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.02);
}

.contact-inner-info-item {
    list-style: none;
    margin: 0;
    padding: 0;
}
.contact-inner-social ul {
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 20px;
    display: flex;
}
.school-item {
    margin-bottom: 70px;
}
.contact-inner-image a {
    display: block;
    margin-top: 25px;
    color: var(--blue-color);
    text-decoration: underline;
}
.school-item__link ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
}
.contact-inner-info-item li {
    margin-bottom: 8px;
}
.contact-inner-info h2{
    font-size: 25px;
    margin-bottom: 40px;
}
.contact-inner-info-item span {
    min-width: 190px;
        display: inline-block;
    color: #B2B2B2;
}
.contact-inner-info-item {
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 20px;
    align-items: center;
}
.contact-inner-info-item a {
    color: var(--main-color);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.contact-inner-info-item a:hover {
    color: var(--blue-color);
}

.school-item__title {
    margin: 30px 0;
}

.school-item__adres,
.school-item__contact {
    margin-bottom: 40px;
}

.school {
    padding: 120px 0 70px;
}

.school-item__link a {
    color: var(--blue-color);
    text-decoration: underline;
}

@media (max-width: 1399.98px) {
    .page-title__zagolovok h1{
        padding: 40px 0;
        font-size: 50px;
    }

}
@media (max-width: 1199.98px) {
    .contact-inner-info-item li {
        margin-bottom: 10px;
        display: flex;
        flex-direction: column;
    }
     .school-item__link ul  {
        flex-wrap: wrap;
     }
    .school-item__link ul li {
        width: 45%;
        margin-bottom: 5px;
        min-width: 45%;
    }
    .school-item__link ul li:last-child {
        width: 100%;
        min-width: 100%;
    }
    .page-title__zagolovok h1 br {
        display: none;
    }
    .school-item__image img, 
    .contact-inner-image img {
        width: 100%;
    }
    .contact-inner-info {
        padding: 40px 30px 30px 30px;
    }
}
@media (max-width: 991.98px) {
    .bg-wrap-page {
        background: none;
    }
    .school {
        padding: 70px 0 35px;
    }
    .school-item__adres {
        padding-right: 30px;
    }
    .school-item__adres, .school-item__contact {
        margin-bottom: 30px;
    }
    .school-item__title {
        font-size: 22px;
    }
    .contact-inner-info h2 {
        font-size: 22px;
        margin-bottom: 30px;
    }
    .contact-inner-info {
        box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.1);
    }
}
@media (max-width: 767.98px) {
    .page-title__zagolovok h1{
        padding: 25px 0;
        font-size: 35px;
    }
    .school-item__title br {
        display: none;
    }
    .school {
        padding: 70px 0 0;
    }
    .school-item__adres {
        padding-right: 25px;
    }
    .school-item {
        margin-bottom: 35px;
    }
    .school-item__title {
        font-size: 18px;
    }
    .contact-inner-image {
        margin-top: 25px;
    }
    .contact-inner-info h2 {
        font-size: 22px;
        margin-bottom: 25px;
    }
}

/*==== Конец ==*/

/*==== Наши школы табы ==*/

.school-tabs .nav-link  {
    color: #A8A8A8;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    margin-bottom: 50px;
}
.school-tabs .nav-link.active {
    color: var(--blue-color);
    text-decoration: underline;
}

.school-tabs .nav {
    gap: 60px;
}
.school-item {
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-direction: column;
} 
 
.school-tabs .school-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: inherit;
}
.school-item__left {
    display: flex;
    gap: 44px;
}
.school-item__left-info__adres {
    padding: 15px 0 30px;
}
.school-item__left {
    max-width: 750px !important;
}
.school-item {
    margin-bottom: 55px;
}
.school-item__rigth-price a {
    color: var(--blue-color);
    font-weight: bold;
    display: block;
    padding: 10px 10px 10px 60px;
    background: url('data:image/svg+xml,<svg width="42" height="53" viewBox="0 0 42 53" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M40 2V51H2V20.2637L20.3467 2H40Z" stroke="%230E94E6" stroke-width="4"/></svg>') no-repeat left center / 40px;
}
.school-item__left-info__title h3 {
    font-size: 25px;
}
.school-item__left-img img {
    max-width: 280px;
}
.school-item__left-img {
    min-width: 268px;
    width: 268px;
    height: 221px;
}


@media (max-width: 1399.98px) {
   .school-item__left-info__title h3 {
    font-size: 25px;
    line-height: 1.3;
}
}
@media (max-width: 1199.98px) {
    .school-item__left-img img {
        width: 200px;
    }
    .school-item__left-info__title h3 {
        font-size: 22px;
        line-height: 1.3;
    }
}
@media (max-width: 991.98px) {
    .school-item__left {
        max-width: 100%;
    }
    .school-item__left-img {
  min-width: 200px;
  width: 200px;
  height: 180px;
}
    .school-item__rigth-price {
        margin-left: 0px;
        margin-top: 25px;
    }
    .school-item {
  margin-bottom: 35px;
  flex-direction: column;
}
}
@media (max-width: 767.98px) {
    .school-tabs .nav {
        gap: 15px;
        flex-wrap: wrap;
        margin-bottom: 35px;
    }
     .school-item__left-img {
    min-width: 100%;
    width: 200px;
    height: 220px;
  }
  .school-item__left-info__title a {
    font-size: 22px;
  }
  .school-item__left {
    gap: 20px;
  }
    .school-tabs .nav-link {
        margin-bottom: 0;
    }
    .school-item__left-info__title h3 {
        font-size: 18px;
        line-height: 1.3;
    }
    .school-item__left-info__title h3 br {
        display: none;
    }
    .school-item__left-img img {
        width: 100%;
        max-width: 100%;
    }
    .school-item {
        align-items: start;
    }
    .school-item__left {
        flex-direction: column;
    }
    .school-item__rigth-price {
        margin-left: 0;
    }
}


/*==== Конец ==*/

/*==== Контент текста ==*/
.page-content h2 {
    font-size: 45px;
    margin: 45px 0;
}
.page-content h3 {
    font-size: 40px;
    margin: 35px 0;
}

.page-content p {
    color: #302C28;
    margin-bottom: 25px;
}
.page-content h4 {
     font-size: 35px;
}

@media (max-width: 991.98px) {
    .page-content h2 {
        font-size: 30px;
        margin: 25px 0;
    }
    .page-content br {
        display: none;
    }
    .page-content h3 {
        font-size: 25px;
        margin: 25px 0;
    }
    .page-content h4 {
        font-size: 22px;
        margin: 25px 0;
    }
}
@media (max-width: 767.98px) {
    .page-content h2 {
        font-size: 25px;
        margin: 25px 0;
    }
    .page-content br {
        display: none;
    }
    .page-content h3 {
        font-size: 22px;
        margin: 25px 0;
    }
    .page-content h4 {
        font-size: 18px;
        margin: 25px 0;
    }
}

/*==== Конец ==*/

/*==== Команда ==*/

.comanda-item-header {
    display: flex;
    gap: 40px;
    align-items: center;
    margin-bottom: 40px;
}

.comanda-item-header__title h3 {
    font-size: 25px;
    margin-bottom: 10px;
    line-height: 1.5;
}

.comanda-item-header__title  span {
    display: block;
    color: var(--blue-color);
}

.pagination {
    display: flex;
    justify-content: center;
}
.pagination a {
    color: var(--blue-color);
}
.comanda-item-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.comanda-item-content ul li {
    padding-left: 50px;
    margin-bottom: 15px;
    min-height: 30px;
}
.comanda-item-btn {
    margin-top: 15px;
}
.comanda-item-btn .btn-bg {
    padding: 20px 150px;
    opacity: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.comanda-item {
    margin-bottom: 55px;
}
.comanda-item:hover .comanda-item-btn .btn-bg {
  opacity: 1;
}

li.champ {
    background: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.2803 11.6503C3.2803 11.6503 4.20689 10.456 3.60764 8.79731C3.0063 7.13971 1.60597 6.51013 1.60597 6.51013C1.60597 6.51013 0.558067 7.93347 1.14372 9.54924C1.72832 11.1661 3.2803 11.6503 3.2803 11.6503Z" fill="black"/><path d="M5.85149 12.4984C5.85149 12.4984 7.47144 12.3688 8.39907 10.9203C9.3267 9.47291 8.61764 7.854 8.61764 7.854C8.61764 7.854 7.11377 8.15938 6.16104 9.64547C5.20936 11.1305 5.85149 12.4984 5.85149 12.4984Z" fill="black"/><path d="M6.01646 14.4123C5.26662 16.0092 6.0813 17.283 6.0813 17.283C6.0813 17.283 7.67198 16.9421 8.40195 15.3869C9.13088 13.8297 8.21684 12.3175 8.21684 12.3175C8.21684 12.3175 6.76631 12.8153 6.01646 14.4123Z" fill="black"/><path d="M9.67725 15.6986C9.67725 15.6986 8.27901 16.3324 7.6829 17.991C7.08679 19.6528 8.01651 20.8429 8.01651 20.8429C8.01651 20.8429 9.5664 20.3545 10.1479 18.7367C10.7283 17.1188 9.67725 15.6986 9.67725 15.6986Z" fill="black"/><path d="M10.8422 24.4332C10.8422 24.4332 12.1871 23.5181 12.2781 21.8019C12.368 20.0847 10.9509 19.0284 10.9509 19.0284C10.9509 19.0284 9.79427 20.0376 9.7012 21.7988C9.60917 23.5589 10.8422 24.4332 10.8422 24.4332Z" fill="black"/><path d="M5.34555 8.4543C5.34555 8.4543 6.77935 7.97532 7.19977 6.26333C7.62123 4.55135 6.80654 3.25037 6.80654 3.25037C6.80654 3.25037 5.1458 3.85275 4.7348 5.5229C4.32485 7.19201 5.34555 8.4543 5.34555 8.4543Z" fill="black"/><path d="M3.27916 15.2907C3.27916 15.2907 3.81148 13.8757 2.74999 12.4691C1.6864 11.0615 0.163708 10.8722 0.163708 10.8722C0.163708 10.8722 -0.417761 12.5413 0.617588 13.9134C1.65294 15.2865 3.27916 15.2907 3.27916 15.2907Z" fill="black"/><path d="M4.46697 19.0242C4.46697 19.0242 4.6709 17.5266 3.3239 16.3909C1.97481 15.2541 0.447936 15.4089 0.447936 15.4089C0.447936 15.4089 0.251325 17.1658 1.56486 18.2733C2.88048 19.3798 4.46697 19.0242 4.46697 19.0242Z" fill="black"/><path d="M6.2762 22.1115C6.2762 22.1115 6.01997 20.6223 4.39061 19.9488C2.76019 19.2732 1.35254 19.8829 1.35254 19.8829C1.35254 19.8829 1.69766 21.6168 3.28519 22.2757C4.87272 22.9314 6.2762 22.1115 6.2762 22.1115Z" fill="black"/><path d="M7.06744 23.3936C5.36905 22.9188 4.04297 23.6917 4.04297 23.6917C4.04297 23.6917 4.59202 25.3712 6.24648 25.8345C7.90304 26.2978 9.19775 25.3158 9.19775 25.3158C9.19775 25.3158 8.76583 23.8674 7.06744 23.3936Z" fill="black"/><path d="M5.52195 9.47502L4.76688 9.10376C4.72714 9.18638 0.843015 17.4367 11.7571 26.7664L12.303 26.1274C1.91183 17.2433 5.36927 9.78772 5.52195 9.47502Z" fill="black"/><path d="M26.719 11.6346C26.719 11.6346 25.7913 10.4403 26.3916 8.78267C26.9909 7.12402 28.3923 6.49445 28.3923 6.49445C28.3923 6.49445 29.4391 7.91674 28.8535 9.53356C28.271 11.1504 26.719 11.6346 26.719 11.6346Z" fill="black"/><path d="M24.1474 12.4827C24.1474 12.4827 22.5275 12.352 21.5988 10.9046C20.6712 9.45723 21.3802 7.83832 21.3802 7.83832C21.3802 7.83832 22.8841 8.14369 23.8379 9.62874C24.7896 11.1148 24.1474 12.4827 24.1474 12.4827Z" fill="black"/><path d="M23.9836 14.3955C24.7334 15.9925 23.9187 17.2663 23.9187 17.2663C23.9187 17.2663 22.3281 16.9253 21.597 15.3702C20.8692 13.813 21.7822 12.3008 21.7822 12.3008C21.7822 12.3008 23.2337 12.7996 23.9836 14.3955Z" fill="black"/><path d="M20.3226 15.6829C20.3226 15.6829 21.7198 16.3156 22.3169 17.9774C22.913 19.6382 21.9823 20.8283 21.9823 20.8283C21.9823 20.8283 20.4334 20.3389 19.852 18.721C19.2705 17.1031 20.3226 15.6829 20.3226 15.6829Z" fill="black"/><path d="M19.1548 24.4165C19.1548 24.4165 17.8109 23.5024 17.7199 21.7852C17.63 20.068 19.0481 19.0107 19.0481 19.0107C19.0481 19.0107 20.2027 20.0199 20.2968 21.7821C20.3899 23.5443 19.1548 24.4165 19.1548 24.4165Z" fill="black"/><path d="M24.6517 8.43862C24.6517 8.43862 23.22 7.95964 22.7996 6.24766C22.3782 4.53567 23.1939 3.23364 23.1939 3.23364C23.1939 3.23364 24.8546 3.83603 25.2646 5.50723C25.6745 7.17529 24.6517 8.43862 24.6517 8.43862Z" fill="black"/><path d="M26.7205 15.275C26.7205 15.275 26.1882 13.8601 27.2487 12.4535C28.3122 11.0458 29.836 10.8565 29.836 10.8565C29.836 10.8565 30.4185 12.5256 29.3821 13.8977C28.3457 15.2709 26.7205 15.275 26.7205 15.275Z" fill="black"/><path d="M25.5326 19.0086C25.5326 19.0086 25.3277 17.511 26.6757 16.3731C28.0248 15.2374 29.5517 15.3922 29.5517 15.3922C29.5517 15.3922 29.7483 17.1502 28.4337 18.2566C27.1191 19.3631 25.5326 19.0086 25.5326 19.0086Z" fill="black"/><path d="M23.7217 22.0958C23.7217 22.0958 23.9789 20.6055 25.6083 19.931C27.2398 19.2554 28.6464 19.8651 28.6464 19.8651C28.6464 19.8651 28.3013 21.599 26.7137 22.2568C25.1252 22.9157 23.7217 22.0958 23.7217 22.0958Z" fill="black"/><path d="M22.9319 23.3779C24.6303 22.9042 25.9574 23.676 25.9574 23.676C25.9574 23.676 25.4094 25.3545 23.7539 25.8209C22.0984 26.2821 20.8037 25.3001 20.8037 25.3001C20.8037 25.3001 21.2346 23.8527 22.9319 23.3779Z" fill="black"/><path d="M24.4762 9.45934L25.2333 9.08807C25.2731 9.17069 29.1572 17.4211 18.2421 26.7497L17.6973 26.1107C28.0863 17.2286 24.6289 9.77099 24.4762 9.45934Z" fill="black"/></svg>') no-repeat left top / 30px;
}


li.medal {
    background: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2344_24802)"><path d="M26.7641 2.48922L21.2862 0.0567224C21.1468 -0.00490387 20.9918 -0.0155291 20.8453 0.0210217H9.15361C9.00681 -0.0155291 8.85211 -0.00490387 8.71313 0.0567224L3.23519 2.48922C2.89034 2.6423 2.73496 3.04589 2.88805 3.39058L7.96724 14.8289C6.60475 16.4362 5.7804 18.5137 5.7804 20.7808C5.7804 25.8642 9.91624 30 14.9996 30C20.0831 30 24.2188 25.8642 24.2188 20.7808C24.2188 18.5137 23.3945 16.4363 22.032 14.8289L27.1112 3.39058C27.2643 3.04589 27.1089 2.6423 26.7641 2.48922ZM14.9996 11.5615C14.8568 11.5615 14.7148 11.5658 14.5737 11.5724L12.4767 6.85015H17.5224L15.4254 11.5724C15.2844 11.5658 15.1424 11.5615 14.9996 11.5615ZM18.1288 5.48434H11.8704L10.0509 1.38683H19.9483L18.1288 5.48434ZM8.64309 1.58225L13.1567 11.7468C11.5908 12.066 10.1693 12.7845 9.00026 13.7893L4.41366 3.46053L8.64309 1.58225ZM14.9996 28.6341C10.6692 28.6341 7.14621 25.1112 7.14621 20.7806C7.14621 16.4501 10.6691 12.9273 14.9996 12.9273C19.3303 12.9273 22.853 16.4501 22.853 20.7806C22.853 25.1112 19.3303 28.6341 14.9996 28.6341ZM20.9991 13.7893C19.83 12.7845 18.4084 12.066 16.8427 11.7468L21.3564 1.58225L25.5859 3.46062L20.9991 13.7893Z" fill="black"/><path d="M14.9997 14.6345C11.611 14.6345 8.85352 17.3918 8.85352 20.7807C8.85352 24.1695 11.6109 26.927 14.9997 26.927C18.3888 26.927 21.146 24.1696 21.146 20.7807C21.146 17.3918 18.3888 14.6345 14.9997 14.6345ZM14.9997 25.5611C12.3638 25.5611 10.2194 23.4165 10.2194 20.7807C10.2194 18.1448 12.3638 16.0004 14.9997 16.0004C17.6356 16.0004 19.7801 18.1449 19.7801 20.7807C19.7801 23.4165 17.6357 25.5611 14.9997 25.5611Z" fill="black"/></g><defs><clipPath id="clip0_2344_24802"><rect width="30" height="30" fill="white"/></clipPath></defs></svg>') no-repeat left top / 30px;
}



li.kubok {
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.65296 1.59186C4.65296 1.25373 4.92706 0.979614 5.26521 0.979614H18.7346C19.0727 0.979614 19.3468 1.25373 19.3468 1.59186V2.2041H22.4081C22.7462 2.2041 23.0203 2.47822 23.0203 2.81635V6.48982C23.0203 8.18047 21.6497 9.55104 19.9591 9.55104H18.9288C17.9852 12.2207 15.5425 14.1821 12.6121 14.4238V18.1225H16.8979C17.236 18.1225 17.5101 18.3966 17.5101 18.7347V22.4082C17.5101 22.7463 17.236 23.0204 16.8979 23.0204H7.10194C6.7638 23.0204 6.4897 22.7463 6.4897 22.4082V18.7347C6.4897 18.3966 6.7638 18.1225 7.10194 18.1225H11.3877V14.4238C8.45733 14.1821 6.01459 12.2207 5.071 9.55104H4.04072C2.35005 9.55104 0.979492 8.18047 0.979492 6.48982V2.81635C0.979492 2.47822 1.25361 2.2041 1.59174 2.2041H4.65296V1.59186ZM18.1223 7.10206V2.81635V2.2041H5.87745V2.81635V7.10206C5.87745 10.4834 8.61859 13.2245 11.9999 13.2245C15.3812 13.2245 18.1223 10.4834 18.1223 7.10206ZM19.3468 3.42859V7.10206V8.32655H19.9591C20.9735 8.32655 21.7958 7.50425 21.7958 6.48982V3.42859H19.3468ZM2.20398 3.42859H4.65296V7.10206V8.32655H4.04072C3.02632 8.32655 2.20398 7.50425 2.20398 6.48982V3.42859ZM7.71419 19.347V21.7959H16.2856V19.347H7.71419Z" fill="%23333333"/></svg>') no-repeat left top / 30px;
}


li.gramota {
    background: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26.667 5H3.33366C2.89163 5 2.46771 5.17559 2.15515 5.48816C1.84259 5.80072 1.66699 6.22464 1.66699 6.66667V23.3333C1.66699 23.7754 1.84259 24.1993 2.15515 24.5118C2.46771 24.8244 2.89163 25 3.33366 25H15.8337L16.3087 24.4167L17.0837 23.4667L17.0087 23.3333H3.33366V6.66667H26.667V13.8C27.3001 14.2098 27.8629 14.7192 28.3337 15.3083V6.66667C28.3337 6.22464 28.1581 5.80072 27.8455 5.48816C27.5329 5.17559 27.109 5 26.667 5Z" fill="black"/><path d="M19.9997 10H5.83301V11.3333H19.9997V10Z" fill="black"/><path d="M14.9997 13.3333H5.83301V14.6666H14.9997V13.3333Z" fill="black"/><path d="M14.1663 19.1667H5.83301V20.5H14.1663V19.1667Z" fill="black"/><path d="M22.8831 14.3583C21.8167 14.3499 20.7726 14.6633 19.8871 15.2576C19.0017 15.852 18.3162 16.6996 17.9201 17.6898C17.524 18.6799 17.4359 19.7665 17.6672 20.8076C17.8984 21.8486 18.4384 22.7957 19.2164 23.525L17.5998 25.5L18.3498 28.5083L21.3998 24.7917C22.3652 25.0771 23.3926 25.0771 24.3581 24.7917L27.4081 28.5083L28.1581 25.5L26.5414 23.525C27.3195 22.7957 27.8594 21.8486 28.0907 20.8076C28.322 19.7665 28.2338 18.6799 27.8378 17.6898C27.4417 16.6996 26.7562 15.852 25.8707 15.2576C24.9853 14.6633 23.9412 14.3499 22.8748 14.3583H22.8831ZM22.8831 23.2583C22.1749 23.2485 21.4855 23.0295 20.9015 22.6289C20.3175 22.2283 19.8649 21.6639 19.6007 21.0068C19.3365 20.3497 19.2725 19.6292 19.4167 18.9358C19.5608 18.2424 19.9068 17.6071 20.411 17.1098C20.9153 16.6125 21.5553 16.2754 22.2506 16.1408C22.9459 16.0062 23.6655 16.0802 24.3189 16.3534C24.9723 16.6267 25.5303 17.087 25.9228 17.6765C26.3153 18.266 26.5247 18.9584 26.5248 19.6667C26.516 20.6252 26.1279 21.5412 25.4454 22.2143C24.7629 22.8874 23.8416 23.2628 22.8831 23.2583Z" fill="black"/></svg>') no-repeat left top / 30px;
}



@media (max-width: 1199.98px) {
    .comanda-item-header__image img {
        width: 120px;
    }
    .comanda-item {
        margin-bottom: 0;
    }
    .slider-comanda {
        position: relative;
        margin-bottom: 35px;
    }
     .slider-comanda .slick-next,
      .slider-comanda .slick-prev {
        bottom: auto;
        top: 0 !important;
        z-index: 99;
    }
    .comanda-item-btn {
        margin-top: 35px;
    }
    .comanda-item-header__title h3 {
        font-size: 18px;
        margin-bottom: 10px;
        line-height: 1.5;
    }
    .comanda-item-btn .btn-bg {
        opacity: 1;
        padding: 20px 0;
        display: block;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }
}

@media (max-width: 767.98px) {
    .comanda-item-header {
        display: flex;
        gap: 25px;
        align-items: start;
        margin-bottom: 40px;
        flex-direction: column;
    }
}


/*==== Конец ==*/


/*==== формат обучения ==*/

.format-trening__item  {
    padding-bottom: 25px;
    display: flex;
    margin-top: 35px;
    border-bottom: 1px solid #DCDCDC;
}

.format-trening__item-title {
    width: 400px;
    min-width: 400px;
    font-weight: bold;
}

@media (max-width: 1199.98px) {
    .format-trening__item {
        flex-direction: column;
    }
    .format-trening__item-title {
        width: 100%;
        font-size: 18px;
        margin-bottom: 15px;
        min-width: 100%;
        font-weight: bold;
    }
}

   .table-sticky thead th {
        position: sticky;
        top: 0;
        z-index: 2;
        background: #f8f9fa;
      }
      .table-sticky thead tr:nth-child(1) th { top: 0; }
      .table-sticky thead tr:nth-child(2) th { top: 42px; } /* высота 1-й строки шапки */
      .table-sticky thead tr:nth-child(3) th { top: 84px; } /* высота 2-й строки шапки */
    

    /* Мобильная карточная раскладка */
    @media (max-width: 576px) {
      .stacked thead { display: none; }
      .stacked tbody, .stacked tr, .stacked td {
        display: block;
        width: 100%;
      }
      .stacked tr {
        margin-bottom: .85rem;
        border: 1px solid rgba(0,0,0,.125);
        border-radius: .75rem;
        padding: .75rem .85rem;
        background: #fff;
      }
      .stacked td {
        border: 0 !important;
        padding: .35rem 0 !important;
      }
      .stacked td::before {
        content: attr(data-label);
        display: block;
        font-size: .82rem;
        opacity: .7;
        margin-bottom: .2rem;
      }
    }

/*==== Конец ==*/

.page-content-img img {
    width: 100%;
    padding: 25px;
}

/*==== мастер ==*/

 /* Мобильная «карточная» раскладка таблицы */
    @media (max-width: 576px) {
      .table-responsive-stack table thead {
        display: none;
      }
      .table-responsive-stack table,
      .table-responsive-stack tbody,
      .table-responsive-stack tr,
      .table-responsive-stack td {
        display: block;
        width: 100%;
      }
      .table-responsive-stack tr {
        margin-bottom: .75rem;
        border: 1px solid rgba(0,0,0,.125);
        border-radius: .75rem;
        padding: .5rem .75rem;
      }
      .table-responsive-stack td {
        border: none !important;
        padding: .25rem 0 !important;
      }
      .table-responsive-stack td::before {
        content: attr(data-label);
        display: block;
        font-size: .825rem;
        opacity: .7;
        margin-bottom: .15rem;
      }
      /* Групповые заголовки («Олимпийские игры», «Чемпионат мира») */
      .table-custom .row-group {
        margin-top: .75rem;
        margin-bottom: .25rem;
        font-weight: 600;
      }
      .table-custom .row-group::before {
        content: attr(data-group);
        display: inline-block;
        font-size: .95rem;
      }
  
      .table-custom .grouped td[data-label="Статус спортивных соревнований"] {
        display: none;
      }
    }

    /* Небольшая косметика на десктопе */
    .table-custom .table thead th {
      vertical-align: middle;
      background: #f8f9fa;
      white-space: nowrap;
    }
    .table-custom .table td, .table th {
      vertical-align: top;
    }
    .accordion-item h2 {
        margin: 0;
    }
    .accordion-item button:focus {
        outline: none;
        box-shadow: none;
    }
    .table thead th {
       
        background: #F8F9FA;
    }

    .grouped-fon {
        padding: 35px 25px !important;
         background: #F8F9FA !important;
    }

    .table-custom {
        margin-top: 55px;
      } 


/*==== Конец ==*/

/*==== Тренировки ==*/

.workoout__item {
    display: flex;
    gap: 45px;
    align-items: center;
}
.workoout__item {
    text-decoration: none;
    color: var(--main-color);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    text-transform: uppercase;
    margin-bottom: 55px;
}
.workoout__item-img  img {
    border-radius: 22px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    -ms-border-radius: 22px;
    -o-border-radius: 22px;
}
.workoout__item:hover {
    color: var(--blue-color);
}
.workoout__item-title {
    font-size: 22px;
    font-weight: 900;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.workoout__item:hover .workoout__item-title  {
    color: var(--blue-color);
}


@media (max-width: 1399.98px) {}
@media (max-width: 1199.98px) {
    .workoout__item-img img {
        width: 120px;
    }
    .workoout__item-title {
        font-size: 18px;
    }
}
@media (max-width: 991.98px) {
    .workoout__item {
        gap: 25px;
    }
    .workoout__item-img img {
        width: 90px;
    }
}
@media (max-width: 767.98px) {
    .workoout__item {
        margin-bottom: 35px;
    }
}

/*==== Конец ==*/

/*==== Видео тоенеровки ==*/

.workout-video__item-title {
    font-size: 22px;
    color: var(--main-color);
    text-transform: uppercase;
    font-weight: 900;
    padding-bottom: 35px;
    min-height: 170px;
}

.workout-video__item-subtitle {
    color: var(--blue-color);
    font-weight: 700;
    padding-top: 25px;
}

.workout-video__item-amount {
    margin-top: 15px;
    font-weight: 700;
}

.workout-video__item {
  display: flex;
  flex-direction: column;
}
  .workout-video__item .slider-video-item .play-btn {
    box-shadow: none;
  }

.workout-video__item .slider-video-item {
    width: 100% !important;
    max-width: 100%;
}


@media (max-width: 1399.98px) {
    .workout-video__item-title {
    font-size: 18px;
    padding-bottom: 25px;
    min-height: 130px;
    }
}
@media (max-width: 1199.98px) {
      .workout-video__item-title {
   font-size: 18px;
    min-height: auto;
  }
    .workout-video__item {
    margin-bottom: 55px;
  }
  
}

  @media (max-width: 991.98px) {
    .workout-video__item .slider-video-item {
        border-radius: 20px;
        margin: 0 auto;
        width: 100%;
        height: 396px;
        max-width: 100%;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
    }
      
  .workout-video__item-title {
   font-size: 18px;
    min-height: auto;
  }
    .workout-video__item {
    margin-bottom: 35px;
  }
}

/* Мобильная перестановка */
@media (max-width: 767.98px) {
    .workout-video .slider-video-item {
        order: 1;
    }

    .workout-video__item-title br {
        display: none;
    }
    .workout-video__item-title {
        order: 2;
        min-height: auto;
    }
    .workout-video__item-subtitle {
        order: 3;
    }
    .workout-video__item-amount {
        order: 4;
    }

    .workout-video__item-title {
        font-size: 22px;
        padding-bottom: 0;
    }
    .workout-video__item .slider-video-item {
    width: 100% !important;
    max-width: 100%;
    height: 240px;
    margin-bottom: 35px;
}
}
/*==== Конец ==*/

/*==== Слайдер тренер ==*/


.slider-trener {
    position: relative;
}

.slider-trener .slider-portfolio-item a {
    display: block;
    width: 100%;
    height: 170px;
}
.trener-text {
    margin-bottom: 55px;
}
@media (max-width: 991.98px) {
    .trener-video .play-btn {
        top: 30%;
    }
}

@media (max-width: 767.98px) {
   .slider-trener .slider-portfolio-item a {
        display: block;
        width: 100%;
        height: 150px;
    } 
    .slider-trener  {
        padding-bottom: 50px;
    }
    .trener-text {
    margin-bottom: 35px;
    }
    .page-content-img img {
    width: 100%;
    padding: 15px 15px 0;
    margin-top: 25px;
    }
}



/*==== Конец ==*/




/*==== Как выглядит наша школа ==*/

.porfolio-school {
    padding: 100px 0 35px;
}

.porfolio-school .section-title h2 {
    margin-bottom: 30px;
}

.porfolio-school__item {
    margin-bottom: 35px;
    display: block;
}

.porfolio-school__item img {
    width: 100%;
}

@media (max-width: 1199.98px) {
    .porfolio-school {
        padding: 70px 0 35px;
    } 
}


@media (max-width: 767.98px) {
    .porfolio-school {
        padding: 35px 0 0;
    } 
}

.schedule-items__btn {
    margin-top: 45px;
    display: flex;
justify-content: center ;
}


.schedule-items__btn .btn-bg {
   padding: 15px 90px 
}
/*==== Конец ==*/

/*==== Расписание ==*/
.schedule-items-wrap {
    margin-top: 50px;
}
.schedule-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid #F2F2F2;
}

.schedule-item__day {
    min-width: 450px;
}
.schedule-item__age  {
    min-width: 250px;
}

.gray-item {
    color: #BEBEBE;
}

.schedule-item__time span {
    color: var(--blue-color);
    font-weight: 700;
}

.schedule-item-head {
    border-bottom: none;
}



@media (max-width: 1399.98px) {
    .schedule-item__day {
        min-width: 300px;
    }
}

@media (max-width: 1199.98px) {
    .schedule-item__day {
        min-width: 200px;
    }
}

@media (max-width: 991.98px) {
    .schedule-item__day {
        min-width: 150px;
    }
}

@media (max-width: 767.98px) {
    .schedule-item {
        flex-direction: column;
    }
    .schedule-items-wrap {
        margin-top: 25px;
    }
    .schedule-item-head {
        display: none;
    }
    .schedule-item__time {
        padding: 5px 0;
    }
    .schedule-items__btn .btn-bg {
        padding: 15px 0;
        display: block;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }
    .schedule-items__btn {
        margin-top: 25px;
    }
}

/*==== Конец ==*/



/*==== Цены школа ==*/
.price-filial {
    padding: 100px 0 35px;
 
}



.price-filial .schedule-item a {
    font-weight: 700;
    color: var(--blue-color);
    text-decoration: none;
}

 .price-filial .schedule-items-text {
    padding: 55px 0 0;
    color: #B5B5B5;
}

.price-filial .schedule-items .schedule-item__day {

    padding-left: 40px;

}
.price-filial .schedule-items .schedule-item {
    position: relative;
    padding: 25px 0;
}

.recomend {
    position: absolute;
    font-size: 10px;
    color: var(--blue-color);
    transform: rotate(-90deg);
    left: -20px;
    bottom:  30px;
}



@media (max-width: 767.98px) {
.price-filial .schedule-items .schedule-item__day {
  padding-left: 0;
}
.price-filial {
  padding: 50px 0;
}
.recomend {
  position: relative;
  font-size: 14px;
  color: var(--blue-color);
  left: auto;
  bottom: auto;
  animation: swing 4s ease-in-out infinite alternate;
  color: red;
   transform: rotate(0deg);
}
@keyframes swing {
   15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
       transform: translateX(-5px);
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        
}
}
.price-filial .schedule-items-text {
  padding: 25px 0 0;
  color: #B5B5B5;
  font-size: 14px;
}
}

/*==== Конец ==*/

/*==== Тренеры школы ==*/
.champion-school .champion-img {
    height: 100%;
}

.champion-school .section-title {
    margin-bottom: 66px;
}

.champion-school h3 {
    font-size: 45px;
}

.champion-school .champion-img::after {
display: none;
}

.champion-school .btn-bg {
    margin-top: 15px;
    display:inline-block;
}


@media (max-width: 1399.98px) {
    .champion-school h3 {
        font-size: 30px;
    }
}

@media (max-width: 1199.98px) {
.champion-school .champion-img {
  height: 400px;
}
}


@media (max-width: 767.98px) {

      .champion-school .champion-img {
    height: 300px;
  }
   .champion-school h3 {
    font-size:25px;
  }
  .champion-school h3 br {
    display: none;
  }
  .champion-school .blue-text {
    text-transform: uppercase;
    color: var(--blue-color);
    padding: 15px 0;
  }
  .champion-school .btn-bg {
    padding: 15px 0;
    display: block;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }
}

/*==== Конец ==*/





.school-blue-text {
    text-align: center;
}

.school-blue-text {
    padding: 70px 0;
}
@media (max-width: 991.98px) {
    .why-us-school h3 {
        margin-bottom: 35px;
    }
}

@media (max-width: 767.98px) {
    .school-blue-text h2 br {
       display: none;
    }
    .school-blue-text {
     padding: 0 0 35px;
    }

}


/*==== О руководстве ==*/

.about-admin__img-big {
    width: 100%;
    height: 95%; 
}
.about-admin .section-title {
    margin-bottom: 35px;
}
.about-admin__img {
    width: 100%;
    height: 125px;
    margin-bottom: 15px;
}
.about-admin__text p {
    padding-bottom: 40px;
}

@media (max-width: 991.98px) {

    .about-admin__text p {
        padding-bottom: 0;
    }
    .about-admin .section-title br {
        display: none;
    }

}

@media (max-width: 767.98px) {
    .about-admin__text p {
    padding-bottom: 0;
    }
    .about-admin .section-title {
        margin-bottom: 25px;
    }
    .about-admin__img {
    height: 100px;
    }
}

/*==== Конец ==*/

/*==== Тренерский состав ==*/
.trener-amount .section-title {
    margin-bottom: 35px;
}


.trener-info strong {
    text-transform: uppercase;
    font-size: 30px;
    line-height: 1;
    color: #D0D0D0;
}
   .trener-amount {
        padding: 50px 0;
    }
.trener-info-left {
    padding-right: 70px;
}


@media (max-width: 991.98px) {
    .trener-info-left {
        padding-right: 0;
    }
    .trener-info strong {
        font-size: 25px;
    }

}

@media (max-width: 767.98px) {
 .trener-info strong {
    font-size: 22px;
  }
}

@media (max-width: 767.98px) {
    .trener-amount {
        padding: 35px 0;
    }
}
/*==== Конец ==*/

/*==== Возрастные группы ==*/
.age-groups {
    padding: 20px 0 50px;
}

.age-groups .section-title {
    margin-bottom: 50px;
}

.age-groups__text strong {
    font-weight: 700;
    color: var(--blue-color);
    margin-bottom: 110px;
    display: block;
}

@media (max-width: 1199.98px) {
.age-groups__text strong {
  margin-bottom: 25px;
}
}

@media (max-width: 991.98px) {
.age-groups .section-title h2 br {
    display: none;
}
}

@media (max-width: 767.98px) {
.age-groups {
  padding: 20px 0 20px;
}
.age-groups .section-title {
  margin-bottom: 25px;
}
}



/*==== Конец ==*/

/*==== Особенности ==*/

.features {
    padding: 25px 0 100px;
}


.features h2 {
    text-align: center;
}

.features-blue {
    text-align: center;
    color: var(--blue-color);
    font-weight: 700;
    padding: 70px 0;
}

@media (max-width: 991.98px) {
    .features {
    padding: 25px 0 50px;
    }
    .features-blue {
        padding: 45px 0;
    }
}

@media (max-width: 767.98px) {
.features h2 br {
    display: none;
}
}

/*==== Конец ==*/

.cost {
    padding: 70px 0 35px;
}

.coast-sale {
    padding-left: 55px;
}

.coast-sale__item {
    color: var(--blue-color);
    font-weight: bold;
    margin-bottom: 35px;
    line-height: 1  ;
}

.cost-info, .cost .section-title {
        margin-bottom: 25px;
    }

@media (max-width: 1199.98px) {
    .cost-info, .cost .section-title {
        margin-bottom: 35px;
    }
}

@media (max-width: 767.98px) {
    .cost {
        padding: 35px 0;
    }
    .coast-sale {
        padding-left: 0px;
    }
    .coast-sale__item {
        margin-bottom: 25px;    
    }
}



.callback-new .workout-gray__title {
    font-size: 30px;
}

.politik-form {
    color: #6C6C6C;
    opacity: .5;
    display: block;
    transition: all .3s;
    margin-top: 35px;
}
.politik-form:hover {
    opacity: 1;
}

.callback-step {
    display: flex;
    gap: 25px;
    margin-bottom: 25px;
}
.callback-step span {
    font-size: 30px;
    line-height: 1;
    font-weight: bold;
 
}

.workout-blue {
    display: flex;
    height: 100%;
    flex-direction: column;
}

.callback-inner {
    margin-top: 25px;
}

.callback-new .section-title h2 {
    text-align: center;
}
.callback-new .section-descr {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    padding: 20px 0 70px;
}

@media (max-width: 1399.98px) {
    .callback-new .workout-gray {
        padding: 50px;
    }  
    .callback-new .workout-gray__title {
        font-size: 25px;
    }
}

@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {

}

@media (max-width: 767.98px) {
  .callback-new .workout-gray {
    padding: 25px;
  }
    .callback-new .workout-gray__title {
    font-size: 22px;
  }
  .politik-form {
    text-align: center;
  }
}
@media (max-width: 575.98px) {
  .callback-new .workout-gray__title {
    font-size: 18px;
  }
}




.no-webp .bg-wrap {
    background: url('../img/bg-02.png') no-repeat center / contain;
}
.webp .bg-wrap {
    background: url('../img/bg-02.webp') no-repeat center / contain;
}

.no-webp .bg-wrap-01 {
    background: url('../img/bg-03.png') no-repeat center / contain;
}
.webp .bg-wrap-01 {
    background: url('../img/bg-03.webp') no-repeat center / contain;
}

.no-webp .bg-wrap-03 {
    background: url('../img/bg-003.png') no-repeat center / contain;
}
.webp .bg-wrap-03 {
    background: url('../img/bg-003.webp') no-repeat center / contain;
}


.telephones {
    position: absolute;
    right: 50px;
    bottom: 0;
    background: url('../img/phones.png') no-repeat center bottom / contain;
    width: 250px;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}




.telephones a {
    background: white;
    padding: 15px 25px;
    color: var(--blue-color);
    border-radius: 12px;
    text-decoration: none;
    transition: all .3s;
}

.telephones a:hover {
    background: var(--blue-color);
    color: white;
}



@media (max-width: 1399.98px) {
.telephones {
    right: 20px;
}
    
}




.header-content-top-title {
    color: #6C6C6C;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}
.header-content-school .header-content-wrap h1 {
    font-size: 55px;
}
.header-content-school .header-content-wrap h1 span {
    color: var(--blue-color);
}

.header-content-subtitle {
    font-size: 20px;
    color: var(--blue-color);
    font-weight: bold;
    margin-bottom: 40px;
}



.header-content-school .header-content-wrap {
    flex-direction: column;
    gap: 10px;
}

.school-phone {
    position: absolute;
    right: 25px;
    bottom: 0;
    width: 237px;
    height: 255px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    background: url(../img/phone-school.png) no-repeat center / contain;
}

.school-phone a {
    padding: 5px 15px;
    background: white;
    color: var(--blue-color);
    font-weight: bold;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    text-decoration: none;
    width: 150px;
    height: 50px;
    display: flex;
    text-align: center;
    align-items: center;
    line-height: 1.1;
    justify-content: center;
}

.school-phone a:hover {
    background: var(--blue-color);
    color: white;
}

.header-content-school .header-content-promo {

}

@media (max-width: 991.98px) {
    .header-content-school .header-content-promo {
        display: block;
    }
    .header-content-school .header-content-promo {
        font-size: 14px;
        text-align: center;
    }
    .header-content-school .header-content-wrap h1 {
    font-size: 36px;
    line-height: 1.3;
    }
    .header-content-subtitle {
        margin-bottom: 15px;
    }
}

@media (max-width: 767.98px) {
 .header-content-school .header-content-promo {
    font-size: 12px;
    text-align: left;
  }
  .header-content-top-title {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .school-phone {
    position: relative;
    bottom: -20px;
    left: auto;
    right: auto;
    margin: 0 auto;
  }
}



.new-form-wrap {
    background: #F8F9FA;
    padding: 60px;
    overflow: hidden;
    border-radius: 20px;
    position: relative;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.new-form {
    padding: 0 0 70px;
}

.new-form-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.new-form-wrap__form {
    width: 370px;
}

.new-form-wrap__form-subtitle a {
    text-decoration: none;
    color: var(--blue-color);
    font-weight: bold;

}

.new-form-wrap__form-subtitle a:hover {
    text-decoration: underline;
}
.new-form-wrap__form-subtitle {
    margin-top: 25px;
}

.new-form-wrap__form-title {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 25px;
    margin-bottom: 25px;
    text-align: center;
}

.new-form-wrap__form button {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.new-form__raspisanie {
    position: absolute;
    bottom: 0px;
    left: 37%;
}
.new-form__raspisanie img {
    border-radius: 22px 22px 0 0;
    -webkit-border-radius: 22px 22px 0 0;
    -moz-border-radius: 22px 22px 0 0;
    -ms-border-radius: 22px 22px 0 0;
    -o-border-radius: 22px 22px 0 0;
}


@media (max-width: 991.98px) {
.new-form-wrap__form {
    width: 100%;
    padding: 35px;
  
}
    .new-form-wrap {
        display: flex;
          padding: 0;
        flex-direction: column;
    }

    .new-form-blue {
        background: var(--blue-color);
        color: white;
        padding: 35px;
        width: 100%;
        border-radius: 0 0 20px 20px;
        -webkit-border-radius: 0 0 20px 20px;
        -moz-border-radius: 0 0 20px 20px;
        -ms-border-radius: 0 0 20px 20px;
        -o-border-radius: 0 0 20px 20px;
}
        .new-form-blue h2 {
            color: white;
            font-size: 35px;
        }
        .new-form-blue__img {
            text-align: center;
            position: relative;
            bottom: -35px;
        }
}

@media (max-width: 767.98px) {
 .new-form-blue {
    max-height: 333px;
    overflow: hidden;
 }
        .new-form-blue h2 {
            color: white;
            font-size: 22px;
            line-height: 1.3;
        }
        .new-form-blue  img {
            width: 200px;
        }
        form .btn-bg {
            padding: 15px 0;
            text-align: center;
            display: block;
            width: 100%;
            box-sizing: border-box;
        }
}
@media (max-width: 575.98px) {
     .new-form-wrap__form-subtitle {
        text-align: center;
     }
    .new-form-wrap__form-subtitle a {
    display: block;
    }
}
@media (max-width: 375.98px) {
    .new-form-blue h2 {
            color: white;
            font-size: 18px;
            line-height: 1.3;
        }
        .new-form-wrap__form-title {
            font-size: 18px;
        }
}


.reason-item-school {
    color: #6C6C6C !important;
}

.champion-schools .champion-img::after,
.champion-schools .champion-img::before {
    display: none;
}

.champion-schools .section-title {
  margin-bottom: 15px;
}
.champion-schools .champion-content ul li {
  margin-bottom: 15px;
}

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

@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {

}

@media (max-width: 767.98px) {
 .champion-schools .section-title {
  margin-bottom: 5px;
}
 .champion-schools .btn-bg {
    display: block;
    width: 100%;
    text-align: center;
 }
}
@media (max-width: 575.98px) {

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


.school-dop h2 {
    text-align: center;
}



.school-dop .trener-item__img {
    height: 217px;
    margin-bottom: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}



@media (min-width: 1199.98px) {
   .container-custom {
  max-width: 900px;
  margin: 0 auto;
}
 
}


.form-sale__title {
    font-weight: 900;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 15px;

}
.form-sale__title a {
    color: var(--blue-color);
    text-decoration: none;
    display: block;
}

.form-sale .new-form-wrap__form button {
    padding: 15px 0;
    text-align: center;
}

.form-sale .new-form-wrap  {
    padding: 0;
  display: flex;

}
.form-sale .new-form-wrap__form  {
    padding: 40px;
    min-width: 390px;
    width: 33%;
}

.form-sale__blue {
    background: var(--blue-color);
    color: white;
    padding: 40px 40px;
    width: 100%;
    max-width: 65%;
    flex: 1;    
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.form-sale__blue-title {
    font-size: 45px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 25px;
}
.form-sale__blue-subtitle {
    color: #0C6298;
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: bold;
}
.form-sale__blue-title span {
    color: #0C6298;
}
.form-sale__blue-info {
    display: flex;
    gap: 40px;
}
.form-sale__blue-info-qr {
    display: flex;
    align-items: center;
    gap: 25px;
}
.form-sale__blue-info-qr img {
    width: 70px;
    position: relative;
    top: 1px;
}
.form-sale__blue-info-qr  span {
    display: block;
    line-height: 1.2;
    font-size: 14px;
}


.form-sale__blue {
    position: relative;
    overflow: hidden;
}

.form-sale__blue::after {
    content: '';
    width: 230px;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: -30px;
    background: url(../img/form-bg.png) no-repeat right center / contain;
}

@media (min-width: 1199.98px) {

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

@media (max-width: 1199.98px) {
    .new-form-wrap {
        flex-direction: column;
    }
    .form-sale__blue {
        max-width: 100%;
    }
    .form-sale__blue::after {
        width: 100%;
    }
    .form-sale .new-form-wrap__form {
        width: 60%;
    }
    .form-sale__title {
        font-size: 30px;
    }
     .form-sale__title {
    font-size: 22px;
  }
}

@media (max-width: 991.98px) {
  .form-sale__blue::after {
    width: 140px;
    bottom: -140px;
  }
}

@media (max-width: 767.98px) {
 .form-sale__blue {
    padding: 25px;
 }
 .form-sale__blue-title {
    font-size: 25px;
    line-height: 1.3;
 }
 .form-sale__blue-info {
    flex-direction: column;
 }
 .form-sale__blue {
    padding-bottom: 200px;
 }

 .form-sale__blue::after {
  content: '';
  width: 100%;
  height: 200px;
  position: absolute;
  right: 0;
  bottom: -32px;
  background: url(../img/form-mini.png) no-repeat top center / contain;
}
.form-sale .new-form-wrap__form {
    width: 100%;
}

  .form-sale__title {
    font-size: 18px;
  }

}
.kids-bg,
.reason-bg,
.trener-bg,
.new-form,
.page-content-bg      {
    position: relative;
    z-index: 1;
}


.kids-bg::after {
    content: '';
    width: 80%;
    height: 1400px;
    position: absolute;
    left: -100px;
    bottom: -600px;
    background: url(../img/bgs-1.png) no-repeat center / contain;
    z-index: -1;
}



.reason-bg::after {
    content: '';
    width: 100%;
    height: 1200px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/bgs-2.png) no-repeat right top  / cover;
    z-index: -1;
}
.workout {
    position: relative;
    z-index: 1;
}
.trener-bg::after {
    content: '';
    width: 100%;
    height: 1400px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/bgs-3.png) no-repeat right top  / cover;
    z-index: -1;
}
.page-content-bg::after {
    content: '';
    width: 100%;
    height: 1200px;
    position: absolute;
    left: 0;
    top: -300px;
    background: url(../img/bgs-4.png) no-repeat right top  / cover;
    z-index: -1;
}

@media (min-width: 1199.98px) {

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

@media (max-width: 1199.98px) {
.kids-bg::after,
.reason-bg::after,
.trener-bg::after,
.page-content-bg::after  {
    display: none;
}
}

@media (max-width: 991.98px) {

}

@media (max-width: 767.98px) {
 
}
@media (max-width: 575.98px) {

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

.fix{
    padding-top: 300px;
}

.fix header{
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 1000;
    border-bottom: 1px solid #ccc;
}

.fix .header-navigation__top{
    display: none;
}

.fix .header-logo img {
    width: 30px;
}

.policy{
padding: 15px;
/* line-height: 1.1; */
}

.policy a{
    font-size: 9px;
    color: #6C6C6C;
    text-decoration: none;
}

.wt-bottom{
    position: relative;
}

.wt-bottom:before {
    content: "";
    border-left: 2px solid #16A3FA;
    position: absolute;
    left: -20px;
    line-height: 45px;
    display: block;
    height: 39px;
}



.header-content-subtitle-mobile {
    font-size: 10px;
}

.header-content-subtitle-mobile img {
    width: 30px;
}

@media (max-width: 1199.98px) {
    
 
    .header-content-middle {
        gap: 30px;
    }
    .header-content__trener-desrc-title {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .header-content__trener-desrc-info {
        font-size: 14px;
    }
}

@media (max-width: 991.98px) {

    .header-content-middle {
      gap: 15px;
    }
        .header-content__trener-desrc-title {
        font-size: 14px;
        margin-bottom: 5px;
    }
      .header-content__trener-desrc-info {
        font-size:12px;
    }
       .headder-content__new img {
        width: 50px;
    }
    .headder-content__trener {
        gap: 15px;
    }
    .header-rating-video {
        margin-bottom: 25px;
    }
}


@media (max-width: 767.98px) {
    .header-content-middle {
        gap: 17px;
    }
      .header-rating-video {
        margin-bottom: 0;
    }
    .headder-content__new img {
        width: 40px;
    }
    .header-content__trener-desrc-title {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .header-content__trener-desrc-info {
        font-size: 12px;
    }
    .headder-content__trener {

    }

@media (max-width: 600px) {
  .map-wrap { height: 360px; min-height: 360px; }
}

/* Если раньше использовали 100vh — заменяем на новые единицы: */
@supports (height: 100svh) {
  .map-wrap.vh {
    height: 60svh;         /* например */
    min-height: 360px;
  }
}

}

.footer-copy-sitemap {
    display: flex;
    justify-content: flex-end;
}
@media (max-width: 1200px) {
.footer-copy-sitemap {
    justify-content: flex-start;
}
}
.contact-inner-info-item2 {
    padding-top: 15px;
}

.contact-inner-info-item2 .contact-info-row {
    font-size: 15px;
    color: #6c6c6c;
}

.contact-inner-info-item2 .contact-info-row a {
    font-size: 16px;
    font-weight: 500;
    color: #6c6c6c;
}
.scroll-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: none;
    background: #0e94e6;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease, transform .3s ease;
    z-index: 9999;
}

/* Появление кнопки */
.scroll-top.visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

/* Адаптивность */
@media (max-width: 768px) {
    .scroll-top {
        width: 42px;
        height: 42px;
        font-size: 20px;
        right: 15px;
        bottom: 100px;
    }
}

@media (max-width: 480px) {
    .scroll-top {
        width: 38px;
        height: 38px;
        font-size: 18px;
        right: 10px;
        bottom: 100px;
    }
}
.policy-checkbox {
    font-size: 9px;
    color: #6C6C6C;
    cursor: pointer;
}

.policy-checkbox a {
    text-decoration: underline;
}

.policy-checkbox a:hover {
    color: #0e94e6;
}