@charset "UTF-8";
@font-face {
    font-family: LabGrotesque-Light;
    src: url(../fonts/LabGrotesque-Light.woff);
    font-weight: bold;
}
@font-face {
    font-family: LabGrotesque-Black;
    src: url(../fonts/LabGrotesque-Black.woff);
    font-weight: bold;
}
::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px #00f; */
    border-radius: 2px;
    background: #eee;
}

::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #c8c8c8;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9); */
}


/*Основные стили*/

html {
    height: 100%;
    font-size: 100%;
    /*min-height:100%;*/
    overflow-x: hidden;
}
/*html{ height:100%; min-height:100%; } body{ min-height:100%; } */
body {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font: 18px/1.2 "LabGrotesque-Light", sans-serif;
    width: 100%;
    /*height: 100%;*/
    background: #fff;
    /*min-height:100%;*/
    color: #4a4a4a;
    overflow-x: hidden;
}

h1,
h2{
    font-family: LabGrotesque-Black;
    font-size: 40px;
}
h2{
    color: #cb2933;
}

h3{
    font-family: LabGrotesque-Black;
    font-size: 30px;
}

a{
    cursor: pointer;
}

a,
a:hover,
a:focus,
a:active,
a:visited {
    color: #cb2933;
    text-decoration: none;
}

p{
    text-transform: lowercase;
}

.docs p {
    text-transform: none;
}

strong{
    font-family: LabGrotesque-Black;
}

ul {
    padding: 0;
    list-style-type: none;
    display: inline-block;
    line-height: 26px;
}

ul li{
    margin: 0 0 15px;
}

input:focus,
a:focus {
    outline: 0;
}

.client_phone {
    top: 1px;
    padding-left: 1px;
    /* width: 200px !important; */
}

input[type=text],
input[type=tel],
input[type=phone],
input[type=email],
input[type=number],
input[type=date],
input[type=action] {
    display: block;
    /* width: 360px;     */
    height: 50px;
    border: 1px solid #ccd7e6;
    margin: 10px 0;
    color: #4a4a4a;
    box-sizing: border-box;
    padding: 15px;
    font-size: 14px;
}

input[type=phonecode_search] {
    font-size: 14px; padding: 2px; border: 0; outline: none;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: rgba(0, 0, 255, .33);
}
::-moz-placeholder { /* Firefox 19+ */
    color: rgba(0, 0, 255, .33);
}
:-ms-input-placeholder { /* IE 10+ */
    color: rgba(0, 0, 255, .33);
}
:-moz-placeholder { /* Firefox 18- */
    color: rgba(0, 0, 255, .33);
}

input[type=submit] {
    display: inline;
    border: 0;
    width: 189px;
    height: 48px;
    margin: 30px 16px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 30px;
}

.underlined,
.underlined:hover,
.underlined:focus{
    text-decoration: underline;
    outline: 0;
    text-transform: none;
}

