@font-face {
    font-family: 'Druk Medium';
    src: url('fonts/druk_medium.eot');
    src: local('fonts/druk_medium'), local('druk_medium'),
        url('fonts/druk_medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/druk_medium.woff2') format('woff2'),
        url('fonts/druk_medium.woff') format('woff'),
        url('fonts/druk_medium.otf') format('opentype'),
        url('fonts/druk_medium.ttf') format('truetype');
        font-weight: 500;
        font-style: normal;
        font-display: swap;
  }
  
body{color: #2A2635; font-size: 14px; font-family: 'Inter', Arial, Verdana, Helvetica, Sans-Serif; background-color: #F6F8FC;}
a{color: #2A2635 !important; text-decoration: none;}
.underline{text-decoration: underline;}
.underline:hover{text-decoration: none;}

.fs_12{font-size: 12px;}
.fw_600{font-weight: 600;}
h1{font-size: 18px;  text-transform: uppercase; font-family: 'Druk Medium'; margin-bottom: 20px;}
h1 span{font-size: 40px; display: inline-block;}
h2, .h2{font-family: 'Druk Medium'; font-size: 36px; margin-bottom: 40px; text-transform: uppercase;}
h3, .h3{font-size: 18px;font-family: 'Druk Medium'; margin-bottom: 12px;}
.bor_rad{border-radius: 16px;}
.bor_rad1{border-radius: 12px;}
.mb{margin-bottom: 80px;}
header{padding-top: 20px; padding-bottom: 20px;}

.white{color: #fff !important;}
.red{color: #FF5F55;}
.violet{color: #B391EB !important;}

.navbar{background-color: rgba(255, 255, 255, 0);}
.navbar-toggler:focus{box-shadow: none;}
.navbar-nav-scroll {max-height: var(--bs-scroll-height, 100vh);}
.navbar-toggler{width: 22px; height: 18px; padding: 0;}
.cmn-toggle-switch span{background: none;}
.cmn-toggle-switch span::before, .cmn-toggle-switch span::after{background: #2A2635;}

.navbar-toggler.active .navbar-toggler-icon::before, .navbar-toggler.active .navbar-toggler-icon::after{background: #fff;}

.lang .dropdown-menu{min-width: auto; border: none; padding: 0; border-radius: 0;}

.form-select:focus{box-shadow: none;}

.btn,.btn:hover, .btn:focus, .btn:active,.btn:focus-visible{height: 40px; font-size: 13px; border: none;}
.btn:focus{box-shadow: none;}
.btn.disabled {border: none;}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active, .btn:focus{border: none;}

.btn1,.btn1:hover, .btn1:focus, .btn1:active,.btn1:focus-visible{text-transform: uppercase; font-weight: 600; color: #fff !important; background: none; border-radius: 24px; border: 1px solid #fff !important; line-height: 27px;}
.btn2,.btn2:hover, .btn2:focus, .btn2:active,.btn2:focus-visible{text-transform: uppercase; font-weight: 600; color: #fff !important; background: linear-gradient(70deg, #6478E2, #B391EB); border-radius: 24px;}

.bg1{background: url(im/bg2.png) no-repeat 90% 95%/contain, url(im/bg3.png) no-repeat 50% 0; padding-top: 120px;}
/* .bg2{background: url(im/bg1.png) no-repeat 2.5rem 0; padding-top: 125px; padding-bottom: 150px;} */
.bg2{padding-bottom: 80px;}
.mb_100{margin-bottom: 100px;}

.navbar{padding: 14px 0;}
.navbar .navbar-nav{background: rgba(255, 255, 255, 0.77); border-radius: 30px; padding: 6px 30px 5px;}
.navbar .navbar-nav a{text-transform: uppercase; font-weight: 600; text-align: center;}
.phone_burger{border-radius: 30px; padding: 8px 15px;}

.navbar-brand{width: 60px; height: 67px; background: url(im/emblem.svg) no-repeat center;}
.phone{font-size: 20px;}
.dot{background: url(im/dot.svg) no-repeat 0 4px; padding-left: 24px;}

.important{background: #000; border-radius: 12px; color: #fff; padding: 2px 7px; text-transform: uppercase;}

.addresses .btn, .addresses .btn:hover,  .addresses .btn:focus,  .addresses .btn:active, .addresses .btn:focus-visible{color: rgba(42, 38, 53, 0.5); border: 2px solid #E1E5EC; border-radius: 24px; font-weight: 600; font-size: 15px;}
.addresses .btn.active, .addresses .btn:hover{color: #2A2635}

.addresses1 .btn{text-transform: uppercase; border: 2px solid #fff; border-radius: 24px; font-weight: 600; color: rgba(42, 38, 53, 0.5);}
.addresses1 .btn.active, .addresses1 .btn:hover{ background: #fff; color: #2A2635;}

.bg3{padding: 80px 0; color: #fff; background: url(im/bg1.jpg) no-repeat center 0;}
.bg3 .card{background: rgba(48, 44, 58, 0.5); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 16px; padding: 30px; color: #fff;}

.when1, .when2, .pers{ border-radius: 12px; padding: 3px 10px; display: flex; align-items: center;}
.pers{border: 1px solid rgba(255, 255, 255, 0.33); text-transform: inherit;}
.when1{background: rgba(227, 86, 77, 0.33); color: #FF5F55; font-weight: 600;}
.when2{background: #D9483C; color: #fff; font-weight: 600; }

.swiper .swiper-button-prev, .swiper-button-next{width: 48px; height: 48px; border-radius: 50%; background: rgba(241, 240, 244, 0.8);    opacity: 1; bottom: 20px; top: auto; background-repeat: no-repeat; background-position: center;}
.swiper .swiper-button-prev:after, .swiper .swiper-button-next:after{content: none;}
.swiper .swiper-button-prev{background-image: url(im/left.svg); left: 26px;}
.swiper .swiper-button-next{background-image: url(im/right.svg); right: 26px;}
.swiper1 .swiper-wrapper {padding-left: 4%;}
.swiper1 .swiper-slide img{border-radius: 16px;}

.serv{border-top: 1px solid rgba(42, 38, 53, 0.5); padding: 27px 0; font-size: 16px; line-height: 19px;}
.serv .s1,.serv .s2,.serv .s3{background-repeat: no-repeat; padding: 3px 20px 3px 40px;}
.serv .s1{background-image: url(im/s1.svg);}
.serv .s2{background-image: url(im/s2.svg);}
.serv .s3{background-image: url(im/s3.svg);}

.bg4{background: url(im/bg4.png) no-repeat 100% 50%/contain, url(im/bg1.svg) no-repeat 100% 8%; padding-top: 80px;}

.map_txt{color: #fff; text-transform: uppercase; padding: 4px 10px 3px; border-radius: 12px; font-weight: 600; background: #2A2635;}


.bg5{background: url(im/bg5.png) no-repeat 100% 50%/contain;}

.swiper2{ padding: 0 10% !important;}
.swiper2 .swiper-slide .card{border: none; border-radius: 16px; padding: 24px 30px; font-size: 16px; line-height: 18px;}
.swiper2 .swiper-button-prev {left: 40px;}
.swiper2 .swiper-button-next {right: 40px;}
.swiper2 .swiper-wrapper {align-items: stretch; }
.swiper2 .swiper-slide {height: auto; background: #fff; border-radius: 16px;}

.video .position-absolute{background: rgba(255, 255, 255, 0.33); border-radius: 12px; text-transform: uppercase; padding: 4px 10px 3px; color: #fff;}

.app_block{font-size: 12px; border-left: 1px solid #2A2635; padding: 3px 0 3px 10px; line-height: 14px;}

.date{background: #E1E5EC; border-radius: 12px; padding: 6px 80px;}
.date a{font-weight: 600; margin: 0 5px; text-align: center;}
.date .before{opacity: 0.5;}

.date_nav{position: absolute; transform: translateY(-50%) ; left: 0; top: 50%; width: 100%;}




.date_nav .btn{padding: 0 20px;}
.date_nav .disabled{opacity: 0.33;}

.date .reserv{color: #fff !important; background: linear-gradient(70deg, #6478E2, #B391EB);; padding: 3px 9px; border-radius: 12px;}
.date .current, .gradient-text, .time_current {background-image: linear-gradient(to left, #B391EB, #6478E2); background-clip: text;-webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }

.desk{margin-right: 16px; padding-top: 13px;}
.desk .desk_type{line-height: 15px; margin-bottom: 34px;}
.desk .desk_type span{font-weight: 600;}
.desk .desk_type small{color: #8D8C98; font-size: 12px;}

.schedule th{border: none; font-weight: normal;}
.schedule th, .schedule td{vertical-align: middle; text-align: center; background: none;}
.schedule tr:last-child td{border: none;}
.schedule td .btn{width: 48px; height: 48px; background: url(im/+.svg) no-repeat center;}
.schedule td .btn:hover{background: url(im/+_hov.svg) no-repeat center;}
.schedule td .btn.btn_sold, .schedule td .btn.btn_sold:hover{background: url(im/sold.svg) no-repeat center; cursor: inherit;}
.schedule td .btn.sale,.schedule td .btn.btn_price{position: relative;}
.schedule td .btn.sale:after{position: absolute; background: url(im/sale.svg) no-repeat center; top: 0; right: -5px; content: ''; width: 20px; height: 20px;}
.schedule td .btn.btn_price span{position: absolute; background: #9488E7; top: -10px; right: -30px; content: ''; height: 20px; color: #fff; border-radius: 12px; display: none; padding: 3px 7px; align-items: center; }
.schedule td .btn.btn_price:hover span{display: flex;}
.schedule td .btn.btn_cap,.schedule td .btn.btn_cap:hover{background: url(im/cup.svg) no-repeat center;}

.timing{text-transform: uppercase;font-weight: 600;}
.timing_bg {background: #E1E5EC; color: #8D8C98; padding: 12px 16px; border-radius: 24px; }


.swiper3 {padding-bottom: 20px; cursor: pointer;}
.swiper3 .swiper-pagination-bullet-active{background: #9488E7}

form.addresses .form-select{border: none; background: url(im/up_down.svg) no-repeat 0 center; padding: 3px 10px 3px 20px;}

.occup{color: #2A2635; background: #fff; border-radius: 12px; padding: 2px 10px; text-transform: uppercase;}


.trener_card .btn{visibility: hidden;}
.trener_card:hover .btn{visibility: visible}

.map_point{width: 26px; height: 26px; background: url(im/map_point.svg) no-repeat center;}

.logo_footer{width: 60px; height: 67px; background: url(im/emblem.svg) no-repeat center;}






/*ADAPTIVE*/

@media (min-width: 992px) {
.row, .container {--bs-gutter-x: 2.5rem;}
}

@media (max-width: 1400.98px) {
.navbar .navbar-nav {padding: 6px 10px 5px;}
}

@media (max-width: 1200.98px) {
.phone{font-size: 14px;}
h2{margin-bottom: 16px;}
.navbar .navbar-nav a{font-size: 12px;}
.logo_footer img{width: 48px;}
.swiper1 .swiper-wrapper {padding-left: 5%;}
}

@media (max-width: 992.98px) {
.bg1 {padding-top: 100px;}
.navbar-collapse{opacity: 0;}
.navbar-collapse.show{opacity: 1;}
.navbar{padding: 10px 0; max-height: var(--bs-scroll-height, 100vh); overflow-y: auto;}
.mb{margin-bottom: 40px;}
.bg2 {padding-bottom: 40px;}
.bg4 {padding-top: 40px;}
h1 span{font-size: 32px; line-height: 42px;}
h2, .h2{font-size: 20px;}
.navbar .navbar-nav{background: none;}
.navbar .navbar-nav .nav-link{color: #fff !important; font-size: 18px;}
.timing_bg {padding: 4px 16px; line-height: 17px;}
.bg3{padding: 35px 0;}
.trener_card .btn{visibility: visible}
.occup{border: 1px solid rgba(255, 255, 255, 0.1); background: #2A2635; color: #fff;}
}

@media (max-width: 768.98px) {
.bg1 {padding-top: 90px;}
h2 {margin-bottom: 10px;}
.date {padding: 6px 55px;}
.bg1 {background: url(im/bg2.png) no-repeat 90% 55%/100%, url(im/bg3.png) no-repeat 50% 0;}
.serv {padding: 20px 0;}
}

@media (max-width: 576.98px) {
.bg1 {padding-top: 80px;}
h1 {margin-bottom: 12px;}
.swiper1 .swiper-wrapper {padding-left: 12px;}
.date_block{padding: 0;}
.date_block .date{border-radius: 0; padding: 10px 0px;}
.date a {width: 48px; height: 48px; text-transform: uppercase; display: flex; align-items: center; line-height: 16px;}
.date .reserv{border-radius: 50%;}
.date_nav {position: relative; transform: none}
.date_nav .btn {padding: 0 12px;}
}

@media (max-width: 576.98px) {
.bg1 {background: url(im/bg2.png) no-repeat 90% 50%/140%, url(im/bg3.png) no-repeat 50% 0;}
}

@media (max-width: 425.98px) {
.timing{font-size: 12px; line-height: 16px;}
}