.rider_style {
  visibility: hidden;
  max-width: 250px;
  background-color: #f0e8e0;
  color: #fff;
  text-align: center;
  padding: 5px 5px 5px 5px;
  border-radius: 6px;
	margin: -5px 0 0 35px;
 
  position: absolute;
  z-index: 1;
}
.rider_style::after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 38px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #f0e8e0 transparent;
}
.light_style {
  visibility: hidden;
  max-width: 300px;
  background-color: #f0e8e0;
  color: #fff;
  text-align: center;
  padding: 5px 5px 5px 5px;
  border-radius: 6px;
	margin: -5px 0 0 115px;

  position: absolute;
  z-index: 1;
	
}
.light_style::after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 83%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #f0e8e0 transparent;
}

#prof_info {
	width:100px;
	height:70px;
	float: left;
	margin:2px 0 0 0;
}
#prof_info .gain_tb {
	width:100px;
	height:12px;
	float: left;
	margin:1px 0 0 8px;
	color:#eaeaea;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
}

#prof_info .gain_hp {
	width:100px;
	height:12px;
	margin:2px 0 0 12px;
	float: left;
	color:#25ab0b;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
}

#prof_info .gain_ki {
	width:100px;
	height:12px;
	margin:2px 0 0 12px;
	float: left;
	color:#0f9ad4;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
} 
#prof_info .gain_wp {
	width:100px;
	height:12px;
	margin:6px 0 0 8px;
	float: left;
	color:#b8b8b8;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
}
#prof_info .gain_wp_text {
	width:150px;
	height:12px; 
	margin:2px 0 0 12px;
	float: left;
	color:#eaeaea;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
}


#prof_info_more {
	width:100px;
	height:70px;
	float: left;
	margin:2px 0 0 0;
}
#prof_info_more .gain_tb {
	width:100px;
	height:12px;
	float: left;
	margin:1px 0 0 20px;
	color:#eaeaea;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
}

#prof_info_more .gain_hp {
	width:100px;
	height:12px;
	margin:2px 0 0 24px;
	float: left;
	color:#25ab0b;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
}

#prof_info_more .gain_ki {
	width:100px;
	height:12px;
	margin:2px 0 0 24px;
	float: left;
	color:#0f9ad4;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
} 
#prof_info_more .gain_wp {
	width:100px;
	height:12px;
	margin:6px 0 0 20px;
	float: left;
	color:#b8b8b8;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
}
#prof_info_more .gain_wp_text {
	width:150px;
	height:12px; 
	margin:2px 0 0 24px;
	float: left;
	color:#eaeaea;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
}


.god_style {
  visibility: hidden;
  max-width: 300px;
  background-color: #f0e8e0;
  color: #fff;
  text-align: center;
  padding: 5px 5px 5px 5px;
  border-radius: 6px;
	margin: -5px 0 0 150px;

  position: absolute;
  z-index: 1;
	
}
.god_style::after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 83%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #f0e8e0 transparent;
}

.god_style_new {
  visibility: hidden;
  width: 260px;
  /* height: 150px; */
  background-color: #f0e8e0;
  color: #fff;
  text-align: center;
  padding: 0;
  border-radius: 3px;
	margin: -5px 0 0 108px;

  position: absolute;
  z-index: 1;
	

}
.god_style_new img {
	float:left;
}


.god_style_new::after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 83%; 
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #f0e8e0 transparent;
}


.rider_style_new {
  visibility: hidden;
  max-width: 250px;
  background-color: #f0e8e0;
  color: #fff;
  text-align: center;
  padding: 5px 5px 5px 5px;
  border-radius: 6px;
	margin: 80px 0 0 45px; 
 
  position: absolute;
  z-index: 1;
}
.rider_style_new::after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 147px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #f0e8e0 transparent;
}



#allSpell{
	margin: 0 auto 0 auto;
	width:422px;
}
#imageSpell {
	width:100%;

}

#allSpell img {
	background-color: #00000000 !important;
    box-shadow: none !important;
	transition-duration: unset !important;
}
#allSpell img:hover {
 transform: none !important;

}



#imageSpell_normal {
	width:100%;
}

#imageSpell_reborn {
	width:100%;
	display: none;
}

#titleSpell {
	width:100%;
	background:url(dbv/tlo_all.png) 0 0 repeat;
	float: left;
}


#fusionList {
	width:100%;
	height:14px;
	background:url(dbv/tlo_all.png) 0 0 repeat;
	float: left;
	color:#fff;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
}


