body{
    padding: 0px !important;
    font-family: sans-serif;
    /* min-height: 100%;*/
    /*background-color: #333233;    */
    padding-right:0px !important;
    margin-right:0px !important;
    overflow-x:hidden;  
    overflow-y:  no-display; 
    visibility:   hidden ;    
    /*    font-size: 1.26em;*/
}

/*body::-webkit-scrollbar {
    width: 0.9em;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 2px solid slategrey;
}*/


.modal-open, .modal-open .navbar-fixed-top  {
    margin-right: 0 !important;
}
.modal-title{
    font-weight: 500 !important;
    font-size: 1.25em;
}

.fp-enabled .modal{
    position:fixed !important;
}

.navbar-brand {
    position: relative;
    width: 95px;
    height: auto;    
    padding: 0px;
    margin: 5px 2px 2px 2px;    
} 

span.navbar-brand a{
    color:     #e17009; 
}

.promo-header-image{     
    background: white;
    margin-top: 52px;
}
#promo-carousel{
    margin-top: 5px;
    position: relative;
    background: transparent !important;
}
.promo-carousel-mobile{
    font-size: 0.7em;
}
button[disabled]{
    cursor: pointer !important;
}



.promo-body-mobile{   
    min-height: 80vh !important;      
}

.promo-background{
    /*  background: url("../img/promo-background-camping.jpg");
        background: url("../img/promo-background-football.jpg") ; 
        background: url("../img/promo-background-ballcamp.jpg") ; до 14 марта
    */
    background: url("../img/promo-background8.jpg") ; 
    background-attachment: fixed;
    background-size: cover;
    /*min-height: 100vh; 21.10.24 убрал карусель */
    background-color:rgba(51,51,51,0.9);    
}


.promo-goto-training{
    margin-top: 8%;
    padding-top: 0px;    
    margin-bottom: 8%;
}

.promo-goto-training-first{    
    font-weight: 800;
    font-size: 1.4em;           
    color:     #E3E3E3 ;    
}

#promo-icon-2{
    transform: scale(1.2);
}

.promo-items{
    margin: 0px;
    font-weight: bolder !important;
    font-size: 1.7em !important;
}

.promo-text{
    text-align: center;    
    font-size: 2em;
    font-weight: 500; 
    color:    #FBFBFB ;     
    margin-bottom:4%;   
    clear:  both;      
}

.promo-goto-training-next{    
}

.promo-text-red{
    color:#F58311; 
    font-weight: 550;
}



.promo-leaders-wrapper{
    text-align: center;
    margin-top: 15px;

}
.promo-leaders-wrapper div:nth-child(1){    
    padding-bottom: 5px;
}

.promo-leader{   
    display: inline-block;  
    width: 164px; 
    margin-left: 20px;
    margin-right: 20px;    

}
.promo-leader p:nth-child(3){    
    margin-top: -15px;
    transform: scale(0.8);
}

.promo-leader img{   
    width: 128px;
    height: 128px; 

}

.promo-leader p{
    font-size: 1.24em;    
    white-space:  nowrap;
}



#promo-register-link{   
    color:  #FFCC33;
    font-size: 1.9em;
    border: 1px solid  #FFCC33;
    border-radius: 10px;
    padding: 6px;
}

.leaders-slider {
}

.leaders-slider  .slick-arrow {         
    color:       #080808  ;
    font-size: 2em;
    position: absolute;
    top:20px;
    z-index: 15;     
}

.leaders-slider  .slick-arrow:hover{
    color:white;
}

.leaders-slider-left {
    left:2%;    
}
.leaders-slider-right {
    right:2%;
}


#promo-register-link:hover{    
    border: 2px solid  #FFCC33;
}

.fullscreen{
    height: 100%; 
}

.title-text{
    color:white;    
}

.icon-big{
    font-size: 3em;
}


.do-register{
    margin-top: 60px; 
    vertical-align:  central;
}

.do-register table{
    margin:0 auto; 
    width: fit-content;    
}

.do-register table td{
    width: 30%;    
}

.users-sum{
    font-size: 2em;   
    font-weight: 600;
}

.nav>li{
    font-size: 1.2em;
}

.header-contact-mobile
{   padding: 5px;
    margin: 70px 0px 0px 0px;    
    font-size: 1.1em;
    font-weight: 600 ;    
    width: 100%;
    text-align: left;
    color:  #E8E8E8;

    text-align: center;
}

.header-contact-desktop
{
    padding-left:5px;
    padding-top: 50px;
    font-weight:  lighter;
    font-stretch:      ultra-expanded;
    margin-bottom: auto;
    color:       #ffffff              ;
    font-size: 1.4em;       
    width:   fit-content;
    float:right;
    margin-right: 35px;
}