.emphasized{
    height: 100px;
    width: 204px;
    background: linear-gradient(to bottom, transparent 44px, #48ffb2 44px, #48ffb2 56px, transparent 56px);
    font-size: 90px;
    line-height: 100px;
    text-align: center;
    font-family: LabGrotesque-Black;
    margin: 40px auto 0;
}

.emphasized-2{
    width: 322px;
}

.discount{
    position: relative;
    display: inline-block;
    text-align: inherit;
    font-family: LabGrotesque-Black;
    margin: 0 0 10px;
}

.line-through{
    width: calc(100% + 6px);
    position: absolute;
    height: 4px;
    background: #FF3028;
    top: calc(50% - 2px);
    left: -3px;
}

.no-text-transform{
    text-transform: none;
}

.text-blue{
    color: #00f;
}

.text-grey{
    color: #b3b5b7;
}

.text-red{
   color: #FF3028;
}

.text-pink{
    color: #FF2966;
}

@media(min-width: 1192px){
    h1,
    h2 {
        font-size: 56px;
    }
}
/*menu*/
.navbar-default {
    background-color: rgb(42, 42, 42);
    color: #fff;
}
.item-menu {
    margin: 10px 0;
    padding: 0 0;
    font-family: LabGrotesque-Black;
    text-transform: lowercase;
    font-size: 38px;
    cursor: pointer;
    display: block;
}
.item-menu a{
    color: #fff;
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > li > a:visited,
.navbar-default .navbar-nav > li > a:hover {
    color: #fff;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 0;
}
.menu-cabinet {
    border-top: 1px solid #fff;
    padding-top: 25px;
}
.hamburger-cross {
    display: inline-block;
    position: relative;
    padding: 0;
    cursor: pointer;
}
.navicon::before, .navicon::after {
    display: block;
    width: 23px;
    border-radius: 0;
    position: absolute;
    background: #fff;
    height: 3px;
    content: "";
    -webkit-transition: 0s;
}
.navicon:before {
    top: -9px;
}
.navicon:after {
    top: 9px;
}
.navicon {
    display: block;
    width: 23px;
    border-radius: 0;
    position: relative;
    background: #fff;
    height: 3px;
    -webkit-transition: 0s;
    top: -3px;
}
.navbar-toggle {
    border-color: transparent;
    border-radius: 50%;
    position: fixed;
    right: 15px;
    top: 8px;
    background-color: rgb(42, 42, 42);
    margin: 0;
    width: 47px;
    height: 47px;
    padding: 0;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: rgb(42, 42, 42);
}
.navbar-toggle.collapsed{
    box-shadow: 0 0 5px -1px #888;
}
.open{
    box-shadow: none;
}
.open .navicon:before {
    -webkit-transform: rotate(45deg);
    top: 0;
    left: -2px;
    width: 28px;
}
.open .navicon:after {
    -webkit-transform: rotate(-45deg);
    top: 0;
    left: -2px;
    width: 28px;
}
.menu-cabinet-logged #lk-user-name {
    color: #fff;
    font-size: 18px;
    vertical-align: middle;
    /* position: absolute; */
    max-width: calc(100vw - 159px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
}
.lk-logout {
    position: relative;
    text-transform: lowercase;
}
/*.item-menu a {
    display: inline-block;
}*/
.lk-avatar-logged {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    margin: -7px 10px -5px 0;
    background: transparent;
    overflow: hidden;
}
.navbar-collapse {
    z-index: 9999;
    background: rgb(42, 42, 42);
    transition: 0s;
    padding: 30px 15px 0px;
    /* padding: 71px 15px 30px; */
}
.lk-logout {
    margin: 0;
    padding: 0;
    display: inline-block;
    text-decoration: underline;
    right: 0;
    color: #fff;
    font-size: 18px;
    margin-top: 2px;
    position: absolute;
}

#lk-logout {
    /* display: inline-block; */
    /* width: 57px; */
    /* line-height: 1.3; */
    /* vertical-align: middle; */
}

.lk-not-payed{
    margin-top: 15px;
}
/* поля для достаточно высоких экранов */
@media(min-height: 520px) and (orientation: portrait){
    .navbar-collapse.collapse {
        padding: 30px 15px 30px;
    }
}
@media(min-height: 560px){
    .navbar-collapse.collapse {
    }
}
@media (max-width: 991px){
    .nav > li > a {
        padding: 10px 0;
    }
}
@media(min-width: 992px) and (max-width: 1199px){
    #menu-main-menu .item-menu a,
    .lk-logout, #lk-user-name{
        font-size: 15px;
    }
    #lk-logout {
        /* display: block; */
        position: relative;
        margin-left: 9px;
    }
    #lk-user-name{
        margin-top: 4px;
    }
    .menu-cabinet-logged #lk-user-name {
        font-size: 15px;
        max-width: 120px;
        text-overflow: ellipsis;
        margin-top: 0;
    }
    .menu-cabinet {
        border-top: none;
        padding-top: 0;
        margin-top: -7px;
    }
    .nav > li > a {
        padding: 0;
    }
    .nav > li > a:hover {
        color: #fff;
    }
    .navbar-collapse.collapse {
        padding: 16px 15px 0px;
    }
    .menu-cabinet {
        border-top: medium none;
        padding-top: 0;
        /* border-top: 1px solid #fff; */
        /* padding-top: 25px; */
    }

    .menu-cabinet {
        border-top: none;
        padding-top: 0;
        margin-top: -7px;
    }
    .nav > li > a {
        padding: 0;
    }
    .nav > li > a:hover {
        color: #fff;
    }
    .navbar-collapse.collapse {
        padding: 16px 15px 0px;
    }
    .menu-cabinet {
        border-top: medium none;
        padding-top: 0;
        /* border-top: 1px solid #fff; */
        /* padding-top: 25px; */
    }
}
@media(min-width: 1200px){
    .navbar-collapse {
        padding: 0 15px 0;
    }
    .item-menu {
        padding: 13px 10px 0;
    }
    .navbar-nav {
        margin-top: 0;
    }
    #lk-logout {
        display: inline-block;
        position: relative;
        margin-left: 9px;
    }
    .menu-cabinet-logged #lk-user-name {
        max-width: 150px;
        text-overflow: ellipsis;
    }
    .menu-cabinet {
        border-top: medium none;
        padding-top: 0;
        /* border-top: 1px solid #fff; */
        /* padding-top: 25px; */
    }
    #menu-cabinet,
    #lk-user-name{
        margin-top: -3px;
    }
}
/*end menu*/