#titleSpell .name {
	width:160px;
	height:14px;
	float: left;
	background:url(dbv/tlo_napisy2.png) 0 0 repeat;
	margin:0 0 0 20px;
	text-align:left;
	color:#fff;
	font:bold 14px/14px  "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#titleSpell .stype {
	width:45px;
	height:14px;
	float: left;
	background:url(dbv/tlo_napisy2.png) 0 0 repeat; 
	margin:0 0 0 0;
	color:#cc6600;
	font:bold 14px/14px  "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#titleSpell .level {
	width:45px;
	height:14px;
	float: left;
	background:url(dbv/tlo_napisy2.png) 0 0 repeat;
	margin:0 0 0 0;
	color:#AF290E;
	font:bold 14px/14px  "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#titleSpell .kilevel {
	width:55px;
	height:14px;
	float: left;
	background:url(dbv/tlo_napisy2.png) 0 0 repeat;
	margin:0 0 0 0;
	color:#333333;
	font:bold 14px/14px  "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#titleSpell .ki {
	width:78px;
	height:14px;
	float: left;
	background:url(dbv/tlo_napisy2.png) 0 0 repeat;
	margin:0 0 0 0;
	color:#0C72B3;
	font:bold 14px/14px  "Trebuchet MS", Arial, Helvetica, sans-serif;
}


#titleSpell2 {
	width:100%;
	background:url(dbv/tlo_all.png) 0 0 repeat;
	float: left;
}

#titleSpell2 img {

	float: left;
	margin:4px 2px 0 0;

}


#titleSpell2 .newLane {
	width:162px;
	height:14px;
	float: left;
	background:url(dbv/tlo_napisy.png) 0 0 repeat;
	margin:5px 0 0 20px;
	padding: 3px 0px 0px 10px;
	text-align:left;
	color:#AF290E;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
}
#titleSpell2 .newLane2 {
	width:162px;
	height:14px;
	float: left;
	background:url(dbv/tlo_napisy.png) 0 0 repeat;
	margin:5px 0 0 20px;
	padding: 3px 0px 0px 10px;
	text-align:left;
	color:#336600;
	font:bold 12px/12px Arial, Helvetica, sans-serif; 
}
#titleSpell2 .newLane3 {
	width:162px;
	height:14px;
	float: left;
	background:url(dbv/tlo_napisy.png) 0 0 repeat;
	margin:5px 0 0 20px;
	padding: 3px 0px 0px 10px;
	text-align:left;
	color:#0376ac;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
}
#titleSpell2 .level_fx {
	width:45px;
	height:16px;
	float: left;
	background:url(dbv/tlo_napisy.png) 0 0 repeat;
	margin:5px 0 0 0;
}
#titleSpell2 .stype_fx { 
	width:47px;
	height:16px;
	float: left;
	background:url(dbv/tlo_napisy.png) 0 0 repeat;
	margin:5px 0 0 0;
}

#titleSpell2 .kilevel_fx {
	width:50px;
	height:16px;
	float: left;
	background:url(dbv/tlo_napisy.png) 0 0 repeat;
	margin:5px 0 0 0;
}
#titleSpell2 .ki_fx {
	width:70px;
	height:16px;
	float: left;
	background:url(dbv/tlo_napisy.png) 0 0 repeat;
	margin:5px 0 0 0;
}

#titleSpell2 .name {
	width:172px;
	height:14px;
	float: left;
	background:url(dbv/tlo_napisy.png) 0 0 repeat;
	margin:2px 0 0 20px;
	padding: 3px 0px 0px 0px;
	text-align:inherit;
	color:#fff;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
}

#titleSpell2 .level {
	width:45px;
	height:14px;
	float: left;
	background:url(dbv/tlo_napisy.png) 0 0 repeat;
	margin:2px 0 0 0;
	padding: 3px 0px 0px 0px;
	color:#AF290E;
	font:normal 12px/12px Arial, Helvetica, sans-serif;
}
#titleSpell2 .stype { 
	width:47px;
	height:14px;
	float: left;
	background:url(dbv/tlo_napisy.png) 0 0 repeat;
	margin:2px 0 0 0;
	padding: 3px 0px 0px 0px;
	color:#8b5d01;
	font:normal 12px/12px Arial, Helvetica, sans-serif;
}