.header-contact-desktop a{
    color: #ffffff ;    
}

.header-contact-mobile a{
    color: #E8E8E8; 
}

#contacts span {
    padding: 0px;
    margin: 0px;
    top: 4px;
    font-size: 1.3em;   
}

.content{
    margin-top:50px !important;
}

.logo{
    margin-top: 10px;
    margin-left: auto ; 
    margin-right: auto;
    width: 347px;
    height: 100%;
}

#promo-title{
    /* background-color: #040404 !important;*/
}

.promo-list{
    margin-top: 10px;
    margin-left: auto ; 
    margin-right: auto;
    width: 347px;
    height: 100%;
}

#promo-text-bottom{
    color:white !important;
}

.featuresBlock{
    color:  black;
    background: white;

}
.featuresBlock-mobile{
    background-attachment: fixed !important;
}
.feature-panel{   
    opacity: 1;
    position: relative;
    background: white;         
    width: fit-content;
}

.feature-item{
    cursor:  pointer;
    padding: 15px 20px 5px 5px;   
}

.feature-item:hover{ 

}


.feature-item-text{     
    text-align:  justify;
    display:block;
    padding: 0px 20px 5px 20px;

}
.feature-item-head{
    font-size: 1.5em;
    padding: 20px 0px 5px 0px;
    margin-bottom: -6px;
}

.features{
    background:  #333233 !important;
}

.page-features{ 
    color: black;    
}

.page-features-table{
    margin-right:20px;
    margin-left:20px;    
}

.page-features-table td{
    font-size: 1.3em;      
}

.page-features-table-text{    
    padding-right: 10px;
    padding-top: 0px;
    vertical-align:top;
    width: 90%;    
}

.page-features-table-text>p:first-child{
    color: springgreen;
    text-align: left;
}

.page-features-table-picture{
    text-align: center;
}

.feature-picture{
    height: 64px;
    color: #F58311;
    filter: invert(100%);


}
.feature-picture:hover{   

}

.icon32{
    max-width:64px;
    max-height:64px;
}

.table-responsive{
    margin-top: 10px;
}


h2{
    padding: 0px;
    text-align: center;   
    font-weight:  700;
}

h1{
    padding: 0px;
    text-align: left;
    font-size: 3.2em;
}


#login{
    display: none;
}

.login-newform-vk{
    width: 32px ; 
    height: 32px;
}


#registration{
    display: none;
}

#reg-newform-info{
    display:none;
}

#logo-text{
    font-size: 12px;
}

#user-cabinet-menu-exit{
    text-decoration: underline;  
}

.user-cabinet-body{

}

#user-cabinet-info-avatar{
    margin-bottom: 0px;
    margin-top: 0px;
    margin-right: 20px;
    width: 128px; 
    height: 128px; 
    align-content:  center ; 

}
#user-cabinet-info-avatar{ 
    float: left ; 
    display:block;
    text-align:center;
}

.user-cabinet-info-text-block{  
    float: left ; 
    width:80%;
    text-align:center;
}

.user-cabinet-info-text-block textarea{

    width: 100% !important;
}


.user-cabinet-info-header{

}

.user-cabinet-info-text-block-field{
    text-decoration:  underline;
}

#user-cabinet-info{
    width: 100%;
    margin-left: auto; 
    margin-right:auto ;    
    padding: 10px;
}

.user-cabinet-message-table{
    height: 640px !important ; 
    overflow-y: scroll;
}

#user-cabinet-block{   
    font-size: 1em;   
    background-color:  #FBFBFB;        
}

#user-cabinet-block .title{    
    font-size: 1.5em;
}

#user-cabinet-info-form-password-group{
    display: none;
}

#user-cabinet-info-form>.form-horizontal>.control-group>.hidden{
    display: none;
}

#user-cabinet-info-form-exit{
    display: none;
}

#user-cabinet-balance{
    color:   #4D4B4D;
    margin-bottom: -5px;
}

#user-cabinet-balance-toggle,
#user-cabinet-visit-history-toggle{
    border-bottom: 1px darkblue dashed;
}

#user-cabinet-balance-toggle:hover{
    text-decoration:  none;
}

#menu{
    margin-bottom: 0px;
}

.nav{
    margin-bottom: -2px !important;    
}
.nav .navbar-right{
    margin-right: 7px;

}


.navbar-default .navbar-nav>a,
.navbar-default .dropdown-menu{
    color: gray; 
}

.nav a:hover{      
    box-shadow: inset 0 0 0 2px #FFCC33;  
    transition:all 0.5s ease-out;
}


