body {

max-width:480px;
font-family:Verdana, Arial, sans-serif;
font-size:13px;
color:#160000;
background-color:#521212;
margin:0 auto;
}

a {
text-decoration:underline;
color:#850E0E;
outline:none;
}

.menu li {
list-style:none;
border-bottom:#F0BF9B solid 1px;
margin:0;
}

.menu li:hover {
background-color:#ED9B61;
}

.menu li:last-child {
border:0;
}

.menu a {
text-decoration:none;
display:block;
padding:6px;
font-weight: bold;
}

.b_menu a {
text-decoration:none;
display:block;
padding:6px;
}

.a_block a {
text-decoration:none;
display:block;
}

.standart a {
text-decoration:none;
padding:6px;
font-weight: bold;
}

.standart color {
color:#0133A6;
font-weight: normal;
}

.standart b, .standart3 b {
font-weight: bold;
}

.standart2 a {
text-decoration:none;
padding:3px;
font-weight: bold;
}

.standart3 a {
text-decoration:none;
padding:1px;
font-weight: bold;
}

.standart4 a {
text-decoration:none;
padding:1px;
}

.forum a {
text-decoration:none;
font-weight: bold;
color:#850E0E;
outline:none;
font-weight: bold;
}

.foot a {
text-decoration:none;
color:#C9C9C9;
font-weight: bold;
}
.foot a:hover, foot a:active  {
text-decoration:underline;
font-weight: bold;
}


.footest a {
text-decoration:underline;
color:#9C9C9C;
font-size: 12px;
}


.main {
background-color:#FFF5CB;
}

.top {
background-color:#A23232;
padding:4px 0 3px 7px;
color:#B8B8B8;
}

b {
font-size:100%;
font-weight:700;
color:#47311F;
padding:1px 0;
}

