@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Roboto');
body{
	background: black url('../gfx/bg.jpg?v=1') no-repeat bottom center ;
	background-size: cover;
	background-attachment: fixed;
}
a{
	color:lime;
}
a:hover{
	text-decoration:none;
	color:red;
}
#llogo{
	width:400px;
	height:352px;
	background: url('../gfx/reborn.png');
	margin:auto;
	
}
#logo{
	width:483px;
	height:266px;
	background: url('../gfx/logoBg.png');
	position:absolute;
	right:0;
	top:0;
}
#current_class{
	width:377px;
	height:266px;
	background: url('../gfx/gevrin.png');
	top:0;
	right:0;
	position:absolute;
}
#small_logo{
	width:223px;
	height:199px;
	background: url('../gfx/logoSmallHQ.png');
	position:absolute;
	top:10px;
	left:-90px;
}
menu{
	width:914px;
	height:72px;
	padding-top:10px;
	position:absolute;
	background: url('../gfx/belka.png');
	top:170px;
}
.main_left{
	width:500px;
	
}
.main_right{
	width:460px;
}
#top_con{
	width:1460px;
	margin:auto;
	position:relative;
	height:266px;
}
section{
	width:1460px;
	min-height:500px;
	margin:auto;
	margin-top:0px;
	font-family:'Raleway';
	color:white;
	padding:5px;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
    0px 0px 2px #000;
	
	border-style: solid; 
	border-width: 20px; 
	-moz-border-image: url('../gfx/border.png') 27 stretch; 
	-webkit-border-image: url('../gfx/border.png') 27 stretch; 
	-o-border-image: url('../gfx/border.png') 27 stretch; 
	border-image: url('../gfx/border.png') 27 fill stretch;

}
section > div{
	background:rgba(22,37,56,0.7);
	border-radius:10px;
	position:relative;
	margin:-20px;
}
section input{
	color:black;
}
section .left{
	float:left;
	width:1005px;
	padding-left:30px;
	padding-top:30px;
	padding-bottom:30px;
}
section .right{
	float:right;
	width:445px;
	border-left:2px solid #273B51;
	border-bottom:2px solid #273B51;
	height:100%;
	padding-top:30px;
	padding-left:10px;
	padding-bottom:30px;
	background:rgba(32,45,58,0.7);
}
section .right .subsection{
	padding-left:40px;
}
section .right .subsection span{
	display:inline-block;
	width:200px;
}
section .right .subsection b{
	color:#F95454;
}
h4{
	margin-left:40px;
	font-size:15px;
	color:#CCFFFF;
}
.vid_frame{
	background:#161C22;
	width:460px;
}
.main_right .btnNormal2{
	float:right;
	margin-top:5px;
}
.btnNormal2{
	width:112px;
	height:27px;
	line-height:27px;
	text-align:center;
	display:block;
	color:white;
	text-transform:uppercase;
	background:url('../gfx/btnNormal.png');
}
.btnNormal2:hover{
	background:url('../gfx/btnNormal.png') 0 -27px;
}
.btnNormal2:active{
	background:url('../gfx/btnNormal.png') 0 -54px;
}
.vid_frame h7{
	display:block;
	margin:0;
	background:#161C22;
	text-align:center;
	height:30px;
	line-height:30px;
	text-transform:uppercase;
}
.vid_frame span{
	font-size:12px;
	color:silver;
	height:30px;
	line-height:30px;
}
.vid_frame span b{
	color:white;
}
.more_vids{
	display:block;
	clear:both;
	background:red;
	text-align:center;
	color:yellow;
	background:rgba(102,142,255,0.5);
}
.more_vids:hover{
	background:rgba(102,142,255,0.8);
}
.all_videos .vid_frame{
	float:left;
	width:470px;
	margin:2px;
}
.custom_list{
	 list-style-image: url('../gfx/listImage.png');
}
.custom_list li{
	line-height:25px;
}
.itsme{
	color:yellow;
}
.bank{
	width:250px;
}
#main_news{
	width:1000px;
	height:327px;
	background: url('../gfx/newsBig.png');
	margin-left:-28px;
	position:relative;
}
.old_price{
	text-decoration: line-through;
	color:red;
}
.masters_container{
	width:130px;
	float:left;
}
.efix{
	display:table-cell !important;
}
.news{
	width:520px;
	max-height:300px;
	
	overflow:auto;
	position:relative;
	top:25px;
	left:25px;
}
.news h7{
	font-size:20px;
	color:lightyellow;
}
.news .news_titty{
	font-size:15px;
	color:orange;
	text-transform:uppercase;
}
.news span{
	font-size:13px;
	color:silver;
}
.news p{
	background:rgba(0,0,0,0.5);
	padding:5px;
	font-size:14px;
	color:white;
}
.register{
	margin:auto;
	width:400px;
	background:rgba(0,0,0,0.3);
	border-radius:20px;
	padding:50px;
	color:silver;
}
.icon{
	width:40px;
	height:40px;
	display:inline-block;
	vertical-align:middle;
}
.icon.server{background: url('../gfx/icons.png') 0 0;}
.icon.stats{background: url('../gfx/icons.png') -40px 0;}
.icon.events{background: url('../gfx/icons.png') -80px 0;}
.icon.rates{background: url('../gfx/icons.png') -120px 0;}
.icon.fb{background: url('../gfx/icons.png') -160px 0;}
.icon.discord{background: url('../gfx/icons.png') -200px 0;}
.clr{
	clear:both;
}
.registerBtn{
	width:181px;
	height:41px;
	font-family:'Raleway';
	background: url('../gfx/registerBtnN.png') 0 -41px;
	text-transform:uppercase;
	border:none;
	display:block;
	text-align:center;
	line-height:41px;
	color:white;
	font-size:12px;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
}