#titleSpell2 .kilevel {
	width:50px;
	height:14px;
	float: left;
	background:url(dbv/tlo_napisy.png) 0 0 repeat;
	margin:2px 0 0 0;
	padding: 3px 0px 0px 0px;
	color:#333333; 
	font:normal 12px/12px Arial, Helvetica, sans-serif;
}
#titleSpell2 .ki {
	width:70px;
	height:14px;
	float: left;
	background:url(dbv/tlo_napisy.png) 0 0 repeat;
	margin:2px 0 0 0;
	padding: 3px 0px 0px 0px;
	color:#0C72B3;
	font:normal 12px/12px Arial, Helvetica, sans-serif;
}


#titleSpell2 .name_2 {
	width:30px;
	height:12px;
	float: left;
	background:url(dbv/tlo_napisy.png) 0 0 repeat;
	margin:2px 0 0 20px;
	text-align:left;
	color:#fff;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
}
#titleSpell2 .name_3 {
	width:60px;
	height:12px;
	float: left;
	background:url(dbv/tlo_napisy.png) 0 0 repeat;
	margin:2px 0 0 0px;
	text-align:left;
	color:#fff;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
}

#titleSpell2 .level_2 {
	width:60px;
	height:12px;
	float: left;
	background:url(dbv/tlo_napisy.png) 0 0 repeat;
	margin:2px 0 0 0;
	color:#AF290E;
	font:normal 12px/12px Arial, Helvetica, sans-serif;
}
#titleSpell2 .weapon {
	width:125px;
	height:12px;
	float: left;
	background:url(dbv/tlo_napisy.png) 0 0 repeat;
	margin:2px 0 0 0;
	color:#006608;
	text-align:left;
	font:normal 12px/12px Arial, Helvetica, sans-serif;
}
#titleSpell2 .ki_2 {
	width:80px;
	height:12px;
	float: left;
	background:url(dbv/tlo_napisy.png) 0 0 repeat;
	margin:2px 0 0 0;
	color:#0C72B3;
	font:normal 12px/12px Arial, Helvetica, sans-serif;
}
#titleSpell2 .empty_2 {
	width:30px;
	height:12px;
	margin:2px 0 0 0px;
	float: left;
	background:url(dbv/tlo_napisy.png) 0 0 repeat;
}


#titleSpell2_reb {
	width:100%;
	background:url(dbv/tlo_all.png) 0 0 repeat;
	float: left;
}

#titleSpell2_reb img {

	float: left;
	margin:4px 2px 0 0;

}

#titleSpell2_reb .name {
	width:172px;
	height:14px;
	float: left;
	background:url(dbv/tlo_reb.png) 0 0 repeat;
	margin:2px 0 0 20px;
	padding: 3px 0px 0px 0px;
	text-align:left;
	color:#fff;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
}


#titleSpell2_reb .stype { 
	width:47px;
	height:14px;
	float: left;
	background:url(dbv/tlo_reb.png) 0 0 repeat;
	margin:2px 0 0 0;
	padding: 3px 0px 0px 0px;
	color:#8b5d01;
	font:normal 12px/12px Arial, Helvetica, sans-serif;
}

#titleSpell2_reb .kilevel {
	width:50px;
	height:14px;
	float: left;
	background:url(dbv/tlo_reb.png) 0 0 repeat;
	margin:2px 0 0 0;
	padding: 3px 0px 0px 0px;
	color:#333333; 
	font:normal 12px/12px Arial, Helvetica, sans-serif;
}
#titleSpell2_reb .ki {
	width:70px;
	height:14px;
	float: left;
	background:url(dbv/tlo_reb.png) 0 0 repeat;
	margin:2px 0 0 0;
	padding: 3px 0px 0px 0px;
	color:#0C72B3;
	font:normal 12px/12px Arial, Helvetica, sans-serif;
}

#titleSpell2_reb .level {
	width:45px;
	height:14px;
	float: left;
	background:url(dbv/tlo_reb.png) 0 0 repeat; 
	margin:2px 0 0 0;
	padding: 3px 0px 0px 0px;
	color:#AF290E;
	font:normal 12px/12px Arial, Helvetica, sans-serif;
}
div#menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  /* border-bottom: 1px solid #e7e7e7; */
  background-color: #f3f3f3;
   box-shadow: 0px 0px 10px 2px #b6b6b6;
}

div#menu li {
  float: left;
}

div#menu li a {
  display: block;
  color: #666;
  text-align: center;
  padding: 8px 10px;
  text-decoration: none;
}

div#menu li a:hover.active {
  background-color: #b6b6b6;
  margin-left: 2px;
}

div#menu li a.active {
  color: white;
  font-weight: bold;
  background-color: #9f9f9f;
  margin-left: 2px;
}

div#menu li a:hover.servs1 {
  background-color: #358eb8;
  font-weight: bold;
}

