@font-face {
    font-family: 'PTSans';
    src: local('PTSans Bold'), 
        url('../fonts/PT_Sans-Web-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'PTSans';
    src: local('PTSans Bold Italic'), 
        url('../fonts/PT_Sans-Web-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'PTSans';
    src: local('PTSans Italic'), 
        url('../fonts/PT_Sans-Web-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'PTSans';
    src: local('PTSans Regular'), 
        url('../fonts/PT_Sans-Web-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Rubik';
    src: local('Rubik Light'), 
        url('../fonts/Rubik-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Rubik';
    src: local('Rubik Light Italic'), 
        url('../fonts/Rubik-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Rubik';
    src: local('Rubik Regular'), 
        url('../fonts/Rubik-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Rubik';
    src: local('Rubik Italic'), 
        url('../fonts/Rubik-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Rubik';
    src: local('Rubik Medium'), 
        url('../fonts/Rubik-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Rubik';
    src: local('Rubik Medium Italic'), 
        url('../fonts/Rubik-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Rubik';
    src: local('Rubik Bold'), 
        url('../fonts/Rubik-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Rubik';
    src: local('Rubik Bold Italic'), 
        url('../fonts/Rubik-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Rubik';
    src: local('Rubik Black'), 
        url('../fonts/Rubik-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Rubik';
    src: local('Rubik Black Italic'), 
        url('../fonts/Rubik-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face{
font-family: 'fontawesome';
src: 
url('../fonts/fontawesome-webfont.ttf') format('truetype');
}


html > body{
    margin: auto;
    max-width: 1920px;
    width: 100%;
    font-family: 'Rubik';
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    color: #111111;
    background-color: #000;
}
body img{
    max-width: 100%;
    display: inline;
}
body input[type="submit" i], body button{
    border: inherit;
    outline: none;
}
body input[type="button"], body input[type="submit"], body input[type="reset"], body input[type="file"]::-webkit-file-upload-button, body button {
    -webkit-box-align: center;
    text-align: center;
    color: inherit;
    border: inherit;
}
body input{
    font-weight: normal;
}
body h1, body h2, body h3, body h4 {
    margin-top: 0px;
    margin-bottom: 0px;
}
body ol, body ul {
    margin-top: 0;
    margin-bottom: 0px;
    list-style: none;
}
body a:focus, body a:hover{
    text-decoration: none;  
} 
body a:focus, body a:hover  {
    color: inherit;
}
.fa {
    color: #000;
    font-family: 'fontawesome'; 
    display: inline-block;
    text-rendering: auto;

}
/*** mobil ***/
.main-navbar .mob-menu .burger {
    display: inline-block;
    margin: 20px auto; 
    color: white;
    right: 20px;
    position: relative;
    z-index: 111;
}
.main-navbar .mob-menu .nav {
    height: auto !important;
    position: relative;
}
#navigation1{
    background-color: #171516;
    width: 100%;
    position: absolute;
    z-index: 9;
    top: 57px;
}
.mob-menu .logo.header__logo{
    float: left;
    margin-left: 20px;
}
#navigation1 ul>li {
    text-align: center;
    font-size: 16px;
    padding: 5px 0;
}
#navigation1 ul>li a, #navigation1 ul>li a:focus{
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    font-family: 'PTSans';
    transition: all 400ms ease;
    text-transform: uppercase;
    text-decoration: none;
}
#navigation1 ul>li a:hover{
    border-bottom: 4px solid #ffcc00;
    color: #fff;
}
.navbar-default.mynavbar {
    background-color: transparent;
    border: 0px;
    border-radius: 0px;
    margin: 0px;
}
.navbar-default.mynavbar .navbar-nav>li>a{
    padding: inherit;
}
.navbar-default.mynavbar .navbar-collapse{
    padding: 0px;
}

@media (min-width: 1230px){
    body .container {
        width: 1200px;
    }
}
/********************************** PAGE ONE *********************/
/*********************logo and main menu ********************/
.header{
    background: url(../img/header-fon.jpg) 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 21px 0 0;
    width: 100%;
    height: auto;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-family: 'Roboto';
}
.logo a, .logo a:hover, .logo a:focus{
    z-index: 9;
}
.tel a, .tel a:hover, .tel a:focus{
    color: #ffffff;
    font-family: 'PTSans';
    font-style: normal;
    font-size: 22px;
    font-weight: 700;
}
.tel a .fa{
    font-size: 24px;
    color: #ffffff;
    padding-right: 10px;
}
.tel p{
    font-family: 'PTSans';
    font-style: normal;
    font-size: 16px;
    font-weight: 400;
    text-align: right;
}
.tel2, .tel3{
    display: block;
    text-align: right;

}
.menuscroll.fixed .tel2, .menuscroll.fixed .tel3{
    display: none;
}
.header__tel, .header__logo, .mynavbar{
    display: inline-block;
    vertical-align: top;
}
.header__tel{
    float: right;
    padding-top: 10px;
}
.mob-menu .header__tel{
    padding-top: 4px;
    position: absolute;
    right: 91px;
}
.navbar-default.mynavbar .navbar-nav>li>a, .navbar-default.mynavbar .navbar-nav>li>a:focus{
    padding: 0px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    font-family: 'PTSans';
    text-transform: uppercase;
    text-decoration: none;
    height: 18px;
}
.navbar-default.mynavbar .navbar-nav>li>a:hover{
    border-bottom: 4px solid #ffcc00;
    color: #fff

}
.navbar-default.mynavbar .navbar-nav>li{
    padding: 10px 24px;
}
.navbar-default.mynavbar{
    width: auto;
    margin: 0% auto;
}
.menuscroll.fixed{
    background-color: #171516;
    position: fixed;
    z-index: 9;
    width: 100%;
    height: 60px;
    top: 0px;
}
.menuscroll .logo-white, .menuscroll.fixed .logo-yellow{
    display: block;
}
.menuscroll.fixed .logo-white, .menuscroll .logo-yellow {
    display: none;
}
.menuscroll.fixed .navbar-default.mynavbar{
    margin: 10px auto 0;
    min-height: 0px;
}
.menuscroll.fixed .tel a, .menuscroll.fixed .tel a:hover, .menuscroll.fixed .tel a:focus, .menuscroll.fixed .tel .fa{
    font-size: 20px;
}
.menuscroll.fixed .logo img{
    width: 51px;
    margin-top: 2px;
}
.menuscroll.fixed .header__tel{
    padding-top: 3px;
}
.header-blok, .header-form{
    margin-top: 50px;
}
.header-blok{
    font-family: 'Rubik';
    color: #ffffff;
}
.header-blok h1{
    font-weight: 900;
    font-size: 34px;
    line-height: 1.5;
    margin: 120px 0px 50px;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    width: 50%;
}
.header-blok p{
    font-size: 18px;
    font-weight: 400;
    font-style: italic;
}
.header-form, .modal-form, .bottom-form{
    background-color: #020202;
    padding: 40px 40px 35px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}
.form-title{
    padding: 0;
}
.form-title p, .modal-body .form-title p{
    color: #ffffff;
    font-family: 'Rubik';
    font-size: 18px;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    margin-top: 0px;
}
.form-body p, .modal-body p{
    font-family: 'PTSans';
    font-weight: 400;
    font-size: 14px; 
    margin: 30px auto 0;
}
.form-body p{
    color:#999999;
}
.modal-body p{
    color:#ffffff;
}
.yellow-button{
    width: 100%;
    height: 45px;
    border-radius: 4px;
    background-color: #ffcc00;
    color: #111111;
    cursor: pointer;
    transition: all 400ms ease;
    font-family: 'PTSans';
    font-weight: 700;
    font-size: 16px;
    box-shadow: 0px 5px 16px 0px rgba(172,138,1,0.51);
}
.yellow-button:hover, .trainer-slider-text:hover{
    box-shadow: 0px 5px 38px 0px rgba(172,138,1,0.6);
}
.advent{
    margin-top: 100px;
}
.advent-block{
    background-color: #ffcc00;
    padding: 55px 31px 55px 57px;
    box-shadow: inset 0px 5px 24px 0px rgba(0,1,2,0.14);
    max-width: 400px;
    margin: auto;
}
.advent-block img{
    float: left;
}
.advent-block p{
    font-family: 'PTSans';
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    padding: 28px 0px 0px 108px;
}
.advent .col-lg-4.col-md-4.col-sm-4{
    padding: 0px;
}
.advent-block-nonshadow{
    box-shadow: none;
}
/****************************/
/******** programm *********/
/***************************/
.title{
    padding: 108px 0px 0px;
}
.title h1, .title h2, .title h3, .title p, .title span{
    font-family: 'Rubik';
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
}
.title h1, .title h2, .title h3, .title p{
    margin: 0;
    font-size: 44px;
    color: #fff;
}
.title span{
    margin-top: -60px;
    display: inline-block;
    color: #121212;
    font-size: 150px;
}
.title i{
    text-transform: initial;
    font-weight: 100;
    color: #ffcc00;
    padding: 0px 20px 0px 0px;
}
.programm{
    background-color: #000;
    margin: 0px 0px -110px;
    color: #fff;
}
.programm-block{
    width: 100%;
    max-width: 370px;
    margin: -57px auto 0;
    height: 538px;
}
.programm-block h3{
    font-family: 'Rubik';
    font-weight: 700;
    font-style: italic;
    font-size: 24px;
    margin: 330px 25px 0px 55px;
    text-transform: uppercase;
    display: inline-block;
    border-bottom: 10px solid #ffcc00;
    height: 28px;
}
.programm-block p{
    font-family: 'PTSans';
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    margin: 30px 25px 0px 55px;
}
.programm-block ul{
    padding: 0px;
    margin: 0px 55px;
}
.programm-block ul li:before{
    content: '—';
    padding-right: 5px;
}
/**************************/
/********** about *********/
/**************************/
.about{
    background: url(../img/about-fon.jpg) 50% 0%;
    background-color: #111111;
    background-repeat: no-repeat;
    padding: 97px 0 80px; 
    color: #fff;
    margin-top: 90px;
}
#about{
    top: 0px;
}
.about .title h2{
    width: 66%;
    line-height: 1.8;
    font-size: 32px;
    margin-bottom: 30px;
}
.about .title h2 span{
    font-family: 'Rubik';
    font-weight: 400;
    font-style: italic;
    color: #fff;
    font-size: 32px;
    text-transform: uppercase;
    margin-top: 0px;
    
}
.about-text p, .about-list ul p{
    font-family: 'PTSans';
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    margin: 0px 0px 25px 0px; 
    line-height: 2;
    text-transform: inherit;
}
.about-list img{
    float: left;
    margin-top: 8px;
}
.about-list p{
    padding-left: 84px;
}
.about-list p{
    font-family: 'PTSans';
    font-weight: 700;
    font-style: italic;
    font-size: 18px;
    text-transform: uppercase;
    
}
/**************************/
/********** trainer *******/
/**************************/
.trainer {
    background-color: #000;
    padding: 0px 0px 60px;
}
.slick-slide{
   outline: none; 
}
.trainer-slider-block, .trainer-slider-block2, .trainer-slider-block3, .trainer-slider-block4, .trainer-slider-block5, .trainer-slider-block6, .trainer-slider-block7, .trainer-slider-block8,
.trainer-slider-block9, .trainer-slider-block10 {
    height: 433px;
    width: 100%;
    max-width: 274px;
    position: relative;
    margin: 0px auto 40px;
    
}
.trainer-slider-block{
    background: url(../img/tren1.jpg) 50% -1px no-repeat;
}
.trainer-slider-block2{
    background: url(../img/tren2.jpg) 50% -1px no-repeat;
}
.trainer-slider-block3{
    background: url(../img/tren3.jpg) 50% -1px no-repeat;
}
.trainer-slider-block4{
    background: url(../img/tren4.jpg) 50% -1px no-repeat;
}
.trainer-slider-block5{
    background: url(../img/tren5.jpg) 50% -1px no-repeat;
}
.trainer-slider-block6{
    background: url(../img/tren6.jpg) 50% -1px no-repeat;
}
.trainer-slider-block7{
    background: url(../img/tren7.jpg) 50% -1px no-repeat;
}
.trainer-slider-block8{
    background: url(../img/tren8.jpg) 50% -1px no-repeat;
}

.trainer-slider-block9{
    background: url(../img/tren9.jpg) 50% -1px no-repeat;
}
.trainer-slider-block10{
    background: url(../img/tren10.jpg) 50% -1px no-repeat;
}


.trainer-slider-text{
    position: absolute;
    width: 100%;
    height: 77px;
    display: table;
    text-align: center;
    background-color: #ffcc00;
    transition: all 400ms ease;
    cursor: pointer;
    bottom: 0;
    box-shadow: 0px 5px 16px 0px rgba(172,138,1,0.51);
}
.trainer-slider-text p{
    color: #000000;
    text-transform: uppercase;
    font-family: 'Rubik';
    font-weight: 700;
    font-style: italic;
    font-size: 18px;
    display: table-cell;
    vertical-align: middle;
    
}
.trainer-slider-text p:nth-last-child(2), .trainer-slider-text:hover p:nth-last-child(3){
    display: none;
}
.trainer-slider-text:hover p:nth-last-child(2){
    display: table-cell;
    text-transform: inherit;
    font-family: 'PTSans';
    font-style: normal;
    font-size: 16px;
}
/**** slider ****/
.slick-slider .slick-prev, .slick-slider .slick-next{
    height: 108px;
    width: 138px;
    z-index: 2;
}
.slick-slider .slick-prev{
    left: -60px;
}
.slick-slider .slick-next{
    right: -60px;
}
.slick-slider .slick-prev {
    background: url(../img/left.png) no-repeat 0px -8px !important;
}
.slick-slider .slick-prev:hover{
    background: url(../img/left.png) no-repeat 0px -140px !important;
}
.slick-slider .slick-next {
    background: url(../img/right.png) no-repeat 0px -8px !important;
}
.slick-slider .slick-next:hover{
    background: url(../img/right.png) no-repeat 0px -140px !important;
}
.slick-slider .slick-prev:before, .slick-slider .slick-next:before{
    content: '';
}
/**************************/
/*********** spec *********/
/**************************/
.spec{
    background: url(../img/spec.jpg) 50% 0%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    color: #000;
    overflow: hidden;
}
.spec-pic{
    position: relative;
    top: 0px;
    left: -59%;
    height: 601px;
    min-width: 1066px;
    z-index: 2;
}
.spec-text .title {
    padding: 75px 0px 65px;
}
.spec-text .title h2{
    color: #000;
    text-shadow: 3px 3px 0px #fff;
}
.spec-text p{
    font-family: 'Rubik';
    font-weight: 700;
    font-style: italic;
    font-size: 23px;
}
.spec-text span{
    font-family: 'Rubik';
    font-weight: 700;
    font-style: italic;
    font-size: 12px;
    background-color: #000;
    color: #fff;
    display: block;
    margin: 30px 0px 65px -33%;
    text-transform: uppercase;
    background: url(../img/black-line2.png) 0% 0%;
    background-repeat: no-repeat;
    padding: 13px 0px 13px 94px;
    width: 615px;
    text-align: center;
}
.spec-text{
    margin-left: -25px;
}
.black-button{
    background-color: transparent;
    color: #000000;
    border-radius: 2px;
    border: 2px solid #000000;
    font-family: 'PTSans';
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    padding: 9px 103px 10px;
    cursor: pointer;
    margin: 0px 0px 0px 35px;
    transition: all 400ms ease;
}
.black-button:hover{
    background-color: #000000;
    color: #ffffff;
    border-radius: 2px;
    border: 2px solid #000000;
}
/**************************/
/********** price *********/
/**************************/
.price{
    background-color: #000;
    padding: 0px 0px 80px;
    margin-top: -1px;
    position: relative;
}
.price  .nav-tabs>li.active>a, .price  .nav-tabs>li.active>a:focus, .price  .nav-tabs>li.active>a:hover, .price  .nav-tabs>li>a:focus, .price  .nav-tabs>li>a:hover, .schedule .schedule-tabs>li.active>a, .schedule .schedule-tabs>li.active>a:focus, .schedule  .schedule-tabs>li.active>a:hover, .schedule .schedule-tabs>li>a:focus, .schedule  .schedule-tabs>li>a:hover{
    color: #ffcc00;
    cursor: pointer;
    background-color: transparent;
    border: 3px solid #ffffff;
}
.price .nav-tabs>li, .schedule .schedule-tabs>li {
    float: none;
    display: inline-block;
}
.price .nav-tabs, .schedule .schedule-tabs{
    border: 0px;
}
.schedule .schedule-tabs{
    padding: 0px;
}
.price .nav-tabs>li>a, .schedule .schedule-tabs>li>a{
    color: #ffffff;
    border: 3px solid transparent;
    border-radius: 42px;
    font-family: 'Rubik';
    font-weight: 700;
    font-style: italic;
    font-size: 24px;
    text-transform: uppercase;
    padding: 2px 28px;
}
.price .nav>li>a:hover, .schedule .nav>li>a:hover{
    background-color: transparent;
}
.price .nav-tabs>li, .schedule .schedule-tabs>li{
    margin-bottom: 50px;
}
.price-block {
    position: relative;
    z-index: 0;
    width: 100%;
    max-width: 270px;
    height: 531px;
    padding: 270px 10px 10px;
    font-family: 'Rubik';
    font-weight: 700;
    font-style: italic;
    text-align: center;
    margin: 0px auto 44px;
    
}
.price-block:hover:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(255, 204, 0, 0.7);
    top: 0;
    left: 0;
}
.price-block p, .price-block span, .price-block .black-button{
    position: relative;
    z-index: 2;
    transition: all 400ms ease;
}
.price-block p{
    color: #ffcc00;
    font-size: 14px;
    text-transform: uppercase;
    height: 60px;
    line-height: 40px;
}
.price-block span {
    color: #ffffff;
    font-size: 60px;
}
.price-block span i {
    font-size: 24px;
}
.price-block .black-button{
    color: #fff;
    border: 2px solid #fff;
    margin: 30px 0 0;
    padding: 9px 59px 10px;
}
.price-block .black-button:hover, .price-block:hover .black-button{
    background-color: transparent;
    color: #000000;
    border: 2px solid #000000;
}
.price-block:hover p, .price-block:hover span, .price-block:hover span.big {
    color: #000000;
}
.price-block span.big{
    color: #ffcc00;
    font-size: 26px;
}
/** до этого момента адаптив готов! **/

/**************************/
/********** schedule ******/
/**************************/
.schedule{
    background-color: #111111;
    padding: 0 0 120px;
}
.schedule .title span{
    color: #1c1c1c;
}
.schedule table{
    width: 100%;
    font-family: 'PTSans';
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
}
.title-table th{
    color: #999999;
}
.schedule table tr th:nth-last-child(8), .schedule table tr td:nth-last-child(8){
    width: 10%;
}
.schedule table tr td span{
    max-width: 103px;
    display: block;
    
}
.schedule table tr th, .schedule table tr td {
    width: 9.7%;
    height: 61px;
    vertical-align: middle;
}
.schedule table tr td, .schedule table tr th {
    border-bottom: 1px solid #222222;
}
.schedule-time table tr td, .schedule-time table tr th{
    border-bottom: 1px solid transparent;
}
.schedule-time{
    float: left;
}
.schedule .slick-slider .slick-prev {
    left: 35px;
}
.schedule .slick-slider .slick-next {
    right: -76px;
}
.schedule-time table{
    max-width: 110px; 
}
.schedule table tr td:nth-last-child(8), .schedule table tr th:nth-last-child(8){
    border-bottom: 1px solid transparent;
}
.schedule table .time{
    padding: 3px 5px;
    width: 68px;
    text-align: center;
    background-color: #ffcc00;
    color: #000000;
    border-radius: 25px;
    display: inline-block;
    font-weight: 700;
}
.schedule table tr td{
    color: #fff;
    font-weight: 400;
}
.panel4{
    display: block;
}
.panel5, .panel6, .panel7, .panel8{
    display: none;
}
/**************************/
/********** review ********/
/**************************/
.review{
    background-color: #000000;
}
.slider-review-pic{
    width: 467px;
    height: 294px;
    overflow: hidden;
    float: left;
    margin: 0 125px 100px 100px;
    box-shadow: 0px 38px 163px 0px rgba(172,138,1,0.3);
}
.slider-review-text span{
    font-family: 'Rubik';
    font-weight: 700;
    font-style: italic;
    font-size: 18px;
    color: #ffcc00;
    display: inline-block;
    margin: 43px 0px 20px;
}
.slider-review-text p{
    font-family: 'PTSans';
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #ffffff;
}
.slider-review-text{
    background: url(../img/review-fon.png) 50% 0% no-repeat;
    margin: 0px 80px 0px 59%;
}
.readmore, .readmore:hover, .readmore:focus, .count-slider span{
    font-family: 'PTSans';
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    color: #ffcc00;
    display: inline-block;
}
.readmore, .readmore:hover, .readmore:focus{
    border-bottom: 1px dotted #ffcc00;
}
.slider-review{
    margin: -57px 0 0 0;
}
.slider-review.slick-slider .slick-prev, .slider-review.slick-slider .slick-next{
    top: 33%;
}
.count-slider{
    margin: -120px 0 120px 60%;
    position: relative;
    z-index: 1;
}
/**************************/
/************ hall ********/
/**************************/
.slider-hall-block{
    height: 380px;
    width: 100%;
    position: relative;
    transition: all 400ms ease;
}
.slider-hall-block:hover:before {
    width: 26px;
    height: 26px;
    content: '';
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../img/zoom.png) no-repeat;
}
.slider-hall-block:hover:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(255, 204, 0, 0.78);
    cursor: pointer;
}
.slider-hall.slick-slider .slick-prev, .slider-hall.slick-slider .slick-next, .left-m, .right-m {
    height: 54px;
    width: 54px;
    z-index: 2;
}

.slider-hall.slick-slider .slick-prev {
    left: 19%;
}
.slider-hall.slick-slider .slick-next {
    right: 19%;
}
.slider-hall.slick-slider .slick-prev, .left-m {
    background: url(../img/left2.png) no-repeat 0px 0px !important;
}
.slider-hall.slick-slider .slick-prev:hover, .left-m:hover {
    background: url(../img/left2.png) no-repeat 0px -54px !important;
}
.slider-hall.slick-slider .slick-next, .right-m {
    background: url(../img/right2.png) no-repeat 0px 0px !important;
}
.slider-hall.slick-slider .slick-next:hover, .right-m:hover {
    background: url(../img/right2.png) no-repeat 0px -54px !important;
}
.slider-hall .slick-slide .slider-hall-block{
    max-width: 381px;
    margin: auto;
}
.slider-hall .slick-slide{
    background-color: #111111;
}
/**************************/
/******* footer-form ******/
/**************************/
.footer-form{
    background: url(../img/form-fon.jpg) no-repeat 50% 50%;
    background-size: cover;
    padding: 150px 0 140px;
}
.bottom-form{
    border: 2px solid #ffcc00;
}
/**************************/
/******* contacts ******/
/**************************/
#map {
    width: 100%;
    height: 640px;
}
.contacts .col-sm-6{
    padding: 0px;
}
.contacts-block{
    background: url(../img/contacts-block.jpg) no-repeat 50% 50%;
    background-size: cover;
    width: 100%;
    height: 640px;
    padding-left: 100px;
    display: table;
}
.contacts-block-tel a, .contacts-block-tel a:hover, .contacts-block-tel a:focus {
    font-family: 'PTSans';
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    color: #111111;
}
.contacts-block p, .contacts-block-insta span{
    font-family: 'PTSans';
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    padding: 65px 0;
}
.contacts-block p span{
    font-size: 16px;
    display: block;
}
.contacts-inner{
    display: table-cell;
    vertical-align: middle;
}
.contacts-block-insta a, .contacts-block-insta a:hover, .contacts-block-insta a:focus{
    font-family: 'PTSans';
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    color: #111111;
}

/** modal **/
.modal{
    position: relative;
    z-index: 400;
}
.modal .modal-header{
    padding: 0px 0px 0px;
    border: 0px;
}
.modal .modal-body{
    padding: 0px 0px 87px;
    color: #fff;
}
.modal .modal-header .close{
    position: relative;
    z-index: 400;
    opacity: 1;
    transition: all 400ms ease;
    background-color: #111111;
    padding: 27px;
    margin-top: 1px;
}
.modal .modal-content{
    border: 0px;
    background-color: #030303;
    box-shadow: none;
    border-radius: 0;
}
.modal-backdrop.fade.in, .sweet-overlay{
    background-color: #ffcc00;
    opacity: 0.9 !important;
}
.modal-open .menuscroll.fixed, body.stop-scrolling .menuscroll.fixed{
    right: 8px;
}
body.stop-scrolling{
    padding-right: 17px !important;
}
.modal-body h2{
    font-family: 'Rubik';
    font-weight: 700;
    font-style: italic;
    font-size: 44px;
    text-transform: uppercase;
}
.modal-body h2 span{
    font-weight: 400;
    line-height: 2;
    display: block;
}
#modal-pic{
    float: left;
    margin: 0px 50px;
    height: 357px;
}
.modal-text{
    padding: 0px 160px 0px 0px;
    line-height: 2;
    display: table-cell;
    vertical-align: middle;
    height: 357px;
}
#modaltrainer .modal-text {
    width: 83%;
}
.modal .modal-dialog{
    width: inherit;
    max-width: 1170px;
}

/** #modalforcall **/
#modalforcall .modal-dialog {
    height: 579px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    display: inline-block;
    z-index: 400;
}
#modalforcall .modal-content{
    background: url(../img/modal-fon.jpg) 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
/** #modalreview **/
#modalreview .modal-text{
    padding: 20px 20px 0px 20px;
    height: auto;
}
/** modallightbox **/
.left-m, .right-m{
    position: absolute;
    top: 40%;
}
.left-m{
    left: 0px;
}
.right-m{
    right: 0px;
}
.wrap-mod .modal-body{
    text-align: center;
} 

.mod-overflow{
    z-index: 9;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #ffcc00;
    opacity: 0.9 !important;
    display: none;
}
.modal{
    text-align: center;
    white-space: nowrap;
}
.modal::after {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
    content: '';
}
.modal-dialog{
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    
}

#mod .modal-body {
    padding: 0;
}
#mod .modal-dialog  {
    width: 100%;
    margin: 0;
}
#mod .modal-body img {
    max-height: 768px;
}
#modaltrainer .modal-body, #modalreview .modal-body{
    text-align: left;
}
* {
    box-sizing: border-box;
}
/** form **/
/** all form **/
form{
    text-align: center;
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
}
form label{
    position: relative;
    margin: 25px 0px 0px;
    padding: 0px;
    width: 100%;
}
form label > input, form label > button{
    width: 100%;
    height: 45px;
    border: 0px;
    border-radius: 0px;
    outline: none;
    position: relative;
    padding: 12px 0px;
    display: block;
    font-family: 'PTSans';
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    background-color: transparent;
}
form label > input{
    border-bottom: 1px solid #999999;
}
form label input::-webkit-input-placeholder {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #999999;
    font-family: 'PTSans';
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
}
form label input::-moz-placeholder {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #999999;
    font-family: 'PTSans';
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
}
form label input:-ms-input-placeholder {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #999999;
    font-family: 'PTSans';
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
}
form label input:-ms-input-placeholder {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #999999;
    font-family: 'PTSans';
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
}
form label input::placeholder {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #999999;
    font-family: 'PTSans';
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
}
form label input::placeholder{
    color: #999999;
}
form label input:focus::-webkit-input-placeholder, form label input.populated::-webkit-input-placeholder {
  color: transparent;
}
form label input:focus::-moz-placeholder, form label input.populated::-moz-placeholder {
  color: transparent;
}
form label input:focus:-ms-input-placeholder, form label input.populated:-ms-input-placeholder {
  color: transparent;
}
form label input:focus::placeholder, form label input.populated::placeholder {
  color: transparent;
}
/*************************/
/********** media ********/
/*************************/