.registerBtn:hover{
	background-image: url('../gfx/registerBtnani.png');
	background-position: 0 0;
	height:181px;
	animation: reg111 .7s steps(8) infinite;
	line-height:181px;
	margin-top:-70px;
	margin-bottom:-70px;
}

@keyframes reg111 {
  100% {background-position:0 -1448px}
}

#registerBtn{
	position:absolute;
	top:220px;
	right:350px;
}
#rgn{
	position:absolute;
	top:0px;
	left:10px;
	width:300px;
	height:150px;
	background:url('../gfx/rgn.png');
}
menu i{
	background: url('../gfx/belkaSeparator.png');
	width:16px;
	height:17px;
	display:inline-block;
	margin-top:15px;
	vertical-align:top;
}
menu a{
	text-decoration:none;
	display:inline-block;
	width:85px;
	height:30px;
	line-height:30px;
	color:#C7EAF3;
	font-family:'Roboto';
	font-size:15px;
	margin-top:10px;
	text-transform:uppercase;
	text-align:center;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
}
menu a.bigger{
	width:105px;
}
menu a:hover{
	color:white;
	background: url('../gfx/belkaHover2.png') no-repeat;
	width:131px;
	height:66px;
	line-height:66px;
	margin-top:-36px;
	margin-left:-23px;
	margin-right:-23px;
}
menu a.bigger:hover{
	margin-left:-13px;
	margin-right:-13px;
}
menu a.active{
	color:orange;
}
.kom{
	width:600px;
	border:1px solid grey;
	padding:3px;
	margin:auto;
	position:fixed;
	top:10px;
	left:0;
	right:0;
	cursor:pointer;
	z-index:88;
}
.kom div{
	background:rgba(0,0,0,0.5);
	padding:10px;
	text-shadow:0px 0px 1px #000;
}
.kom.red div{
	border-top:5px solid red;
	animation:komfail 0.4s infinite;
}