/*logo*/
@media (max-width: 991px){
    .navbar-brand img {
        margin: 12px 0 10px 17px;
        width: auto;
        height: 40px;
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .navbar-brand img {
        width: auto;
        height: 40px;
        margin: 15px 0;
    }
    .item-menu {
        margin: 7px 0 10px;
    }
    .navbar-default {
        height: 75px;
        border-radius: 0;
    }
    .wrapper {
        margin-top: 74px;
    }
}
/*end logo*/

/*block-announce*/
.block-announce{
    background: #00f;
}
.block-1 {
    font-size: 90px;
    font-family: LabGrotesque-Black;
    line-height: 90px;
    position: relative;
    margin: 0;
    color: #fff;
    background: linear-gradient(to bottom, #00f 85%, #fff 85%);
    font-size: 38px;
    line-height: 1.06;
}
/*
.block-1 {
     font-size: 10.5vw;
     height: calc(100vh - 225px);
    display: table;
     width: 100%;
     position: relative;
     margin-top: -10px;
 }

.block-1 {
    font-size: 10.5vw;
    height: calc(100vh - 225px);
    display: table;
    width: 100%;
    position: relative;
}*/
.header-text {
    width: 100%;
    top: 0;
    text-align: left;
    /*height: 120px;*/
    line-height: 1.2;
    margin-bottom: 10px;
}
#carousel-top-xs {
    margin: 0 -15px 0;
}
#carousel-top-xs .carousel-inner {
}
.block-1 .carousel-inner > .item >.carousel-top-img{
    margin: 0 0 0 8%;
    width: calc(100% - 23px);
    height: 61vw;
    display: inline-block;
    object-fit: cover;
    object-position: center;
}
.block-1 .carousel-inner > .item >.carousel-top-img-online{
    margin-left: -30px;
    width: calc(100% + 60px);
    max-width: calc(100% + 60px);
    height: calc(61vw + 30px);
    object-position: left top;
}
.header-image {
    position: absolute;
    right: 33px;
    bottom: 39px;
    width: 78px;
}
.block-1 .button {
    position: absolute;
    bottom: 52px;
    /*top: 251px;*/
    padding: 11px 21px;
    font-size: 15px;
    line-height: 1.2;
}
.block-1 .carousel-control.left{
    height: calc(100% - 84px);
}
.bg-pink-text{
    background: #FF2966;
    line-height: 1;
    margin: 0;
    padding: 0 13px 0.2em 2px;
    text-align: left;
    width: min-content;
}
@media(min-width: 767px) and (max-width: 991px){
    #carousel-top-xs .item {
        padding: 0 30px 30px;
    }
}
@media(min-width: 992px) and (max-width: 1199px){
    .block-1{
        background: linear-gradient(to bottom, #00f 349px, #fff 349px);
    }
    .block-1 .carousel-inner > .item >.carousel-top-img{
        margin: 0;
        width: 545px;
        height: 383px;
        display: inline-block;
    }
    .block-1 .button {
        bottom: 14px;
    }
    .header-text {
        width: 400px;
        top: 0;
        display: inline-block;
    }
    .header-image {
        width: 149px;
    }

    .block-facts,
    .block-carousel,
    .block-contacts,
    .block-discount,
    .block-price,
    .block-schedule,
    .block-review{
        padding: 70px 0 0;
        margin: -30px 0 0;
    }
    .block-about{
        padding: 110px 0 0;
        margin: -30px 0 0;
    }
    #training,
    .block-discount,
    .block-price{
        padding: 80px 0 0;
        margin: -30px 0 0;
    }
}
@media(min-width: 1200px){
    .block-1 {
        font-size: 90px;
        line-height: 90px;
        background: linear-gradient(to bottom, #00f 548px, #fff 548px);
    }
    .block-1 .item{
    }
    .header-text {
        width: 39%;
        top: 0;
        text-align: left;
        height: 100%;
        display: inline-block;
        line-height: 1.2;
        font-size: 54px;
        margin-top: 119px; /*если менять размер шрифта, то нужно добавить поля, чтобы кнопка находилась посередине границы цвета*/
    }
    .block-1 .button {
        position: absolute;
        bottom: 22px;
        top: auto;
        padding: 28px 60px;
        font-size: 18px;
        line-height: 1.2;
    }
    .block-1 .carousel-inner > .item >.carousel-top-img{
        margin: 0;
        /*height: 51%;*/
        display: inline-block;
        object-fit: cover;
        width: 60%;
        height: 533px;
    }
    .header-image {
        position: absolute;
        right: 50px;
        bottom: 30px;
        width: 125px;
    }
    .block-1 .carousel-control.left{
        height: calc(100% - 101px);
    }


    .block-facts,
    .block-carousel,
    .block-contacts,
    .block-discount,
    .block-price,
    .block-schedule{
        padding: 0;
        margin: 0;
    }
    .block-review{
        padding: 100px 0 0;
        margin: -40px 0 80px;
    }
    .block-about{
        padding: 110px 0 0;
        margin: -30px 0 0;
    }
    #training,
    .block-discount,
    .block-price{
        padding: 120px 0 0;
        /*margin: -50px 0 0;*/
        margin: -50px 0 0;
    }
}
@media(min-width: 1280px){
    .header-text {
        /*font-size: 81px;*/
        font-size: 57px;
        height: 384px;
        line-height: 1.2;
        margin-top: 103px; /*если менять размер шрифта, то нужно добавить поля, чтобы кнопка находилась посередине границы цвета*/
    }
}
/*end block-announce*/

/**/
.block-schedule{
    color: #4a4a4a;
}

#schedule .finished.button{
    height: 100%;
    border: 2px solid #cb2933;
    background: #fff;
    font-family: LabGrotesque-Light;
    line-height: 1.2;
    font-size: 16px;
}

#schedule .finished.button:hover{
    color: red;
}