/***** first screen ******/

@media screen and (max-width: 1600px) and (max-height: 900px){
    .header-blok h1{
        margin: 40px 0px 50px;
    }
    .header-blok, .header-form{
        margin-top: 0px;
    }
    .advent {
        margin-top: 5px;
    }
}
@media screen and (max-width: 1366px) and (max-height: 768px){
    .header-blok, .header-form {
        margin-top: 0px;
    }
    .advent {
        margin-top: 0px;
    }
    .advent-block{
        padding: 21px 31px 21px 57px;
    }
    .header-form, .modal-form, .bottom-form{
        padding: 20px 30px 25px;
    }
    form label{
        margin: 12px 0px 0px;
    }
    
    

}
@media screen and (max-width: 1199px) and (max-height: 900px){
    .header-blok h1{
        margin: 120px 0px 50px;
    }
    .header-blok, .header-form{
        margin-top: 50px;
    }
    .advent {
        margin-top: 55px;
    }
    .advent-block{
        padding: 55px 31px 55px 57px;
    }
    .header-form, .modal-form, .bottom-form{
        padding: 30px 30px 35px;
    }
     form label{
        margin: 20px 0px 0px;
    }
}

@media screen and (max-width: 1520px){
    .slider-hall.slick-slider .slick-next {
        right: 22%;
    }
    .slider-hall.slick-slider .slick-prev {
        left: 22%;
    }
}

