html
	{

	}

body
{
	max-width: 550px;
	position:relative;
	background-attachment: fixed;
	font-family: arial, verdana, tahoma, sans-serif;
	font-size: 12px;
	color: #7B7C7C;
	margin: auto;

}

::-webkit-scrollbar 
{
	width: 10px;
}

::-webkit-scrollbar-thumb
{
	background: #783700;
}

::-webkit-scrollbar-thumb:hover
{
	background: #555;
}

.map-game
{
	padding:0px;
	text-align: center;
	font-size: 0px;
	width:100%; 
	height:100%; 
	position: relative;
	display: inline-block;
}

.cell
{
	margin: 0; 
	padding:0; 
	background: #000;
	background-size:cover;
	width: 100%;
	padding-top: 100%;
	display: inline-block;
	position: relative;
}

.ava-img
{
	max-height: 50px;
	max-width: 50px;
}

.pagination
{
	text-align: center;
	margin-right: 50px;
}

.verxryb
{
    text-align: left;
    font-weight: 800;
    color: #66614f;
    padding: 6px;
}

.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;
}

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

.bodyr
{
	background: url(/style/wap/images/bodyr.webp) repeat-y center;
	background-size: contain;
	background-size: 100%;
	margin: 0;
}

.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;
}

.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: #A09738;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding:11px;
	font-size: 13px;
	width:140px;
	font-size: 12px;
	font-weight:bold;
}

.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;
	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;
}

.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;
}

.nik_pass
{
	width:100px;
	font-weight:bold;
	margin-bottom:9px;
	font-size: 15px;
}

img
{
	vertical-align:middle;
}

.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_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;
}

.tim
{
	margin-right:3px;
}

.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;
}

.plan
{
	max-width:90%;
	margin: 0 auto;
	font-weight:bold;
}

.map
{
	background: url(/style/wap/images/mp.png);
	padding: 2px;
	border: 4px solid rgb(14 11 11);
	text-align:center;
	margin-left : 24px;
	margin-right : 24px;
	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;
}

.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);
}

.otremont
{
	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-bottom:7px;
	box-shadow: 0px 2px 2px 0px rgb(0 0 0);
	background: url(/style/wap/images/chm.png);
}

.parentem
{
	display: grid;
	grid-template-columns: 1fr 6fr 5fr;
	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);
}

.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/prof.png) repeat-x;
	display: block;
	border: 2px solid rgb(18 16 16);
	transition: 0.5s;
	padding: 4px;
	margin-bottom:4px;
	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;
}

.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;
}

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

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

.fix_left
{
	width: 50px;
	margin: 5px;
	text-align: center;
	height: 340px;
	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), #2a2722 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), #2a2722 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), #2a2722 60%, #261818);
	padding:4px;
	width: 50px;
	line-height: 25px;
	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), #2a2722 60%, #261818);
	padding:4px;
	width: 50px;
	line-height: 50px;
	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/vrag.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/vrag.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-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;
}

.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
{
	background: url(/style/wap/images/mp.png);
	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;
	width: 28%;
	
	border: 2px dashed #946C2C; /* Пунктирная граница */
	border-radius: 10px; /* Скругление углов */
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Эффект выпуклости */
	transition: all 0.3s ease; /* Плавные анимации для эффектов */
}

.online-lks:hover
{
	background-color: #e0e0e0; /* Цвет фона при наведении */
	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15); /* Более яркий эффект выпуклости */
	transform: translateY(-2px); /* Немного поднимется при наведении */
}

.online-lksa
{
	margin: 0px 30px 0px 30px;
	display: inline-block;
	padding: 2px;
	width: 70%;
	
	border: 2px dashed #946C2C; /* Пунктирная граница */
	border-radius: 10px; /* Скругление углов */
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Эффект выпуклости */
	transition: all 0.3s ease; /* Плавные анимации для эффектов */
}

.online-lksa:hover
{
	background-color: #787878; /* Цвет фона при наведении */
	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15); /* Более яркий эффект выпуклости */
}

#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;
}

.smiles2
{
	overflow: overlay;
	height: 80px;
	margin: 5px 30px 10px 30px;
}

.smiles_menu
{
	overflow: overlay;
	height: 50px;
}

.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
{
	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;
	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;
}