#schedule .finished_text{
    font-size: 10px;
    padding: 0;
    margin: 0 0 5px;
}

.block-facts{
    color: #00f;
}

.card-carousel .my-card {
    display: inline-block;
    height: calc(76vw + 170px);
    position: relative;
    z-index: 1;
    cursor: pointer;
    pointer-events: none;
    transition: 1s;
    overflow: hidden;
    box-shadow: 0 0 5px -3px #000;
    flex-shrink: 0;
}

@media(min-width: 900px){
    .about-img{
        max-width: 900px;
        margin: 0 auto;
    }
}
@media(min-width: 1200px){

}

/*тренировки карусель*/
.swiper-slide{
    transition-delay: 5s;
    box-shadow: 0 0 4px -1px #ccc;
    width: 90vw !important;
    height: 125vw !important;
    margin: 5px !important;
}
.swiper-slide ul{
    overflow-y: auto;
}


.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}

#carousel-trr .carousel-inner > .item,
#carousel-trr .carousel-inner > .item.prev,
#carousel-trr .carousel-inner > .item.active,
#carousel-trr .carousel-inner > .item.next{
    transform: none;
    transition: none;
}

.block-tr{
    position: relative;
}

.block-tr h3{
    position: absolute;
    right: 20px;
    top: 25px;
}

.block-tr img{
    vertical-align: top;
    width: 100%;
}

.block-tr{
    padding: 0;
}

.block-tr img {
    /*height: 330px;
    width: 80%;*/
}

/*карусель с отзывами*/
.card-carousel {
    display: flex;
    align-items: center;
    justify-content: center;
    /*position: relative;*/
    margin: 0;
    overflow: hidden;
}

.card-carousel .my-card {
    display: inline-block;
    /*float:left;
    width: 100%;*/

    height: calc(76vw + 170px);
    position: relative;
    z-index: 1;
    /*-webkit-transform: scale(0.6) translateY(-2rem);
    transform: scale(0.6) translateY(-2rem);*/
    opacity: 0;
    cursor: pointer;
    pointer-events: none;
    transition: 1s;
    /*transition: 0.4s;*/
    width: 0;
    overflow: hidden;
    /*width: 85vw;*/
    /*display:none;*/
}

.card-carousel .my-card.active {
    z-index: 3;
    /* -webkit-transform: scale(1) translateY(0) translateX(0);
     transform: scale(1) translateY(0) translateX(0);*/
    opacity: 1;
    pointer-events: auto;
    /*transition: 0.4s;*/
    /*flex: 3;*/
    /*width: 65vw;*/
    width: 300px;
    display: inline-block;
}

.card-carousel .my-card.prev, .card-carousel .my-card.next {
    z-index: 2;
    /*-webkit-transform: scale(0.8) translateY(-1rem) translateX(0);
    transform: scale(0.8) translateY(-1rem) translateX(0);
    opacity: 0.6;*/
    pointer-events: auto;
    /*transition: 1s;*/
    /*transition: 0.4s;*/
    /*flex: 2;*/
    /*width: 35vw;
    width: 85vw;*/
    display: inline-block;
}
.card-carousel .my-card.prev2{
    z-index: 2;
    opacity: 0;
    /*width: 85vw;
    left: -85vw;*/
    margin-left:-100%;
}
.card-carousel .my-card.next2{
    z-index: 2;
    opacity: 0;
    /*width: 85vw;
    right: -85vw;*/
    margin-right:-100%;
}
.insta-image{
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 80vw;
    margin-bottom: 1rem;
}
.modal .insta-image{
    max-height: 420px;
}