@keyframes komfail { 
	0% {border-top:5px solid red;}
	50% {border-top:5px solid orange;}
	100% {border-top:5px solid red;}
}
.niceBtn{
	background:linear-gradient(silver,grey);
	border:1px solid white;
	border-radius:2px;
	font-size:13px;
	width:150px;
	height:30px;
	line-height:30px;
	text-align:center;
	color:black;
	display:block;
	z-index:5055456;
	text-shadow:none;
}
.niceBtn:hover{
	background:orange;
	text-decoration:none;
}
.fb-page{
	margin-left:50px;
	margin-top:10px;
	width:500px;
	height:300px;
}
.small_input{
	background:linear-gradient(silver,white) !important;
	width:100px !important;
}
.small_input2{
	width:300px !important;
}
.atable{
	color:white;
	width:100%;
}
.challenge_done{
	background:rgba(0,153,0,0.4) !important;
}
.chall tr td{
	padding:5px;
}
.chsep{padding:1px !important;}
.silver{color:silver;}
.admin_opt{
	float:left;
	background:rgba(0,0,0,0.4);
	padding:3px;
	margin:4px;
}
.old_input{
	background:linear-gradient(silver,white);
	width:450px;
	padding:5px;
}
.tarea{
	background:linear-gradient(silver,white);
	width:450px;
	height:300px;
	padding:5px;
	color:black;
}
.niceBtn2{
	background:linear-gradient(silver,grey);
	border:1px solid white;
	border-radius:2px;
	font-size:13px;
	width:100px;
	height:30px;
	line-height:30px;
	text-align:center;
	color:black;
	display:inline-block;
	z-index:5055456;
	text-shadow:none;
}
.niceBtn2:hover{
	background:orange;
	text-decoration:none;
}
.left_menu{
	float:left;
	width:200px;
}
.btnMenu{
	display:block;
	text-align:center;
	text-transform:uppercase;
	font-size:13px;
	width:191px;
	height:45px;
	color:white;
	line-height:45px;
	margin-bottom:1px;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
	background:url('../gfx/btnMenu.png');
}
.btnMenu:hover{
	background:url('../gfx/btnMenu.png') 0 -45px;
	color:yellow;
}
.btnMenu.active{
	background:url('../gfx/btnMenu.png') 0 -90px;
	color:orange;
}
.right_menu{
	float:right;
	width:770px;
	background: linear-gradient(180deg, rgba(21,34,49,0.06) 0%, rgba(0,0,0,0.7) 100%);
	padding:20px;
	text-shadow:none;
	border-style: solid; 
	border-width: 7px; 
	-moz-border-image: url('../gfx/ramka_kontener.png') 7 stretch; 
	-webkit-border-image: url('../gfx/ramka_kontener.png') 7 stretch; 
	-o-border-image: url('../gfx/ramka_kontener.png') 7 stretch; 
	border-image: url('../gfx/ramka_kontener.png') 7 fill stretch;
}
h3{margin-top:0;}
.spaner{color:#95adb9}
.votes > div{
	float:left;
	width:230px;
	text-align:center;
}
.votes .vpanel{
	width:112px;
	height:112px;
	background:url('../gfx/voteImg.png');
	text-align:center;
	margin:auto;
}
.votes .vpanel a{
	display:block;
	padding-top:30px;
}
.votes .vpanel a.vfix{
	padding-top:0px !important;
}
.votes .vpanel span{
	color:lime;
	text-transform:uppercase;
	margin-top:10px;
	padding-top:10px;
	display:block;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
}
.votes .vpanel.rew{
	cursor:pointer;
}
.votes b{
	margin:10px;
	display:block;
}
.vrank1{background:rgba(0,255,0,0.3) !important;}
.vrank2{background:rgba(0,255,0,0.2) !important;}
.vrank3{background:rgba(0,255,0,0.1) !important;}
.reward_tooltip{
	text-align:left;
	
}
.select_input{
	display:inline-block;
	vertical-align:middle;
}	
.select_input:before{
	height: 32px;
	width:11px;
	display:inline-block;
	background: url('../gfx/selectBox.png') 0 0;
	content:"";
	vertical-align:middle;
	margin:0;
	float:left;
}
.select_input:after{
	height: 32px;
	width:11px;
	display:inline-block;
	background: url('../gfx/selectBox.png') -116px 0;
	content:"";
	vertical-align:middle;
	margin:0;
	float:left;
}
.select_input select{
  margin: 0;
  background: url('../gfx/selectBoxArrowHover.png') right no-repeat,url('../gfx/select.png');
  border: none;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  padding: 0 0 0 14px;
  height: 32px;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  color: #376288;
  vertical-align:middle;
  padding-right:40px;
  float:left;
}

.ngreen{color:#11D314; font-weight:bold;}
.ligblu{color:#abc6d3;}
.import{color:#8eeb9e;}
.greyb{color:#879EA9; text-transform:uppercase;}
.orange{
	color:orange !important;
}
.red{
	color:red !important;
}
.blue{
	color:lightblue;
}
.green{
	color:green;
}
.tabIcons{
	width:20px;
	height:20px;
	display:block;
	position:absolute;
	left:8px;
	top:8px;
}
.tabIcons.other{background:url('../gfx/shop_icons.png') 0 0;}
.tabIcons.aid{background:url('../gfx/shop_icons.png') -20px 0;}
.tabIcons.fashion{background:url('../gfx/shop_icons.png') -40px 0;}
.tabIcons.material{background:url('../gfx/shop_icons.png') -60px 0;}
.tabIcons.remedy{background:url('../gfx/shop_icons.png') -80px 0;}
.tabIcons.vip{background:url('../gfx/shop_icons.png') -100px 0;}
.tabBtn{
	display:inline-block;
	text-align:center;
	position:relative;
	margin-right:-5px;
	width:117px;
	height:37px;
	background:url('../gfx/tab.png');
	line-height:37px;
	font-size:12px;
	border:0;
	color:white;
	text-transform:uppercase;
	color:#ABC6D3;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
    0px 0px 2px #000;
}
.tabBtn:hover{
	background:url('../gfx/tab.png') 0 -37px;
}
.tabBtn:active,.tabBtn.active{
	background:url('../gfx/tab.png') 0 -74px;
	color:white;
}

.smallBtn{
	width:56px;
	height:27px;
	background:url('../gfx/btnSmall.png');
	line-height:27px;
	font-size:12px;
	border:0;
	color:white;
	text-transform:uppercase;
}
.smallBtn.xxx{
	font-size:11px;
}
.smallBtn:hover{
	background:url('../gfx/btnSmall.png') 0 -27px;
}
.smallBtn:active{
	background:url('../gfx/btnSmall.png') 0 -54px;
}
.smallTxtInput{
	width:65px;
	height:27px;
	background:url('../gfx/input_tab.png') !important;
	line-height:27px;
	font-size:12px;
	border:0;
	color:white;
	text-align:center;
}
.smallTxtInput:hover{
	background:url('../gfx/input_tab.png') 0 -27px;
}
table{
	width:400px;
}
table.event_table{
	width:100%;
	margin-top:20px;
	background:none;
}
table.event_table td{
	padding:5px;
}
table.event_table td.kills{
	color:lime;
}
table.event_table td.death{
	color:red;
}
table.big_rank{
	width:100%;
}
table.big_rank tr td{
	height:35px;
	
}
table tr.first{
	background:linear-gradient(#151F2B,#1D3045) !important;
	color:white;
	border:2px solid black !important;
	text-transform:uppercase !important;
}
table tr:nth-child(even){
	background:rgba(21,28,35,0.5);
	border:1px solid black;
}
table tr:nth-child(odd){
	background:rgba(21,28,35,0.3);
	border:1px solid black;
}
table tr.disabled{
	opacity:0.5 !important;
}
table tr:hover{
	background:rgba(21,28,35,0.6);
}
table td{
	text-align:center;
}
table td.name{
	text-align:left;
	color:orange;
}
table td.ename{
	padding:10px;
	text-align:center;
	position:relative;
	height:60px;
}
table td.ename a{
	color:#66FFB2;
}
table td .timer{
	font-size:15px;
	font-weight:bold;
}
.ev_goback{
	text-transform:uppercase;
	color:#879EA9;
	display:inline-block;
	width:100px;
	position:absolute;
	right:0;
}
.ev_goback i{
	width:40px;
	height:40px;
	display:block;
	float:left;
	background:url('../gfx/goBack.png');
}
.ev_goback:hover i{
	background:url('../gfx/goBack.png') 0 -40px;
}
.event_top{
	background:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.9));
	margin-top:-30px;
	margin-left:-30px;
	padding:20px;
	position:relative;
}
.event_top h2{
	 margin:0;
}
.eclass{
	position:absolute;
	left:2px;
	top:2px;
	width:7px;
	height:56px;
}

.etype1{color:#18AA86;}
.etype2{color:#CCFF99;}
.etype3{color:#66FFFF;}
.etype4{color:#38D2F5;}
.etype5{color:#FFCCE5;}
.etype6{color:#563DBA;}

.levelUprewards{
	background:none;
	width:600px;
}

.levelUprewards tr{
	background:url('../gfx/freme5.png') !important;
	height:100px !important;
}

.levelUprewards tr td.req{
	color:red;
	opacity:0.6;
}

.levelUprewards tr.available td.req{
	color:green !important;
	opacity:1 !important;
}

.levelUprewards tr.claimed2 td.req{
	color:orange !important;
	opacity:0.8 !important;
}
.levelUprewards tr.claimed2 .checked{
	background:url(../gfx/checked.png);
}

.levelUprewards tr.current{
	box-shadow:inset 0 0 10px yellow;
}

.levelUprewards tr td .checked{
	width:80px;
	height:80px;
}

.newTab{
	background:none;

}
.newTab tr.first{
	color:#889FAB;
	text-shadow:none;
	text-transform:uppercase;
	background:none;
	
}
.newTab tr.first td{
	border-right:1px solid #889FAB;
	border-left:1px solid #889FAB;
}
.newTab tr:nth-child(even) {background: rgba(0,0,0,0.3)}
.newTab tr:nth-child(odd) {}
.bigBtn{
	background:url('../gfx/newsBig.png');
	width:250px;
	height:150px;
	font-size:16px;
	color:white;
	text-transform:uppercase;
	text-align:center;
	line-height:150px;
	display:inline-block;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
    0px 0px 2px #000;
	border:none;
	box-shadow:0 0 5px black;
	margin:20px;
}
.bigBtn:hover{
	background:url('../gfx/newsBig.png') -3px -3px;
	color:red;
	box-shadow:0 0 5px yellow;
}
#faction_show{
	width:950px;
	height:825px;
	background-repeat:no-repeat;
	background-position:top left;
	border:1px solid grey;
	position:relative;
}
#faction_con{
	position:absolute;
}
#faction_name{
	width:100%;
	text-align:center;
	background:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.6),rgba(0,0,0,0));
}
.faction_desc{
	background:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.6),rgba(0,0,0,0));
	padding:10px;
	width:400px;
	font-family:'Roboto';
}
.faction_desc b{
	font-size:18px;
	color:grey;
	font-weight:normal;
}
.faction_desc i{
	font-size:20px;
	font-family:comic sans ms;
}
.new_menu{
	float:right;
	width:130px;
	background:rgba(0,0,0,0.2);
}
.new_menu b{
	display:block;
	color:orange;
}
.new_menu button{
	border:none;
	width:100%;
	border-radius:2px;
	display:block;
	background:black;
	color:white;
	text-align:center;
	position:relative;
	margin-bottom:1px;
	text-transform:uppercase;
	text-decoration:none;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
    0px 0px 2px #000;
}
.new_menu button i{
	position:absolute;
	left:0;
	top:0;
}
.new_menu button:hover{
	color:red;
}
.new_menu button.active{
	background:orange;
}
.g-recaptcha{
	width:304px;
	height:78px;
}
.book_item{
	width:130px;
	height:130px;
	background:url('../gfx/tomes/bg.png');
	padding:5px;
	float:left;
	margin:3px;
}
.book_desc{
	width:300px;
	text-align:left;
	font-size:12px;
}
.stat_blue{color:#0080FF;}
#reforge_back{
	width:294px;
	height:383px;
	background:url('../gfx/tomes/damage_bg.png');
	margin:auto;
	position:relative;
}
#selected_reforger{
	width:36px;
	height:36px;
	background:black;
	border-radius:3px;
	border:1px solid grey;
	position:absolute;
	top:330px;
	left:60px;
}
#reforge_go{
	position:absolute;
	top:330px;
	left:160px;
}
#selected_book{
	background:url('../gfx/tomes/bg.png');
	padding:5px;
	width:130px;
	height:130px;
	position:absolute;
	top:30px;
	left:80px;
}
#selected_stats{
	width:250px;
	background:rgba(0,0,0,0.5);
	border-radius:3px;
	padding:5px;
	position:absolute;
	top:160px;
	left:20px;
}
.select_reforger,.select_book{
	cursor:pointer;
}
.octet_tab{
	width:150px;
}
.sub_cats {
	margin-top:10px;
	margin-bottom:10px;
}
.sub_cats a{
	font-size:11px;
	background-color:#0D1520;
	color:#ABC6D3;
	text-align:center;
	display:inline-block;
	height:30px;
	width:112px;
	line-height:30px;
	padding-left:5px;
	padding-right:5px;
	border-radius: 20px;
	border:1px solid #547697;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
}
.sub_cats a.active{
	background-color:#1B2C3E;
}
.sub_cats a:hover{
	background-color:silver;
	text-decoration:none;
}
.shop_item{
	width:227px;
	height:100px;
	border:1px solid #547697;
	background:#1B2C3E;
	margin:3px;
	border-radius:3px;
	padding-top:5px;
	padding-left:5px;
	text-align:center;
	float:left;
	font-size:12px;
	position:relative;
	
}
.shop_item .icon{
	float:left; 
	margin-right:3px;
	cursor:pointer;
	width:36px;
	height:36px;
}
.shop_item b{
	color: #ff9966;
	font-size:12px;
	display:block;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
}
.shop_item .amount{
	position:absolute;
	top:25px;
	left:45px;
	color:#99ff66;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
}
.shop_item .price{
	position:absolute;
	right:0;
	top:30px;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
}
.shop_item .buy_opt{
	position:absolute;
	left:0px;
	bottom:-5px;
	width:225px;
	height:32px;
}
.shop_item .buy_opt input{
	display:inline-block;
	vertical-align:top;
	text-align:center;
	float:left;
}
.shop_item .buy_opt button{
	float:right;
}
.event_desc{
	background:rgba(0,0,0,0.3);
	padding:10px;
	border-style: solid; 
	border-width: 7px; 
	-moz-border-image: url('../gfx/ramka_kontener.png') 7 stretch; 
	-webkit-border-image: url('../gfx/ramka_kontener.png') 7 stretch; 
	-o-border-image: url('../gfx/ramka_kontener.png') 7 stretch; 
	border-image: url('../gfx/ramka_kontener.png') 7 fill stretch;
	width:620px;
	float:left;
}
.btn2{
	background:none;
	border:none;
	color:yellow;
}
.event_rewards{
	background:rgba(0,0,0,0.3);
	padding:10px;
	border-style: solid; 
	border-width: 7px; 
	-moz-border-image: url('../gfx/ramka_kontener.png') 7 stretch; 
	-webkit-border-image: url('../gfx/ramka_kontener.png') 7 stretch; 
	-o-border-image: url('../gfx/ramka_kontener.png') 7 stretch; 
	border-image: url('../gfx/ramka_kontener.png') 7 fill stretch;
	width:350px;
	float:right;
}
.event_rewards > div{
	background:rgba(0,0,0,0.3);
	padding:10px;
	color:#879EA9;
	text-transform:uppercase;
	font-size:11px;
}
.top_reward{
	text-transform:uppercase;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
	 color:white;
	 font-size:18px;
}
.event_group{
	background:linear-gradient(black,grey) !important;
	border-bottom:2px solid black;
}
.kill_log{
	padding:10px;
	border-style: solid; 
	border-width: 7px; 
	-moz-border-image: url('../gfx/ramka_kontener.png') 7 stretch; 
	-webkit-border-image: url('../gfx/ramka_kontener.png') 7 stretch; 
	-o-border-image: url('../gfx/ramka_kontener.png') 7 stretch; 
	border-image: url('../gfx/ramka_kontener.png') 7 fill stretch;
	border-radius:5px;
	background:rgba(0,0,0,0.3);
	color:#ffff66;
	width:620px;
	padding:5px;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
}
.kill_log .killer{
	color:#00ff99;
}
.kill_log .corpse{
	color:#ff3300;
}
.kill_log span{
	color:grey;
}
.shop_item button:disabled{
	background:grey;
}
.shop_item:hover{
	animation:epageactive 1s infinite;
}
@keyframes epageactive { 
	0% {background:#006699;}
	50% {background:#00ccff;}
	100% {background:#006699;}
}
hr{
	margin:0;
	height:5px;
}
.needref{
	position:absolute;
	left:3px;
	bottom:35px;
	font-size:11px;
}
.needref span{
	color:orange;
}
.expires{
	position:absolute;
	right:3px;
	top:30px;
	font-size:11px;
}
.expires span{
	color:orange;
}
.role_sel{
	color:black;
}
.buy_item, .choose_cat{
	cursor:pointer;
}
.new_offer{
	position:absolute;
	top:-10px;
	right:-10px;
	width:40px;
	height:40px;
	background:url(../gfx/new.png);
	pointer-events:none;
}
.discount_offer{
	position:absolute;
	bottom:-10px;
	z-index:1;
	right:-5px;
	width:40px;
	height:40px;
	background:url(../gfx/discount.png);
	pointer-events:none;
}
#player_welcome{
	margin:0;
}
.right_menu iframe{
	margin-left:-17px;
}
.help{
	cursor:pointer;
}
.help:hover{
	opacity:0.8;
}
.ifix{
	color:black;
}

ol{
	color:orange;

}
ol li p{
	color:white; 
}
#char_editor{
	width:1200px;
	min-height:800px;
	background:white;
	color:black;
	border:1px solid green;
	position:absolute;
	top:30px;
	left:0;
	right:0;
	margin:auto;
	padding:20px;
}
.item{
	width:36px;
	height:36px;
	position:relative;
	float:left;
	margin:3px;
}
.item .icon{
	float:left; 
	margin-right:3px;
	cursor:pointer;
	width:36px;
	height:36px;
}
.item span{
	position:absolute;
	display:block;
	bottom:-3px;
	left:3px;
	color:white;
	font-size:12px;
	pointer-events:none;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
}
.initial_hide{
	display:none;
}
.option{
	cursor:pointer;
	color:blue;
	font-weight:bold;
}
.editor_btn{
	width:150px;
	color:black;
	font-size:12px;
	padding:10px;
}
.editor_btn.active{
	background:orange;
}
.data_editor{
	width:500px;
	min-height:300px;
	border:1px solid silver;
	padding:5px;
	position:absolute;
	margin:auto;
	background:yellow;
	left:0;
	right:0;
	top:50px;
	font-size:12px;
}
.section{
	background:silver;
	padding:5px;
	float:left;
	margin:3px;
	font-size:12px;
	
}
.section > div{
	width:300px;
	clear:both;
	border-bottom:1px solid grey;
}
.section input{
	font-size:12px;
	width:100px;
	float:right;
	display:inline-block;
}
.section input.octets{
	width:300px;
	color:grey;
}
.section span{
	display:inline-block;
	width:200px;
	height:28px;
	line-height:28px;
}
.section span u{
	color:blue;
}
.section.bag{
	width:270px;
}
.section .bag{
	width:270px;
}
.add_item{
	background:url('../gfx/slot.png');
	width:36px;
	height:36px;
}
.role_json{
	position:fixed;
	width:400px;
	height:400px;
	background:orange;
	color:black;
	font-size:12px;
}
.role_json textarea{
	width:400px;
	height:370px;
	font-size:12px;
	color:black;
}
.event{
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
    0px 0px 2px #000;
	display:inline-block;
	font-size:11px;
	text-transform:uppercase;
}
.trader_fix{
	text-align:left !important;
}
.trader_fix > img{
	margin-left:20px;
}
.trader_fix2 .smallBtn{
	display:inline-block;
}
.trader_head{
	text-align:left;
	padding-left:20px;
	text-transform:uppercase;
}
.trader_head.d{
	background:linear-gradient(to right,rgba(0,102,0,0.8),rgba(0,255,0,0.1))
}
.trader_head.m{
	background:linear-gradient(to right,rgba(255,102,0,0.8),rgba(0,255,0,0.1))
}
.eclass.c1{background:white;}
.eclass.c2{background:yellow;}
.eclass.c3{background:#FF99FF;}
.eclass.c4{background:#FF9933;}
.eclass.c5{background:#6666FF;}
.eclass.c6{background:#FF6666;}
.eclass.c7{background:#F7F12D; animation: divineclass1 2s infinite;}

.xclass.c1{background:linear-gradient(to right,rgba(255,255,255,0.3) 0%,rgba(0,0,0,0) 50%);}
.xclass.c2{background:linear-gradient(to right,rgba(255,255,0,0.3) 0%,rgba(0,0,0,0) 50%);}
.xclass.c3{background:linear-gradient(to right,rgba(255,153,255,0.3) 0%,rgba(0,0,0,0) 50%);}
.xclass.c4{background:linear-gradient(to right,rgba(255,153,51,0.6) 0%,rgba(0,0,0,0) 50%);}
.xclass.c5{background:linear-gradient(to right,rgba(102,102,255,0.6) 0%,rgba(0,0,0,0) 50%);}
.xclass.c6{background:linear-gradient(to right,rgba(255,102,102,0.6) 0%,rgba(0,0,0,0) 50%);}
.xclass.c7{background:linear-gradient(to right,rgba(247,241,45,0.6) 0%,rgba(0,0,0,0) 50%);}

@keyframes divineclass1 {
  0% {background:#F7F12D;}
  50% {background:#23D5DB;}
  100% {background:#F7F12D;}
}

.event.c1{color:white !important;}
.event.c2{color:yellow !important;}
.event.c3{color:#FF99FF!important;}
.event.c4{color:#FF9933 !important;}
.event.c5{color:#6666FF !important;}
.event.c6{color:#FF6666 !important;}
.event.c7{color:#F7F12D; animation: divineclass2 2s infinite;}

@keyframes divineclass2 {
  0% {color:#F7F12D ;}
  50% {color:#23D5DB ;}
  100% {color:#F7F12D ;}
}


.reminder{
	color:red;
	font-size:12px;
	float:right;
	width:200px;
	text-align:justify;
}
.vip{
	width:20px;
	height:20px;
	display:inline-block;
	vertical-align:middle;
}
.vip.lvl1{background:url(../gfx/vipsymbol.png) 0 0;}
.vip.lvl2{background:url(../gfx/vipsymbol.png) 0 -20px;}
.vip.lvl3{background:url(../gfx/vipsymbol.png) 0 -40px;}
.vip.lvl4{background:url(../gfx/vipsymbol.png) 0 -60px;}
.vip.lvl5{background:url(../gfx/vipsymbol.png) 0 -80px;}
.vip.lvl6{background:url(../gfx/vipsymbol.png) 0 -100px;}
.admindata{
	background:white;
	padding:5px;
	border:1px solid black;
	color:black;
}
.admindata i{
	color:green;
}
.reward_item{
	width:40px;
	height:40px;
	float:left;
	margin:2px;
	position:relative;
}
.reward_item span{
	position:absolute;
	bottom:6px;
	left:6px;
	color:white;
	font-size:11px;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
}
.reward_item.disabled{
	opacity:0.5;
}
.pagination{
	width:27px;
	height:27px;
	display:inline-block;
	background:url('../gfx/pagination.png');
	vertical-align:middle;
}
.pagination:hover{
	background:url('../gfx/pagination.png') 0 -27px;
}
.pagination:active{
	background:url('../gfx/pagination.png') 0 -54px;
}
.pagination.disabled{
	opacity:0.5;
}
.pagination i{
	width:27px;
	height:27px;
	display:inline-block;
}
.pagination i.l{
	background:url('../gfx/pagination.png') -27px 0;
}
.pagination i.ll{
	background:url('../gfx/pagination.png') -27px -27px;
}
.pagination i.r{
	background:url('../gfx/pagination.png') -54px 0;
}
.pagination i.rr{
	background:url('../gfx/pagination.png') -54px -27px;
}
#paging{
	vertical-align:middle;
}
.lotto{
	width:350px;
	height:420px;
	float:left;
	margin:3px;
	background:rgba(0,0,0,0.3);
	padding:20px;
}

.lotto .pic{
	float:left;
	margin-right:5px;
}
.lotto_reward{
	position:fixed;
	text-align:center;
	padding:5px;
	width:100px;
	height:100px;
	padding-top:10px;
}
.lotto_reward.grade0{
	background:yellow;
}
.lotto_reward.grade1{
	background:orange;
}
.lotto_reward.grade2{
	background:silver;
}
.lotto_reward.grade3{
	background:grey;
}
.acc_header{
	background: linear-gradient(180deg, rgba(21,34,49,0.06) 0%, rgba(0,0,0,1) 100%);
	margin-left:-30px;
	margin-top:-20px;
	padding-top:25px;
	padding-left:40px;
	padding-bottom:25px;
	margin-bottom:10px;
	position:relative;
}
.acc_header .currencies{
	position:absolute;
	left:400px;
	top:10px;
}
.eventc{
	position:absolute;
	top:10px;
	left:330px;
	display:block;
	width:100px;
}
.tab{
	background:rgba(0,0,0,0.3);
	padding:10px;
	margin:5px;
}
.jadens .g-recaptcha{
	margin-left:200px;
}
.money_icon{
	width:16px;
	height:16px;
	vertical-align:middle;
	margin-left:5px;
	display:inline-block;
}
.money_icon.jaden{
	background:url(../gfx/money.png) 0 0;
}
.money_icon.gold{
	background:url(../gfx/money.png) 0 -64px;
}
.money_icon.event{
	background:url(../gfx/money.png) 0 -80px;
}
.stash_item{
	width:40px;
	height:60px;
	float:left;
	margin:2px;
	position:relative;
	background:grey;
	padding-top:1px;
	text-align:center;
}
.stash_item span{
	position:absolute;
	top:20px;
	left:6px;
	color:white;
	font-size:11px;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
}
.stash_item.disabled{
	opacity:0.3;
	pointer-events:none;
}
.stash_item.bounder{
	background:orange;
}
.reward_table{
	width:100%;
}
.claimed{
	opacity:0.5;
}	
#topka{
	color:#ABACAD;
	width:1200px;
	margin:auto;
	text-align:right;
	font-family:'Raleway';
	line-height:54px;
}
.newTextInput{
	display:inline-block;
	width:144px;
	height:30px;
	color:white;
	padding-left:10px;
	background:url('../gfx/input.png') no-repeat;
	border:none;
}
.niceLink{
	color:lime;
	text-decoration:none;
}
.list-games {
	position: absolute;
	top:140px;
	right:600px;
	width:400px;
	display: grid;
	grid-template-columns: auto auto;
	grid-gap: 10px;
	cursor:pointer;
}

.list-games .left {
	position: relative;
	display: grid;
	color: #ffffff;
	font-size: 14px;
	font-family: 'Raleway';
}

.list-games .left span {
	position: relative;
	display: block;
	align-self: center;
}

.list-games .right {
	position: relative;
	display: inline-block;
	padding: 5px 0;
}

.list-games .right .active {
	position: relative;
	display: grid;
	grid-template-columns: auto 1fr;
	background: rgba(8,10,12,0.52);
	border: 1px solid #535159;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	height: 26px;
}

.list-games .right .active:after {
	content: '';
	position: absolute;
	display: block;
	width: 11px;
	height: 9px;
	background: url(../images/list-select.png) no-repeat center right;
	top: 50%;
	left: 100%;
	transform: translateY(-50%);
	padding-left: 12px;
}

.list-games .right .active .ico {
	position: relative;
	display: block;
	padding: 0 12px;
	align-self: center;
}

.list-games .right .active .ico img {
	position: relative;
	display: block;
}

.list-games .right .active .text {
	position: relative;
	display: block;
	align-self: center;
	color: #ffffff;
	font-size: 14px;
	font-family: 'Raleway';
	padding-right: 18px;
}

.list-games .right .active:hover {
	background: rgba(8,10,12,0.92);
}

.list-games .right .sub {
	position: absolute;
	display: block;
	top: 100%;
	left: 50%;
	width: 240px;
	padding: 5px 10px;
	background: rgba(8,10,12,0.82);
	border: 1px solid #535159;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-transform: perspective(600px) rotateX(-90deg) translateX(-50%);
    -ms-transform: perspective(600px) rotateX(-90deg) translateX(-50%);
    transform: perspective(600px) rotateX(-90deg) translateX(-50%);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition:all 0.2s ease; 
	-o-transition:all 0.2s ease; 
	-moz-transition:all 0.2s ease; 
	transition:all 0.2s ease;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
}

.list-games .right:hover .sub {
	-webkit-transform: perspective(600px) rotateX(0deg) translateX(-50%);
    -ms-transform: perspective(600px) rotateX(0deg) translateX(-50%);
    transform: perspective(600px) rotateX(0deg) translateX(-50%);
    visibility: visible;
    opacity: 1;
}

.list-games .right .sub a {
	position: relative;
	display: grid;
	grid-template-columns: 50px 1fr;
	padding: 6px 0;
}

.list-games .right .sub a .ico {
	position: relative;
	display: block;
	align-self: center;
	justify-self: center;
}

.list-games .right .sub a .text {
	position: relative;
	display: block;
	align-self: center;
	color: #ffffff;
	font-size: 14px;
	font-family: 'Raleway';
	-webkit-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	transition:all 0.3s ease;
}

.list-games .right .sub a:hover .text {
	color: #f89700;
}

.redBtn{
	display:inline-block;
	width:147px;
	height:39px;
	border:none;
	background:url('../gfx/loginBtn.png') 0 0;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	color:white;
	font-size:16px;
	line-height:39px;
	font-family:'Roboto';
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
}
.gold {color:#ffdc50 !important;}
.silver {color:#b1b1b1 !important;}
.bronze {color:#ff6000 !important;}

.rate_bon{
	background:orange;
	border-radius:2px;
	margin-left:5px;
	padding-top:2px;
	padding-left:15px;
	padding-bottom:2px;
	padding-right:15px;
	text-shadow:none;
	text-transform:uppercase;
	color:black;
}
.redBtn:hover{background:url('../gfx/loginBtn.png') 0 -39px;}
.redBtn:active{background:url('../gfx/loginBtn.png') 0 -78px;}
.race.a4{box-shadow:0 0 8px #FFFF00;}
.race.a2{box-shadow:0 0 8px #FF66FF;}
.race.a1{box-shadow:0 0 8px #99FF99;}
.aff1{color:#99FF99;}
.aff2{color:#FF66FF;}
.aff3{color:#FFFF00;}
.al{ text-align:left;}
.chat_Whisper{color:#CC00CC;}
.chat_Guild{color:#CCFFFF;}
.chat_Family{color:#6666FF;}
.chat_Chat{color:#FFFF99;}
.nick{color:gold !important;}
.sign_player{
	display:inline-block;
	border-radius:5px;
	padding-left:5px;
	padding-right:5px;
	background:grey;
	margin-right:2px;
}
select{color:black;}
.race{
	width:20px;
	height:20px;
	background-image:url('../gfx/profession.png');
	vertical-align:middle;
	display:inline-block;
	position:relative;
	z-index:1;
	border-radius:20px;
}
.race.r0{background-position:0 0;}
.race.r1{background-position:0 -20px;}
.race.r2{background-position:0 -40px;}
.race.r3{background-position:0 -60px;}
.race.r4{background-position:0 -80px;}
.race.r5{background-position:0 -100px;}
.race.r6{background-position:0 -120px;}
.race.r7{background-position:0 -140px;}
.race.r8{background-position:0 -160px;}
.race.r9{background-position:0 -180px;}
.race.r10{background-position:0 -200px;}
.race.r11{background-position:0 -220px;}
.race.r12{background-position:0 -240px;}
.race.r13{background-position:0 -260px;}
.race.r14{background-position:0 -280px;}
.race.r15{background-position:0 -300px;}
.race.r16{background-position:0 -320px;}
.race.r17{background-position:0 -340px;}
.race.r18{background-position:0 -360px;}
.race.r19{background-position:0 -380px;}
.race.r20{background-position:0 -400px;}
.race.r21{background-position:0 -420px;}
.race.r22{background-position:0 -440px;}
.race.r23{background-position:0 -460px;}
.race.r24{background-position:0 -480px;}
.race.r25{background-position:0 -500px;}
.race.r26{background-position:0 -520px;}
.race.r27{background-position:0 -540px;}
.race.r28{background-position:0 -560px;}
.race.r29{background-position:0 -580px;}
.race.r30{background-position:0 -600px;}
.race.r31{background-position:0 -620px;}
.race.r32{background-position:0 -640px;}
.race.r33{background-position:0 -660px;}
.race.r34{background-position:0 -680px;}
.race.r35{background-position:0 -700px;}
.race.r36{background-position:0 -720px;}
.race.r37{background-position:0 -740px;}
.race.r38{background-position:0 -760px;}
.race.r39{background-position:0 -780px;}
.race.r40{background-position:0 -800px;}
.race.r41{background-position:0 -820px;}
.race.r42{background-position:0 -840px;}
.race.r43{background-position:0 -860px;}
.race.r44{background-position:0 -880px;}
.race.r45{background-position:0 -900px;}
.race.r46{background-position:0 -920px;}
.race.r47{background-position:0 -940px;}
.race.r48{background-position:0 -960px;}
.race.r49{background-position:0 -980px;}
.race.r50{background-position:0 -1000px;}
.race.r51{background-position:0 -1020px;}
.race.r52{background-position:0 -1040px;}
.race.r53{background-position:0 -1060px;}
.race.r54{background-position:0 -1080px;}
.race.r55{background-position:0 -1100px;}
.race.r56{background-position:0 -1120px;}
.race.r57{background-position:0 -1140px;}
.race.r58{background-position:0 -1160px;}
.race.r59{background-position:0 -1180px;}
.race.r60{background-position:0 -1200px;}
.race.r61{background-position:0 -1220px;}
.race.r62{background-position:0 -1240px;}
.race.r63{background-position:0 -1260px;}
.race.r64{background-position:0 -1280px;}
.race.r65{background-position:0 -1300px;}
.race.r66{background-position:0 -1320px;}
.race.r67{background-position:0 -1340px;}
.race.r68{background-position:0 -1360px;}
.race.r69{background-position:0 -1380px;}
.race.r70{background-position:0 -1400px;}
.race.r71{background-position:0 -1420px;}
.race.r72{background-position:0 -1440px;}
.race.r73{background-position:0 -1460px;}
.race.r74{background-position:0 -1480px;}
.race.r75{background-position:0 -1500px;}
.race.r76{background-position:0 -1520px;}
.race.r77{background-position:0 -1540px;}
.race.r78{background-position:0 -1560px;}
.race.r79{background-position:0 -1580px;}
.race.r80{background-position:0 -1600px;}
.race.r81{background-position:0 -1620px;}
.race.r82{background-position:0 -1640px;}
.race.r83{background-position:0 -1660px;}
.race.r84{background-position:0 -1680px;}
.race.r85{background-position:0 -1700px;}
.race.r86{background-position:0 -1720px;}
.race.r87{background-position:0 -1740px;}
.race.r88{background-position:0 -1760px;}
.race.r89{background-position:0 -1780px;}
.race.r90{background-position:0 -1800px;}
.race.r91{background-position:0 -1820px;}
.race.r92{background-position:0 -1840px;}
.race.r93{background-position:0 -1860px;}
.race.r94{background-position:0 -1880px;}
.race.r95{background-position:0 -1900px;}
.race.r96{background-position:0 -1920px;}
.race.r97{background-position:0 -1940px;}
.race.r98{background-position:0 -1960px;}
.race.r99{background-position:0 -1980px;}
.race.r100{background-position:0 -2000px;}
.race.r101{background-position:0 -2020px;}
.race.r102{background-position:0 -2040px;}
.race.r103{background-position:0 -2060px;}
.race.r104{background-position:0 -2080px;}
.race.r105{background-position:0 -2100px;}
.race.r106{background-position:0 -2120px;}
.race.r107{background-position:0 -2140px;}
.race.r108{background-position:0 -2160px;}
.race.r109{background-position:0 -2180px;}
.race.r110{background-position:0 -2200px;}
.race.r111{background-position:0 -2220px;}
.race.r112{background-position:0 -2240px;}
.race.r113{background-position:0 -2260px;}
.race.r114{background-position:0 -2280px;}
.race.r115{background-position:0 -2300px;}
.race.r116{background-position:0 -2320px;}
.race.r117{background-position:0 -2340px;}
.race.r118{background-position:0 -2360px;}
.race.r119{background-position:0 -2380px;}
.race.r120{background-position:0 -2400px;}
.race.r121{background-position:0 -2420px;}
.race.r122{background-position:0 -2440px;}
.stat{color:#99FFFF;}