@media screen and (max-width: 1140px){
    .slider-hall.slick-slider .slick-next {
        right: 30%;
    }
    .slider-hall.slick-slider .slick-prev {
        left: 30%;
    }
}

/******* all screen ******/
@media screen and (max-width: 1310px){
    .trainer-slider, .slider-review{
        width: 90%;
        margin: auto;
    }
    .slider-review-pic {
        width: 300px;
        margin: 0 50px 50px 70px;
        box-shadow: 0px 14px 63px 0px rgba(172,138,1,0.3);
    }
    .slider-review-text{
        margin: 0px 80px 0px 40%;
    }
    .count-slider {
        margin: -70px 0 70px 60%;
    }
    .contacts-block{
        padding-left: 80px;
    }
}
@media screen and (max-width: 1199px){
    .navbar-default.mynavbar .navbar-nav>li {
        padding: 10px;
    }
    .header-blok h1{
        width: 100%;
    }
    .header-blok, .header-form, .form-body p, .modal-body p, .advent {
        margin-top: 20px;
    }
    .header-blok h1{
        margin: 80px 0px 50px;
    }
    .advent-block{
        padding: 30px;
        height: 214px;
    }
    .title {
        padding: 68px 0px 0px;
    }
    .programm-block h3{
        margin: 300px 25px 0px 25px;
        height: 25px;
    }
    .programm-block p{
        margin: 30px 25px 0px 25px;
        
    }
    .programm-block h3, .price-block span i, .price .nav-tabs>li>a, .schedule .schedule-tabs>li>a{
        font-size: 21px;
    }
    .programm-block ul{
        margin: 0px 25px;
    }
    .title span{
        font-size: 100px;
        margin-top: -42px;
    }
    .programm-block, .slider-review{
        margin: -30px auto 0;
    }
    .about{
        padding-top: 142px;
        margin-top: 0px;
    }
    .about .title h2{
        width: 75%;
    }
    .about-list ul{
        padding: 0px;
    }
    .about-list ul li{
        padding: 10px 0px;
    }
    .about, .modal .modal-body, .trainer, .price {
        padding-bottom: 20px;
    }
     .schedule {
        padding-bottom: 60px;
    }
    .spec-pic{
        left: -95%;
    }
    #modalforcall .modal-dialog {
        height: 458px;
    }

    .price .nav-tabs>li, .schedule .schedule-tabs>li{
        margin: 0px auto 20px;
    }
    .price-block .black-button{
        padding: 9px 0px 10px;
        width: 100%;
    }
    .price-block{
        margin: 10px auto;
        height: 465px;
        padding: 230px 5px 10px;
    }
    .price-block span {
        font-size: 44px;
    }
    #modalreview .modal-body {
        padding-bottom: 87px;
    }
    #modalreview .modal-body h2{
        font-size: 30px;
    }
    .footer-form{
        padding: 40px 0;
    }
    .contacts-block{
        padding-left: 50px;
    }
    .contacts-block, #map{
        height: 500px;
    }
    .contacts-block p, .contacts-block-insta span{
        font-size: 16px;
    }
    .schedule table tr td span{
        max-width: inherit;
    }
        
}
@media screen and (max-width: 991px){
    .price-block{
        margin: 10px auto;
        height: 465px;
        padding: 230px 10px 10px;
    }
    .navbar-default.mynavbar .navbar-nav>li {
        padding: 10px 5px;
    }
    .tel p, .tel a, .tel a:hover, .tel a:focus, .tel a .fa, .menuscroll.fixed .tel a, .menuscroll.fixed .tel a:hover, .menuscroll.fixed .tel a:focus, .menuscroll.fixed .tel .fa{
        font-size: 14px;
    }
    .header__tel{
        padding-top: 10px;
        margin-left: -21px;
        text-align: right;
    }
    .mob-menu .logo img{
        width: 51px;
    }
    .header-blok h1{
        font-size: 24px;
    }
    form label, .price .nav-tabs>li, .schedule .schedule-tabs>li{
        margin: 10px 0px 0px;
    }
    .advent-block img, #modal-pic{
        float: none;
    }
    .advent-block{
        height: 246px;
    }
    .advent-block p{
        padding: 10px;
    }
    .programm-block h3{
        margin: 270px 25px 0px 25px;
    }
    .menuscroll.fixed .header__tel {
        padding-top: 9px;
    }
    .about .title h2, .about .title h2 span{
        font-size: 24px;
    }
    .about-list > p{
        padding: 20px 0px 0px 0px;
    }
    .about-list ul p, .programm, #modal-pic, .black-button{
        margin: 0px;
    }
    .about {
        padding-top: 0px;
        margin-top: 0px;
    }
    .about {
        background: url(../img/about-fon.jpg) 50% -83%;
        background-repeat: no-repeat;
        background-color: #111111;
    }
    .modal-text {
        padding: 20px;
        height: auto;
    }
    .modal-text, .about .title h2, .about-text p, .about-list ul p{
        line-height: 1.5;
    }
    #modaltrainer .modal-body, .advent-block, .spec-text, .spec-text .title, #modalreview .modal-body{
        text-align: center;
        text-align: -webkit-center;
    }
    .slick-slider .slick-prev{
        left: -22px;
    }
    .slick-slider .slick-next{
        right: -22px;
    }
    .trainer-slider-block, .trainer-slider-block2, .trainer-slider-block3, .trainer-slider-block4, .trainer-slider-block5, .trainer-slider-block6, .trainer-slider-block7, .trainer-slider-block8, .trainer-slider-block9, .trainer-slider-block10{
        margin: 0px auto;
    }
    .spec-pic, .slider-review-pic, .count-slider{
        display: none;
    }
    .spec {
        background: #ffcc00;
    }
    .spec-text span{
        margin: 20px auto;
        padding: 13px;
        width: auto;
        background: #000000;
    }
    .spec-text, .slider-review-text span{
        margin: 0px 0px 20px 0px;
    }
    .spec-text .title{
        padding: 30px 0px 10px;
    }
    .price .nav-tabs>li>a, .schedule .schedule-tabs>li>a{
        padding: 2px 17px;
    }
    .slider-review-text {
        margin: 0px 16%;
        background: transparent;
    }
    .slider-review.slick-slider .slick-prev, .slider-review.slick-slider .slick-next {
        top: 50%;
    }
    .schedule {
        padding-bottom: 40px;
    }
    .contacts-block-tel a, .contacts-block-tel a:hover, .contacts-block-tel a:focus{
        font-size: 20px;
    }
    .contacts-block p, .contacts-block-insta span{
        padding: 25px 0;
    }
    .slider-schedule{
        margin-right: 80px;
    }
    #mod .modal-body img {
        max-height: 568px;
    }
}
@media screen and  (max-width: 767px){
    .modal-open, body.stop-scrolling{
        padding-right: 0px !important; 
    }
    .modal-open .menuscroll.fixed, body.stop-scrolling .menuscroll.fixed{
        right: 0px !important;
    }
    .menuscroll{
        height: 62px;
    }
   .mynavbar .navbar-nav{
        margin: 10px auto;
    }
    .container .logo, .container  .tel, #modal-pic{
        display: none;
    }
    .header-blok, .form-title, .title, .price .nav-tabs, .schedule .schedule-tabs {
        text-align: center;
    }
    .form-title p, .header-blok p{
        font-size: 16px;
    }
    .advent-block{
        padding: 20px;
        height: auto;
    }
    .title span {
        font-size: 62px;
        margin-top: -26px;
    }
    .programm-block h3{
        margin: 330px 25px 0px 25px;
    }
    .programm-block, .slider-review {
        margin: 0px auto 20px;
    }
    .about{
        background: #111111;
    }
    .about .title h2{
        width: 100%;
    }
    .modal .modal-body {
        padding-bottom: 0px;
    }
    .price .nav-tabs, .schedule .schedule-tabs {
        border: 0px;
        width: 100%;
        margin: auto;
    }
    .price .nav-tabs{
        max-width: 260px;
    }
    .schedule .schedule-tabs {
        max-width: 200px;
    }
    .schedule {
        padding-bottom: 30px;
        overflow: hidden;
    }
    .schedule table .time {
        padding: 0px 3px;
        width: 54px;
    }
    .slider-hall.slick-slider .slick-next {
        right: 0%;
    }
    .slider-hall.slick-slider .slick-prev {
        left: 0%;
    }
    .footer-form, #modalforcall .modal-content{
        background: #000000;
    }
    .contacts-block{
        height: auto;
        padding: 25px 0;
        text-align: center;
    }
    .contacts-block p, .contacts-block-insta span {
        padding: 10px 0;
    }
    .tel p, .tel a, .tel a:hover, .tel a:focus, .tel a .fa, .menuscroll.fixed .tel a, .menuscroll.fixed .tel a:hover, .menuscroll.fixed .tel a:focus, .menuscroll.fixed .tel .fa{
        font-size: 17px;
    }
    .tel2, .tel3{
        display: inline-block;
        text-align: right;
        margin: 0px 0px 0px 20px;
    }
    .mob-menu .header__tel{
        margin-left: 70px;
    }
    .header-blok h1 {
        margin: 40px auto 5px;
    }
    .slider-schedule{
        margin-right: 40px;
    }
    .schedule-time table {
        max-width: 70px;
    }
    .schedule .slick-slider .slick-prev {
        left: -5px;
    }
    #mod .modal-body img {
        max-height: 480px;
    }
    .schedule table tr th, .schedule table tr td {
        width: 7.7%;
    }
    
}
@media (max-width: 480px){
     .header-blok h1 {
        font-size: 20px;
        margin: 50px auto 5px;
    }
    .header-form{
        padding: 30px 40px 35px;
    }
    .header-blok, .header-form, .form-body p, .modal-body p {
        margin-top: 10px;
    }
    .form-title p, .header-blok p{
        margin: 0;
    }
    .title h1, .title h2, .title h3, .title p{
        font-size: 35px;
    }
    .modal-body h2 {
        font-size: 30px;
    }
    .title span {
        font-size: 40px;
        margin-top: -14px;
    }
    .modal{
        text-align: center;
        text-align: -webkit-center;
    }
    .modal .modal-dialog {
        width: 300px;
        padding: 0px;
    }
    #modalforcall .modal-dialog {
        height: 439px;
    }
    .modal-form, .bottom-form {
        padding: 20px;
    }
    #modalforcall .modal-content {
        background: #020202;
    }
    .trainer, .review{
        overflow: hidden;
    }
    .slick-slider .slick-next {
        right: -62px;
    }
    .slick-slider .slick-prev {
        left: -62px;
    }
    .slider-review-text span{
        font-size: 17px;
    }
    .footer-form {
        padding: 30px 0;
    }
   
}
@media (max-width: 320px){
    form label > input, form label > button{
        height: 39px;
    }
    #mod .modal-body img {
        max-height: 390px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
    .spec-text span{
        margin: 30px 0px 35px -40%;
    }
    .spec-text {
        margin-left: 0px;
    }
    .price-block p{
        font-size: 12px;
    }
    .spec-text .title{
        padding: 45px 0px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px){
    .programm-block h3{
        font-size: 16px;
        margin: 270px 15px 0px 25px;
        height: 20px;
    }
    .price-block p{
        font-size: 12px;
    }

}