.weap_stats{width:50%;float:left;margin:5 0px;}
.weap_stats div{color: #aaa;}
@media  (min-width: 700px) {
	
	
	.search_block{flex-grow: 1;min-width:calc(100% - 100px);overflow:auto;margin-top:4px;  border-radius: 5px 0px 0px 5px;}
	.search_block_button{flex-grow: 1;margin-top:4px;width:50px;background:#52bafe;height:30px;line-height:30px;text-align:center;color:#0a2739;font-size:12px;display:inline-block;font-weight:bold;cursor:pointer;cursor:hand;   border-radius: 0px 5px 5px 0px;}

	
.main_content{max-width:1180px;margin:auto;background:#0000008f;color:#fff;padding: 5 10 10 10px;margin-top:50px;}
.menu_container{height:auto;overflow:auto;text-align:center;padding:0px;background:#0000008f;z-index:5;
min-width:320px;margin:auto;height:50px;max-width:995px;width:calc(100% - 215px);	font-size:12px;lex-grow: 1; display: flex;flex-wrap: wrap;min-width:150px;
width: calc(100% - 365px);}
.user_block{background-image: url(/images/top_bg.png);
    font-weight: 700;
    text-transform: uppercase;
    overflow: auto;
    color: #89d4f3;
    text-align: center;z-index:10;max-width:150px;
    min-width: 12%;min-width:130px;padding:10px;text-align:right;}
	
.join_button{    display: inline-block;
    float: right;
    background: #52bafe;
    line-height: 30px;
    padding: 0 10px;
    margin-right: 5px;
    cursor: pointer;
    cursor: hand;
    color: #000;
    font-size: 11px;
    width: 85px;
    text-align: center;
    font-weight: 900;
border-radius: 5px;}




.main_menu{background2-image: url(/images/top_bg.png);font-weight:700;text-transform:uppercase;overflow:auto;flex-grow: 1; display: flex;flex-wrap: wrap;
color:#89d4f3;text-align:center;min-width:12%;}
.main_menu a{color:#888;display:inline-block;text-align:center;width:100%;padding:17 5 0 5px;margin:0 0px;background:#;}
.main_menu a:hover{background: -moz-linear-gradient(top, rgba(2,3,5,0.34) 0%, rgba(2,3,5,0.35) 1%, rgba(25,48,66,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(2,3,5,0.34) 0%,rgba(2,3,5,0.35) 1%,rgba(25,48,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(2,3,5,0.34) 0%,rgba(2,3,5,0.35) 1%,rgba(25,48,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57020305', endColorstr='#193042',GradientType=0 ); 
border-bottom:5px solid #fff;color:#89d4f3;display:inline-block;text-align:center;padding:17 5 7 5px;background:#;}



.main_menu_active{font-weight:700;text-transform:uppercase;overflow:auto;flex-grow: 1; display: flex;flex-wrap: wrap;
color:#89d4f3;text-align:center;min-width:12%;background: -moz-linear-gradient(top, rgba(2,3,5,0.34) 0%, rgba(2,3,5,0.35) 1%, rgba(25,48,66,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(2,3,5,0.34) 0%,rgba(2,3,5,0.35) 1%,rgba(25,48,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(2,3,5,0.34) 0%,rgba(2,3,5,0.35) 1%,rgba(25,48,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57020305', endColorstr='#193042',GradientType=0 ); 
border-bottom:5px solid #fff;color:#89d4f3;text-align:center;padding:0px;background:#;}
.main_menu_active a{color:#89d4f3;display:inline-block;text-align:center;width:100%;padding:17 5 7 5px;margin:0 0px;background:#;}


.lb{	}
}


@media (min-width: 870px) {
	.stick_to_bot{display:none;}
}

@media (min-width: 0px) and (max-width: 870px){
	
	
	.stick_to_bot{position:fixed;bottom:0px;background-color:#000000aa;width:100%;padding:0 0px;}
	
	
.main_menu{   background2-image: url(/images/top_bg.png);font-weight:700;text-transform:uppercase;overflow:auto;flex-grow: 1; display: flex;flex-wrap: wrap;font-size:12px;
color:#89d4f3;text-align:center;min-width:5%;
    flex-direction: column;
    justify-content: center; width: calc(20% - 20px);}
.main_menu a{color:#888;display:inline-block;text-align:center;width:calc(100% - 10px);padding:10 5 10 5px;margin:0 0px;background:#;
    text-align: center;}
.main_menu a:hover{background: -moz-linear-gradient(top, rgba(2,3,5,0.34) 0%, rgba(2,3,5,0.35) 1%, rgba(25,48,66,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(2,3,5,0.34) 0%,rgba(2,3,5,0.35) 1%,rgba(25,48,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(2,3,5,0.34) 0%,rgba(2,3,5,0.35) 1%,rgba(25,48,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57020305', endColorstr='#193042',GradientType=0 ); 
border-bottom:5px solid #fff;color:#89d4f3;display:inline-block;text-align:center;padding:10 5 5 5px;background:#;}



.main_menu_active{
   background-image2: url(/images/top_bg.png);font-weight:700;text-transform:uppercase;overflow:auto;flex-grow: 1; display: flex;flex-wrap: wrap;font-size:12px;
color:#89d4f3;text-align:center;min-width:5%;
    flex-direction: column;
    justify-content: center; width: calc(20% - 20px);
	background: -moz-linear-gradient(top, rgba(2,3,5,0.34) 0%, rgba(2,3,5,0.35) 1%, rgba(25,48,66,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(2,3,5,0.34) 0%,rgba(2,3,5,0.35) 1%,rgba(25,48,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(2,3,5,0.34) 0%,rgba(2,3,5,0.35) 1%,rgba(25,48,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57020305', endColorstr='#193042',GradientType=0 ); 
border-bottom:5px solid #fff;color:#89d4f3;text-align:center;padding:0px;background:#;}
.main_menu_active a{color:#89d4f3;display:inline-block;text-align:center;width:calc(100% - 10px);padding:10 5 10 5px;margin:0 0px;background:#;}

	
.join_button{    display: inline-block;
    float: right;
    background: #52bafe;
    line-height: 30px;
    padding: 0 10px;
    margin-right: 5px;
    cursor: pointer;
    cursor: hand;
    color: #000;
    font-size: 11px;
    width: 65px;
    text-align: center;
    font-weight: 900;
border-radius: 5px;}

.main_content{max-width:1180px;margin:auto;background:#0000008f;color:#fff;padding: 5 10 10 10px;margin-top:100px;}
.menu_container{height:auto;overflow:auto;text-align:center;padding:0px;background:#090909ee;z-index:5;
margin:auto;min-height:50px;width:100%;	font-size:12px;lex-grow: 1; display: flex;flex-wrap: wrap;}
.user_block{position:absolute;left:100%;margin-left:calc(-150px);z-index:12;min-width:130px;padding:10px;}

.lb{	word-wrap: break-word;width:25%;}
}







@media (min-width: 910px){
.reminder{min-width:320px;position:fixed;top:100%;margin-top:-50px;color:#fff;background:#52bafe;width:100%;line-height:40px;left:0px;height:50px;text-align:center;font-weight:600;}
.reminder .rem_img{display:inline-block;}
.reminder .reg_butt{margin:0px;width:90px;}
.reminder .txt_slot{max-width:calc(100% - 140px);}
}

@media (min-width: 0px) and (max-width: 660px){
.reminder{font-size:13px;min-width:320px;position:fixed;top:100%;color:#fff;background:#52bafe;width:100%;line-height:20px;left:0px;height:auto;text-align:center;font-weight:600;transform: translateY(-100%);}
.reminder .rem_img{display:none;}
.reminder .reg_butt{margin:5px;width:calc(100% - 20px);}
.reminder .txt_slot{max-width:calc(100% - 10px);}
}


@media (min-width: 660px) and (max-width: 910px){
.reminder{font-size:13px;min-width:320px;position:fixed;top:100%;margin-top:-50px;color:#fff;background:#52bafe;width:100%;line-height:40px;padding:0 0px;left:0px;height:50px;text-align:center;font-weight:600;}

.reminder .reg_butt{margin:5px;width:90px;}
}



@media (min-width: 0px) and (max-width: 700px){
	
	.search_block{flex-grow: 1;min-width:calc(100% - 100px);overflow:auto;margin-top:4px;  border-radius: 5px;}
	.search_block_button{flex-grow: 1;margin-top:4px;width:50px;background:#52bafe;height:30px;line-height:30px;text-align:center;color:#0a2739;font-size:12px;display:inline-block;font-weight:bold;cursor:pointer;cursor:hand;   border-radius: 5px;}

	
.reminder .rem_img{display:none;}
}
.button{ 
    display: inline-block;
    background: #52bafe;
    line-height: 30px;
    padding: 0 10px;
    margin-right: 5px;
    cursor: pointer;
    cursor: hand;
    color: #000;
    font-size: 11px;
    width: 85px;
    text-align: center;
    font-weight: 900;
    border-radius: 5px;
}


h1{padding: 0 0 0 0px;
    background1: #888;
    display: inline-block;
    color: #52bafe;
    font-weight: bold;float:left;
    ;margin:0px;font-size:20px;text-transform:uppercase;}

.stats_block{padding:10px;background:#191919;border:1px solid #000;overflow:auto;float:left;margin-top:10px;width:350px;margin-right:10px;}
.stats_block .title2{color:#fff;font-size:18px;padding:5px;}
.stats_block .title .text{padding:5 10px;background:#fff;display:inline-block;color:#222;font-weight:bold;}
.stats_block .value{font-size:15px;color:#52bafe;}
.stats_block .avg_value{font-size:9px;color:#777;}						
.stats_block .stats_adv .block{margin-top:10px;float:left;width:33%;}					
.stats_block .stats_adv .title{color:#fff;font-size:11px;line-height:20px;}					
.stats_block .stats_adv .value{font-size:10px;color:#aaa;}

.content_block{background:#090909cc;margin:10 0px;padding:5px;border:1px solid #252525;border-top:1px solid #222;background-color: #090909de;background:url(../images/but_bg.png);}
.content_block .title{font-size:15px;overflow:auto;padding:5 0 5 5px;margin:0 5 0 5px;text-transform:uppercase;border-bottom:0px solid #222;}
.content_block .title .text{padding:0 0 0 0px;background1:#888;display:inline-block;color: #52bafe;font-weight:bold;float:left;}
.match_stats_adv{width:100px;display:inline-block;color:#777;padding:5px;}
.wrapper{	display: -webkit-flex;  /* для поддержки ранних версий браузеров */
    display: flex;  /* элемент отображается как блочный flex-контейнер */
    -webkit-justify-content: space-between;  /* для поддержки ранних версий браузеров */
    justify-content: space-between;  /* флекс элементы равномерно распределяются по всей строке, при этом первый флекс элемент позиционируются в начале контейнера, а последний флекс элемент позиционируется в конце контейнера */
flex-flow: row wrap;}
.flexer{flex-grow: 1; display: flex;flex-wrap: wrap;}

body{background-image:url(/images/bg.webp);font-family: Roboto;
background-repeat: no-repeat;padding:0px;margin:0px;
    background-position: center center;
    background-attachment: fixed;background-color: #000;
background-size: cover;min-width:320px; overflow-y: scroll;  height: 100%;}


.shad{
	    text-shadow: #000 1px 0px, #000 1px 1px, #000 0px 1px, #000 -1px 1px
}
.shad0{
	    text-shadow: #000 1px 0px, #000 1px 1px, #000 0px 1px, #000 -1px 1px, #000 -1px 0px, #000 -1px -1px, #000 0px -1px, #000 1px -1px, #000 0 0 3px, #000 0 0 3px, #000 0 0 3px;
}
a{text-decoration:none;color:#222;}
.white{color:#fff;}

.title_block{margin:5 5 5 5px;colo2r:#00dcff;;font-size:17px;width:100%;z-index:1;text-align:left;}
.title_block .title2{background2:#ffffff22;float:left;padding:2 2 2 5px;margin:3 3 3 0px;border-left:10px solid #00dcff2e;}

.card{padding:10px;margin:5px;width:170px;display:inline-block;min-width:20%;
flex-grow: 1;
background: -moz-linear-gradient(-45deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0) 99%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0.05) 0%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(77,88,99,0.1) 0%,rgba(0,0,0,0) 99%,rgba(0,0,0,0) 100%); 
background-color:#000000aa;
    border: 1px solid #111;
border-top: 1px solid #333;}




.profile_menu{font-weight:700;text-transform:uppercase;overflow:auto;flex-grow: 1; display: flex;flex-wrap: wrap;
color:#89d4f3;text-align:center;min-width:80px;}
.profile_menu a{color:#89d4f3;display:inline-block;text-align:center;width:100%;padding:12 5px;margin:0 0px;background:#;}
.profile_menu a:hover{background: -moz-linear-gradient(top, rgba(2,3,5,0.34) 0%, rgba(2,3,5,0.35) 1%, rgba(25,48,66,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(2,3,5,0.34) 0%,rgba(2,3,5,0.35) 1%,rgba(25,48,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(2,3,5,0.34) 0%,rgba(2,3,5,0.35) 1%,rgba(25,48,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57020305', endColorstr='#193042',GradientType=0 ); 
border-bottom:5px solid #fff;color:#89d4f3;display:inline-block;text-align:center;padding:12 5 7 5px;background:#;}

.profile_menu_active{font-weight:700;text-transform:uppercase;overflow:auto;flex-grow: 1; 
display: flex;flex-wrap: wrap;color:#89d4f3;text-align:center;min-width:80px;margin:0 0px;}

.profile_menu_active a{background: -moz-linear-gradient(top, rgba(2,3,5,0.34) 0%, rgba(2,3,5,0.35) 1%, rgba(25,48,66,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(2,3,5,0.34) 0%,rgba(2,3,5,0.35) 1%,rgba(25,48,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(2,3,5,0.34) 0%,rgba(2,3,5,0.35) 1%,rgba(25,48,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57020305', endColorstr='#193042',GradientType=0 ); 
border-bottom:5px solid #fff;color:#89d4f3;display:inline-block;text-align:center;width:100%;padding:12 5 7 5px;background:#;}
.profile_menu_active:hover{background:#777;}
.page{border:1px solid #222;border-radius:3px;text-transform:uppercase;line-height:20px;font-size:12px;min-width:76px;color:#000;background:#fff;padding:2 6px;font-weight:900;margin:2 5px;text-align:center;display:inline-block;}
.page2{color:#000;font-size:12px;border-radius:3px;line-height:20px;background:#52bafe;padding:2 6px;font-weight:900;margin:2 5px;text-align:center;display:inline-block;}
p{margin:0px;padding-bottom:4px;}


html {
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}



.fixer_blur{    z-index: 1000;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #00000044;
    backdrop-filter: blur(4px);
    display: flex;
    text-shadow: none;
    justify-content: center;
    display: none;
    align-items: center;
top: 0px;}
.fixer_profile_search{
	    width: 400px;
    height: auto;
    background: #000000cc;
    border: 1px solid #ffffff22;
    padding: 20px;
    position: relative;
    display: none;
    color: #fff;
    text-align: center;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
border-radius: 10px;}

#but1{background: #fff;
    background: #FFFFFF;
    border-radius: 5px 0px 0px 5px;
    width: 120px;
    line-height: 24px;
    font-size: 12px;
color: #000;}
#but2{background: rgba(255, 255, 255, 0.5);
    border-right: 1px solid #00000044;
    border-left: 1px solid #00000044;
    border-radius: 0px 0px 0px 0px;
    width: 120px;
    line-height: 24px;
    font-size: 12px;
    color: #000;
}
#but3{background: rgba(255, 255, 255, 0.5);
    border-radius: 0px 5px 5px 0px;
    width: 120px;
    line-height: 24px;
    font-size: 12px;
color: #000;}
.input1{width: 200px;
    border: 1px solid #222;
    line-height: 24px;
    font-size: 12px;
    text-align: center;
    box-sizing: border-box;
    padding: 5px;
border-radius: 5px;}
.explain_how{color: #007dc1;
    font-size: 12px;
    margin-top: 5px;
    font-weight: bold;
cursor: hand;}
.how_to_act{display: none;
padding: 0 10px;}
.blue_button{widt2h: 200px;
    background: #03a9f4;
    display: inline-block;
    margin: 10px;
    text-transform: uppercase;
    font-weight: 700;
    cursor: hand;
    border: 1px solid #222;
    line-height: 24px;
    font-size: 13px;
    text-align: center;
    padding: 5 30px;
border-radius: 5px;}
.blue_button2{background: #03a9f4;
    display: inline-block;
    margin: 0 10px;
    text-transform: uppercase;
    font-weight: 700;
    cursor: hand;
    border: 1px solid #222;
    line-height: 20px;
    font-size: 11px;
    text-align: center;
    padding: 5 20px;
    border-radius: 5px;
}}

#close_search_fix {
    position: absolute;
    right: 10px;
    top: 10px;
}