.card-carousel .my-card.active .insta-image{

    pointer-events: auto;
}

.insta-name{
    display: block;
    white-space: nowrap;
    font-family: LabGrotesque-Black;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 1rem;
    margin-right: 1rem;
}

.insta-text{
    text-transform: none;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 26vw;
    position: relative;
    margin-left: 1rem;
    margin-right: 1rem;
    overflow-y: hidden;
}
/*
.insta-text:after{
    content: '';
    -webkit-box-shadow: inset 0 -27px 25px -6px rgba(255,255,255,1);
    -moz-box-shadow: inset 0 -27px 25px -6px rgba(255,255,255,1);
    box-shadow: inset 0 -27px 25px -6px rgba(255,255,255,1);
    width: 100%;
    height: 27px;
    position: absolute;
    bottom: 0;
    left: 0;
}
*/
.card-carousel .my-card.active.modal {
    width: calc(100vw - 30px);
    max-width: 450px;
    height: calc(100% - 30px); /* Рaзмеры дoлжны быть фиксирoвaны */
    border-radius: 5px;
    background: #fff;
    position: fixed; /* чтoбы oкнo былo в видимoй зoне в любoм месте */
    top: 0;
    z-index: 999995; /* oкнo дoлжнo быть нaибoлее бoльшем слoе */
    padding: 20px;
    margin: 15px auto;
    overflow-y: scroll;
    /*transition: 0.7s;*/
}

.modal_close_box{
    height: 1px;
    position: absolute;
    /*top: 96%;*/
    bottom: 40px;
    right: 5px;
    width: 25px;
}

.modal_close {
    width: 30px;
    height: 30px;
    font-size: 30px;
    opacity: 0.8;
    position: fixed;
    /* top: 5px; */
    /* right: -5px; */
    cursor: pointer;
    display: none;
    z-index: 555;
}
.modal_close:hover{
    opacity: 1;
}
.modal .modal_close{
    display: block;
}

.modal .insta-text{
    height: auto;
}

.modal .insta-text:after{
    display: none;
}
.instagram-media{
    margin:auto;
    width: 100%;
    max-width: none;
}


.carousel-cards .item{
    margin-top: 15px;
    margin-right: 15px;
    box-shadow: 0 0 3px 0 #ccc;
    width: 75vw;
    height: 120vw;
    background: #fff;
}

.carousel-cards .item.active{
    margin: 15px;
}
#mobile-carousel-reviews {
  overflow-x: hidden;
}
#carousel-trr{
  overflow-x: hidden;
    width: 100%;
   /* height: 126vw; */
}
#carousel-trr .item.active + .item{
    display: inline-block;
    transition: 500ms ease-in-out left;
    transition: none;
    top: calc(-120vw - 30px);
    left: 88vw;
}
.item.next{
    display: inline-block;
}
.carousel-inner > .item.next.left{
    top: 0 !important;
    left: 0 !important;
}

.carousel-inner > .item.prev.right{
    top: 0 !important;
    right: 0 !important;
}
#carousel-trr .carousel-inner > .item.prev.right + .item{
    display: inline-block;
    transition: 500ms ease-in-out right;
    top: calc(-120vw - 30px);
    right: 88vw;
    z-index: -1;
}

#carousel-trr .carousel-inner > .item.next.left + .item{
    display: inline-block;
    transition: 500ms ease-in-out left;
    top: calc(-120vw - 30px);
    left: 88vw;
    z-index: -1;
}
.tr-name{
    position: absolute;
    left: 15px;
    top: 15px;
    font-size: 26px;
    color: #fff;
    line-height: 1.2;
}

.card-personal .tr-name {
    top: 125px;
}

.tr-slogan{
    font-size: 1em;
    font-family: LabGrotesque-Black;
    margin: 0 0 15px ;
    line-height: 1.2;
}

.tr-descr{
    overflow-y: auto;
    padding: 15px;
    /*height: 60vw;*/
    line-height: 26px;
}

.tr-descr:after{
    /*content: '';*/
    -webkit-box-shadow: inset 0 -34px 6px -11px rgba(255,255,255,1);
    -moz-box-shadow: inset 0 -34px 6px -11px rgba(255,255,255,1);
    box-shadow: inset 0 -34px 6px -11px rgba(255,255,255,1);
    width: 100%;
    height: 27px;
    /*position: absolute;
    bottom: 15px;
    left: 0;*/

    content: 'далее';
    text-decoration: underline;
    text-align: right;
    color: #00f;
    /* background: linear-gradient(to right, transparent 0%, #fff 20%, #fff 80%);
    background: #fff;*/
    right: 0;
    /* width: 81px;
    width: 54px; */
    left: auto;
    position: absolute;
    overflow-y: hidden;
    bottom: 0;
    padding-right: 15px;
}