h3 {font-size: small;font-weight:bold;color:#6B4508;text-align:center;}

small {font-size:85%; color:#8E7206;}
small2 {font-size:85%; color:#139000;}
attent { color:#200081; font-weight: bold;}
grey { color:#9C9C9C;}
mod { color:#B76100;}
adm { color:#200081;}

.button {
	background-image:url(../../img/style/main/submit.png);
	background-color:#B61313;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:0px solid #1D1C1C;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana;
	font-size:12px;
	font-weight:normal;
	height: 22px;
	padding:0px 27px;
	text-decoration:none; margin-top:5px;
}

.chat_button {
	background-image:url(../../img/style/main/submit.png);
	background-color:#B61313;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:0px solid #1D1C1C;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana;
	font-size:12px;
	font-weight:normal;
	height: 22px;
	padding:0px 27px;
	text-decoration:none;
}

.block_line {
	padding:3px;
	background-color:#AEAE94; /* нужно изменить на более светлый/темный чем AEAE94 */
	border:#AEAE94 solid 1px;
	font-weight:bold;
	margin-top:2px; margin-bottom:2px; margin-left:8px; margin-right:8px;
	background-image:url(../../img/style/main/block_line2.png);
	-moz-border-radius:32px;
	-webkit-border-radius:32px;
	border-radius:32px;
}

.battle_log {
	padding:3px; margin: 2px 3px; text-align:left; text-indent:1%;
	background-color:#FFF8D6;
	border:#B4B2A9 solid 1px;
	background-image:url(../../img/style/main/battle_log_skin5.png);
}

.island_log {
	padding:3px; margin: 6px 7px; text-align:left; text-indent:1%;
	background-color:#9C856B;
	border:#655323 solid 3px;
	background-image:url(../../img/style/main/island_1_2.png);
}

.angels_ground {
	padding:3px; margin: 2px 3px; text-align:left; text-indent:1%;
	background-color:#000000;
	border:#B4B2A9 solid 1px;
	background-image:url(../../img/style/main/angels.png);
}

.margin_top {margin-top:6px;}
.margin_bottom {margin-bottom:6px;}
.medium_margin {margin-bottom:5px;}
.min_margin {margin-bottom:2px;}
.foot_margin {margin-bottom:8px;}
.max_margin {margin-bottom:10px;}

.main_top {
background-color:#141111;
background-image:url(../../img/style/main/bg_header.png);
padding:4px;
}

.main_foot {
background-color:#141111;
background-image:url(../../img/style/main/bg_header.png);
padding:8px;
}

.main_img {
padding:4px;
text-align:center;
}


input {
vertical-align:middle;
font-size:13px;
margin:0;
padding:0;
}

input.text, textarea.text{
background-color:#FCE6A3;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
font-family:Verdana;
color:#160000;
border:1px solid #E1B530;
margin:2px 0 3px;
padding:2px 1px 3px;
height:4%;
}

textarea.text {
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}



select {
background-color:#FCE6A3;
font-family:Verdana;
color:#47311F;
border:1px solid #E1B530;
width:45%;
font-size:13px;
padding:2px 3px 3px 2px;
}

span {
text-decoration:none;
}



h1,h2 {
font-weight:400;
}

h1 {
font-size:17px;
margin:0;
}

h2 {
font-size:15px;
margin:0;
padding:4px 4px 4px 0;
}

li {
list-style:none;
}


ul,li {
list-style:square;
margin:0 0 0 10px;
padding:1px;
}



.line {
background-image:url(../../img/style/main/line.png);
background-color:#595850; 
background-repeat:repeat-x;
background-position:bottom left;
padding-top:5px;
}

.layer {
color: #7F6A00;
}

.exp-layer, .hero-layer {
color: #7F6A00;
padding: 0;
}

.exp-layer {
background: #58C53F; 
}

.hero-layer {
background: #1C3A9A; 
}

.exp-layer2, .hero-layer2 {
width: 466px; 
padding: 1px 7px;
}

.exp-layer2 {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.hero-layer2 {
border-bottom: 1px solid #ccc;
}

.mini-line, .mini-line2, .gline {
border:0;
margin:0;
padding:0;
}

.mini-line {
border-top:#A6A6A6 solid 1px;
}

.mini-line2 {
border-top:#A6A6A6 solid 2px;
}

.gline {
border-top:#E4CB9F solid 1px;
}

.point-line {
border:0;
border-bottom:#A6A6A6 dotted 1px;
margin:0;
padding:0;
}

table {
margin:5px;
}

img {
border:0;
vertical-align:middle;
}

img.sub {
border:0;
vertical-align:-3px;
}

/*img.picture {
float:left;
margin-right:4px;
margin-bottom:4px;
}*/



.menu img {
padding:0 5px 0 0;
}

.menu p, .main p {
margin:0;
padding:5px 0px 5px 7px;
margin-right:5px;
}


.note {
color:#DC3B00;
margin:0;
padding:5px 0px 5px 7px;
font-size:85%;
}

.error, .success {
padding:4px;
background-color:#383838;
border:#504E4A solid 1px;
font-weight:bold;
margin-left:8px; margin-right:8px;
-moz-border-radius:32px;
-webkit-border-radius:32px;
border-radius:32px;
}

.error {
color:#DA1515;
}

.success {
color:#259C00;
}

.grey {
color:#9C9C9C;
}

.dark-grey {
color:#808080;
}

.grey_footer {
color:#9C9C9C;
}

.small {
font-size:85%;
}

.smallest {
font-size:75%;
}

.center {
text-align:center;
}

.right {
text-align:right;
}

.admin {
color:red;
}

.moder {
color:green;
}

.green {
color:#55AE3A;
}

.dark-green {
color:#139100;
}

.darkest-green {
color:#118000;
}

.darkest-green2 {
color:#0F7100;
}

.black {
color:#000000;
}

.light-black {
color:#3D2600;
}

.blue {
color:#000061;
}

.dark-blue {
color: #1C3A9A; 
}

.light-blue {
color: #0881C2; 
}

.purple {
color:#7D26CD;
}

.dark-purple {
color:#6A20B0;
}

.red {
color:#AF0000;
}

.dark-red {
color:#ED0000;
}

.darkest-red {
color:#CD0000;
}

.darkest-red2 {
color:#CD0000;
}

.gold {
color:#E99700;	
}

.special-red {
color:#C85D5D;	
}

.brown {
color:#C37200;
}

.brown-bold {
color:#B76100;
font-weight:bold;
}

.dark-brown {
color:#A96300;
}

.dark-brown2 {
color:#654623;
}

.orange {
color:#E89506;
}

.gold_account {
color:#E99800;
}

.platinum_account {
color:#00C2D7;
}

.brilliant_account {
color:#8565C5;
}

.vip_account {
color:#0F7100;
}

.legend_account {
color:#CD0000;
}

.legendary {
color:#FF4000;
font-size:21px;
font-family:Romul, Verdana, Arial, sans-serif;
}

.angels_legendary {
color:#3257D1;
font-size:21px;
font-family:Romul, Verdana, Arial, sans-serif;
}

.bold {
font-weight:700;
}

.modification {
color: #196B00;
font-weight:bold;
}

.main_title {
	padding:3px;
	background-color:#AEAE94;
	border:#AEAE94 solid 1px;
	font-weight:bold;
	margin-top:2px; margin-bottom:2px; margin-left:8px; margin-right:8px;
	background-image:url(../../img/style/main/block_line2.png);
	-moz-border-radius:32px;
	-webkit-border-radius:32px;
	border-radius:32px;
}

.hunt {
background:url('../../img/locations/hunt.jpg') no-repeat;
width:220px; height:122px;
}



html,div,span,h1,h2,form,p,img,ul,li,.menu {
margin:0;
padding:0;
}

input.battle {
width:33%; height:4%;
}

input.short,textarea.short {
width:45%; height:4%;
}

input.long,textarea.long {
width:70%; height:4%;
}
input.longest {
width:96%; height:5%; padding:3px;
}
input.longest,textarea.longest {
width:96%; height:5%; padding:3px;
}

.small_button {
	background-image:url(../../img/style/main/submit.png);
	background-color:#B61313;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:0px solid #1D1C1C;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana;
	font-size:12px;
	font-weight:normal;
	height: 22px;
	width:35px;
	margin-bottom:7px;
	text-decoration:none; margin-top:5px;
	text-align:center;
}

.forum_vote_line {
width:98%;
height:15px;
margin:auto;
margin-top:3px;
border:#A68242 solid 1px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}

.forum_vote_line_inside {
height:100%;
background:#BFB5A2;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}

.di_gifts {
display:inline-block;
}

.smilebtn {
background-image:url('../../img/smiles/).gif');
background-color:transparent;
border:none;
min-width:20px;
min-height:20px;
display:inline-block;
}

.dlg1 {
 background:#FFF0AF;
 border:#A68039 solid 1px;
 margin:4px 4px 4px 4px;
 padding:8px;
 border-radius:5px;
}

.dlg2 {
 background:#FFEA8B;
 border:#A67C2D solid 1px;
 margin:0 4px 4px 4px;
 padding:8px;
 border-radius:5px;
}

.dlg_nr {
 background:#FFF0AF;
 border:#A1580A solid 2px;
 margin:0 4px 4px 4px;
 padding:8px;
 border-radius:5px;
}

.dlg_nr1 {
 background:#FFEA8B;
 border:#A1580A solid 2px;
 margin:0 4px 4px 4px;
 padding:8px;
 border-radius:5px;
}

.col_di_login {
 color:#927132;
}

.col_di_text {
 color:#333;
}

/*################## PVP ##################*/
.battle_log p {
	text-indent: 0;
	position: relative;
}
.battle_log .float-right {
	position: absolute;
	right: 5px;
}
.battle_log .float-right.float-center {
	top: 1px;
}
.battle_log .float-right.float-top {
	top: 7px;
}
.battle_log .float-right.float-bottom {
	bottom: 7px;
}
.nowrap {
	white-space: nowrap;
}
@media (max-width: 350px) {
	.nowrap {
		white-space: unset;
	}
}
@media (max-width: 390px) {
	.battle_log .float-right {
		position: inherit;
		right: 0;
	}
	.battle_log .float-right.float-bottom {
		bottom: 0;
	}
	.battle_log .float-right.float-top {
		top: 0 !important;
	}
}
.main .p_fighters {
	line-height: 26px;
	padding-top: 2px;
}
.border-radius3 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.border-radius5 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.inset-shadow-block, a.inset-shadow-block {
	position: relative;
	padding: 0 4px 2px 4px;
	display: inline-block;
}
.inset-shadow-block.small-text {
	font-size: 11px;
	line-height: 21px;
}
.inset-shadow-block .health-block {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
}
.grey-border {
	border: #b8b8b8 solid 1px;
}
.green-border {
	border: rgba(99, 190, 85, 0.49) solid 1px;
	top: -1px;
	background: rgba(99, 190, 85, 0.09);
}
.brown-border {
	border: rgba(252, 156, 21, 0.64) solid 1px;
	top: -1px;
	background: rgba(252, 156, 21, 0.09);
}
.blue-border {
	border: rgba(100, 124, 201, 0.46) solid 1px;
	top: -1px;
	background: rgba(100, 124, 201, 0.09);
}
.purple-border {
	border: rgba(76, 0, 147, 0.25) solid 1px;
	top: -1px;
	background: rgba(76, 0, 147, 0.09);
}
.red-border {
	border: rgba(217, 89, 67, 0.51) solid 1px;
	top: -1px;
	background: rgba(217, 89, 67, 0.09);
}
.none-border {
	border-right: none;
}
.grey-shadow {
	-webkit-box-shadow: inset 0px 0px 4px 0px #7d7d7d;
	-moz-box-shadow: inset 0px 0px 4px 0px #7d7d7d;
	-o-box-shadow: inset 0px 0px 4px 0px #7d7d7d;
	box-shadow: inset 0px 0px 4px 0px #7d7d7d;
}
.light-green-shadow {
	box-shadow: inset 0px 0px 7px 0px #5b975f;
	-webkit-box-shadow: inset 0px 0px 7px 0px #5b975f;
	-moz-box-shadow: inset 0px 0px 7px 0px #5b975f;
	-o-box-shadow: inset 0px 0px 7px 0px #5b975f;
}
.green-shadow {
	box-shadow: inset 0px 0px 7px 0px #50a842;
	-webkit-box-shadow: inset 0px 0px 7px 0px #50a842;
	-moz-box-shadow: inset 0px 0px 7px 0px #50a842;
	-o-box-shadow: inset 0px 0px 7px 0px #50a842;
}
.dark-green-shadow {
	box-shadow: inset 0px 0px 7px 0px #0d5e00;
	-webkit-box-shadow: inset 0px 0px 7px 0px #0d5e00;
	-moz-box-shadow: inset 0px 0px 7px 0px #0d5e00;
	-o-box-shadow: inset 0px 0px 7px 0px #0d5e00;
}
.blue-shadow {
	box-shadow: inset 0px 0px 7px 0px #1C3A9A;
	-webkit-box-shadow: inset 0px 0px 7px 0px #1C3A9A;
	-moz-box-shadow: inset 0px 0px 7px 0px #1C3A9A;
	-o-box-shadow: inset 0px 0px 7px 0px #1C3A9A;
}
.purple-shadow {
	box-shadow: inset 0px 0px 7px 0px #4c0093;
	-webkit-box-shadow: inset 0px 0px 7px 0px #4c0093;
	-moz-box-shadow: inset 0px 0px 7px 0px #4c0093;
	-o-box-shadow: inset 0px 0px 7px 0px #4c0093;
}
.brown-shadow {
	box-shadow: inset 0px 0px 7px 0px #f69000;
	-webkit-box-shadow: inset 0px 0px 7px 0px #f69000;
	-moz-box-shadow: inset 0px 0px 7px 0px #f69000;
	-o-box-shadow: inset 0px 0px 7px 0px #f69000;
}
.red-shadow {
	box-shadow: inset 0 0 3px 1px #d95943;
	-webkit-box-shadow: inset 0 0 3px 1px #d95943;
	-moz-box-shadow: inset 0 0 3px 1px #d95943;
	-o-box-shadow: inset 0 0 3px 1px #d95943;
}
.dark-red-shadow {
	box-shadow: inset 0 0 3px 1px #ff0000;
	-webkit-box-shadow: inset 0 0 3px 1px #ff0000;
	-moz-box-shadow: inset 0 0 3px 1px #ff0000;
	-o-box-shadow: inset 0 0 3px 1px #ff0000;
}
.black-shadow {
	box-shadow: inset 0 0 3px 1px #1e1e1e;
	-webkit-box-shadow: inset 0 0 3px 1px #1e1e1e;
	-moz-box-shadow: inset 0 0 3px 1px #1e1e1e;
	-o-box-shadow: inset 0 0 3px 1px #1e1e1e;
}
.alert-block {
	border-radius: 15px;
	width: 96%;
	margin: auto;
	margin-bottom: 5px;
}
.alert-block.green-alert {
	border: rgba(68, 166, 100, 0.549) solid 1px;
	background: rgba(107, 205, 139, 0.18);
}
.alert-block.red-alert {
	border: rgba(166, 68, 68, 0.23) solid 1px;
	background: rgba(205, 107, 107, 0.18);
}
.fight-select {
	max-width: 260px;
	width: 100%;
	outline: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.mini-line-red {
	border-top: rgba(141, 79, 79, 0.25) solid 1px;
}
.mini-line2-red {
	border-top: rgba(116, 0, 0, 0.25) solid 2px;
}
.mini-line-green {
	border-top: rgba(19, 141, 0, 0.32) solid 1px;
}
.mini-line2-green {
	border-top: rgba(19, 141, 0, 0.32) solid 2px;
}
.mini-line-blue {
	border-top: rgba(106, 130, 215, 0.33) solid 1px;
}
.mini-line2-blue {
	border-top: rgba(66, 101, 223, 0.33) solid 2px;
}
.mini-line-grey {
	border-top: #cdcdcd solid 1px;
}
.mini-line2-grey {
	border-top: #cdcdcd solid 2px;
}

label.radio {
	display: block;
	padding: 2px 7px;
}
.battle-dmg-block {
	display: inline-block;
}
.battle-dmg-block.left-dmg-block {
	width: 35%;
}
.battle-dmg-block.right-dmg-block {
	width: 65%;
}
@media (max-width: 390px) {
	.battle-dmg-block.left-dmg-block {
		width: 50%;
	}
	.battle-dmg-block.right-dmg-block {
		width: 50%;
	}
}
@media (min-width: 321px) {
	.radio input {
		position: absolute;
		z-index: -1;
		opacity: 0;
		margin: 10px 0 0 7px;
	}
	.radio__text {
		position: relative;
		padding: 0 0 0 25px;
		cursor: pointer;
	}
	.radio__text:before {
		content: '';
		position: absolute;
		top: 1px;
		left: 0;
		width: 14px;
		height: 14px;
		border: 1px solid #cd9f9f;
		border-radius: 50%;
		background: #FFF;
	}
	.radio__text:after {
		content: '';
		position: absolute;
		top: 5px;
		left: 4px;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: #850e0e;
		box-shadow: inset 0 1px 1px rgba(0,0,0,.5);
		opacity: 0;
		transition: .2s;
	}
	.radio input:checked + .radio__text:after {
		opacity: 1;
	}
	.radio input:checked + .radio__text {
		font-weight: 600;
		color: #850e0e;
	}
	.radio input:checked + .radio__text:before {
		box-shadow: 0 0 3px 1px #850e0e;
	}
}

/*############### PVE ################*/
.main-bot-block {
	
}
.main-bot-block-grey {
	background-image: -webkit-radial-gradient(circle, rgb(155, 155, 155), rgb(170, 170, 170), rgb(197, 197, 197), rgb(213, 213, 213), rgb(225, 225, 225));
	background-image: -moz-radial-gradient(circle, rgb(155, 155, 155), rgb(170, 170, 170), rgb(197, 197, 197), rgb(213, 213, 213), rgb(225, 225, 225));
	background-image: -o-radial-gradient(circle, rgb(155, 155, 155), rgb(170, 170, 170), rgb(197, 197, 197), rgb(213, 213, 213), rgb(225, 225, 225));
	background-image: radial-gradient(circle, rgb(155, 155, 155), rgb(170, 170, 170), rgb(197, 197, 197), rgb(213, 213, 213), rgb(225, 225, 225));
}
.main-bot-block-green {
	background-image: -webkit-radial-gradient(circle, rgba(0, 137, 9, 0.57), rgba(50, 172, 0, 0.39), rgba(116, 230, 107, 0.44), rgba(91, 225, 80, 0.45));
	background-image: -moz-radial-gradient(circle, rgba(0, 137, 9, 0.57), rgba(50, 172, 0, 0.39), rgba(116, 230, 107, 0.44), rgba(91, 225, 80, 0.45));
	background-image: -o-radial-gradient(circle, rgba(0, 137, 9, 0.57), rgba(50, 172, 0, 0.39), rgba(116, 230, 107, 0.44), rgba(91, 225, 80, 0.45));
	background-image: radial-gradient(circle, rgba(0, 137, 9, 0.57), rgba(50, 172, 0, 0.39), rgba(116, 230, 107, 0.44), rgba(91, 225, 80, 0.45));
}
.main-bot-block-blue {
	background-image: -webkit-radial-gradient(circle, rgb(129, 156, 213), rgb(164, 182, 220), rgb(190, 202, 229), rgb(214, 226, 254));
	background-image: -moz-radial-gradient(circle, rgb(129, 156, 213), rgb(164, 182, 220), rgb(190, 202, 229), rgb(214, 226, 254));
	background-image: -o-radial-gradient(circle, rgb(129, 156, 213), rgb(164, 182, 220), rgb(190, 202, 229), rgb(214, 226, 254));
	background-image: radial-gradient(circle, rgb(129, 156, 213), rgb(164, 182, 220), rgb(190, 202, 229), rgb(214, 226, 254));
}
.main-bot-block-purple {
	background-image: -webkit-radial-gradient(circle, rgba(114, 10, 127, 0.51), rgba(199, 99, 217, 0.54), rgba(232, 188, 230, 0.9), rgb(249, 212, 252));
	background-image: -moz-radial-gradient(circle, rgba(114, 10, 127, 0.51), rgba(199, 99, 217, 0.54), rgba(232, 188, 230, 0.9), rgb(249, 212, 252));
	background-image: -o-radial-gradient(circle, rgba(114, 10, 127, 0.51), rgba(199, 99, 217, 0.54), rgba(232, 188, 230, 0.9), rgb(249, 212, 252));
	background-image: radial-gradient(circle, rgba(114, 10, 127, 0.51), rgba(199, 99, 217, 0.54), rgba(232, 188, 230, 0.9), rgb(249, 212, 252));
}
.main-bot-block-red {
	background-image: -webkit-radial-gradient(circle, rgb(255, 90, 90), rgba(244, 83, 83, 0.69), rgba(255, 117, 117, 0.64), rgba(250, 177, 177, 0.66));
	background-image: -moz-radial-gradient(circle, rgb(255, 90, 90), rgba(244, 83, 83, 0.69), rgba(255, 117, 117, 0.64), rgba(250, 177, 177, 0.66));
	background-image: -o-radial-gradient(circle, rgb(255, 90, 90), rgba(244, 83, 83, 0.69), rgba(255, 117, 117, 0.64), rgba(250, 177, 177, 0.66));
	background-image: radial-gradient(circle, rgb(255, 90, 90), rgba(244, 83, 83, 0.69), rgba(255, 117, 117, 0.64), rgba(250, 177, 177, 0.66));
}
.bot-block {
	width: 100%;
	margin: auto;
	padding: 8px 0 0 0;
}
.bot-block .bot-into-block {
	margin: auto;
}
.bot-block .bot-image {
	position: relative;
	text-align: center;
	max-width: 100px;
	margin: auto;
}
.bot-block .bot-image a img {
	box-shadow: 0 0 5px 1px #565656;
	max-width: 70px;
	outline: none;
}
.bot-block .bot-image .explosive {
	position: absolute;
	width: 80px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	white-space: nowrap;
	opacity: 0;
	outline: none;
	-webkit-animation-name: show-explosive;
	-moz-animation-name: show-explosive;
	-o-animation-name: show-explosive;
	animation-name: show-explosive;
	-webkit-animation-duration: .4s;
	-moz-animation-duration: .4s;
	-o-animation-duration: .4s;
	animation-duration: .4s;
	-webkit-animation-timing-function: linier;
	-moz-animation-timing-function: linier;
	-o-animation-timing-function: linier;
	animation-timing-function: linier;
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.bot-block .bot-image .explosive span {
	font-weight: 600;
	margin-left: 3px;
	font-size: 11px;
	padding: 3px 3px;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.bot-block .bot-image .explosive-attack span {
	border: #555 solid 1px;
}
.bot-block .bot-image .explosive-krit span {
	border: #F00000 solid 1px;
}
.bot-block .bot-image .explosive-block span {
	border: #000061 solid 1px;
}
.bot-block .bot-image .explosive-dodge span {
	border: #008000 solid 1px;
}
.bot-block .bot-image .explosive-attack {
	background: url('../../img/style/icons2/explosive_grey.png');
}
.bot-block .bot-image .explosive-krit {
	background: url('../../img/style/icons2/explosive_red.png');
}
.bot-block .bot-image .explosive-block {
	background: url('../../img/style/icons2/explosive_blue.png');
}
.bot-block .bot-image .explosive-dodge {
	background: url('../../img/style/icons2/explosive_green.png');
}
.bot-name {
	margin: 3px 0 3px 5px;
}
.player-name {
	margin: 5px 0 5px 5px;
}
.battle-player-block {
	width: 100%;
}
.battle-health-block {
	position: relative;
	height: 30px;
	background: #dddddd;
	border-top: #a8a8a8 solid 1px;
	border-bottom: #a8a8a8 solid 1px;
	min-width: 150px;
}
.battle-health-scale {
	display: inline-block;
	height: 100%;
}
.battle-health-scale.scale-green { /*зеленая полоса здоровья*/
	background: rgba(174,232,171,1);
	background: -moz-linear-gradient(top, rgba(174,232,171,1) 0%, rgba(157,191,155,1) 30%, rgba(148,176,146,1) 79%, rgba(148,176,146,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(174,232,171,1)), color-stop(30%, rgba(157,191,155,1)), color-stop(79%, rgba(148,176,146,1)), color-stop(100%, rgba(148,176,146,1)));
	background: -webkit-linear-gradient(top, rgba(174,232,171,1) 0%, rgba(157,191,155,1) 30%, rgba(148,176,146,1) 79%, rgba(148,176,146,1) 100%);
	background: -o-linear-gradient(top, rgba(174,232,171,1) 0%, rgba(157,191,155,1) 30%, rgba(148,176,146,1) 79%, rgba(148,176,146,1) 100%);
	background: -ms-linear-gradient(top, rgba(174,232,171,1) 0%, rgba(157,191,155,1) 30%, rgba(148,176,146,1) 79%, rgba(148,176,146,1) 100%);
	background: linear-gradient(to bottom, rgb(200, 244, 198) 0%, rgba(149, 207, 153, 0.78) 4%, rgba(102, 174, 107, 0.78) 50%, rgba(149, 207, 153, 0.78) 96%, rgb(200, 244, 198) 100%); /*менять для теста можно тут*/
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aee8ab', endColorstr='#94b092', GradientType=0 );
	position: absolute;
	left: 0;
	box-sizing: border-box;
}
.battle-health-scale.scale-red { /*красная полоса здоровья*/
	background: rgba(255,143,143,1);
	background: -moz-linear-gradient(top, rgba(255,143,143,1) 0%, rgba(245,112,112,1) 30%, rgba(246,74,74,1) 79%, rgba(246,74,74,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,143,143,1)), color-stop(30%, rgba(245,112,112,1)), color-stop(79%, rgba(246,74,74,1)), color-stop(100%, rgba(246,74,74,1)));
	background: -webkit-linear-gradient(top, rgba(255,143,143,1) 0%, rgba(245,112,112,1) 30%, rgba(246,74,74,1) 79%, rgba(246,74,74,1) 100%);
	background: -o-linear-gradient(top, rgba(255,143,143,1) 0%, rgba(245,112,112,1) 30%, rgba(246,74,74,1) 79%, rgba(246,74,74,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,143,143,1) 0%, rgba(245,112,112,1) 30%, rgba(246,74,74,1) 79%, rgba(246,74,74,1) 100%);
	background: linear-gradient(to bottom, rgb(244, 198, 198) 0%, rgba(255, 65, 65, 0.78) 4%, rgba(225, 0, 0, 0.78) 50%, rgba(255, 65, 65, 0.78) 96%, rgb(244, 198, 198) 100%); /*менять для теста можно тут*/
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8f8f', endColorstr='#f64a4a', GradientType=0 );
	position: absolute;
	-webkit-animation-name: red-scale-width;
	-moz-animation-name: red-scale-width;
	-o-animation-name: red-scale-width;
	animation-name: red-scale-width;
	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	-o-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-timing-function: linier;
	-moz-animation-timing-function: linier;
	-o-animation-timing-function: linier;
	animation-timing-function: linier;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	box-sizing: border-box;
}
.block-effect {
	-webkit-animation-name: block-effect;
	-moz-animation-name: block-effect;
	-o-animation-name: block-effect;
	animation-name: block-effect;
	-webkit-animation-duration: .8s;
	-moz-animation-duration: .8s;
	-o-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-timing-function: linier;
	-moz-animation-timing-function: linier;
	-o-animation-timing-function: linier;
	animation-timing-function: linier;
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s;
}
.dodge-effect {
	-webkit-animation-name: dodge-effect;
	-moz-animation-name: dodge-effect;
	-o-animation-name: dodge-effect;
	animation-name: dodge-effect;
	-webkit-animation-duration: 0.9s;
	-moz-animation-duration: 0.9s;
	-o-animation-duration: 0.9s;
	animation-duration: 0.9s;
	-webkit-animation-timing-function: linier;
	-moz-animation-timing-function: linier;
	-o-animation-timing-function: linier;
	animation-timing-function: linier;
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s;
}
.attack-effect {
	-webkit-animation-name: attack-effect;
	-moz-animation-name: attack-effect;
	-o-animation-name: attack-effect;
	animation-name: attack-effect;
	-webkit-animation-duration: .4s;
	-moz-animation-duration: .4s;
	-o-animation-duration: .4s;
	animation-duration: .4s;
	-webkit-animation-timing-function: linier;
	-moz-animation-timing-function: linier;
	-o-animation-timing-function: linier;
	animation-timing-function: linier;
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s;
}
.appearance-button {
	-webkit-animation-name: appearance-button;
	-moz-animation-name: appearance-button;
	-o-animation-name: appearance-button;
	animation-name: appearance-button;
	-webkit-animation-timing-function: linier;
	-moz-animation-timing-function: linier;
	-o-animation-timing-function: linier;
	animation-timing-function: linier;
}
.scale-button {
	position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: rgba(107, 107, 107, 0.54);
	-webkit-animation-name: scale-button;
	-moz-animation-name: scale-button;
	-o-animation-name: scale-button;
	animation-name: scale-button;
	-webkit-animation-timing-function: linier;
	-moz-animation-timing-function: linier;
	-o-animation-timing-function: linier;
	animation-timing-function: linier;
}
.close-button {
	position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: transparent;
	-webkit-animation-name: close-button;
	-moz-animation-name: close-button;
	-o-animation-name: close-button;
	animation-name: close-button;
	-webkit-animation-timing-function: linier;
	-moz-animation-timing-function: linier;
	-o-animation-timing-function: linier;
	animation-timing-function: linier;
}
.none-display {
	-webkit-animation-name: none-display;
	-moz-animation-name: none-display;
	-o-animation-name: none-display;
	animation-name: none-display;
	-webkit-animation-timing-function: linier;
	-moz-animation-timing-function: linier;
	-o-animation-timing-function: linier;
	animation-timing-function: linier;
}
@-webkit-keyframes red-scale-width {
	100%{width:0;}
}
@keyframes red-scale-width {
	100%{width:0;}
}
@-webkit-keyframes block-effect {
	10%{transform: translate(1px, 0);-webkit-transform: translate(1px, 0);}
	20%{transform: translate(-2px, 0);-webkit-transform: translate(-2px, 0);}
	30%{transform: translate(3px, 0);-webkit-transform: translate(3px, 0);}
	40%{transform: translate(-4px, 0);-webkit-transform: translate(-4px, 0);}
	50%{transform: translate(5px, 0);-webkit-transform: translate(5px, 0);}
	60%{transform: translate(-6px, 0);-webkit-transform: translate(-6px, 0);}
	70%{transform: translate(4px, 0);-webkit-transform: translate(4px, 0);}
	80%{transform: translate(-3px, 0);-webkit-transform: translate(-3px, 0);}
	90%{transform: translate(2px, 0);-webkit-transform: translate(2px, 0);}
	100%{transform: translate(0, 0);-webkit-transform: translate(0, 0);}
}
@keyframes block-effect {
	10%{transform: translate(1px, 0);-webkit-transform: translate(1px, 0);}
	20%{transform: translate(-2px, 0);-webkit-transform: translate(-2px, 0);}
	30%{transform: translate(3px, 0);-webkit-transform: translate(3px, 0);}
	40%{transform: translate(-4px, 0);-webkit-transform: translate(-4px, 0);}
	50%{transform: translate(5px, 0);-webkit-transform: translate(5px, 0);}
	60%{transform: translate(-6px, 0);-webkit-transform: translate(-6px, 0);}
	70%{transform: translate(4px, 0);-webkit-transform: translate(4px, 0);}
	80%{transform: translate(-3px, 0);-webkit-transform: translate(-3px, 0);}
	90%{transform: translate(2px, 0);-webkit-transform: translate(2px, 0);}
	100%{transform: translate(0, 0);-webkit-transform: translate(0, 0);}
}
@-webkit-keyframes dodge-effect {
	50%{transform: translate(-20px, 0);-webkit-transform: translate(-20px, 0); opacity: 0;}
	51%{transform: translate(20px, 0);-webkit-transform: translate(20px, 0); opacity: 0;}
	100%{transform: translate(0, 0);-webkit-transform: translate(0, 0); opacity: 1;}
}
@keyframes dodge-effect {
	50%{transform: translate(-20px, 0);-webkit-transform: translate(-20px, 0); opacity: 0;}
	51%{transform: translate(20px, 0);-webkit-transform: translate(20px, 0); opacity: 0;}
	100%{transform: translate(0, 0);-webkit-transform: translate(0, 0); opacity: 1;}
}
@-webkit-keyframes attack-effect {
	10%{transform: rotate(2deg) scale(0.97);-webkit-transform: rotate(2deg) scale(0.97);}
	28%{transform: rotate(-2deg) scale(0.97);-webkit-transform: rotate(-2deg) scale(0.97);}
	46%{transform: rotate(2deg) scale(0.97);-webkit-transform: rotate(2deg) scale(0.97);}
	64%{transform: rotate(-2deg) scale(0.97);-webkit-transform: rotate(-2deg) scale(0.97);}
	82%{transform: rotate(1deg) scale(0.97);-webkit-transform: rotate(1deg) scale(0.97);}
	100%{transform: rotate(0deg);-webkit-transform: rotate(0deg);}
}
@keyframes attack-effect {
	10%{transform: rotate(2deg) scale(0.97);-webkit-transform: rotate(2deg) scale(0.97);}
	28%{transform: rotate(-2deg) scale(0.97);-webkit-transform: rotate(-2deg) scale(0.97);}
	46%{transform: rotate(2deg) scale(0.97);-webkit-transform: rotate(2deg) scale(0.97);}
	64%{transform: rotate(-2deg) scale(0.97);-webkit-transform: rotate(-2deg) scale(0.97);}
	82%{transform: rotate(1deg) scale(0.97);-webkit-transform: rotate(1deg) scale(0.97);}
	100%{transform: rotate(0deg);-webkit-transform: rotate(0deg);}
}
@-webkit-keyframes show-explosive {
	0%{transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 1;}
	10%{transform: scale(0.82);-webkit-transform: scale(0.82);}
	20%{transform: scale(0.84);-webkit-transform: scale(0.84);}
	30%{transform: scale(0.86);-webkit-transform: scale(0.86);}
	40%{transform: scale(0.9);-webkit-transform: scale(0.9);}
	50%{transform: scale(0.92);-webkit-transform: scale(0.92);}
	60%{transform: scale(0.94);-webkit-transform: scale(0.94);}
	70%{transform: scale(0.96);-webkit-transform: scale(0.96);}
	80%{transform: scale(1);-webkit-transform: scale(1);}
	90%{transform: scale(1.05);-webkit-transform: scale(1.05);}
	100%{transform: scale(1);-webkit-transform: scale(1);opacity: 1;}
}
@keyframes show-explosive {
	0%{transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 1;}
	10%{transform: scale(0.82);-webkit-transform: scale(0.82);}
	20%{transform: scale(0.84);-webkit-transform: scale(0.84);}
	30%{transform: scale(0.86);-webkit-transform: scale(0.86);}
	40%{transform: scale(0.9);-webkit-transform: scale(0.9);}
	50%{transform: scale(0.92);-webkit-transform: scale(0.92);}
	60%{transform: scale(0.94);-webkit-transform: scale(0.94);}
	70%{transform: scale(0.96);-webkit-transform: scale(0.96);}
	80%{transform: scale(1);-webkit-transform: scale(1);}
	90%{transform: scale(1.05);-webkit-transform: scale(1.05);}
	100%{transform: scale(1);-webkit-transform: scale(1);opacity: 1;}
}
@keyframes appearance-button {
	0%{transform: scale(0.82);}
	10%{transform: scale(0.84);}
	20%{transform: scale(0.86);}
	30%{transform: scale(0.88);}
	40%{transform: scale(0.9);}
	50%{transform: scale(0.92);}
	60%{transform: scale(0.94);}
	70%{transform: scale(0.96);}
	80%{transform: scale(0.98);}
	90%{transform: scale(1.05);}
	100%{transform: scale(1);}
}
@keyframes scale-button {
	0% {width: 100%;}
	100% {width: 0;}
}
@keyframes close-button {
	0% {width: 100%;}
	99% {width: 100%;}
	100% {width: 0;}
}
@keyframes none-display {
	100% {display: none;}
}
.battle-health-block .health-text {
	position:absolute;
	left: 5px;
	font-size: 14px;
	line-height: 28px;
}
.battle-health-block .health-text img {
	margin-right: 5px;
}
.block-around-battle-button {
	padding: 5px 0;
}
.block-around-battle-button a {
	text-decoration: none;
}
.new-fight-button {
	position: relative;
	display: block;
	margin: auto;
	width: 150px;
	text-align: center;
	padding: 9px 0;
	cursor: pointer;
	background: url('../../img/style/main/bg-battle-button.png');
	background-repeat: repeat-x;
	color: #fff;
	font-weight: 600;
	text-shadow: 1px 1px 0 #5a1414, -1px -1px 0 #5a1414, 1px -1px 0 #5a1414, -1px 1px 0 #5a1414;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background-size: contain;
}
.new-fight-button a, .small-new-fight-button {
	color: #eaeaea;
}
.new-fight-button-end {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
.new-fight-button-end:before {
	content: '';
	position: absolute;
	top: 0; left: 0;
	width: 6px;
	height: 100%;
	background: url('../../img/style/main/bg-end-battle-button-start.png');
	background-size: contain;
}
.new-fight-button-end:after {
	content: '';
	position: absolute;
	top: 0; right: 0;
	width: 6px;
	height: 100%;
	background: url('../../img/style/main/bg-end-battle-button.png');
	background-size: contain;
}
.small-new-fight-button {
	display: inline;
	border: none;
	width: 75px;
	padding: 4px 0;
}
.small-new-fight-button .new-fight-button-end:before {
	width: 4px;
}
.small-new-fight-button .new-fight-button-end:after {
	width: 4px;
}
.oliv-color {
	color: #215A5C;
}