.navbar-default .navbar-nav>.active> a, 
.navbar-default .navbar-nav>.active> a:focus, 
.navbar-default .navbar-nav>.active> a:hover {
    background: #FFCC33;  
    color:white ;      
}

.inverse-dropdown{
    /*background-color: #222;
    border-color: #080808;*/
}

.inverse-dropdown>li>a{
    color: #999;
}

.inverse-dropdown>li>a:hover{
    background: transparent !important;
    color:black;
}

/*start submenu*/
.inverse-dropdown .dropdown-submenu{
    position: relative;
}

.inverse-dropdown .dropdown-submenu:hover>.dropdown-menu {
    display: block;
}


@media screen and (max-width: 768px){
    #navbarCollapse{
        max-height: 90vh !important;
    }

    #navbarCollapse li{
        padding: -5px;
        margin-bottom: -5px;
        margin-top: -5px;
    }

    .inverse-dropdown .dropdown-submenu>.dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -10px;
        margin-left: 15px;
        font-size: 0.9em;
    }

    .inverse-dropdown li a{
        text-decoration: underline; 
    }

    .inverse-dropdown .dropdown-submenu .dropdown-menu {
        display: block;
    }

    .inverse-dropdown .dropdown-submenu>a:after {  
        display: none;      
    }

    .inverse-dropdown .dropdown-submenu.pull-left {
        float: none;
    }

    .inverse-dropdown .dropdown-submenu.pull-left>.dropdown-menu {
        left: -100%;
        margin-left: 10px;
    }   
}

/*----------------DESKTOP-----------------------------------------------------*/
@media screen and (min-width: 769px){
    .inverse-dropdown .dropdown-submenu>.dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;      
    }

    .inverse-dropdown .dropdown-submenu:hover>.dropdown-menu {
        display: block;
    }

    .inverse-dropdown .dropdown-submenu>a:after {  
        display: block;
        transform: scale(1.2);
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .inverse-dropdown .dropdown-submenu.pull-left {
        float: none;
    }

    .inverse-dropdown .dropdown-submenu.pull-left>.dropdown-menu {
        left: -100%;
        margin-left: 10px;
    }   
}

/*end submenu*/

.nav-city-name{
    text-decoration:  underline;   
}

.boxShadow {  
    box-shadow:
        0 1px 4px rgba(0, 0, 0, .3),
        -23px 0 20px -23px rgba(0, 0, 0, .8),
        23px 0 20px -23px rgba(0, 0, 0, .8),
        0 0 40px rgba(0, 0, 0, .1) inset;
}

.boxShadow2 {
    box-shadow: -2px 1px 11px 1px rgba(0,0,0,0.33);
}

.list-group-item{
    overflow: hidden !important;    
}

.mover {
    position: absolute;
    width: 100%;
    padding-top: 0px;
    height: 360px;
}

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

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
}

#arrow1{
    font-size: 4em;
}

#arrow2{
    font-size: 5em;
}

#arrow3{
    font-size: 6em;
}

.text-underline{
    text-decoration: underline;     
    font-weight: 600;
}

.link{
    cursor:  pointer;
}

#live-internet-counter{
    display: none;
}

/*.item {
  -webkit-transition: 0.7s ease-in-out opacity;
  -moz-transition: 0.7s ease-in-out opacity;
  -o-transition: 0.7s ease-in-out opacity;
  transition: 0.7s ease-in-out opacity;
  left: 0 !important;
  margin-top: 50px;
}*/

/*.carousel .next.left,
.carousel .prev.right {
  opacity: 1;
  z-index: 1;
}

.carousel .active.left,
.carousel .active.right {
  opacity: 0;
  z-index: 2;
}    

.carousel .carousel-control {
  z-index: 1000;
  outline:none;
  background: rgba(0,0,0,0);  
}*/

#carousel-comments{
    background: transparent; 
}
#carousel-comments p{
    text-shadow:none !important;
}

.backgound-stars{
    position: absolute;
    z-index: 1;
    height: fit-content;

}
#carousel-comments .carousel-comment{   
    font-size: 1.24em;
    font-style: italic;
    text-align: left;        
    padding-top: 5px;

}

#carousel-comments .carousel-author{   
    text-align: right ; 
    font-size: 1.24em;

}

#carousel-comments .carousel-caption{
    padding: 0px 10px 0 10px;
    margin: -10px 10px 0 10px; 
    position: static ; 
    color:  #303030;

}
#carousel-comments .item{

}


#addmoney-form{   
    margin-left: auto ; 
    margin-right: auto;
}