.tr-descr ul li {
    margin: 0 0 10px 19px;
    list-style: disc;
}

.tr-img,
.tr-image_wrapper,
.tr-image_wrapper:after{
    height: 55vw;
    position: relative;
}

.tr-img{
    object-fit: cover;
    width: 100%;
    display: block;
}

.tr-image_wrapper:after{
    width: 100%;
    background: rgba(0,0,0,0.2);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
}

.cherta_ind {
    display: inline-block;
    max-width: 750px;
    width: 100%;
    height: 2px;
    background-color: #2b2a29;
    border-top: none;
    margin: auto;
    margin-bottom: 10px;
}

.btn {
    padding: 0 10px;
}

.table_scroll tr td {
    border: 1px solid white;
    padding: 10px;
    background-color: #ececec;
}

@media (min-width: 768px) {
    #tab_n, .tab_n {
        height: 100%;
        min-height: 30px;
        font-size: 17px;
        line-height: normal;
        color: #2b2a29;
        text-align: center;
        background: #ececec;
        margin: 3px 0;
        padding: 3px 0 0 0;
    }

    .name_price {
        color: #2b2a29;
        text-align: center;
        font-size: 36px;
        font-weight: bold;
        line-height: normal;
    }

    .btn-secondary {
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        background: #a9343a;
        margin: 3px 5px;
        text-transform: inherit !important;
    }
}

/* Dropdown Button */
.dropbtn {
    background-color: rgb(236, 54, 66);
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color:#ff5050;}

.track_container {
    padding: 10px
}

.tranfer_results {
    margin: 5px 0 0 10px;
}

.outer {
    position: relative;
    display: flex;
    justify-content: center;
}

.table_scroll {
    background: gray;
}

.tab_number {
    width: 10px;
    font-weight: bold;
}

.table_scroll tr th {
    border: 1px solid white;
}

#tab_b, .tab_b {
    height: 100%;
    min-height: 60px;
    font-size: 16px;
    line-height: normal;
    color: #2b2a29;
    font-weight: bold;
    text-align: center;
    background: #ececec;
    margin: 3px 0;
}

.tab-content {
    padding: 5px 0px;
    margin: 0px;
}

.redpoint {
    background: #FFa0a0;
    border: 1px solid transparent;
    border-radius: 4px;
    color: black;
}

.onsite {
    background: lightgreen;
    border: 1px solid transparent;
    border-radius: 4px;
    color: black;
}

.row.buttons {
    display: flex;
    justify-content: center;
}

.tab-block-b {
    height: 100%;
    min-height: 60px;
    font-size: 12px;
    line-height: normal;
    color: #2b2a29;
    text-align: center;
    margin: 0 35px;
}

.tab-title {
    padding: 20px 0px;
    font-weight: bold;
    font-size: 1em;
    margin: 0px;
}

@media(max-width: 991px){
    .insta-descr{
        height: 32vw;
        overflow: hidden;
        position: relative;
    }
    .insta-descr:after{
        content: 'далее';
        text-decoration: underline;
        text-align: right;
        color: #00f;
        /*background: linear-gradient(to right, transparent 0%, #fff 20%, #fff 80%);*/
        background: #fff;
        right: 10px;
        /*width: 81px;*/
        width: 54px;
        left: auto;
        position: absolute;
        overflow-y: hidden;
        bottom: 0;
    }
    .insta-text:after{
        -webkit-box-shadow: inset 0px -31px 28px 1px #FFFFFF;
        -moz-box-shadow: inset 0px -31px 28px 1px #FFFFFF;
        box-shadow: inset 0px -31px 28px 1px #FFFFFF;
    }
    #review-modal .insta-descr{
        overflow: auto;
    }
    #review-modal{
        height: auto;
    }
    #review-modal .card{
        margin: 30px 15px;
        height: auto;
        width: calc(100% - 30px);
    }
    #review-modal .card .insta-descr{
        height: auto;
    }
    /*#carousel-trr .tr-descr ul:after {
        content: '';
        -webkit-box-shadow: inset 0px -31px 28px 1px #FFFFFF;
        -moz-box-shadow: inset 0px -31px 28px 1px #FFFFFF;
        box-shadow: inset 0px -31px 28px 1px #FFFFFF;
        width: 100%;
        height: 27px;
        position: absolute;
        bottom: 0;
        left: 0;
    }*/
    #carousel-trr .tr-descr{
        overflow: hidden;
    }
    /*  #carousel-trr .tr-descr:after{
        content: 'далее';
        text-decoration: underline;
         text-align: right;
           color: #00f;
           background: linear-gradient(to right, transparent 0%, #fff 20%, #fff 80%);
        background: #fff;
        right: 15px;
        width: 54px;
        left: auto;
        position: absolute;
        overflow-y: hidden;
        bottom:5px;
    }*/
    .card-personal .tr-name {
        top: calc(55vw - 100px);
    }
}
#review-modal,
#tr-modal{
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 99999;
}

