html {

}


body{
	max-width: 550px;
	position:relative;
	background-attachment: fixed;
	font-family: arial, verdana, tahoma, sans-serif;
	font-size: 12px;
	color: #7B7C7C;
	margin: auto;
		background: url(/style/wap/images/bodyr2.png);/* repeat-y center;*/
/*background-size: contain;
background-size: 100%;*/
}
::-webkit-scrollbar {
    width: 2px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #783700;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

.sf-snow-flake {
  position: fixed;
  top: -20px;
  z-index: 99999;
}
.sf-snow-anim {
  top: 110%;
}

.pagination-row {
	overflow: hidden;
	clear: both;
}
.pagination {
	text-align: center;
	margin-right: 50px;
}
.pagination .page-item {
	display: inline-block;
	margin: 1px;
}
.pagination .page-link {
	display: inline-block;
	height: 24px;
	min-width: 24px;
	line-height: 24px;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	border-radius: 3px;
	background: #dddddd14;
	border: 1px solid #0000001a;
	color: #b9b9b9;
}
.pagination a.page-link:hover {
	background: #807e7e14;
}
.pagination .active a.page-link {
	background: #807e7e14;
	color: orange;
	border: 1px solid #80808029;
}
.pagination .separator .page-link {
	background: none;
	border: none;
}
.pagination .disabled .page-link {
	color: gray;
}
a {
	text-decoration: none;
	color: #6c5e5e;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

li {
  float: left;
}

.map-game{
	z-index:100;
}

.outer {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

/* Основной стиль для body */
body {
    margin: 0;
    min-height: 100vh;
}

/* Flex стиль только для нужных страниц */
body.flex-layout {
    display: flex;
    flex-direction: column;
}

.main-content-wrapper {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
}

.bodyr {
    background: url(/style/wap/images/bodyr.png) repeat-y center;
    background-size: contain;
    background-size: 100%;
}
.error{
margin: 7px 33px;
    color: #fff;
    padding: 6px 45px;
    border: 2px solid #622727;
    background: url(/style/wap/images/errorrad.png) no-repeat right top;
    background-color: #852222;
    background-size: 39px;
}


.ok{
    margin: 7px 33px;
    color: #fff;
    padding: 6px 45px;
    border: 2px solid #27622c;
    background: url(/style/wap/images/okad.png) no-repeat right top;
    background-color: #228525;
    background-size: 39px;
}

.complite{
    margin: 7px 33px;
    color: #fff;
    padding: 6px 45px;
    border: 2px solid #b7871c;
    background: url(/style/wap/images/complite.png) no-repeat right top;
    background-color: #bfaa19;
    background-size: 39px;
}



.logo{text-align:center;}
.img_bottom{
background: url(/style/wap/images/img_bottom.png) repeat-x;	
padding:5px;

}

.top{
background: url(/style/wap/images/z1.png) no-repeat left, url(/style/wap/images/z2.png) no-repeat right, url(/style/wap/images/top1.png) repeat-x bottom;		
text-align:center;	
font-size: 12px;
color: #fff;
padding:13px;
position:relative;
}
.form{
text-align:center;	
margin: 6px;
color: #fff;	
}
.copy{
background: url(/style/wap/images/copy.png) no-repeat center;
color: #4c423f;
position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
padding:11px;
font-size: 13px;
width:140px;
font-size: 12px;
font-weight:bold;
}
.zona{
background: url(/style/wap/images/zona.png) no-repeat center;
position:absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
padding:20px;
width:110px;
}
.padding{
padding-left:19px;
padding-right:19px;	
}
.start{text-align:center; margin-top:8px;}
.input{background: url(/style/wap/images/input.png) no-repeat center;padding:22px;width:300px;border:none;margin-top:4px;color: #4c423f;}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    background: url(/style/wap/images/input.png) no-repeat center;
    border: none;
    margin-top: 4px;
    color: #b3acaaf;
} 
.submit1{background: url(/style/wap/images/start1.png) no-repeat center;width: 200px;border: none;margin-top: 3px;cursor: pointer;height: 45px;}
.submit1:hover{background: url(/style/wap/images/start1_2.png) no-repeat center;}
.submit2 {background: url(/style/wap/images/start2.png) no-repeat center;width: 250px;border: none;margin-top: 3px;cursor: pointer;height: 58px;}
.submit2:hover{background: url(/style/wap/images/start2_2.png) no-repeat center;}
.submit3{background: url(/style/wap/images/start3.png) no-repeat center;width: 200px;border: none;margin-top: 3px;cursor: pointer;height: 45px;}
.submit3:hover{background: url(/style/wap/images/start3_2.png) no-repeat center;}
.submit4{background: url(/style/wap/images/start4.png) no-repeat center;width: 200px;border: none;margin-top: 3px;cursor: pointer;height: 45px;}
.submit4:hover{background: url(/style/wap/images/start4_2.png) no-repeat center;}
.submit5{background: url(/style/wap/images/start5.png) no-repeat center;width: 200px;border: none;margin-top: 3px;cursor: pointer;height: 45px;}
.submit5:hover{background: url(/style/wap/images/start5_2.png) no-repeat center;}
.submit6{background: url(/style/wap/images/start6.png) no-repeat center;width: 200px;border: none;margin-top: 3px;cursor: pointer;height: 45px;}
.submit6:hover{background: url(/style/wap/images/start6_2.png) no-repeat center;}
.nik_pass{
width:100px;
font-weight:bold;
margin-bottom:9px;
color: #4c423f;
font-size: 15px;
}
img{vertical-align:middle;}


.bar{
/*background: url(/img/bar.png) no-repeat center;	*/
padding:0;
margin-top: -2px;

}

.resurs{
 display: flex;
 flex-wrap: wrap;	
justify-content: center;
align-items: center;

}
.res {
  width: 20%;
  margin-top: -9px;
  text-align: center;
  margin-right:3px;
  
}
.avka{
width: 65px;
margin-top: 5px;
text-align: center;
margin-right:8px;
border: 5px solid rgb(18 16 16);
object-fit: cover;
}

.avka_prof{
text-align: center;
padding:6px;

}

.avka_prof img{

border: 5px solid rgb(18 16 16);
}

.center{
margin-bottom:6px;
}

.navig{
    background: linear-gradient(0deg, #000000, #261f1c 60%, #060605);
    border: 2px solid rgb(18 16 16);
    text-align: center;
    font-size: 10px;
    color: #a98276;
    width: 70px;

}


.table-responsive
{
margin: 0px 35px;
}

.time{

padding: 2.8px;
text-align: center;
font-size:12px;
color: #a98276;
display: flex;
 flex-wrap: nowrap;	
margin-left:6px;
align-items: center;
}

.tim{margin-right:3px;}



.logs{
background: linear-gradient(0deg, #160d0b, #100f0c, #080402);
    padding: 1px;
    border: 2px solid rgb(18 16 16);
text-align: center;
font-size:10px;
color: #68605d;
}

.progress{
	border: 2px solid rgb(18 16 16);
	width: 60%;
	padding: -1px;
	background: linear-gradient(0deg, #060505, #100f0c, #040403);
	text-align: center;
	margin-left:79px;
	margin-top:-23px;
	font-size: 10px;
	}
.prog{
background: linear-gradient(0deg, #1c2a0b, #3f6612 60%, #1c2a0b);
padding: 8.5px 0px;
}

.life{
background: linear-gradient(0deg, #340805, #9b170d 60%, #340805);
padding: 8.5px 0px;

}

.energy{
 background: linear-gradient(0deg, #061b2c, #255f66 60%, #0b272a);
padding: 8.5px 0px;
}
.radiation{
 background: linear-gradient(0deg, #0d0718, #a1471c 60%, #0d0718);
padding: 8.5px 0px;	
}
.pr{
  background: linear-gradient(0deg, #1e1512, #b59700 60%, #221814);
padding: 6px 0px;
}

.map{
background: url(/style/wap/images/mp.png);	
padding: 2px;
border: 4px solid rgb(14 11 11);
text-align:center;
max-width:84%;
margin: 0 auto;
margin-top:8px;

color: #68605d;
font-size:11px;
font-weight:bold;
position:relative;
}
.map_text{
margin-bottom:4px;	
	
}
.sv{
padding:7px;

display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

.sv a{
margin-left:4px;

}

.svico{
padding:2px;
margin-left:3px;	
}
.razd1{
background: url(/style/wap/images/razd1.png) repeat-x right;
padding:10px;	
color: #68605d;
margin-left:24px;
margin-right:24px;
margin-top:3px;

}
.razd2{
background: url(/style/wap/images/razd2.png) no-repeat left;
padding:8px;	
color: #68605d;
font-size:13px;
font-weight:bold;
}
.nps {
    background: url(/style/wap/images/nps.png) repeat-x;
    color: #8d877e;
    padding: 6px;
    display: block;
    border: 2px solid rgb(18 16 16);
    
    text-align: left;
    margin-left:26px;
margin-right:24px;
margin-top:3px;
    margin-bottom: 2px;
}
.parent {display: grid;grid-template-columns: 1fr 6fr 0fr;grid-template-rows: 1fr;grid-column-gap: 2px;grid-row-gap: 5px;border: 3px solid rgb(16 12 12);
margin-left:26px;
margin-right:24px;
margin-bottom:7px;box-shadow: 0px 2px 2px 0px rgb(0 0 0);background: url(/style/wap/images/chm.png);}
.cht{text-align: center;padding:3px;
color: #835c50;
font-size:13px;
font-weight:bold;
}
.main{
    color: #727058;
    padding: 2px;	
	font-size:13px;
}
.tx{
font-size:10px;
color: #a5804a;
}	

.main img{
    margin: 2px;

}

.page{
margin-right:6px;

background: linear-gradient(0deg, #18100e, #4e4643 60%, #160d0a);
font-size:13px;
font-weight:bold;
padding: 3px 8px 3px 8px;
color: #8d8780;
border: 4px solid rgb(14 12 11);
box-shadow: 0px 1px 1px 0px rgb(217 209 209 / 5%);

}

.strel{
margin-right:6px;

background: linear-gradient(0deg, #4e1908, #9f3f1b 60%, #68230d);
font-size:13px;
font-weight:bold;
padding: 3px 8px 3px 8px;
color: #8d8780;
border: 4px solid rgb(14 12 11);
box-shadow: 0px 1px 1px 0px rgb(217 209 209 / 5%);

}

.col{
background: url(/style/wap/images/cols.png) repeat-y center;
padding:0px;

}
.c1{
padding-left:14px;
padding-right:14px;	
	
}

@media screen and (max-width: 383px){
	.icon_panel{display:none;}
}

@media screen and (max-width: 940px){
.blok_bok_box1-right {
    display:none;
}
.blok_bok_box-left{
    display:none;
}
}
.blok_bok {
    position: absolute;
    width: 230px;
    
    top: 0;
    z-index: 9;
    left: -235px;
    
}


.blok_vust {
    text-align:left;
	margin:-2;
}

.pda-link {
	background: url(/style/wap/images/nps.png) repeat-x;
    display: block;
    border: 2px solid rgb(18 16 16);
    font-size: 14px;
    transition: 0.5s;
    padding: 4px;
    margin-bottom:4px;
	color: #5a5040;
	font-weight: bold;
	
}




.pda-link2 {
	background: url(/style/wap/images/nps.png) repeat-x;
    display: block;
    border: 2px solid rgb(18 16 16);
    font-size: 14px;
    transition: 0.5s;
    padding: 4px;
  margin: 0px 26px;
	color: #5a5040;
	font-weight: bold;
	
}

.pda-link3
{	
background: url(/style/wap/images/nps2.png) repeat-x;
    display: block;
    border: 2px solid rgb(18 16 16);
    font-size: 14px;
    transition: 0.5s;
    padding: 4px;
    margin-bottom:4px;
	color: #5a5040;
	font-weight: bold;
}

.pda-link:hover {
	background: url(/style/wap/images/nps2.png) repeat-x;
	
}
.nps:hover {
	background: url(/style/wap/images/nps2.png) repeat-x;
	
}
.pda-link2:hover {
	background: url(/style/wap/images/nps2.png) repeat-x;
	
}


.blok_bok1 {
    position: absolute;
    width: 230px;
    height: 100%;
    top: 0;
    z-index: 9;
    
    right: -235px;
}
.niz_panel{
background: url(/style/wap/images/niz_panel.png)repeat-x top;
padding-top:14px;
margin-left: 26px;
margin-right: 24px;

text-align: center;
}	
.panel	{
	display:inline-block;
	margin-right:4px;
	width:15%;
	margin-top: 4px;
	color: #645d5d;
	font-size: 12px;
	font-weight: bold;
}
.col_foot{
background: url(/style/wap/images/s1.png) no-repeat left, url(/style/wap/images/s1.png) no-repeat right , url(/style/wap/images/col1_ramka1.png) repeat-x bottom;		
text-align:center;	
font-size: 12px;
color: #fff;
padding:10px;
position:relative;
}

.col_top{
background: url(/style/wap/images/s1.png) no-repeat left, url(/style/wap/images/s1.png) no-repeat right , url(/style/wap/images/col1_ramka.png) repeat-x bottom;		
text-align:center;	
font-size: 12px;
color: #fff;
padding:10px;
position:relative;
}
.col_title{
background: url(/style/wap/images/col_title.png)repeat-x center;		
text-align:center;	
font-size: 12px;
color: #fff;
padding:4px;
margin-left:6px;
margin-right:6px;
}

.col_title2{
background: url(/style/wap/images/col_title2.png) no-repeat center;		
text-align:center;	
font-size: 14px;
color: #74714e;
font-weight: bold;
padding:6px;
}
.col_progress{
	border: 2px solid rgb(18 16 16);
	width: 65%;
	padding: 5px;
	background: linear-gradient(0deg, #082209, #1c481e, #082209);
	text-align: center;
	margin-bottom:6px;
	box-shadow: inset 0px 0px 5px 1px rgb(0 0 0);
	
	}
	
.title{
background: url(/style/wap/images/col_title.png)repeat-x center;		
text-align:center;	
font-size: 12px;
color: #fff;
padding:6px;
margin-left: 26px;
margin-right: 25px;
margin-top:6px;
}	
.title2{
    padding: 6px;
    background: linear-gradient(90deg, #180904, #5e2412 50%, #180702);
    box-shadow: inset 0px 0px 10px 3px rgb(0 0 0);
    width: 50%;
	color: #fff;
	font-weight: bold;
	color: #877d7a;
    font-weight: 800;
	text-shadow: 0px 2px 0px #000000;
	margin: 0 auto;
}	

	
	
	
	
	
	
	
	
.niz_foot{
background: url(/style/wap/images/z1.png) no-repeat left, url(/style/wap/images/z2.png) no-repeat right, url(/style/wap/images/niz1.png) repeat-x bottom;		
text-align:center;	
font-size: 12px;
color: #fff;
padding:12px;
position:relative;
}

.chat_input{
background: url(/style/wap/images/chat_input.png) repeat-x;	
display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
padding:5px;
margin-left: 26px;
margin-right: 24px;
margin-bottom:6px;
}

.chatimg{
width:15%;
padding:10px;
margin-right:3px;	
}


.chatext {
    background-color: #2c2b2a;
    resize: none;
    border: none;
    height: 20px;
    color: #af9595;
    padding: 4px;
    margin-right: 4px;
    border: 3px solid rgb(10 10 10);
    box-shadow: inset 0px 2px 5px 0px rgb(0 0 0);
}
.chatext-boy {
    width: 84%;
    background-color: #2c2b2b;
    resize: none;
    border: none;
    height: 20px;
    color: #af9595;
    padding: 4px;
    margin: 0 auto;
    border: 3px solid rgb(10 10 10);
    box-shadow: inset 0px 2px 4px 0px rgb(0 0 0);
    margin-left: 26px;
    margin-right: 24px;
    margin-bottom: 2px;
}
.center-textrea{
 text-align:center;	
}

.chatselect{
background-color: #2c2b2a;
width:20%;
padding:5px;
margin-right:2px;	
color: #af9595;
border: 3px solid rgb(10 10 10);
}

.button{
background: linear-gradient(0deg, #4e1908, #9f3f1b 60%, #68230d);
width:15%;
padding:6px;
margin-left:4px;
border:none;
border: 4px solid rgb(10 10 10);
box-shadow: inset 0px 0px 7px 0px rgb(0 0 0);
cursor:pointer;
font-size: 13px;
font-weight: bold;
color: #af9595;
}
.shadow {
padding:0;
}
.shadow a:hover img{
box-shadow: 0px 0px 9px 0px rgb(245 10 10 / 57%);
}

.shadow_green {

padding:0;
}
.shadow_green a:hover img{
box-shadow: 0px 0px 8px 0px rgb(133 233 17 / 58%);
}



















.sidrovich {
background: url(/style/wap/images/nps.png);
display: flex;
align-items: flex-start;
border: 2px solid rgb(18 16 16);
margin-left: 26px;
margin-right: 25px;
margin-top:2px;
}

.sidr{
margin-right:-1px;
padding:2px;
width:90px;
}

.sidr img{
border: 2px solid rgb(18 16 16);
margin-top:0;
}

.sidr_text{
margin-right:6px;
padding:3px;
width:100%;
color: #616859;
font-size: 13px;
}


.sid{
	text-align: left;
font-size: 13px;
    display: block;
    font-weight: bold;
    color: #6e5c26;
	margin-bottom:-12px;
    
}


.flex-container {
background: url(/style/wap/images/prof.png);
  display: flex;
  justify-content: center;
  padding: 2px;
    border: 4px solid rgb(14 11 11);
  margin-left: 26px;
    margin-right: 24px;
	margin-bottom:4px;
}

.flex-container-text {
background: url(/style/wap/images/profrext.png);
display: flex;
justify-content: center;
padding: 2px;
border: 4px solid rgb(14 11 11);
margin-left: 26px;
margin-right: 24px;
margin-bottom:3px;	
}


.fixis {
  display: flex;
  justify-content: center;
  
}

.fix_left {
  
  width: 50px;
  margin: 5px;
  text-align: center;
  height: 280px;
  font-size: 15px;
}

.fix_right {
  
  width: 50px;
  margin: 5px;
  text-align: center;
  height: 280px;
  font-size: 15px;
}

.fix_center {
  
  width: 215px;
  margin: 5px;
  text-align: center;
  height: 280px;
  font-size: 15px;
}

@media screen and (max-width: 410px){
.fix_center{
    width: 210px;
}
}

@media screen and (max-width: 400px){
.fix_center{
    width: 195px;
}
}

@media screen and (max-width: 385px){
.fix_center{
    width: 185px;
}
}

@media screen and (max-width: 375px){
.fix_center{
    width: 180px;
}
}

@media screen and (max-width: 370px){
.fix_center{
    width: 170px;
}
}

@media screen and (max-width: 320px){
.fix_center{
    width: 130px;
}
}

 @media screen and (max-width: 415px){
.invent-ico{

width: 58px !important;
height: 52px !important;
}
.invent{
width: 56px !important;
margin: 0 auto !important;
}
}

@media screen and (max-width: 386px){
.invent-ico{
margin: 2px 1px 1px 2px !important;
width: 58px !important;
height: 52px !important;
}
}

@media screen and (max-width: 374px){
.invent-ico{
margin: 2px 2px 2px -2px !important;
width: 58px !important;
height: 52px !important;
}
}

@media screen and (max-width: 362px){
.invent-ico{
margin: 2px 2px 2px 2px !important;
width: 52px !important;
height: 52px !important;
}

.invent{
width: 52px !important;
margin: 0 auto !important;
}
}
.invent-ico {
background: url(/style/wap/images/vrag.png);  
margin: 3px 3px 3px 3px;  
width:65px;  
height:52px;
padding: 4px;
border: 3px solid rgb(14 11 11);
text-align:center;
box-shadow: inset 0px 0px 4px 1px rgb(0 0 0);
}
.invent{
background: #1a665f;
padding: 1px 1px 1px 1px;
text-align: center;
font-size: 11px;
color: #fff;
border-radius:20px;  
width: 60px;
margin: 0 auto;
}

.fix1{
background: linear-gradient(0deg, rgb(22 15 15), #05152e 60%, #261818);
padding:4px;
width: 50px;
line-height: 30px;
margin-bottom:4px;
box-shadow: inset 0px 0px 7px 2px rgb(0 0 0);
border: 2px solid rgb(18 16 16);
}

.fix0{
background: linear-gradient(0deg, rgb(22 15 15), #05152e 60%, #261818);
padding:4px;
width: 35px;
line-height: 30px;
margin-bottom:13px;
box-shadow: inset 0px 0px 7px 2px rgb(0 0 0);
border: 2px solid rgb(18 16 16);
}

.fix2{
background: linear-gradient(0deg, rgb(22 15 15), #05152e 60%, #261818);
padding:4px;
width: 30px;
line-height: 25px;
margin: 0px 3px 0px 3px;
box-shadow: inset 0px 0px 7px 2px rgb(0 0 0);
border: 2px solid rgb(18 16 16);
}

.fix3{
background: linear-gradient(0deg, rgb(22 15 15), #05152e 60%, #261818);
padding:4px;
width: 50px;
line-height: 65px;
margin-bottom:4px;
box-shadow: inset 0px 0px 7px 2px rgb(0 0 0);
border: 2px solid rgb(18 16 16);
}
.flextext{
color: #5a5040;
padding:1px;	
margin: 0;	
font-size: 11px;
font-weight: 800;
}
.flextext1{
color: #5a5040;
padding:2px;	
margin-left: -1px;
font-size: 11px;
font-weight: 800;	
}
.flex-container-medal {
background: url(/style/wap/images/profrext.png);
  display: flex;
  justify-content: center;
  padding: 2px;
    border: 4px solid rgb(14 11 11);
  margin-left: 26px;
    margin-right: 24px;
	margin-bottom:3px;
}
.flex-container-link {
background: url(/style/wap/images/mp.png);
display: flex;
justify-content: center;
padding: 2px;
border: 2px solid rgb(14 11 11);
margin-left: 26px;
margin-right: 24px;
	
}

.flex-info {
background: url(/style/wap/images/profrext.png);
padding: 2px;
border: 4px solid rgb(14 11 11);
margin-left: 26px;
margin-right: 24px;
margin-bottom:3px;	
}

.flex-resurs {
background: url(/style/wap/images/mp.png);
display: flex;
justify-content: center;
padding: 2px;
border: 4px solid rgb(14 11 11);
margin-left: 26px;
margin-right: 24px;
margin-bottom:3px;
	
}

.prof-link{
background: linear-gradient(0deg, #141611, #343a2e 50%, #0e100b);
    text-align: center;
    width: 25%;
    border: 2px solid rgb(18 16 16);
    padding: 5px;
    margin: 0px 7px 0px 7px;
    color: #6c6e68;
    box-shadow: inset 0px 0px 12px 1px rgb(0 0 0);
	text-shadow: 0px 1px 0px #000000;
	font-size: 13px;
    font-weight: 800;
}
.prof-res {
  width: 50%;
  margin-top:2px;
  text-align: center;
  margin: 0px 3px 0px 3px;
  
}

.prof-text {
	font-size: 11px;
    font-weight: 800;
  text-align: left;
  color: #544844;
}

.prof-navig{
background: linear-gradient(0deg, #000000, #261f1c 60%, #060605);
padding: 0;
border: 2px solid rgb(18 16 16);
text-align: center;
font-size:10px;
color: #a98276;
margin-bottom:3px;

}

.prof-life {
    background: linear-gradient(0deg, #340805, #9b170d 60%, #340805);
    padding: 9px 0px;
	
}

.prof-reput {
    background: linear-gradient(0deg, #1c2a0b, #3f6612 60%, #1c2a0b);
    padding: 9px 0px;
	
}

.prof-energy {
    background: linear-gradient(0deg, #061b2c, #255f66 60%, #0b272a);
   padding: 9px 0px;
}

.prof-opit {
    background: linear-gradient(0deg, #1e1512, #604236 60%, #221814);
    padding: 9px 0px;
}

.prof-radiac {
    background: linear-gradient(0deg, #0d0718, #a1471c 60%, #0d0718);
    padding: 9px 0px;
}

.prof-rang {
    background: linear-gradient(0deg, #073627, #249d87 60%, #083422);
    padding: 9px 0px;
}

.prof-razdel {
	background: url(/style/wap/images/prof.png);
    font-size: 14px;
    display: block;
    font-weight: bold;
    color: #66614f;
	margin-bottom:5px;
	border: 2px solid rgb(14 11 11);
	padding: 6px;
	box-shadow: 0px 2px 2px 0px rgb(0 0 0);
    
}

.fight-container{
	background: url(/style/wap/images/mp.png);
    display: flex;
    flex-wrap: nowrap;
    padding: 2px;
    border: 2px solid rgb(14 11 11);
    margin-left: 26px;
    margin-right: 24px;
	
}

.fight-avka {
    width: 55px;
    
    text-align: center;
    margin-right: 1px;
    border: 4px solid rgb(18 16 16);
    
}
.fight-res {
    width: 50%;
    text-align: center;
    margin: 0px 3px 0px 3px;
}
.fight-text
{
font-size: 11px;	
font-weight: 700;	
text-align:left;
color: #66614f;	
}

.fight-text img
{
width:12px;
height: 14px;
vertical-align: top;	
}

.ls{
	
margin-right: 5px;
font-size: 12px;	
font-weight: 800;	
text-align:left;
color: #66614f;	
}

.lk{
margin: 0px 5px 0px 5px;
display: inline-block;
	
}
.str-lk{
margin: 0px 3px 0px 3px;
display: inline-block;
	
}
.lks{
margin: 0px 3px 0px 3px;	
display: inline-block;
padding: 2px;
outline: 2px dashed rgb(42 39 39 / 80%);
width:20%;
}

.lk-flex{
 display: flex;
    flex-wrap: nowrap;	
}
.bl {
	margin-top:4px;
	white-space: nowrap;
  display: inline-block;
}

.fight-container-boy{
	background: url(/style/wap/images/mp.png);
    display: flex;
    flex-wrap: nowrap;
    padding: 2px;
    border: 2px solid rgb(14 11 11);
    margin-left: 26px;
    margin-right: 24px;
	align-items: center;
    justify-content: center;
	
}
.fight-boy{
position:relative;
padding: 2px;
margin: 0px 3px 0px 3px;
width:50%;	
}

.fight-boy1{
position:relative;
padding: 2px;
margin: 0px 3px 0px 3px;
width:20%;	
}


.fight-boy-center{
padding: 8px;
background: url(/style/wap/images/nps.png);
border-right: 3px solid rgb(12 11 11);	
border-left: 3px solid rgb(12 11 11);	

}

.leftext {
	vertical-align: top;
    float:left;
    margin: 3px 3px 3px 0;
	font-size: 11px;
	color: #66614f;	
   }
   
 .leftext2 {
	 vertical-align: top;
    float:left;
    margin: 3px 3px 3px 0;
	font-size: 12px;
	color: #66614f;
	font-weight: 800;
   }  
   
   .leftext3 {
	 vertical-align: top;
    float:left;
    margin-bottom: 17px;
	font-size: 12px;
	color: #66614f;
	font-weight: 800;
   }  
   
.fight-vrag{
background: url(/style/wap/images/vrag.png);	
padding: 8px;	
text-align:center;
border: 2px solid rgb(14 11 11);
margin-left: 26px;
margin-right: 24px;
font-size: 12px;	
font-weight: 800;	
color: #66614f;	
margin-top:3px;	
}

.lini{
background: linear-gradient(0deg, #340805, #9b170d 60%, #340805);
padding:3px;
border: 2px solid rgb(14 11 11);
width:55px;	
}
span.plot{
font-size: 10px;
color: #b96348;	
}

span.count1{

background: #1a665f;
font-size: 10px;
color: #fff;

border-radius:50px;	
top: 18px;
left: 46px;
padding: 3px 6px 3px 6px;
text-align:center;
}

span.count2{

background: #1a665f;
font-size: 10px;
color: #fff;


border-radius:50px;	
top: 18px;
left: 85px;
padding: 3px 6px 3px 6px;
text-align:center;

}

span.count3{

background: #1a665f;
font-size: 10px;
color: #fff;


border-radius:50px;	
top: 18px;
left: 119px;
padding: 3px 6px 3px 6px;
text-align:center;
}


span.count4{

background: #1a665f;
font-size: 10px;
color: #fff;


border-radius:50px;	
top: 18px;
left: 155px;
padding: 3px 6px 3px 6px;
text-align:center;
}







.flex-soyz{
background: url(/style/wap/images/mp.png);
    display: flex;
    flex-wrap: nowrap;
    padding: 2px;
    border: 2px solid rgb(14 11 11);
    margin-left: 26px;
    margin-right: 24px;
    align-items: center;
 }
.msg{
border: 2px solid rgb(14 11 11);	
}

.hp100{
text-align:center;
padding: 1px;
font-weight: 800;	
}

.lks-button{
background: linear-gradient(0deg, #140702, #442015 60%, #140602);
box-shadow: inset 0px 0px 4px 1px rgb(0 0 0);
text-align:center;
margin: 0px 3px 0px 3px;
display: inline-block;
padding: 6px;
border: 3px solid rgb(14 11 11);
width:50%;
color: #817b79;
font-weight: 800;
font-size: 12px;
}

.lks-checkbox{
text-align:center;
margin: 0px 3px 0px 3px;
outline: 3px dashed rgb(32 31 31 / 80%);
padding: 2px;
width:50%;
color: #817b79;
font-weight: 800;
font-size: 12px;
}




.fight-container-button {
    
    display: flex;
    flex-wrap: nowrap;
    padding: 2px;
    
    margin-left: 26px;
    margin-right: 24px;
    align-items: center;
    justify-content: center;
}
.glav-chat{
background: url(/style/wap/images/glav_chat.png);
text-align:left;
margin-bottom: 4px;
padding: 5px;
border: 2px solid rgb(14 11 11);
color: #6a5638;
font-weight: 800;
font-size: 12px;
margin-left: 26px;
margin-right: 24px;
}
span.chats{
font-size: 10px;
    color: #5f6458;	
}
.checkbox
{
border: 2px solid #555555;
background-color: #000;	
}
.flex-invent {
    background: url(/style/wap/images/invent.png);
    display: flex;
    flex-wrap: wrap;
    padding: 2px;
    border: 2px solid rgb(14 11 11);
    margin-left: 26px;
    margin-right: 24px;
    align-items: center;
    
}

.invent-ico {
background: url(/style/wap/images/vrag.png);	
margin: 3px 3px 3px 3px;	
width:65px;	
line-height:20px;
padding: 4px;
border: 3px solid rgb(14 11 11);
text-align:center;
box-shadow: inset 0px 0px 4px 1px rgb(0 0 0);
}

.flex-invent1 {
    background: url(/style/wap/images/invent.png);
    display: flex;
    flex-wrap: wrap;
    padding: 2px;
    border: 2px solid rgb(14 11 11);
    margin-left: 26px;
    margin-right: 24px;
    align-items: center;
}

.invent1-ico1 {
    background: url(/style/wap/images/vrag.png);
    margin: 3px 3px 3px 3px;
    width: 65px;
    line-height: 20px;
    padding: 4px;
    border: 3px solid rgb(14 11 11);
    text-align: center;
    box-shadow: inset 0px 0px 4px 1px rgb(0 0 0);
}

.invent1 {
    background: #1a665f;
    padding: 1px 1px 1px 1px;
    text-align: center;
    font-size: 11px;
    color: #fff;
    border-radius: 20px;
    width: 60px;
    margin: 0 auto;
}

span.invent{
background: #1a665f;
padding: 1px 6px 1px 6px;
text-align: center;
font-size: 11px;
color: #fff;
border-radius:20px;	
}

.invent-chis{
background: url(/style/wap/images/invent.png);	
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
padding: 2px;
border: 2px solid rgb(14 11 11);
margin-left: 26px;
margin-right: 24px;	
}
.invent-t{
margin: 0px 3px 0px 3px;	
padding: 4px;
font-size: 10px;
color: #5f6458;	
font-weight: 800;
}
.start-game{
padding: 4px;
border: 2px solid rgb(14 11 11);
margin-left: 26px;
margin-right: 24px;		
text-align: center;
font-size: 13px;
font-weight: 800;
	color: #6c5e5e;
}

.fight-text5 {
    font-size: 11px;
    font-weight: 700;
    text-align: left;
    color: #66614f;
    float: right;
}
.boy-container{
    background: url(/style/wap/images/mp.png);
    display: flex;
    justify-content: center;
    padding: 2px;
    border: 2px solid rgb(14 11 11);
    margin-left: 26px;
    margin-right: 24px;
}

.strel-flex {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}
.torgi{
margin: 0px 5px 0px 5px;	
padding: 3px;
font-weight: bold;
font-size: 11px;
display: inline-block;
outline: 2px dashed rgb(42 39 39 / 80%);
}

.sidr_text5{
text-align: left;
margin-left:6px;
padding:8px;
width:100%;
color: #72564d;
font-weight: bold;
font-size: 13px;
}
span.sizes{
font-size: 11px;
color: #ab6954;
}


.torg-center {
    background: url(/style/wap/images/vrag.png);
    padding: 5px;
    text-align: left;
    border: 2px solid rgb(14 11 11);
    margin-left: 26px;
    margin-right: 24px;
    font-size: 12px;
   
    color: #66614f;
	margin-bottom: 3px;
   
}

span.sizes2 {
    font-size: 11px;
    color: #ab6954;
}

.online-user {
    margin-left: 6px;
    padding: 3px;
    width: 75%;
    color: #575a54;
    font-weight: bold;
    font-size: 13px;
}

.online-user-ava {
	background: url(/style/wap/images/online_ava.png);
    margin-right:-2px;
    width: 100px;
	border: 4px solid rgb(14 11 11);
}
.online-user-ava img {
	
	border: 2px solid rgb(14 11 11);
	
}

.online-user-content {
    background: url(/style/wap/images/prof.png);
    display: flex;
    align-items: flex-start;
    border: 3px solid rgb(18 16 16);
       margin-left: 3px;
    margin-right: 3px;
    margin-top: 2px;
	margin-bottom:4px;
	padding: 4px;
	box-shadow: 0px 0px 6px 1px rgb(0 0 0);
}

span.online-span {
    font-size: 13px;
    color: #8a8d8a;
}
span.vip {
	background-color: #a32c06;
	border-radius: 10px 100px / 120px;
    font-size: 10px;
    color: #fff;
	padding: 2px;
	margin-left:2px;
}

.online-link {
    background: url(/style/wap/images/vrag.png);
    padding: 6px;
    text-align: center;
    border: 2px solid rgb(14 11 11);
    margin-left: 26px;
    margin-right: 24px;
    font-size: 12px;
    font-weight: 800;
    color: #66614f;
    margin-top: 3px;
}

.online-lks {
    margin: 0px 3px 0px 3px;
    display: inline-block;
    padding: 2px;
    outline: 2px dashed rgb(42 39 39 / 80%);
    width: 28%;
}

#img img{

    max-width: 100%;	
	text-align: center;
}
.menu-img{
	text-align: center;
	margin-left: 26px;
    margin-right: 24px;
	}
	
	.menu-news{
    background: url(/style/wap/images/prof.png);
    display: flex;
    align-items: flex-start;
    border: 2px solid rgb(18 16 16);
    margin-left: 26px;
    margin-right: 25px;
    margin-top: 2px;
	margin-bottom:4px;
}

.menu-jour {
    margin-right: -2px;
    padding: 4px;
    width: 45px;
}
 
.menu-links2{
    
text-align: left;
    
margin-left: 26px;
    
margin-right: 26px;
    
font-size: 12px;
    
font-weight: 800;
    
color: #66614f;
    
margin-bottom: 3px;
}
 .dliatela {
    visibility: hidden;
    display: none;
  }




@media screen and (max-width: 600px) {
  .dliapc {
    visibility: hidden;
    display: none;
  }
  
    .dliatela {
      visibility: visible;
    display: block;
  }
  
}

.dialog {
	margin: 6px 30px;
}
.smiles {
    overflow: overlay;
    height: 300px;
    margin: 5px 30px 10px 30px;
}


.flex-containers {
    background: url(/style/wap/images/prof.png);
    display: flex;
    justify-content: flex-start;
    padding: 2px;
    border: 4px solid rgb(14 11 11);
    margin-left: 26px;
    margin-right: 24px;
    margin-bottom: 4px; 
    height: 105px;
}

.res1{
	flex: 0 0 auto; 
  border: 5px solid rgb(18 16 16);
  width: 80px;
  margin-right: 5px;
  text-align: center;
  height: 68px;
  
}
.res2{
  
  width: 100%;
  margin: 0;
  text-align: center;
 
}

.res3{
 
  width: 10%;
  margin: 0;
  text-align: center;
 
}

.navi {
    background: linear-gradient(0deg, #000000, #261f1c 60%, #060605);
    width: 100%;
    border: 2px solid rgb(14 11 11);
    margin-right: 4px;
    margin-bottom: 4px;
    text-align: center;
    padding: 0;
	position: relative;
}

.navi2 {
    background: linear-gradient(0deg, #000000, #261f1c 60%, #060605);
    width: 100%;
    margin-right: 4px;
	border: 2px solid rgb(14 11 11);
    text-align: center;
    padding: 0;
    margin-bottom: 4px;
	position: relative;
}
.disat{
display: flex;
}
.icon-png {
    margin-right: 3px;
    padding: 0px;
  
}
span.font-size{
font-size: 11px;
    color: #a98276;	
position: absolute;
  left: 50%;
    transform: translate(-50%, -50%);	
}

.lif1 {
    background: linear-gradient(0deg, #2a0310, #72022a 60%, #2a0310);
    width: 50%;
    padding: 8px 0px;
}

.lif2 {
    background: linear-gradient(0deg, #011a18, #2e4846 60%, #011a18);
    width: 50%;
       padding: 8px 0px;
}
.lif3 {
    background: linear-gradient(0deg, #040928, #45385a 60%, #040928);
    width: 50%;
     padding: 8px 0px;
}
.lif4 {
    background: linear-gradient(0deg, #1a1103, #5a3a0a 60%, #1a1002);
    width: 50%;
    padding: 8px 0px;
}
.lif5 {
    background: linear-gradient(0deg, #131a0a, #4b6828 60%, #131a0a);
    width: 50%;
       padding: 8px 0px;
}
.ava-nick{
background: url(/style/wap/images/vrag.png);	
border: 3px solid rgb(14 11 11);
padding: 2px;
margin-top:7px;	
color: #645d5d;
font-size: 12px;
font-weight: bold;
width: 80px;
margin-left:-6px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}


@media screen and (max-width: 320px){
span.font-size{
font-size: 8px;
    
	
}
}

.panlink {
    display: inline-block;
    margin-right: 5px;
    
    color: #645d5d;
    font-size: 16px;
    font-weight: bold;
}
.clock{
padding: 2px;
margin-top:4px;	
color: #645d5d;
}

.knopka {
    background-color: #0e0e0e;
    background-image: repeating-linear-gradient(135deg, #000000, #000000 10%, #000000d1 10%, #6632320d 50% ), repeating-linear-gradient(44deg, #000000, #000000 10%, transparent 10%, #00000066 50% );
    background-size: 7px 6px;
    padding: 0;
    border-right: 3px solid #020202;
    border-left: 3px solid #000000;
    border-top: 3px solid #0e0e0e;
    border-bottom: 3px solid #0e0e0e;
   
}
    

.knopka2 {
    background: linear-gradient(89deg, #32140a, #85280a 50%, #32140a);
    padding: 8px;
    border: 2px solid #000;
    text-align: center;
    box-shadow: inset 0px 0px 20px 7px rgb(0 0 0);
    color: #8d7270;
    font-size: 16px;
    font-weight: bold;
    opacity: 0.6;
}
.border {
    border-right: 3px solid #0e0e0e;
    border-left: 3px solid #0e0e0e;
    border-top: 3px solid #000000;
    border-bottom: 3px solid #000000;
    margin-bottom: 15px;
    width: 150px;
    margin: 15px auto;
}



.chatblock
{
	/*width:89%;*/
	margin-left: 26px;
    margin-right: 24px;
	margin-top: 2px;
	box-shadow: 0px 2px 2px 0px rgb(0 0 0);
	background: url(/style/wap/images/chm.png);
	display: flex;
	/*margin:  2px 28px;*/
	border: 3px solid rgb(16 12 12);
}


.cont {
	display: flex;
    flex-wrap: wrap;
	justify-content: center;
}

.cont-block {
	padding: 10px;border: dashed 2px #464646;border-radius: 10px;margin-right: 5px;margin-bottom: 5px;text-align: center;
}