#addmoney-form .modal-sm-3{
    width: fit-content;
}

#addmoney-form .modal-body>p{
    font-size: 1.2em;
}

#bonus-text{
    color:gray;
}

.about-sport div{
    color:  #4D4B4D;
    font-size: 1.2em;
}

.about-sport p{   
    text-align:  left;
    text-indent: 20px;
    padding: 0px 5px 0px 5px;
}

.about-sport .bread-crumb{
    margin: 20px 0 10px 0px ; 
    float: right;

}
.about-sport .bread-crumb .item{
    padding: 8px;
    border-radius: 5px;
}


.bk_ballgames p{
    text-align:left;
    text-indent: 0px;
    margin: 0px; 
}

.bk_ballgames>div{
    margin-bottom:10px;    
}

.bk_ballgames div{    
    font-size: 0.95em !important;
}


.about-sport h1,
.about-sport h2,
.about-sport h3,
.about-sport h4,
.about-sport h5,
.about-sport h6{
    text-align: left;
    margin: 20px 0px 0px 0px; 
    padding: 0px 5px 0px 5px;

}


.about-sport h4,
.about-sport h5,
.about-sport h6{
    font-size: 1.5em;
}

.about-sport .video{
    width: 420px;
    height: 380px;
}
.img-about-sport{
    width: 640px;
    margin:3px;
}

.img-about-sport-small{
    width: 340px;
    margin:10px;
}

.img-about-sport-user{
    width:  156px;
    height: 156px;  
    margin:0px;
}
.about-sport .bk_ballgames a{
    color: inherit !important;
    text-decoration: underline ; 
    cursor:  url ; 
}
.about-sport .bk_ballgames a:hover{
    color:  #007fff !important;    
}

.about-sport #commentsBlock{
    font-size: 0.65em !important;
}

.about-sport #commentsBlock .userComment{
    margin-left: 25px;
    display: none ; 
}

.about-sport #commentsBlock .userComment{
    margin-left: 25px;
    margin-bottom: 10px;
}
.about-sport #commentsBlock .userComment .header{
    background-color:        #EEEEEE ; 
    padding: 5px;
    border-radius: 5px;
}
.about-sport #commentsBlock .userComment .content{
    margin-top: 1px !important;
    padding-left:10px !important;
    padding-top: -10px;
    font-size: 1em !important;
}

.about-sport .writeComment #myComment{
    margin-left: 25px;
}


.dq-text{
    text-shadow: 0 1px 0 #ccc, 
        0 2px 0 #c9c9c9,
        0 3px 0 #bbb,
        0 4px 0 #b9b9b9,
        0 5px 0 #aaa,
        0 6px 1px rgba(0,0,0,.1),
        0 0 5px rgba(0,0,0,.1),
        0 1px 3px rgba(0,0,0,.3),
        0 3px 5px rgba(0,0,0,.2),
        0 5px 10px rgba(0,0,0,.25),
        0 10px 10px rgba(0,0,0,.2),
        0 20px 20px rgba(0,0,0,.15);
}

.text-shadow-down{
    text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
        0px 8px 13px rgba(0,0,0,0.1),
        0px 18px 23px rgba(0,0,0,0.1);

}


.small-text{
    font-size: 0.8em;
}

.link-default,.link-default:hover{
    color:inherit ;
    text-decoration: underline;    
}


.input-error{
    border: 2px solid red ; 
}

#pay-form-empty{

}

#pay-form-coupon{
    display: none;

}
.openTeam small{
    color:green ; 
}

.closeTeam small{
    color:  #cd0a0a ; 
}

.pluso-more,
.pluso-counter{
    visibility: hidden;
}

#invite-form-founded-block{
    display: none;
}

.invite-form-founded-user{
    display: none;
    padding-top: 10px;
    padding-bottom: 30px;
    border-top: 1px   #E8E8E8 ridge ; 

}
.invite-form-founded-user .gamer-item-photo{
    float: left;
    margin-top: -5px;
}

.invite-form-founded-text>p{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
}

.ballgames-header{
    padding-top:50px !important;
}

#addmoney-form #collapse-abonement .form-group {
    margin-left:10px;   
}

#collapse-abonement{
    max-height: calc(70vh - 200px);
    overflow-y: auto !important;
}

.menu-bottom-text a{      
    padding-top: 11px !important;    
    color:black !important;
    vertical-align:  central !important;

}
.menu-bottom-text p{
    font-size: 0.7em;
    margin: 0px;
    margin-top: -8px; 
    margin-bottom: -10px; 

}

.abonement-desc{    
    text-align:  justify ; 
    margin-top: -10px;
    width: 300px !important;
}