#review-modal .card,
#tr-modal .card{
    width: 95%;
    max-width: 550px;
    margin: 25px auto;
    background: #fff;
    position: relative;
    height:auto;
    overflow-y: auto;
    max-height: calc(100% - 30px);
    overflow-x: hidden;
}
#review-modal .modal_close_box,
#tr-modal .modal_close_box{
    width: 44px;
    height: 44px;
    position: fixed;
    margin-top: -10px;
    color: #fff;
    display: block;
}
#tr-modal .modal_close_box {
    margin-top: 35px;
}

#tr-modal .tr-descr:after{
    display: none;
}

#review-modal .insta-image {
    height: 500px;
}

#review-modal .insta-text {
    height: auto;
}

#review-modal .insta-text:after,
#review-modal .insta-descr:after {
    display: none;
}

#review-modal .modal_close_box{
    bottom: auto;
}
#review-modal .modal_close {
    display: block;
    position: fixed;
    top: 0;
}
#tr-modal .tr-descr {
    height: auto;
}

@media (max-width: 991px){
    #review-modal .insta-image {
        height: 85vw;
    }
    .container > .navbar-collapse {
        margin-right: -16px;
        margin-left: -16px;
    }
}
@media(min-width: 992px){
    #review-modal .modal_close,
    #tr-modal .modal_close {
        display: block;
        position: absolute;
        top: 0;
    }
    .carousel-cards{
    }
    .carousel-cards .item {
        /* margin-top: 15px;
        box-shadow: 0 0 3px 0 #ccc;
        width: 550px;
        height: 800px;*/
        width: 100%;
        box-shadow: none;
        height:445px;
    }
    .insta-image {
        height: 550px;
    }
    .insta-text{
        height: 194px;
    }
    /*#tr-modal .card {
         top: 97px;
        width: 970px;
        max-width: none;
        margin:0;
        height: calc(100vh - 127px);
        left: calc(50% - 485px);
    }*/
    #tr-modal .tr-image_wrapper,
    #tr-modal .tr-image_wrapper:after,
    #tr-modal .tr-img{
        /*height: 476px;*/
        height: 434px;
    }
    #tr-modal .tr-descr:after {
        display: none;
    }
    .tr-img,
    .tr-image_wrapper,
    .tr-image_wrapper:after{
        height: 226px;
    }
    .tr-descr {
        /*height: 200px;*/
    }
    .item-menu {
        font-size: 21px;
        padding: 3px 10px 0;
    }
    #tr-modal .modal_close_box {
        margin-top: 2px;
    }
}
@media(min-width: 1200px){
    .content_price {
        left: 0;
        width: 100%;
        padding: 45px 0 0 0;
        text-align: center;
    }

    .block-reviews{
        width: 1280px;
        margin: 0 auto 80px;
    }
    .carousel-cards .carousel-control{
        width: 15px;
        top: 45%;
    }
    #carousel-tr .carousel-control {
        top: 100px;
        margin: 0;
        height: 20px;
    }
    .carousel-cards .carousel-control.right {
        right: -5px;
    }
    .carousel-cards .carousel-control.left {
        left: -5px;
    }
    .scroll-block .card, .carousel-inner .card {
        min-width: calc(25% - 30px);
        width: calc(25% - 30px);
        margin: 5px 15px;
        box-shadow: 0 0 3px 0 #ccc;
        height: 445px;
        background: #fff;
        position: relative;
        display: inline-block;
        overflow: hidden;
    }
    .carousel-cards .item .card:first-child{
        margin-left: 0;
    }
    .insta-image {
        height: 300px;
    }
    .insta-text {
        height: 89px;
        overflow-y: hidden;
    }
    .insta-text:after{
        content: 'далее';
        text-decoration: underline;
        text-align: right;
        color: #00f;
        background: linear-gradient(to right, transparent 0%, #fff 20%, #fff 80%);
        right: 0;
        width: 81px;
        left: auto;
    }
}
.about-p{
    line-height: 1.4;
    margin: 10px 0 15px;
    font-size: 18px;
}
.about-h{
    margin-bottom: 20px;
    margin-top: 0;
}
.about-img{
    margin-top: 35px;
}

