@charset "utf-8";

* {margin:0; padding:0;} 

html {position: relative; }
body {margin:0;  min-width: 320px; font-family: 'Open Sans', sans-serif; font-size:16px; -webkit-text-size-adjust: none;
position:relative; background:#ffffff;}

input, select, textarea, button {-webkit-appearance: none; 
font-family: 'Open Sans', sans-serif; border-radius:0;}

img {border:0;}
p {margin-bottom: 20px;}
a {color:#009cff;}
a:hover {text-decoration:none;}
h2 {}

.body_menu_box {overflow:hidden;}
.top_menu ul li a, .tarif .block .tit_bot a, .all_block .block strong, .linck_dog, .q_block, .pl_more, .faq .block .tit:after {
  -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}

.wrap {width:100%; position:relative; padding:50px 0; margin:0 auto; max-width:1920px; background:#f5f5f5;}
.main {max-width:1180px; margin:0 auto; position:relative;  }

h1 {margin-bottom:20px; font-size:32px; line-height:1.2;}
.content h1 {margin-bottom:20px; font-size:42px; line-height:1.2;}
.content .about h1 {font-size:32px; text-align:center;}
.content .about h2 {font-size:30px; font-weight:700;}

.header {height:860px; }
.top_menu {display:flex;  width:100%; Justify-content:space-between; position:relative; z-index:10;}
.top_menu .logo {display:flex; background:#90d30f; width:400px; padding:0 20px; align-items: center}
.top_menu .logo a {text-decoration:none; color:#fff; font-weight:800; text-transform:uppercase; font-size:54px; display:inline; 
line-height:1; position:relative; top:-3px;}
.top_menu .logo a span {font-size:14px; display:block; font-weight:600;}
.top_menu ul {list-style:none;display:flex; Justify-content:space-between;width:100%;flex-wrap: nowrap;}
.top_menu ul li {display:block;  width:25%; margin:0px; position:relative;}
.top_menu ul li a {color:#fff; text-decoration:none; padding:28px 0px; display:block; text-align:center; font-size:18px; font-weight:600;}
.top_menu ul li a:hover {background:#333;}
.top_menu ul li ul {position:absolute; display:none;}
.top_menu ul li ul li {display:block; width:auto; height:auto; border-top:1px solid #fff;}
.top_menu ul li ul li a {text-align:left; padding:10px 20px; font-size:16px; font-weight:500; background:#009cff;}
.top_menu ul li:hover ul {display:block;}

/*--- БОЛЬШИЕ КАРТИНКИ ---*/
.bas {background:#7ddcfc url(../img/bg_1.jpg) no-repeat center top; 
      background-size:1920px; }
.bas .top_title {font-weight:800; font-size:110px; position:relative; top:80px; 
                 color:#009cff; position:relative;}
.bas .top_title b {position:absolute; top:-26px; left:70px; font-size:66px; color:#00bfdb;
                  text-transform:uppercase; }
.bas .top_title span {display:block; text-transform:uppercase; font-size:36px; margin-top:-20px; margin-left:10px;}
.open_form_tg {
    font-size:20px;
    background:#fade01;
    display:inline-block;
    line-height:1.2;
    max-width:300px;
    padding:12px 30px 20px 30px;
    color:#000000;
    margin-top:20px;
    font-weight:400;
    cursor:pointer;
    border-radius:30px;
    text-wrap:balance;
    text-align:center;
    border:4px solid #ff5502;
}
.open_form_tg strong {
    color:#ff0001;
}
.open_form_tg i {
    font-style:normal;
    font-weight:700;
}
.mas {background:#dbe7f7 url(../img/bg_2.jpg) no-repeat center bottom; background-size:1920px; }
.mas .top_title {font-weight:800; font-size:120px; position:relative; top:0px; color:#ff51af;}
.mas .top_title span {display:block; text-transform:uppercase; font-size:46px; margin-top:-30px; margin-left:10px; color:#009cff;}

.kurs {background:#c1de34 url(../img/bg_3.jpg) no-repeat center bottom; background-size:1920px; }
.kurs .top_title {font-weight:800; font-size:117px; position:relative; top:340px; color:#72ad03; text-transform:uppercase;}
.kurs .top_title span {display:block; text-transform:uppercase; font-size:42px; margin-top:-30px; margin-left:10px;}

.korm {background:#dee9ed url(../img/bg_4.jpg) no-repeat center top 0px; background-size:1920px; }
.korm .top_title {font-weight:800; font-size:70px; position:relative; top:60px; color:#ff51af; text-transform:uppercase;}
.korm .top_title span {display:block; text-transform:uppercase; font-size:45px; margin-top:0px; margin-left:4px;}

.head_all {height:60px; background:url(../img/bg_top.jpg) no-repeat center top; background-size:cover; }

.blue {background:#009cff;}
.green {background:#90d30f;}
.yellow {background:#ffcc00;}
.pink {background:#ff51af;}
.blue_2 {background:#00bfdb;}
.red {background:#ff5502;}

.plus_block {display:flex; Justify-content:space-between; overflow:hidden; margin-top:-160px; margin-bottom:30px;}
.plus_block .block {text-align:center; padding:30px; color:#fff; width:calc(25% - 60px - 20px); cursor:pointer; position:relative;
                   padding-bottom:80px;}
.plus_block .block + .block {margin-left:20px;}
.plus_block .block img {height:70px; margin-bottom:16px; display:inline-block;}
.plus_block .block strong {display:block;  font-size:20px; line-height:1.3; margin-bottom:10px;}
.plus_block .block span {display:block; font-size:17px;}
.plus_cont {display:none;}
.pl_more {background:#00000030; margin-top:20px; display:inline-block; padding:10px 20px; position:absolute; bottom:20px;
         left:calc(50% - 64px)}
.plus_block .block:hover .pl_more {background:#00000075;}

.format {text-align:center; padding:40px; background:#82dbfd; margin-bottom:30px;}
.f_tit {text-transform:uppercase; margin-bottom:20px; font-size:46px; font-weight:800; color:rgb(2 47 168);}
.f_tit_2 {text-transform:uppercase; margin-bottom:20px; font-size:36px; font-weight:600; background:#fc0; display:inline-block; padding:0 20px; color:#de0202;}
.f_tit_3 {margin-bottom:20px; font-size:18px; }
.f_tit_3 strong {display:block;}
.f_tit_4 {font-size:26px; font-weight:700; line-height:1.2; color:rgb(2 47 168);}

.block_in {margin-bottom:30px;}
.block_in {padding:0px; display:flex; margin-bottom:30px; align-items:center;}
.block_in div {background:#fff; padding:30px;}
.block_in img {height:70px; margin:26px; display:inline-block;}
.block_in h3 {display:block;  font-size:20px; line-height:1.3; margin-bottom:10px;}
.block_in p {display:block; font-size:17px;}

.about {overflow:hidden; margin-bottom:30px;}
.about > div + div {/*margin-left:26px;*/}
.about_img {/*background:#fff; */ }
.about_img img {width:100%; /*object-fit: cover; height:100%; */ display:block; }
.about_img_2 {width:50%;}
.about_img_2 iframe {width:100%; height:300px;}
.about_txt {padding:30px 40px; width:auto; background:#fff;}
.about ul {list-style:none; padding:0px;}
.about ul li {background:url(../img/mark_2.svg) no-repeat 0 3px; background-size:14px; padding-left:24px; margin-bottom:8px; font-size:15px; }

.tarif {display:flex; Justify-content:space-between; overflow:hidden;  margin-bottom:30px;}
.tarif .block {padding:0px;  width:auto; position:relative; padding-bottom:180px; flex: 1 1 300px;}
.tarif .block + .block {margin-left:26px;}
.tarif .block .tit {padding:30px; color:#fff; font-size:22px; font-weight:700; text-align:center;}
.tarif .block .tit span {display:block; font-size:17px;}
.tarif .block ul {list-style:none; padding:30px;}
.tarif .block ul li {background:url(../img/mark_1.svg) no-repeat 0 3px; background-size:14px; padding-left:24px; margin-bottom:8px; font-size:15px; color:#fff;}
.tarif .block .tit_bot {padding:0 30px 30px 30px; text-align:center; color:#fff; font-size:20px; font-weight:300; position:absolute; bottom:0; left:0; right:0;}
.tarif .block .tit_bot span {display:block; font-size:28px; font-weight:700;}
.tarif .block .tit_bot a {color:#fff; background:#00ab10; text-decoration:none; padding:12px 24px; display:inline-block; margin-top:20px;}
.tarif .block .tit_bot a:hover {background:#333;}

.komanda_block {}
.komanda_block {display:flex; Justify-content:space-between;  margin-bottom:30px;}
.komanda_block .block {padding:30px;  width:auto; position:relative; background:#fff; flex: 1 1 300px;}
.komanda_block .block + .block {margin-left:26px;}
.komanda_block .block img {width:calc(100% + 60px); margin:-30px -30px 16px -30px}
.komanda_block .block strong {display:block; text-align:center; font-size:24px; margin-bottom:10px; text-transform:uppercase;}

/*--- ВОПРОСЫ ---*/
.questions {background:#fff; padding:30px; margin-bottom:30px;}
.questions > h3 { font-size: 36px;  margin-bottom: 10px; font-weight: 600;}
.q_tit {margin-bottom: 30px; font-size:18px; font-weight:600}
.q_all_block {display:flex; gap:30px; justify-content: space-between; overflow:hidden;}
.q_block {text-align: center; padding:30px; cursor:pointer; padding-bottom:90px; position:relative; width:calc(25% - 60px - 20px);}
.q_block:hover {background:#5ecdf8;}
.q_block > span {font-size:20px; line-height:1.1; font-weight:600; display:block;}
.q_block:after {content:"?"; display:block; background:#fff; width:50px; height:50px; position:absolute; bottom:30px; left:calc(50% - 20px); font-size:36px; font-weight:800;
               border-radius: 50%; color:#009cff;}
.q_cont {display:none;}


.comment_block {padding:80px 0; background:#ffffff; padding:40px 30px; margin-bottom:30px;}
.comment_block .owl-stage {display:flex;}
.comment_block .owl-stage > div { }
h2 {  font-size:46px; margin-bottom:30px; font-weight:400; line-height:1.1;}
.comment_block .block {background:#ffffff; padding:0px; display:flex; }
.comment_block .left {margin-right:30px;  flex-basis:20%; left:4px; position:relative}
.comment_block .right {background: url(../img/quot.svg) no-repeat 0px 0px; background-size:60px; padding-top:80px; flex-basis:74%;}
.comment_block .left img {display:block; margin-bottom:30px; width:100%; border-radius:50%;}
.comment_block .left span {text-transform:uppercase; text-align:right; display:block; font-size:20px; margin-right:6px; font-weight:700;}
.comment_block .left .star {color:#ffcc00; font-size:30px; text-align:right;}
.comment_block .left .star i {font-style:normal; color:#d4d4d4;}
.comment_block .right p {line-height:1.5; color:#000000; margin-bottom:0;}
.comment_block .owl-carousel .owl-nav.disabled {display:block !important; margin-top:30px;}
.comment_block .owl-prev {background:#90d30f url(../img/prew.svg) no-repeat center center !important; background-size:60px !important; width:80px; height:60px; display:inline-block;}
.comment_block .owl-next {background:#90d30f url(../img/next.svg) no-repeat center center !important; background-size:60px !important; width:80px; height:60px; display:inline-block;}

.all_gallery {padding:80px 0; background:#ffffff; padding:40px 30px; margin-bottom:30px;}
.all_photo .owl-prev {background:#90d30f url(../img/prew.svg) no-repeat center center !important; background-size:60px !important; width:80px; height:60px; display:inline-block;}
.all_photo .owl-next {background:#90d30f url(../img/next.svg) no-repeat center center !important; background-size:60px !important; width:80px; height:60px; display:inline-block;}


.contact_block {display:flex; Justify-content:space-between;  margin-bottom:30px;}
.contact_block .block { width:auto; position:relative; width:calc(100% - 400px); color:#fff;}
.contact_block .block:first-child {padding:30px; width:340px;} 
.contact_block .block + .block {margin-left:26px;}
.contact_block h2 {margin-bottom:10px}
.contact_block p {margin-bottom:10px;}
.block_phone {margin-top:30px;}
.contact_block .phone {background: url(../img/phone.svg) no-repeat -4px 0px; background-size:30px; text-decoration:none; color:#fff; padding-left:30px; font-size:30px; line-height:1;
display:block; margin-bottom:20px;}
.phone:hover {color:#ffe423;}

.yandex_map {min-height:400px; }

.chat {width:auto; margin-bottom:0px;}
.chat strong {display:block; }
.chat a {display:inline-block; text-decoration:none; border:0; color:#ffffff; vertical-align:top; margin-top:20px; height:40px; width:40px; position:relative; opacity:0.8; margin-right:10px;}
.chat a img {width:40px; position:absolute; left:0; top:0;}
.chat a span {display:inline-block; font-size:16px; margin-top:2px; font-size:24px;}
.chat a:hover {opacity:1;}
.chat a:last-child {opacity:1; float:right;}

.footer {background:#fff; color:#4c4c4c; padding:30px; font-size:13px;}
.footer p {margin-bottom:10px;}

/*-------  Меню гамбургер  -----------*/
#nav-toggle {position: absolute;  right: 4px;  top: 4px; z-index: 12; display: none; }
#nav-toggle { cursor: pointer; padding: 25px 41px 26px 14px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {cursor: pointer;border-radius: 1px;height: 3px;
width: 24px;background:#fff; position: absolute;display: block;content: '';}
#nav-toggle span:before {top: -10px; }
#nav-toggle span:after {bottom: -10px;}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {transition: all 200ms ease-in-out;}
#nav-toggle.active span {background-color: transparent; opacity: 1;}
#nav-toggle.active span:before, #nav-toggle.active span:after {top: 0;}
#nav-toggle.active span:before {transform: rotate(45deg);}
#nav-toggle.active span:after {transform: rotate(-45deg);}

.content {padding-top:30px;}
.content h2 {font-size:36px; margin-bottom:30px; font-weight:600; }
.all_block {display:flex;  margin-bottom:0px; flex-wrap:wrap; margin-right:-30px;}
.all_block .block {background:#fff;  position:relative; display:inline-block; margin: 0 30px 30px 0; text-decoration:none; color:#000;
max-width:calc(33% - 28px);}
.all_block .block + .block {}
.all_block .block img {width:100%;}
.all_block .block h2 {font-size:18px; font-weight:600; padding:10px 20px; margin-bottom:10px;}
.all_block .block strong {background:#90d30f url(../img/arrow.svg) no-repeat top 11px right 10px; background-size:20px; padding:10px 36px 10px 20px; display:inline-block; margin:0 20px 20px 20px; color:#fff;}
.all_block .block:hover strong {background-color:#333;}

.hleb {margin-bottom:24px;}
.hleb .home {display:inline-block; background: url(../img/home.svg) no-repeat center center; background-size:30px; width:40px; height:40px; vertical-align:top}
.hleb .back {display:inline-block; background: url(../img/back.svg) no-repeat top 12px left; background-size:20px; color:#000; font-size:30px; text-decoration:none; vertical-align:top;
padding-left:30px; margin-left:20px; font-weight:600; position:relative; top:0px;}

.article {background:#fff; padding:30px 240px 60px 90px; margin-bottom:30px;}
.article h1 {font-size:32px; margin-bottom:40px; line-height:1.2;}
.article h2 {font-size:24px; margin-bottom:20px; line-height:1.2;}
.article h3 {font-size:19px; margin-bottom:20px; line-height:1.2;}
.article_img {float:left; width:340px; margin-left:-50px; margin-right:40px; margin-bottom:20px}
.article_img img {width:100%;}
.article_txt {}
.article ul {list-style:none; padding:0px; margin-bottom:20px; display:block; overflow:hidden;}
.article ul li {background:url(../img/mark_2.svg) no-repeat 0 3px; background-size:14px; padding-left:24px; margin-bottom:8px; font-size:15px; }
.article ol {padding:0px; margin-bottom:20px; display:block; padding-left:0px; counter-reset: list 0; list-style:none; }
.article ol li {margin-bottom:14px; font-size:15px; position:relative; padding-left:0px; }
.article ol li:before {counter-increment: list; content: counter(list) ". ";  left:0px; font-weight:600; color:#009cff;}

.share {margin-top:20px;}
.share h4 {margin-bottom:10px; font-size:20px;}
.share ul li {background:none; padding:0; margin:0;}

.forma {background:#fff; padding:30px 30px; margin-bottom:30px;}
.forma table {border-spacing: 20px 20px; width:calc(100% + 40px); margin:0 -20px 0px -20px;}
.forma table td {min-width:50%; position:relative;}
.forma .box {border:1px solid #ccc; padding:20px 20px; width:calc(100% - 40px); font-size:16px;}
.forma .box_2 {border:1px solid #ccc; padding:20px 20px; width:calc(100% - 40px); font-size:16px; min-height:100px; margin-bottom:20px;}
.forma .btn {background:#90d30f; border:0; color:#fff; padding:20px 30px; text-transform:uppercase; font-size:18px; cursor:pointer; margin-bottom:8px;}

.alert-danger {color:#f00; margin-bottom:20px;}
.alert-success {background:#fff; padding:30px 30px; margin-bottom:30px;}
.alert-success h3 {font-size:32px; margin-bottom:20px;}
.help-block {color:#f00; font-size:14px; position:absolute; top:-22px;}
.about_txt table {width:100%;}
.linck_dog {background:#009cff; text-decoration:none; color:#fff; padding:20px 10px;  font-size:18px; cursor:pointer; display:inline-block; margin-bottom:8px;
max-width:280px; width:calc(100% - 20px); vertical-align:top; text-align:center;}
.linck_dog:hover {background:#333;}

.kurs_div input[type="checkbox"] {
    display:none;
}

.kurs_div {margin-bottom:10px;}
.kurs_div p {display:inline-block; margin-right:14px; margin-bottom:6px;}
.kurs_div input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-2px 8px 0 0;
    vertical-align:middle;
    background:#d5d7d7; outline:none;
    cursor:pointer; position:relative; border-radius:4px;
}
.kurs_div label {font-size:16px; position:relative;}

.kurs_div input[type="checkbox"] + label span:after {content:""; color:#fff; position:absolute; width:19px; height:19px;  top:0px; left:0;}
.kurs_div input[type="checkbox"]:checked + label span:after {content:""; color:#e24d9b; position:absolute; 
width:19px; height:19px;  top:0px; left:0; font-size:28px; font-weight:900; background: url(../img/mark_1.svg) no-repeat center center; background-size:16px;}
.kurs_div input[type="checkbox"]:checked + label span {
    background:#90d30f; border-radius:4px;}

/*-------- МОДАЛЬНОЕ ОКНО ------*/
body.hide {overflow:hidden; margin-right:21px; }
.black_bg {position:fixed; width:100%; height:100%; top:0; left:0; background:#00000096; text-align:center;
vertical-align:middle; z-index:10000; -webkit-overflow-scrolling:touch; overflow-y:scroll; display:none; }
.black_bg:after {content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.fon_modal {position:fixed; width:100%; height:100%; top:0; left:0; }

.modal {display:inline-block; max-width:660px; text-align:left !important; margin:20px 10px; background:#ffffff; padding:60px 30px; padding-bottom:80px; text-align:center;
position:relative; vertical-align: middle; overflow:hidden;   width:calc(100% - 90px); box-shadow: 0px 24px 24px rgb(0 0 0 / 26%); border-radius:6px; z-index:10;}
.modal .close {background:#b2f335 url(../img/close.svg) no-repeat center center; position:absolute; background-size:14px; width:40px; height:40px; right:10px; top:10px; cursor:pointer;
border-radius:50%; }

.modal .ok {background:#009cff; color:#fff; border-radius:4px; border:0; padding:10px 10px; text-transform:uppercase; width:80px; text-align:center; cursor:pointer;
position:absolute; right:14px; bottom:14px;}  
.modal .phone {text-decoration:none; color:#000; font-size:24px; font-weight:700; color:#000;}  
.modal h4 {font-size:20px; margin-bottom:20px;}
.modal ul {margin-left:18px; margin-bottom:20px; font-size:17px;}
.modal ul li {margin-bottom:10px;}
.modal p {margin-bottom:20px; font-size:17px;}

.open_phone {background:#90d30f url(../img/set_10.svg) no-repeat center center; position:fixed; background-size:34px; width:70px; height:70px; right:30px; bottom:34px; cursor:pointer;
border-radius:50%; }

.trener_block {display:flex; gap:0px; align-items:center; margin-bottom:40px; background:#fff;}
.trener_block:nth-child(2n+1) {background:#cae9fe;}
.trener_image img {display:block} { }
.trener_txt {padding:40px;}
.trener_txt span {display:block; margin-bottom:30px;}

.faq {margin-top:40px;}
.faq .block .tit {background:#e9e9e9; font-size:19px; padding:14px; padding-right:46px;
                 line-height:1.2; margin-bottom:20px; position:relative; cursor:pointer;}
.faq .block .tit:after {content:""; background: url(../img/arr_bot.svg)no-repeat center center; background-size:30px; 
                        display:block; width:40px; height:40px; position:absolute; right:6px; top:calc(50% - 20px); 
                 }
.faq .block .tit.open:after {transform: rotate(-180deg)}
.faq .block .ansver { height:0; overflow:hidden;}
.faq .block .ansver.open_block {height:auto;}

/*--- ПЛАТЕЖИ НОВЫЕ ---*/
.wrapper-payment {
    padding:0px;
    display:flex;
    gap:20px;
    flex-wrap:wrap;
    margin-bottom:30px;
}
.wrap-pay-block {
    background:#d6efff; padding:0px;
    display:flex; flex-direction:column;
    gap:20px;
    position:relative;
    padding-bottom:220px;
    width:calc(33.3% - 14px);
    min-width:180px;
    overflow:hidden;
    border-radius:0px;
}

.wrap-pay-block:first-child {
    padding-bottom:140px;
}
.pay-tit {
    background:#009cff;
    padding:20px;
    line-height:1.14;
    text-align:center;
}
.pay-tit h3 {
    font-size:24px;
    font-weight:400;
    color:#fff;
}
.pay-tit span {
    color:#ffffff;
    font-size:24px;
    display:block;
    margin-top:10px;
    font-weight:700;
}
.pay-first {
    display:flex;
    flex-direction:column;
    gap:3px;
    text-align:center;
}

.pay-first > span {
    font-size:40px;
    font-weight:700;
    display:block;
    position:relative;
    top:-10px;
    color:#000000;
}
.pay-first__info {
    background:#e24d9b;
    color:#fff;
    padding:10px 10px;
    text-align:center;
    font-size:14px;
    border-radius:6px;
    margin:0 20px;
}
.pay-first__info span {
    display:block; font-size:20px;
    font-weight:700;
}
			
.pay-list {
    display:flex;
    flex-direction:column; gap:0px;
    padding:0 20px;
}
.pay-list__item {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:0px;
    min-height:40px;
    gap:10px;
    font-size:14px;
}
.pay-list__item__left {
    display:flex;
    gap:0px;
    padding-left:40px;
    position:relative;
    align-items:center
}
.pay-list-icon {
    background:#009cff;
    width:24px; height:24px;
    border-radius:50%;
    display:flex; align-items:center;
    justify-content:center;
    position:absolute;
    padding:3px;
    left:0; 
}
.pay-list-icon img {width:18px; display:block;}
.pay-list-txt {line-height:1.1;}
.pay-list-time {
    font-weight:600;
    width:80px;
    white-space: nowrap;
    text-align:right;
}
.pay-present {
    background:#e24d9b;
    color:#fff;
    padding:10px 10px;
    text-align:center;
    font-size:14px;
    border-radius:6px;
    margin:0 20px;
             }
.pay-present h4 {
    font-size:22px;
    color:#ffffff;
}
.pay-price {
    text-align:center;
    position:absolute;
    bottom:100px;
    width:calc(100% - 0px);
}
.pay-price-item {
    display:flex;
    gap:0px; 
}
.pay-price-item span {
    font-size:24px;
    width:50%;
    padding:10px 10px;
    background:#009cff52;
    height: auto;
    display:flex;
    line-height:1.0;
    align-items:center;
    justify-content:center;
   text-decoration-line:line-through;
  text-decoration-style: solid;
  text-decoration-color: #000000;
  text-decoration-thickness: 1px;
}

.pay-price-item span.price-profit {
    font-size:16px;
    background:#e24d9b;
    color:#fff;
    text-decoration:none;
   
}
.pay-price__sum {
    font-size:40px;
    font-weight:700;
    margin:10px 0 -20px 0;
}
.pay-buttom {
    background:#90d30f;
    text-align:center;
    padding:20px; font-size:20px;
    text-decoration:none;
    color:#fff;
    position:absolute;
    bottom:0;
    width:calc(100% - 40px);
}
/* Блок формат занятий новый */
.format-wrapper {background:#00bfdb63; padding:50px 30px; text-align:center; display:flex; flex-direction:column; gap:30px;
                margin-bottom:30px;}
.format-wrapper h2 {margin-bottom:0; font-weight:700;
                   text-transform:uppercase;
                   color:#2b3d61;}
.format-label {display:flex; align-items:center; gap:30px; 
               justify-content:center;
              background:#ffcc0000; padding:20px;}
.format-item {display:flex; flex-direction:column; 
              justify-content:center; text-align:center;
             }
.format-item img {border-radius:50%; display:block; margin-bottom:10px; width:160px;}
.format-item span {font-size:24px; color:#007fcf;
                  font-weight:600;}
.format-plus {font-size:58px; font-weight:700;
             color:#75ab0c;}
.format-label-2 {margin-top:0px;}
.format-label-2 span {
    font-size:20px; background:#009cff; display:inline; color:#fff; 
    padding:10px 30px; border-radius:6px;
    text-transform:uppercase;
    font-weight:700; display:inline-block;
                }
.format-text {font-size:20px;}
.video-wrapper {
    margin-bottom:0px;
}
.video-wrapper a {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
}
.video-wrapper a:before {
    content:"";
    position:absolute;
    z-index:2;
    left:0; top:0; right:0; bottom:0;
   background:url(../img/play.svg) no-repeat center center; background-size:100px; 
}
.video-wrapper a:after {
    content:"";
    position:absolute;
    z-index:1;
    border-radius:50%;
    background:#fff; 
    width:50px; height:50px;
}
.video-wrapper img {
    width: 100%;    
    display: block;
    object-fit: cover;
    height: 400px;
}
.about_content {
    columns: 350px 2;
    column-gap: 30px;
    margin-bottom:30px;
}

.promo-container {
  display: flex;
  justify-content: center;
  margin: 0 auto 40px auto;
  gap: 20px;
}

.promo-block {
  border-radius: 12px;
  padding: 25px;
  width: 33.333%;
  text-align: center;
  background:#d6efff;
}


.friend-block {
  border-top: 6px solid #009cff;
  border-bottom: 6px solid #009cff;
}

.bonus-block {
  border-top: 6px solid #00bfdb;
    border-bottom: 6px solid #00bfdb;
}

.birthday-block {
  border-top: 6px solid #ffd067;
    border-bottom: 6px solid #ffd067;
}

.promo-icon {
  width: 180px;
  height: 180px;
  margin: 0 auto 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  border-radius: 50%;
}

.promo-icon img {
  width: 180px;
  height: 180px;
  border-radius:12px;
  max-width:100%;  
}


.promo-block h3 {
  color: #333;
  margin-bottom: 15px;
  font-size: 24px;
    line-height:1.2
}

.promo-block p {
  color: #666;
  margin-bottom: 20px;
  line-height: 1.5;
}

.highlight {
  color: #d32f2f;
  font-weight: bold;
}

.progress-bar {
  background: #ffd167;
  border-radius: 10px;
  height: 10px;
  margin: 20px 0;
  overflow: hidden;
}

.progress {
  background: #4caf50;
  height: 100%;
  border-radius: 10px;
  transition: width 0.5s ease;
}

.promo-btn {
  background: #ff5722;
  color: white;
  border: none;
  padding: 12px 25px;
  border-radius: 25px;
  cursor: pointer;
  font-weight: bold;
  margin-top: 10px;
  font-size: 14px;
  transition: background 0.3s;
    display:none;
}

.promo-btn:hover {
  background: #e64a19;
}

.brand {
  color: #1976d2;
  font-weight: bold;
}
.form-h3 {
    text-align:center;
    line-height:1.1; 
    margin-bottom:20px;
}
.telegram-status-class {
    text-align:center;
}
.telegram-status-class .form-success {
	color:#10b90c;
    font-size:30px;
    font-weight:700;
}
.telegram-status-class .form-error {
    margin-bottom:20px;
    font-weight:600;
    color:#ff5502;
}
.telegram-form-wrap-class {
    width:auto;
    padding:0px;
    margin-bottom:-30px;
}
.telegram-form-wrap-class form {
    display:flex;
    flex-direction:column;
    gap:10px;
}
.telegram-form-wrap-class .form-group {
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:6px;
}
.telegram-form-wrap-class .form-group input {
    width:calc(100% - 24px);
    border:2px solid #000;
    font-size:18px;
    padding:10px;
    color:#000;
}
.telegram-form-wrap-class .form-group.error input {
    border-color:#ff5502;
}
.telegram-form-wrap-class .form-group .error-text {
    color:#ff5502;
 text-align:center; line-height:1.0;
}
.telegram-form-wrap-class .form-actions button {
    border:0;
    background:#009cff;
    color:#fff;
    padding:10px 20px;
    font-size:18px;
    cursor:pointer;
    width:100%;
}

@media (max-width: 900px) {
  .promo-container {
    flex-wrap:wrap;
  }
    .promo-block {
 
  padding: 20px;
  width: 40%;
}
}

@media (max-width: 600px) {
  .promo-container {
    flex-direction:column;
  }
    .promo-block {
    width: auto;
    }
}