#confirm-form{
    z-index: 100000; 
}

.hr-share{
    margin-top: -20px
}



.badge-error {
    background-color: #b94a48;
}




.wrap-line:before{
    content: ""; 
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    right: 0;
    height: 5px;
    background:  #080808;
    z-index: -1; 
}

.round-badge{   
    background: none repeat scroll 0 0;
    border: 3px solid  black;
    border-radius: 30%;
    color:  #080808;
    font-size: 2.5em;  
    font-weight: bold;
    padding: 5px 15px;  
    right: -10px;
    top: -10px;
    margin-bottom: 10px;

}

.counter-badge{   
    background: none repeat scroll 0 0;
    border-bottom: 3px solid  black;

    border-radius: 20%;
    color:  #080808;
    font-size: 1.8em;    
    padding: 1px 5px;



}


.organizator-link{
    font-size: 1.4em !important;
    color: white; 
    border: 1px solid #EA1F35  ; 
    background:  #EA1F35;
    border-radius: 6px;
    padding: 10px;
    margin: 10px 5px 0px 0px;
}
.organizator-link:hover{
    color: whitesmoke;


}

.text-lg {
    font-size: 1.5em;

}
.text-md {
    font-size: 1.1em;
}



.block-carousel-comments{
    /*  background:rgba(51,51,51,0.6) !important;*/
    background: transparent !important; 
}

.social-icon{
    color: whitesmoke  !important;
    position: relative;
    top:0px;
}

.social-icon:hover{
    color:    #EA1F35  !important; 
    text-decoration:  none !important;
}


.block-footer{   
    background: #333233; 
    color:white ;
    padding-top: 15px;
    margin-bottom: 0px;
}
.block-footer .text-left{
    margin: 0 30px;
}

.footer p{
    margin: 10px;
}
#footer-icons{
    margin-top: 10px;
}

.trainer-slide-container{
    background: white;
    margin: 5px 5px 20px 5px;

}

.trainer-slide-text{
    color:  black;
    padding: 10px 5px 5px 10px;    
    word-wrap:  break-word;    
}

.trainer-slide-text p:nth-child(2){
    font-size: 1.2em;
}

.trainer-slide-text p:nth-child(1){
    font-size: 1.5em;
    text-align: center;
}

/*.trainer-slide-container p{
    float: left;
    display: block;
    width:    available;
    word-wrap:  break-word;
}
.trainer-slide-container p:nth-child(3){
   font-size: 0.8em;
}*/
.trainer-slide-photo {
    width: 256px;
    height: 100%;    
}

.room-galery{
    width:100%;	
    text-align:center; 
}
.room-galery a{
    width:320px;
    height:256px;
    display:inline-block;
    position:relative;
    text-decoration:none;
    background-position:center center;
    background-repeat: no-repeat;
    background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    margin: -2px;
    box-shadow:0 0 0 128px rgba(0, 0, 0, 0.33) inset;

}

.room-galery a:nth-child(1){
    /*    transform: scale(1.05);*/
    z-index: 10;
    box-shadow:none;  
}
.room-galery a:hover{
    transform: scale(1.05);
    z-index: 25;
    box-shadow:none;
    position: relative;

}

.room-galery a:after{
    background-color: #303030;
    border-radius: 7px;
    bottom: -220px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
    content: attr(title);
    display: inline-block;
    font-size: 0.8em;    

    overflow: hidden;
    padding: 2px 10px;
    position: relative;
    text-align: center; 
    white-space: nowrap;
} 



.block-comments{
    background: #EEEEEE;
    color:black;   
    padding-top: 20px;
    padding-bottom: 10px;     
}

.fa-vk{
    border:-3px solid white !important;
    border-radius: 7px;
    background: white;
    color:    #363636;
    zoom: 0.85;
    position: relative;
    padding-top: 2px;
    top:-2px;
}
.fa-vk:hover{
    background: red; 
}

.poster-slider{    
    width: 60%;
    margin-top: 5%;
}
.poster-slider-item{
    color:white ; 
}

.poster-slider-item p:nth-child(1){
    font-size: 2em;
    font-weight: 600;
}
.poster-slider-item p:nth-child(2){

}

.block-trainers{    
    background: #EEEEEE;
    padding:25px 0px 25px 0px;
}

.landing-block{
    margin: 40px 0px 0px 0px;
}

.text-header{
    font-size: 2.5em;
    font-weight: 550 ;         
    position: relative;
    margin: 0px;
}

.text{
    margin: 5px 5px 0px 5px;    
    font-size: 1.2em;            
    line-height: 1.5em;
    text-align:  justify ; 
}