.scroll-block{
    display: flex;
    min-width: 100%;
    min-height: 200px;
    overflow-x: auto;
    margin: 30px 0;
}
.scroll-block::-webkit-scrollbar {
    display: none;
}
.scroll-block .card{
    min-width: 85vw;
    margin: 5px 15px;
    box-shadow: 0 0 3px 0 #ccc;
    width: 75vw;
    height: 120vw;
    background: #fff;
    position: relative;
    overflow: hidden;
}
@media(min-width: 992px) and (max-width: 1199px){
    .scroll-block .card{
        width: calc(25% - 30px);
        display: inline-block;
        margin: 5px 15px;
        box-shadow: 0 0 3px 0 #ccc;
        background: #fff;
        position: relative;
        min-width: 300px;
        height: 500px;
    }
    .insta-image {
        height: 243px;
    }
}

/**/
.gyms-list.line-list .form-card{
    width: auto;
    position: relative;
    /*max-width: 215px;*/
    margin: 0 auto;
}

.block-discount{
    padding: 0 15px;
}

#discount-msg,
#test-week{
    margin: 0 -15px;
}

@media(min-width: 992px){
    .block-discount{
        width: 970px;
        margin: 0 auto;
    }
    #discount-msg,
    #test-week{
        margin: 0;
    }
}

@media (min-width: 1200px){
    .block-discount{
        width: 1170px;
    }
}

@media (min-width: 1280px){
    .about-text{
        display: inline-block;
        width: 60%;
        padding: 0 128px 0 0;
        vertical-align: top;
    }
    .about-img{
        width: 40%;
        margin: 0;
        display: inline-block;
        vertical-align: top;
        padding-top: 66px;
    }
    .about-h{
        font-size: 47px;
        margin-top: 0;
    }
    .about-p{
        font-size: 18px;
    }
    .block-discount{
        width: 1280px;
        margin: 0 auto 60px;
    }

}
/*studio*/
.show-more{
    cursor: pointer;
}
.show-more .fa{
    font-size: .5em;
    line-height: 20px;
    /* margin: 0 0 10px 0; */
    vertical-align: middle;
}
@media (max-width: 730px){
    #studio .carousel-studio {
        height: calc(68vw - 30px);
    }
}
@media (min-width: 992px){
    #studio-modal {
        max-width: 750px;
    }
    .studio-modal-half{
        width: 49%;
        display: inline-block;
        vertical-align: top;
    }
    #carousel-studio-modal {
        margin: 0 10px 10px;
        width: calc(100% - 20px);
    }
    .gym-block .gym-block-ul{
        margin-top: 0;
    }
    .gym-text{
        padding-top: 0;
    }
}
@media(min-width: 1200px){
    .studio-name-1 {
        font-size: 27px;
    }
    #studio .price-text{
        margin: 1px 0 10px;
    }
}
.contacts-phone{
    color: #000;
}
.carousel-indicators {
    bottom: -9px;
}
.carousel-indicators li {
    border-color: #fff;
    background: #fff;
}
.carousel-indicators .active {
    border-color: #48ffb2;
    background: #48ffb2;
}
#gym-about-block .modal_close {
    /* top: -28px; */
    top: 0;
    right: 13px;
    width: 44px;
    height: 44px;
    position: absolute;
    color: black;
}

#gym-about-block>.fancybox-button.fancybox-close-small{
    /* display: none; */
}

.footer-phone{
    font-size: 20px;
}

@media (min-width: 1200px) {
    #custom-inner{
        width: 457px;
    }
    .schedule-filters-wrapper{
       width: 467px;
        margin-left: -5px;
    }
    .table_posit {
        margin: 0;
        float: right;
    }
    .write_n {
        padding: 10px 0 10px 60px;
    }
    .write_n_b {
        padding: 10px;
    }
    .fc-calendar-container {
        height: 470px;
    }
    .block-discount .price-text {
        margin: 10px 0 0;
        line-height: 1.2;
    }
    .price-table {
        margin: 0;
        width: 100%;
    }
    #price #price-table {
        margin-top: 0;
    }
    .footer-phone{
        font-size: 27px;
    }
}
@media (min-width: 1280px) {
    #custom-inner{
        width: 500px;
    }
    .schedule-filters-wrapper{
        width: 510px;
    }
}

#map2 .ymaps-2-1-74-map{
    width: 300px !important;
    max-width: calc(100vw - 50px);
    height: 450px !important;
    max-height: calc(100vh - 147px);
}

.waitlist-rules{
    text-align: left;
    /*list-style-image: url("/img/point.png");*/
    list-style-type: circle;
    margin: 0;
}

@media(max-width: 991px){
    .docs h2{
        font-size: 1.3em;
        margin: 20px 0 10px;
    }
}

body {
  top: 0 !important;
}
.skiptranslate {
  display: none;
  height: 0;
}
.language__img {
  cursor: pointer;
}