div#menu li a.servs1 {
  color: white;
  font-weight: bold;
  background-color: #0b5f86;
}

div#menu li a:hover.servs2 {
	font-weight: bold;
  background-color: #f1962b;
}

div#menu li a.servs2 {
  color: white;
  font-weight: bold;
  background-color: #fe6703;
}

div#menu li a:hover.red {
	font-weight: bold;
  background-color: #c56a6a;
  margin-left: 2px;
}

div#menu li a.red {
  color: white;
  margin-left: 2px;
  font-weight: bold;
  background-color: #d23838;
}

.code {
  background-color: #b0b0b010;
	border: 2px outset #868686;
text-shadow: none;
	border-radius: 2px;
  padding: 5px;
  font-weight: normal;
  width:96%; 
  color:#d5d5d5; 

}
#content .mid {
	padding: 8px 0px 5px 2px;
	width:425px;
	text-shadow: none;
	font:normal 14px Arial, Helvetica, sans-serif;
	
}

#content .mid img {
	max-width:425px;
	text-shadow: none;
	background-color: #b0b0b010;
	transition-duration: 200ms;
    margin: 0 auto;
    display: block;
	box-shadow: rgba(0, 0, 0, 0.7) 1px 1px 4px;
}

#content .mid img:hover {
    transform: scale(1.1);

    z-index: 0;
}


div#menu_p ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  /* border-bottom: 1px solid #e7e7e7; */

}

div#menu_p li {
}


div#menu_p li a {
  display: block;
  color: #666;
  text-align: left;
  padding: 5px 5px;
  text-decoration: none;
}

div#menu_p li.cat_silver {
  background-color: #b6b6b6;
  display: block;
  color: #4b4b4b;
  text-align: left;
  padding: 8px 10px;
  text-decoration: none;
  font:bold 14px/14px Arial, Helvetica, sans-serif;
}

div#menu_p li.cat_red {
  background-color: #d23838;
  display: block;
  color: white;
  text-align: left;
  padding: 8px 10px;
  text-decoration: none;
  font:bold 14px/14px Arial, Helvetica, sans-serif;
}
div#menu_p li.cat_blue {
  background-color: #1694b3;
  display: block;
  color: white;
  text-align: left;
  padding: 8px 10px;
  text-decoration: none;
  font:bold 14px/14px Arial, Helvetica, sans-serif;
}
div#menu_p li.cat_green {
  background-color: #0a9b1e;
  display: block;
  color: white;
  text-align: left;
  padding: 8px 10px;
  text-decoration: none;
  font:bold 14px/14px Arial, Helvetica, sans-serif;
}
div#menu_p li.cat_violet {
  background-color: #7e21fd;
  display: block;
  color: white;
  text-align: left;
  padding: 8px 10px;
  text-decoration: none;
  font:bold 14px/14px Arial, Helvetica, sans-serif;
}
div#menu_p li.cat_orange {
  background-color: #d97805;
  display: block;
  color: white;
  text-align: left;
  padding: 8px 10px;
  text-decoration: none;
  font:bold 14px/14px Arial, Helvetica, sans-serif;
}
div#menu_p li.cat_orange2 {
  background-color: #ffa234;
  display: block;
  color: white;
  text-align: left;
  padding: 8px 10px;
  text-decoration: none;
  font:bold 14px/14px Arial, Helvetica, sans-serif;
}
div#menu_p li.cat_yellow {
  background-color: #8d9206;
  display: block;
  color: white;
  text-align: left;
  padding: 8px 10px;
  text-decoration: none;
  font:bold 14px/14px Arial, Helvetica, sans-serif;
}

div#menu_p li a:hover {
  background-color: #d1d1d1; 
  margin-left: 5px;
  color: #2a2a2a;
}

div#menu_p li a {
  color: #dcdcdc;
  font-weight: bold;

  margin-left: 5px;
}

div#menu_p li a:hover.servs1 {
  background-color: #358eb8;
  font-weight: bold;
}

div#menu_p li a.servs1 {
  color: white;
  font-weight: bold;
  background-color: #0b5f86;
}

div#menu_p li a:hover.servs2 {
	font-weight: bold;
  background-color: #f1962b;
}

div#menu_p li a.servs2 {
  color: white;
  font-weight: bold;
  background-color: #fe6703;
}

div#menu_p li a:hover.red {
	font-weight: bold;
  background-color: #c56a6a;
  margin-left: 2px;
}

div#menu_p li a.red {
  color: white;
  margin-left: 2px;
  font-weight: bold;
  background-color: #d23838;