.color-block{
    background: #FFCC33;
    padding: 25px 0px 25px 0px;;
    margin: 0px;
}

.block-about-features,
.block-about-counter
{
    text-align: center;    
    font-size: 1.24em;
    font-weight: 500; 
    color:    black;   
}

.block-about-counter-item {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    padding: 0px 10px 0px 10px

}
.block-about-counter-item p{
    margin-top: -10px   
}

.block-about{
    position: relative;
    z-index: 10 !important;
}


.link-image{
    position:relative;
    width: fit-content;
    margin-top: 20px;
    margin-bottom: 20px;
}

.tournament-block .link-image img{
    width: auto;
    height: 256px;
}

.link-image~p{
    margin-top: -25px;
}


.link-image-block{
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    top:0;
    background:rgba(0,0,0, 0.65);
    padding:5px;
    display:none;


}
.link-image-block table{   
    width: 100%;
    height: 100%;    
}
.link-image-block table td{
    vertical-align: middle;

}
.link-image:hover .link-image-block{
    display:block;
    animation-timing-function: ease;
    animation: mymove 0.5s;

}
@keyframes mymove {
    from {
        margin-botton:0%;
        margin-top: 60%;
    }
    to  {        
        margin-top: 00%;
    }
}
/*.link-image .link-image-block{
    display:block;
    
}*/
.link-image-block a{
    color:white;
    font-size: 1.5em;
}

#diagramm{
    width: 640px;
    height: auto;
}




/*-------Календарь-------------------------------------------------------------------------------------------------------------------------------------------------*/
.page-calendar-desktop{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#122b40+1,122b40+44,122b40+44,e8e8e8+44 */

}
.calendar-block{     
}

.calendar-wrapper{
    /*    background:  #333233 !important;*/
    margin-top:1px !important;
    padding: 5px 0 0px 0;

    /*    color:black !important ;*/


}

.calendar-filter{
    width: 100%;    
    margin: 0px 0px -10px 0px; 
    padding: 10px 5px 5px 5px;   
    color:black;

    /*    color:white;    */
}

.calendar-filter>.form-inline{
    text-align: center;
    margin: 0px;
}

#calendar-info-left-empty{
    display: none ;    
    font-size: 32px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#filterGameMode-block{
    margin-bottom: -20px;
    margin-top: 20px;
}

#calendar-info-header{
    background: orangered ;     
    height: 38px;    
    padding-top: 4px;
    padding-bottom: 2px;    
    font-size: 1.7em;
}

#calendar-info-gamers-show{
    cursor:  pointer ;
    font-size: 1.8em;
}

#calendar-info-gamers-show:hover{
    color: blue;
}

#calendar-info-gamers-limit{
    cursor:  pointer ; 
    font-size: 1.8em;
}

#calendar-info-social{
    display: block;
    text-align: center;
    padding-left: 20px;

}

.calendar-container{
    /*    background: #333333;*/
}
#calendar {  
    font-size: 1em;  
    /*    border-bottom: 1px solid   #BEBEBE;*/
    overflow-y: hidden;
    overflow-x: hidden;  
    position: relative !important ;     
    z-index: 10;
    top:0px;     
    width: 100%; 
    margin-bottom: 0px;
    margin-top: auto;
    height: fit-content;
    box-shadow:         0px 2px 8px 0px rgba(0, 0, 0, 0.48); 
    margin-top: 20px ;
    border-radius: 5px;   
} 


#calendar-info{
    background: whitesmoke ; 
    color:  #4D4B4D;
    display: none;
    height:  fit-content ;
    padding-top: 10px;
}

.calendar-info-container{
    position:  absolute ; 
    height:  fit-content ;
    float:right;
    right: 0px ; 
    left: auto; 
    top:  0px; 
    width: 600px !important;
    box-shadow:        0px 1px 5px 0px rgba(255, 255, 255, 0.75);
    z-index: 15;
    /*    height: 100%;*/
    overflow-y:  auto;
}

.calendar-info-desktop{
    background:   whitesmoke; 
    color:   #5d5d5d; 
    display: none;
    position:  absolute ; 
    height:  fit-content;
    float:right;
    right: 0px ; 
    left: auto; 
    top:  0px; 
    width: 100%;
    margin-top: 20px;
    box-shadow:  0px 1px 5px 0px rgba(81, 81, 81, 0.75);
    z-index: 15;
    overflow-y:  auto;

}

.gamers-block-mobile{
    margin: 0px;
    padding: 0px;
    display: none;   
    top:0px;
    width: 100%; 
    background:   whitesmoke;
    box-shadow:  0px 1px 5px 0px rgba(81, 81, 81, 0.75);
    /*background-color:  #333233;*/

}
.gamers-block-desktop{    
    top:0px;
    padding: 0px;
    position: relative;
    display: none;             
    width: 100%;
    z-index: 16;     
    background:   whitesmoke;
    /*background-color:  #333233;*/
    box-shadow: 0px 1px 5px 0px rgba(81, 81, 81, 0.75);
}

.calendar-gamers{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px; 
    padding-top: 7px;
    color:   #5d5d5d !important; 
    /*    color:white;*/
}

#calendar button{
    /*    background: white;*/
}

#calendar h2 {
    padding-top: 5px;
    color:       #4D4B4D;   
    font-size: 1.7em;      
    font-family:  sans-serif;
    font-weight: 200;
    text-decoration: none;    
}

#calendar div.fc-toolbar{
    background:  whitesmoke;
    margin-bottom: 0px;    
}

#calendar th{   

}

#calendar .fc-day{
    background:    #FBFBFB;    
}

.fc-event{
    cursor: pointer; 
    border: 1px gray !important; 

}

.fc-event:hover{
    -webkit-transform: scale(1.15);
}
.fc-event-click{
    -webkit-transform: scale(1.15) !important;
    border:  1px  dotted #4D4B4D !important;
    z-index: 1001;
}

#calendar .fc-today>.fc-day-number{    
    color: #cd0a0a !important;
    font-weight: 600;

}

#calendar .fc-day-number{
    color: #5d5d5d;    
}

#calendar .fc-day:hover{
    background:   #DDDDDD;         
}

#calendar .fc-day-header{
    background:   whitesmoke;
    color:  #5d5d5d;    
    font-weight: 500;
    font-size: 0.95em;
}

#calendar td,
#calendar th
{
    border:none
}
#calendar .fc-day{    
    border:1px solid #E3E3E3;
    transition:all .5s ;
}

#calendar .fc-scroller {
    overflow-y: hidden !important;
}



.calendar-info-left-close,.calendar-gamers-close{
    position: relative ; 
    float: left; 

}
.calendar-info-left-close:hover,
.calendar-gamers-close:hover{
    color: #EA1F35;
}


.calendar-gamers,
.calendar-info-left{
    margin-left:1%;
    margin-right:1%;

}

.calendar-info-left span{
    /*    color:white;*/

}

.calendar-info-left .table{
    margin-top: 5px;
    width: 100% ;
}

.calendar-info-left .table .description{
    /*    color:whitesmoke ;*/
    font-size: 1em;
}

.calendar-info-left .table span{
    font-size: 1em;

}

.calendar-info-left .table button{
    margin-top: 0px;    
}

#calendar-info-header-text{
    /*    color:white;*/
    font-size: 1.4em;
    font-weight: 700;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#calendar-info-title{
    /*    color:white;*/
    margin-top: -5px;
    padding-top: 0px;
}

#calendar-info-description{
    /*    color:white;*/
    font-size: 1.1em;
    margin-left: 5px;
    margin-right: 5px;
    font-style:  italic;
    text-align: justify;
    margin-top: -12px;
}

#online-label{
    display: none;    
}


.info-text{
    font-size: 1.3em;  
}

#calendar-detail{
    border:1px dotted;
}

.calendar-schedule{
    border: 1px solid #DDDDDD ;
    background: #FBFBFB;
}

.calendar-schedule-table{    
}

.gamer-photo{
    width: 80px;
    height: 80px;
}

.calendar-gamers-wrapper{
    background-color:rgba(51,50,51,0.9); 
}

.gamer-item-photo img{
    width: 120px;
    height: 120px;
    opacity: 0.8;    
    transition: opacity 0.7s ease-in-out;

}

.gamer-item-photo img:hover{
    opacity: 1;
    transition: opacity 0.7s ease-in-out;
}



.carousel-gamers-wrapper{         
    position:relative ; 
    margin-bottom: 50px;
    margin-top: 30px;
    /*   border-bottom: 1px solid whitesmoke;*/
}

.carousel-gamers-command-name{
    font-size: 2em;
    margin-top:-30px;
    margin-bottom: 10px;
    margin-left: 20%;
    margin-right: 20%;
}
.carousel-gamers-command-name>span{
    font-size: 0.5em;
    display: block ;      
    margin-top: -7px;
    margin-bottom: 2px;     
}


#gamers-block .carousel-gamers-group{

    position:relative;
    height: fit-content ;   
    width: 100%;  
}

#gamers-block .carousel-gamers-group .item img{
    margin-left: auto !important;
    margin-right: auto !important;
}

#gamers-block .slick-center, 
#gamers-block .slick-current{     
    opacity: 1 !important;;
    font-size: 1.5em;

}

#gamers-block .slick-center img,
#gamers-block .slick-active img{
    width: 128px !important;
    height:128px !important;
}

#gamers-block .slick-slide{
    opacity: 0.5;
    padding: 0px !important;
    margin: 0px !important;
    height: fit-content !important;
    border: 0px !important;
    outline: none;
}

.carousel-gamers-wrapper .slick-arrow-right{
    position: absolute ; 
    right: 50px ;
    top: 20px;

}

.carousel-gamers-wrapper .slick-arrow-left{      
    position: absolute;
    left: 50px; 
    z-index: 1000;
    top: 20px;
}

.carousel-gamers-wrapper .arrows{    
    height: 100px;     
    padding-top: 50px;     
    font-size: 2.2em;
    color: #999899;     
}

.remove-from-team{    
    top: 10px;
    position: absolute;
    margin-left: 55px;
}

#calendar-info-show-tourney-stat{
    display: none;
}

#show-gamers-block:hover,
.remove-from-team:hover,
#calendar-info-share-game:hover,
#calendar-info-invite:hover{    
    color: #EA1F35;
}

#calendar-info-share-game {
    display:block;
    text-align: center;
}


.carousel-gamers-wrapper .arrows:hover{
    color:  white !important;
}

.calendar-gamers-description {
    margin-top:-15px;
    padding: 0px;
    font-size: 0.6em !important;     
}

.calendar-gamers-description {
    margin-top:-15px;
    padding: 0px;
    font-size: 0.6em !important;     
}

.map-container{
    display: none;    
}

#room-map{
    width: 100%;
    height: 60vh;
    margin-top: 5px;
}

#select-room-reset{
    display: none;
}

#show-calendar-container{
    display:none
}

#select-room-name{
    text-decoration:  underline ; 
    display: inline-block;
}

#show-calendar-container{
    display: none;
}

#select-room-reset:hover,
#select-room-name:hover,    
#show-calendar-container:hover{
    color:red;
}

#calendar-info-share-game-link{
    position: absolute ; 
    left: -15000px;
    top:-15000px;
}

#queue-warning{
    display: none;
    margin-top: 10px ;   
}
#gamers-queue-count{
    display:none
}

/*---------------------------END CALENDAR-------------------------------------*/
.trainer-slider{
    margin-top: 15px;
}

.galery-slider-nav{
    margin-top: 15px;
}
.galery-slider-nav .slick-arrow  {    
    color:  #DDDDDD;     
    font-size: 2em;       
    position: absolute !important;
    top:0px;
    z-index: 1;
}

.galery-slider-nav .slick-arrow:hover  { 
    color:black;
}
.galery-slider-nav .galery-nav-right{
    right:  2% !important;

}
.galery-slider-nav .galery-nav-left{
    left:  2% !important;
}
.galery-slider-nav .slick-center{
    transform: scale(1.5);

}
.galery-slider-nav .slick-current p{


}
.galery-slider {
    position: relative ; 
    padding: 5px 0px 5px 0px;
}

#calendar-info-service{
    display:  none;
}

#services-form-container{
    overflow-y:auto;
/*    height: 65vh;     */
}

.service-toggle-description{
    margin-left: 5px;
    margin-right: 5px;
    word-wrap:  break-word;
}

#services-form{
    height: auto;
}

#services-form-container::-webkit-scrollbar {
    width:5px;
}

#services-form-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.3);
}

#services-form-container::-webkit-scrollbar-thumb {
    background-color: darkgrey ;
    outline: 1px solid slategrey;
}




#team-statistics .emptyBlock{
    display: none;
}

#team-statistics table th{

}

#team-statistics hr{
    border: 0;
    height: 2px;
    background: #000;
    background-image: -webkit-linear-gradient(left, #fff, #000, #fff);
    background-image: -moz-linear-gradient(left, #fff, #000, #fff);
    background-image: -ms-linear-gradient(left, #fff, #000, #fff);
    background-image: -o-linear-gradient(left, #fff, #000, #fff);

}

#team-statistics #round-name{

    margin-bottom: 5px;
    padding-left: 50%;
    font-weight: 900;
}

#team-statistics .round .table{
    margin-top: 0px;
}

#team-statistics .round table th:nth-child(1){
    width: 10%;
}
#team-statistics .round table th:nth-child(2){
    width: 40%;
}
#team-statistics .round table th:nth-child(3){
    width: 20%;
}

#team-statistics #totalStat table th{
    text-align: center !important;
}