body {
	margin: 0px;
	color: #c2c8d2; 
	font-family: 'Montserrat', Arial;
	font-size: 12px;
	letter-spacing: 0.4px;
	background: #101121 url(../img/body_bg.png) center top no-repeat;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px; 
	right: 0px;
}

a:link {
	color: #fff;
	text-decoration: none;
}

a:visited {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #23fce4;
	text-decoration: none;
}

img {
	border: 0px;
}

table {
	width: 100%;
	border-collapse: collapse;
}

.wrapper {
	margin: 0px auto;
	width: 1660px;
}

main {
	padding-top: 86px;
	padding-bottom: 110px;
	overflow: hidden;
}

#menu {
    position: fixed;
    top: 0;
	left: 0;
    width: 100%;
	height: 86px;
	background: rgba(15,17,32,0.85);
	backdrop-filter: blur(6px);
	z-index: 4;
}

#menu .wrapper {
	width: 100%;
}

.darkheader {
	background: rgba(6,7,18,0.95)!important;
	-moz-box-shadow: 0px 5px 25px rgba(0,0,0,0.35);
	-webkit-box-shadow: 0px 5px 25px rgba(0,0,0,0.35);
	box-shadow: 0px 5px 25px rgba(0,0,0,0.35);
}


.darkheader,
.clearheader,
.s_logo,
.main-item:before,
.main-item,
.server_choose .main-item:after,
.add_menu_p a:before,
.add_menu_p a,
.lang .selector .lang_chooser,
.lang .selector .lang_chooser:before,
.lang .selector .lang_chooser:after,
.sub-menu a,
a#move_up:before,
a#move_up,
.main_logo .logo,
.menu_wrapper a,
.menu_wrapper a:before,
.menu_wrapper a:after,
.menu_wrapper a span:before,
.item_icon img,
.char_icon img,
.reg_button,
.reg_icon,
.reg_button:before,
input,
textarea,
.button,
.button_glow,
.news_tags a,
.button_arrow,
.paginator a:before,
.p_next:after,
.p_back:after,
.soc a:after,
.discord_icon_3d,
.chat_icon,
.x_icon_1,
.x_icon_2,
.round_icon_1,
.discord_info button,
.u_avatar,
.rankings_table tr,
.change_view a,
.input_copy,
.donate .checkradio input[type="radio"] + label,
.change_name .checkradio input[type="radio"] + label {
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}

.timer_button:before,
.timer_button:after,
.vip_effect:after,
.vip_effect:before,
.vip_effect,
.search_button,
.class_filters a:before,
.prizes_effect:before,
.prize_read_more:before,
.download_links td:before,
.files_glow,
.news_border_top:before,
.news_border_top:after,
.news_border_bottom:before,
.news_border_bottom:after,
.item_icon_wrap,
.news_border_bottom {
	-webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
}

#bottom_menu {
    position: fixed;
    bottom: 0;
	left: 0;
    width: 100%;
	background: rgba(9,9,20,0.95);
	border-top: 1px solid rgba(255,255,255,0.1);
	height: 110px;
	z-index: 4;
	backdrop-filter: blur(6px);
	filter: drop-shadow(0px -20px 35px rgba(0,0,0,1));
}

.small_logo {
	float: left;
	padding: 8px 21px 0px 21px;
	height: 78px;
	border-right: 1px solid rgba(255,255,255,0.1);
}

.s_logo {
	width: 82px;
	height: 70px;
	background: url(../img/x_logo_small.png) no-repeat;
	background-size: cover;
	cursor: pointer;
}

.s_logo:hover {
	filter: brightness(130%);
	transform: scale(1.1)
}

.server_choose {
	float: left;
	height: 86px;
	border-right: 1px solid rgba(255,255,255,0.1);	
}

.additional_menu {
	float: left;
	height: 86px;
}

.selector {
	position: relative;
	display: inline-block;
}

.selector > button {
	font-family: 'Montserrat', Arial;
	font-size: 12px;
	letter-spacing: 0.4px;
	color: #fff;
	background: none;
	border: none;
	padding: 0px;
	margin: 0px;
}

.sub-menu { 
   display: none;
}

.menu_checkbox:checked ~ .sub-menu { 
	display: block;
	position: absolute;
	background: rgba(6,7,18,0.95);
	box-shadow: 0px 10px 20px rgba(0,0,0,0.4);
	top: 36px;
	width: 180px;
	right: 0px;
	padding: 12px 0px;
	z-index: 5;
	font-weight: normal;
}

.sub-menu:before {
    content: '';
    position: absolute;
    right: 20px;
    top: -20px;
    border: 10px solid transparent;
    border-bottom: 10px solid rgba(6,7,18,0.95);
}

.main-item:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(../img/row_icon.png) no-repeat;
    background-size: 16px 16px;
    position: absolute;
    right: 0px;
    top: 2px;
    transform: rotate(0deg);
	z-index: 3;
}

.main-item:focus:before {
	transform: rotate(180deg);
}

.sub-menu, .menu_checkbox {
    display: none;
}

.menu_checkbox:checked ~ .sub-menu {
 	display: block;
	position: absolute;
	background: rgba(6,7,18,0.95);
	box-shadow: 0px 10px 20px rgba(0,0,0,0.4);
	top: 36px;
	width: 180px;
	right: 0px;
	padding: 12px 0px;
	z-index: 5;
	font-weight: normal;
}

.menu_checkbox:checked ~ .main-item:before {
	transform: rotate(180deg);
}

.server_icon {
	float: left;
	width: 86px;
	height: 86px;
    background: url(../img/server_x1.png) no-repeat;
	background-size: cover;
	margin: 0px 0px 0px 10px;
}

.x2 {
    background: url(../img/server_x2.png) no-repeat;
	background-size: cover;	
}

.x3 {
    background: url(../img/server_x3.png) no-repeat;
	background-size: cover;	
}

.x4 {
    background: url(../img/server_x4.png) no-repeat;
	background-size: cover;	
}

.server_info {
	float: left;
	text-align: left;
	padding-top: 19px;
	width: 266px;
}

.server_title {
	font-size: 30px;
	text-transform: uppercase;
	line-height: 30px;
}

.server_title span {
	font-weight: 900;
}

.glory {
	-webkit-text-stroke-width: 0px;
	-webkit-text-stroke-color: transparent;
	background-image: linear-gradient(to bottom, #ff4e00, #ffcc00);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0px 0px 20px rgba(255,48,0,0.4);
}

.nova {
	-webkit-text-stroke-width: 0px;
	-webkit-text-stroke-color: transparent;
	background-image: linear-gradient(to bottom, #a200ff, #5e43ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0px 0px 20px rgba(98,36,255,0.4);
}

.mirage {
	-webkit-text-stroke-width: 0px;
	-webkit-text-stroke-color: transparent;
	background-image: linear-gradient(to bottom, #009350, #86e400);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0px 0px 20px rgba(0,255,102,0.4);
}

.maxed {
	-webkit-text-stroke-width: 0px;
	-webkit-text-stroke-color: transparent;
	background-image: linear-gradient(to bottom, #006cff, #00e4ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0px 0px 20px rgba(0,138,255,0.4);
}

.server_status {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
}

.online span {
	color: #4eff00;
	text-shadow: 0px 0px 10px rgba(24,255,0,0.6);
}

.offline span {
	color: #ff0042;
	text-shadow: 0px 0px 10px rgba(255,0,54,0.6);
}

.main-item {
	cursor: pointer;
	color: #fff;
}

.server_choose .main-item:focus ~ .sub-menu, 
.server_choose .main-item:active ~ .sub-menu,
.server_choose .sub-menu:hover,
.server_choose .menu_checkbox:checked ~ .sub-menu {
	top: 86px;
	right: auto;
	left: 0px;
	min-width: 362px;
	width: auto;
	padding: 25px 30px;
	background: rgba(6,7,18,0.95) url(../img/blue_glow.png) center bottom no-repeat;
	background-size: cover;
}

.server_choose .sub-menu:before {
	right: auto;
	left: 312px;
}

.server_choose .main-item:after {
    content: "";
    display: block;
    width: 34px;
    height: 30px;
    background: url(../img/server_row_dark.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: 23px;
    top: 27px;
    transform: rotate(0deg);
	z-index: -1;
	opacity: 0.3;
}

.server_choose .main-item:focus:after {
    background: url(../img/server_row_lite.png) no-repeat;
    background-size: cover;
	opacity: 0.1;
}

.server_choose .main-item:before {
    right: 32px;
    top: 34px;	
}

.server-time {
	float: left;
	padding-left: 54px;
	position: relative;
	text-transform: uppercase;
	font-size: 11px;
	padding-top: 26px;
	margin-left: 15px;
}

.server-time > div {
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	letter-spacing: 1.5px;
}

.server-time:before {
	content: "";
	display: block;
	width: 54px;
	height: 54px;
    background: url(../img/time_icon.png) no-repeat;
    background-size: cover;
	position: absolute;
	left: 0px;
	top: 16px;
}

.add_menu_p {
	float: left;
	position: relative;
	margin-left: 40px;
	padding-left: 30px;
	padding-top: 35px;
}

.add_menu_p:before {
	content: "";
	display: block;
	width: 1px;
	height: 30px;
	background: rgba(255,255,255,0.1);
	position: absolute;
	left: 0px;
	top: 28px;
}

.add_menu_p a,
.mobile_menu a {
	text-transform: uppercase;
	font-weight: 600;
	margin-right: 24px;
	padding-left: 34px;
	position: relative;
	display: block;
	float: left;
}

.add_menu_p a:hover {
	text-decoration: none;
}

.add_menu_p a:before,
.menu_wrapper a:before,
.mobile_menu a:before {
	content: "";
	display: block;
	width: 46px;
	height: 46px;
    background: url(../img/news_icon.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: -8px;
	left: -10px;
}

.add_menu_p a:hover:before {
	filter: brightness(130%);
}

.lang {
	margin-top: 25px;
	float: right;
	margin-right: 50px;
}

.lang .selector .lang_chooser {
	background: rgba(11,12,19,0.5);
	height: 36px;
	line-height: 34px;
	padding: 0px 4px;
	padding-right: 22px;
	position: relative;
	font-size: 12px;
}

.lang .selector .lang_chooser:before,
.lang .selector .lang_chooser:after {
	content: "";
	display: block;
	width: 18px;
	height: 44px;
    background: url(../img/lang_border.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: -4px;
	right: -18px;
	opacity: 0.5;
}

.lang .selector .lang_chooser:hover {
	background: rgba(11,12,19,1);	
}

.lang .selector .lang_chooser:hover:before,
.lang .selector .lang_chooser:hover:after {
	opacity: 1;	
}

.lang .selector .lang_chooser:after {
	right: auto;
	left: -18px;
    transform: rotate(180deg);
}

.lang .selector .main-item:before {
	top: 10px;
}

.flag {
	width: 16px;
	height: 16px;
    background: url(../img/flags.png) no-repeat;
	background-size: 96px 16px;
	border-radius: 50%;
	position: relative;
	float: left;
	left: 0px;
	top: 10px;
	z-index: 2;
}


.lang .menu_checkbox:checked ~ .sub-menu {
	top: 61px;
	right: -20px;
	width: 215px;
	font-size: 14px;
	padding: 15px 0px;
}

.sub-menu a {
	display: block;
	height: 38px;
	line-height: 38px;
	padding: 0px 20px 0px 35px;
	font-size: 14px;

}

.sub-menu a:hover {
	text-decoration: none;
    background: url(../img/list_hover.png) center top no-repeat;
}

.lang  .sub-menu a .flag {
	margin-right: 10px;
}

.lang  .sub-menu a .flag:before {
	display: none;
}

.ru {
	background-position: -16px 0px;
}

.ge {
	background-position: -32px 0px;
}

.fr {
	background-position: -48px 0px;
}

.br {
	background-position: -64px 0px;
}

.ch {
	background-position: -80px 0px;
}

.active_m,
.active_m:hover {
	background-color: rgb(255,255,255,0.02);
    color: #fff;
    font-weight: 600;
	position: relative;
}

.active_m:before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(../img/confirm_icon.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
	position: absolute;
	top: 10px;
	right: 20px;
}

a#move_up {
	width: 46px;
	height: 120px;
	color: #777780;
	outline: none;
	left: 42px;
	bottom: 160px;
	margin-top: -74px;
	position: fixed;
	cursor: pointer;
}

a#move_up:hover {
	color: #fff;
}

a#move_up span {
	position: absolute;
	bottom: 0px;
	width: 80px;
	height: 30px;
	line-height: 30px;
	display: block;
    transform: rotate(-90deg);
	top: 77px;
    left: -18px;
	text-align: right;
}

.move_up_icon {
	width: 45px;
	height: 40px;
    background: url(../img/server_row_dark.png) no-repeat;
    background-size: cover;
    position: absolute;
	opacity: 0.5;
}

a#move_up:before {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
    background: url(../img/arrow_top.png) no-repeat;
    background-size: cover;
	position: absolute;
	top: 3px;
    left: 8px;
	z-index: 2;
}

a#move_up:hover:before {
	top: -1px;
}

.menu_wrapper {
	width: 1135px;
	height: 81px;
    background: url(../img/menu_bg.png) no-repeat;
    background-size: cover;
	margin: -40px auto 0px auto;
	position: relative;
}

.menu_wrapper:before {
	content: "";
	display: block;
	width: 113px;
	height: 81px;
	background: url(../img/menu_bg_right.png) no-repeat;
    background-size: cover;
	position: absolute;
	top: 0px;
	right: -113px;
}

.menu_wrapper:after {
	content: "";
	display: block;
	width: 113px;
	height: 81px;
	background: url(../img/menu_bg_left.png) no-repeat;
    background-size: cover;
	position: absolute;
	top: 0px;
	left: -113px;
}

.main_logo {
	width: 252px;
	height: 270px;
	position: absolute;
	top: -142px;
	left: 50%;
	margin-left: -126px;
	z-index: 2;
}

.main_logo .logo {
	width: 252px;
	height: 270px;
	background: url(../img/logo.png) no-repeat;
    background-size: cover;
	cursor: pointer;
}

.main_logo .logo:hover {
	filter: brightness(130%);
}

#bottom_menu:before {
	content: "";
	display: block;
	width: 1042px;
	height: 180px;
	background: url(../img/bottom_glow.png) no-repeat;
    background-size: cover;
	position: absolute;
	left: 50%;
	margin-left: -521px;
	bottom: 0px;
}

.menu_left,
.menu_right {
	width: 460px;
	text-align: center;
}

.menu_left {
	float: left;
}

.menu_right {
	float: right;
}

.menu_wrapper a {
	margin: 0px 24px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	height: 80px;
	line-height: 80px;
	top: 0px;
}

.menu_wrapper a:hover {
	color: #ffec50;
	text-decoration: none;
	text-shadow: 0px 0px 20px rgba(255,138,0,0.4);
	top: -5px;
}

.menu_wrapper a:before {
	left: 50%;
	margin-left: -23px;
	top: -10px;
}

.menu_wrapper a:hover:before {
	filter: brightness(130%);
	transform: scale(1.2);
}

.menu_wrapper a:after {
	content: "";
	display: block;
	width: 62px;
	height: 62px;
	background: url(../img/icon_hover.png) no-repeat;
    background-size: cover;
	position: absolute;
	left: 50%;
	margin-left: -31px;
	top: -20px;
	opacity: 0;
}

.menu_wrapper a:hover:after {
	top: -26px;
	opacity: 1;
}

.menu_wrapper a span:before {
	content: "";
	display: block;
	width: 142px;
	height: 70px;
	background: url(../img/selector.png) no-repeat;
    background-size: cover;
	position: absolute;
	left: 50%;
	margin-left: -71px;
	bottom: -7px;
	opacity: 0;
}

.menu_wrapper a:hover span:before {
	bottom: -13px;
	opacity: 1;
}

.m_stats:before {
    background: url(../img/stat_icon.png) no-repeat !important;
	background-size: cover !important;	
}

.m_contacts:before {
    background: url(../img/contacts_icon.png) no-repeat !important;
	background-size: cover !important;	
}

.m_rules:before {
    background: url(../img/rules_icon.png) no-repeat !important;
	background-size: cover !important;	
}

.m_news:before {
    background: url(../img/news_icon.png) no-repeat !important;
	background-size: cover !important;	
}

.m_wiki:before {
    background: url(../img/wiki_icon.png) no-repeat !important;
	background-size: cover !important;	
}

.m_register:before {
    background: url(../img/register_icon.png) no-repeat !important;
	background-size: cover !important;	
}

.m_files:before {
    background: url(../img/files_icon.png) no-repeat !important;
	background-size: cover !important;	
}

.m_rankings:before {
    background: url(../img/rankings_icon.png) no-repeat !important;
	background-size: cover !important;	
}

.m_market:before {
    background: url(../img/shop_icon.png) no-repeat !important;
	background-size: cover !important;	
}

.footer {
	position: fixed;
	height: 72px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	color: #fff;
	text-align: center;
	z-index: 4;
}

.copyright,
.footer_links {
	display: inline-block;
	width: 410px;
	padding-top: 26px;
}

.copyright {
	padding-right: 177px;
	text-align: right;
}

.footer_links {
	padding-left: 177px;
	text-align: left;
}

.footer span {
	width: 1px;
	height: 16px;
	display: inline-block;
	background: rgba(255,255,255,0.2);
	margin: 0px 28px -4px 28px;
}

.content {
	position: relative;
}

.center_column {
	width: 930px;
	border-left: 1px solid rgba(255,255,255,0.1);
	border-right: 1px solid rgba(255,255,255,0.1);
	margin: 0px 364px;
	min-height: 1200px;
	background: rgba(16,17,33,1);
	border-top: 1px solid rgba(255,255,255,0.1);
	padding-top: 20px;
}

.main_content {
	min-height: 560px;
	padding: 0px 50px 110px 50px;

}

.left_column {
	position: absolute;
	left: 1px;
	top: -1px;
	width: 364px;
	border-top: 1px solid rgba(255,255,255,0.1);
	padding-bottom: 210px;
}

.right_column {
	position: absolute;
	right: 1px;
	top: -1px;
	width: 364px;
	border-top: 1px solid rgba(255,255,255,0.1);
}

.right_column .login_register {
	display: none;
}

.header_slider {
	height: 370px;
	position: relative;
}

.header_slider .wrapper {
	position: relative;
}

.hero_1 {
	width: 1044px;
	height: 890px;
	background: url(../img/hero_1.png) no-repeat;
	position: absolute;
	top: -173px;
    right: -250px;
	z-index: 999;
}

.hero_2 {
	width: 922px;
	height: 648px;
	background: url(../img/hero_2.png) no-repeat;
	position: absolute;
	top: -90px;
    left: -250px;
	z-index: 999;
}

.block {
	padding: 0px 34px;
	border-left: 1px solid rgba(255,255,255,0.1);
}

.block_title,
.page_module_title {
	padding: 25px 0px 20px 0px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	position: relative;
}

.block_title h4,
.page_module_title h3,
.timer_title,
.profile_menu > ul > li > a,
.log_out a,
.registration_form h4,
.warn_title,
.page_title h2 {
	margin: 0px;
	font-size: 18px;
	font-weight: 800;
	color: #ffec50 !important;
	text-transform: uppercase;
	text-shadow: 0px 0px 15px rgba(255,138,0,0.5);
	line-height: 18px;
	padding-right: 100px;
}

.block_title h4 {
	font-size: 16px;
}

.block_title .selector {
	position: absolute;
	right: 0px;
	bottom: 20px;
}


.block_title .selector .main-item,
.page_title .main-item {
	font-size: 14px;
	font-weight: 500;
	padding-right: 22px;
}

.block {
	border-bottom: 1px solid rgba(255,255,255,0.1);
	padding-bottom: 30px;
}

.info_block {
	color: #23fce4;
	text-shadow: 0px 0px 15px rgba(0,138,255,0.7);
	font-size: 8px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	padding: 15px 0px;
	margin: 15px 0px;
	position: relative;
}

.info_block:before,
.info_block:after,
.warn_title:before,
.warn_title:after {
	content: "";
	display: block;
	height: 11px;
	width: 100%;
	background: url(../img/info_block_border.png) center top no-repeat;
    background-size: 400%;
	position: absolute;
	top: 0px;
}

.info_block:after,
.warn_title:after {
	top: auto;
	bottom: 0px;
    transform: rotate(180deg);
}

.bon_sum {
	font-weight: 600;
	color: #ffa60b;
	position: relative;
	padding-right: 32px;
	font-weight: bold;
}

.bon_sum span {
	background: linear-gradient(113deg,#ffe659 0%, #ffa60b 16%, #c68113 38%, #ffe659 59%, #c68113 78%, #9f6818 100%);
	display: inline-block;
	width: 28px;
	height: 14px;
	border-radius: 3px;
	color: #4e1200;
	font-size: 9px;
	font-weight: 800;
	text-transform: uppercase;
	text-align: center;
	line-height: 14px;
	position: absolute;
	right: 0px;
	text-shadow: 1px 1px rgba(255,227,96,0.3);
	box-shadow: inset 0px 0px 1px rgba(255,255,103,0.9), 0px 0px 10px rgba(255,126,0,0.3);
}

.list_table {
	font-size: 0px;
}

.list_table td {
	font-size: 12px;
}

.td_title {
	font-size: 13px;
	font-weight: 600;
}

.item_icon {
	width: 26px;
	position: relative;
	height: 32px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

.item_icon img {
	max-width: 100%;
	max-height: 100%;
	position: relative;
}

.item_icon span {
	border-width: 2px;
	border-style: solid;
	display: block;
	width: 12px;
	height: 12px;
    transform: rotate(45deg);
	position: absolute;
	top: 50%;
	margin-top: -40%;
	left: 4px;
	box-shadow: 0px 0px 0px 1px rgba(16,17,37,1), 0px 0px 0px 2px rgba(55,60,94,1);
}

.td_icon {
	width: 30px;
}

.td_title {
	width: 170px;
}

.td_price {
	width: 90px;
	text-align: right;
}

.list_table tr:hover .item_icon img {
	margin-top: -5px;
	margin-bottom: 5px;
}

.char_icon img {
	width: 48px;
	margin: -7px 0px;
}

.class_icon {
	height: 14px;
	line-height: 14px;
	border-radius: 4px;
	font-size: 9px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	display: inline-block;
	padding: 0px 5px;
	float: left;
	margin-right: 4px;
	bottom: -1px;
	position: relative;
}

.dw_class,
.sm_class,
.grm_class {
	background: rgba(100,111,155,0.2);
	color: #7b87b7;
}

.dk_class,
.bk_class,
.bm_class {
	background: rgba(255,63,63,0.2);
	color: #ff3f3f;
}

.elf_class,
.me_class,
.he_class,
.fe_class {
	background: rgba(97,216,0,0.2);
	color: #61d800;
}

.mg_class,
.dm_class {
	background: rgba(99,66,220,0.2);
	color: #7a56ff;
}

.dl_class,
.le_class {
	background: rgba(214,203,100,0.2);
	color: #d6cb64;
}

.sum_class,
.bs_class,
.dsm_class {
	background: rgba(193,64,210,0.2);
	color: #c140d2;
}

.rf_class,
.fm_class {
	background: rgba(255,116,52,0.2);
	color: #ff7434;
}

.list_table tr:hover .char_icon img {
	filter: brightness(130%);
	transform: scale(1.2);
}

.td_date {
	font-size: 11px;
	text-align: right;
}

.td_avatar img {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid #a48456;
	padding: 2px;
}

#last_winners .list_table td {
	padding: 4px 0px;
}

.registration_block a:hover {
	text-decoration: none;
	color: #fff;
}

.registration_block {
	width: 364px;
	height: 94px;
	background: url(../img/reg_block_bg.jpg) no-repeat;
	margin-top: -1px;
	padding-top: 26px;
}

.reg_button {
	display: block;
	width: 231px;
	height: 54px;
	background: url(../img/reg_button.png) no-repeat;
	background-size: cover;
	font-size: 12px;
	font-weight: 500;
	padding-left: 85px;
	padding-top: 14px;
	line-height: 20px;
	text-shadow: 0px 2px 3px rgba(0,0,0,0.5);
	position: relative;
	z-index: 2;
	left: 50%;
	margin-left: -158px;
}

.reg_button span {
	display: block;
	color: #ffec50;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: 800;
	letter-spacing: 0.5px;
}

.reg_icon {
	width: 58px;
	height: 58px;
	position: absolute;
	background: url(../img/reg_icon.png) no-repeat;
	background-size: cover;
	left: 21px;
    top: 4px;
}

.reg_button:before {
	content: "";
	display: block;
	width: 43px;
	height: 65px;
	background: url(../img/reg_button_arrow.png) no-repeat;
	background-size: cover;
	position: absolute;
	right: 10px;
    top: 1px;
}

.reg_button:hover:before {
	right: 5px;
}

.reg_button:hover .reg_icon {
	filter: brightness(120%);
	transform: scale(1.2);	
}

.reg_button:hover {
	filter: brightness(120%);	
}

.registration_block:after {
	content: "";
	display: block;
	width: 368px;
	height: 164px;
	background: url(../img/reg_button_shadow.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: -10px;
	left: 0px;
}

.login_block,
.profile_menu {
	background: #15192c;
	padding: 5px 40px 35px 40px;
	box-shadow: inset 0px 0px 60px 0px rgba(0,0,0,0.3);
	position: relative;
}

#mini_profile {
	bottom: 150px;
	overflow-y: scroll;
	overflow-x: hidden;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

#mini_profile::-webkit-scrollbar {
	display: none;
}

.login_block:before,
#login_modal:before {
	content: "";
	display: block;
	width: 100%;
	height: 233px;
	background: url(../img/bottom_glow_red.png) center bottom no-repeat;
	background-size: cover;
	position: absolute;
	left: 0px;
	bottom: 0px;
	right: 0px;
}

.title_option {
	float: right;
	font-size: 14px;
}

.input,
.select {
	padding-bottom: 10px;
	position: relative;
}

input,
.select .selector > button,
.select .selector > label,
textarea {
	background: rgba(0,0,0,0.3);
	color: #fff;
	height: 44px;
	font-size: 14px;
	font-family: 'Montserrat', Arial;
	padding: 0px 15px 2px 15px;
	margin: 0px;
	border: none;
	box-sizing: border-box;
	width: 100%;
	text-align: left;
}

.select .selector > label {
	display: block;
	line-height: 44px;
}

input::placeholder {
	color: #fff;
}

input:focus,
textarea:focus {
	outline: none;
	box-shadow: inset 0px 0px 0px 1px rgba(35,252,228,1), inset 0px 0px 10px rgba(35,252,228,0.4), 0px 0px 10px rgba(35,252,228,0.2);
}

.login_form {
	padding: 15px 0px 0px 0px;
	position: relative;
}

.input_title {
	padding-bottom: 5px;
	color: #c2c8d2;
}

.select .selector {
	display: block;
}

.select .main-item:before {
	right: 16px;
    top: 14px;	
}

.select .sub-menu:before {
	right: 15px;
}

.select .menu_checkbox:checked ~ .sub-menu {
	top: 44px;
    width: 284px;
}

.radiocheck input[type="checkbox"],
.radiocheck input[type="radio"] {
	position: absolute;
	left: -9999px;
}

.radiocheck input[type="checkbox"] + label,
.radiocheck input[type="radio"] + label {
	position: absolute;
	display: block;
	cursor: pointer;
	top: 34px;
	right: 34px;
}

.radiocheck input[type="checkbox"] + label:before,
.radiocheck input[type="radio"] + label:before {
	content: "";
	display: block;
	position: absolute;
    width: 20px;
    height: 13px;
    background: url(../img/hide_password.png) no-repeat;
	background-size: cover;
	opacity: 0.3;
}

.radiocheck input[type="checkbox"]:checked + label:before {
    background: url(../img/show_password.png) no-repeat;
	background-size: cover;
	opacity: 1;
}

.password input {
	padding-right: 40px;
}

.buttons {
	height: 44px;
	padding-top: 10px;
	line-height: 44px;
}

.button {
	height: 44px;
	border: none;
    background: url(../img/button_center.png) center top no-repeat;
	background-size: cover;
	padding: 0px 15px;
	color: #fff;
	font-size: 12px;
	font-family: 'Montserrat', Arial;
	font-weight: 800;
	text-transform: uppercase;
	padding-bottom: 3px;
	cursor: pointer;
	position: relative;
	letter-spacing: 1px;
	filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.9));
	filter: brightness(100%);
}

.button:before {
	content: "";
	display: block;
	width: 16px;
	height: 44px;
    background: url(../img/button_left.png) center top no-repeat;
	background-size: cover;
	position: absolute;
	left: -16px;
	top: 0px;
}

.button:after {
	content: "";
	display: block;
	width: 16px;
	height: 44px;
    background: url(../img/button_right.png) center top no-repeat;
	background-size: cover;
	position: absolute;
	right: -16px;
	top: 0px;
}

.login_form .button {
	padding: 0px 15px 0px 35px;
}

.button .login_icon,
.reg_button_icon {
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	position: absolute;
	left: 5px;
	top: 5px;
}

.login_icon {
    background: url(../img/login_icon.png) center top no-repeat;
	background-size: cover;	
}

.registration_icon {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 2px;
    top: 11px;
    background: url(../img/registration_icon.png) center top no-repeat;
	background-size: cover;
	filter: drop-shadow(0px 0px 5px rgba(138,255,0,0.5));
}

.login_form .button {
	float: right;
	margin-right: 16px;
}

.buttons a {
	color: #23fce4;
	text-decoration: none;
	position: relative;
}

.buttons a:hover {
	color: #fff;
	text-decoration: none;	
}

.forgot_password {
	padding-left: 32px;
}

.forgot_password:before {
	content: "";
	display: block;
	width: 44px;
	height: 44px;
    background: url(../img/forgot_password_icon.png) no-repeat;
	background-size: cover;
	position: absolute;
	left: -10px;
	top: -14px;
}

.button_glow {
	content: "";
	display: block;
	width: 100%;
	height: 42px;
    background: url(../img/button_glow.png) center bottom no-repeat;
	background-size: cover;
	position: absolute;
	left: 50%;
	margin-left: -50%;
	bottom: 0px;
	z-index: 2;
	opacity: 0.3;
}

.button:hover {
	filter: brightness(130%);
}

.button:hover .button_glow {
	opacity: 0.6;	
}

/** Tabs Style **/

.tabs {
	position: relative;
	margin-top: -41px;
	text-align: right;
}

.tabs section {
	display: none;
	text-align: left;
}

.tabs > input {
	display: none;
}

.tabs > label {
	display: inline-block;
	margin-top: -47px;
	font-weight: 500;
	padding: 0px 11px 20px 11px;
	font-size: 14px;
	line-height: 46px;
	text-align: center;
	color: #c2c8d2;
	position: relative;
	margin-bottom: -1px;
}

.tabs label:hover {
	color: #fff;
	cursor: pointer;
}

.tabs > input:checked + label {
	color: #fff;
	font-weight: 600;
	position: relative;
    background: url(../img/selector.png) center bottom no-repeat;
	position: relative;
}

.tabs > input:checked + label:before,
.tabs > input:checked + label:after {
	content: "";
	display: block;
	width: 20px;
	height: 64px;
	position: absolute;
	background: linear-gradient(to left, rgba(16,17,33,0) 0%, rgba(16,17,33,1) 100%);
	left: 0px;
	bottom: 10px;
}

.tabs > input:checked + label:after {
	background: linear-gradient(to right, rgba(16,17,33,0) 0%, rgba(16,17,33,1) 100%);
	left: auto;
	right: 0px;
}

.tabs #tab1:checked ~ #content1,
.tabs #tab2:checked ~ #content2,
.tabs #tab3:checked ~ #content3,
.tabs #tab4:checked ~ #content4,
.tabs #tab5:checked ~ #content5,
.tabs #tab6:checked ~ #content6,
.tabs #tab7:checked ~ #content7,
.tabs #tab8:checked ~ #content8,
.tabs #tab9:checked ~ #content9,
.tabs #tab10:checked ~ #content10 {
	display: block;
}

.news_item {
	position: relative;
	margin: 20px 0px 20px 0px;
}

.news_border_bottom {
	background: #0b0c1c;
	padding: 34px;
	min-height: 80px;
}

.news_border_top {
	position: relative;
}

.news_border_top:after,
.news_border_top:before,
.news_border_bottom:before,
.news_border_bottom:after,
.items_list .market_items_top:before,
.items_list .market_items_top:after,
.items_list .market_items_bottom:before,
.items_list .market_items_bottom:after {
	content: "";
	display: block;
	width: 109px;
	height: 111px;
    background: url(../img/top_right.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: -4px;
	right: -4px;
}

.news_border_top:before,
.items_list .market_items_top:before {
	top: -4px;
	right: auto;
	left: -4px;
    background: url(../img/top_left.png) no-repeat;
	background-size: cover;
}

.news_border_bottom:before,
.items_list .market_items_bottom:before {
	top: auto;
	bottom: -4px;
    background: url(../img/bottom_right.png) no-repeat;
	background-size: cover;
}

.news_border_bottom:after,
.items_list .market_items_bottom:after {
	top: auto;
	bottom: -4px;
	right: auto;
	left: -4px;
    background: url(../img/bottom_left.png) no-repeat;
	background-size: cover;
}

.news_title {
	font-size: 18px;
	font-weight: 500;
	position: relative;
}

.news_title a {
	color: #23fce4;
	text-shadow: 0px 0px 20px rgba(0,138,255,0.5);
}

.news_text {
	line-height: 16px;
	padding-top: 10px;
}

.news_text u,
.news_text b {
	color: #fff;
	font-weight: 600;
}

#last_winners .list_table .td_title,
#market_block .list_table .td_title{
	padding-left: 5px;
}

.news_tags {
	height: 20px;
	margin-bottom: 15px;
	position: relative;
}

.news_tags a {
	display: block;
	float: left;
	height: 20px;
	line-height: 20px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px 8px;
	border-radius: 4px;
	color: #5392ff;
	background: rgba(83,146,255,0.3);
	margin-right: 6px;
	text-decoration: none;
}

.news_tags a:hover {
	filter: brightness(130%);	
}

.t_pinned {
	color: #ffaf30 !important;
	background: rgba(255,175,48,0.1) !important;
	padding-left: 20px !important;
}

.t_pinned:before {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	position: absolute;
    background: url(../img/pinned_icon.png) no-repeat;
	background-size: cover;
	left: 5px;
	top: 4px;
}

.t_announ {
	color: #9a4fff !important;
	background: rgba(154,79,255,0.2) !important;	
}

.t_updates {
	color: #4df779 !important;
	background: rgba(77,247,121,0.1) !important;	
}

.t_events {
	color: #ff4f74 !important;
	background: rgba(255,79,116,0.1) !important;	
}

.t_patch {
	color: #4fffe8 !important;
	background: rgba(79,255,232,0.1) !important;	
}

.news_date {
	float: right;
	font-size: 11px;
	padding-left: 18px;
	position: relative;
	z-index: 2;
}

.news_date:before,
.last_updates span:before {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
    background: url(../img/date_icon.png) no-repeat;
	background-size: cover;
	opacity: 0.6;
	left: 0px;
	top: 0px;
}

.news_info {
	position: relative;
	z-index: 2;
	padding-top: 20px;
	margin-top: 20px;
	height: 20px;
	padding-right: 12px;
}

.news_info:before,
.menu-wrap .server-time:after  {
	content: "";
	display: block;
	height: 1px;
	width: 260px;
	background: linear-gradient(to right,#242534 0%, #090a17 100%);
	position: absolute;
	top: 0px;
	left: 0px;
}

.menu-wrap .server-time {
	position: relative;	
	padding-bottom: 20px;
}

.menu-wrap .server-time:after {
	top: auto;
	bottom: 0px;
	width: 200px;
}

.small_button {
	height: 32px;
    background: url(../img/small_button_center.png) center top no-repeat;
	background-size: cover;
	padding: 0px 10px 1px 10px;
	font-size: 10px;
	color: #ffec50;
	text-shadow: 0px 0px 10px rgba(255,138,0,0.8);
}

.news_info .small_button {
	padding: 0px 16px 1px 10px;	
}

.small_button:before {
	content: "";
	display: block;
	width: 12px;
	height: 32px;
    background: url(../img/small_button_left.png) center top no-repeat;
	background-size: cover;
	left: -12px;
	top: 0px;
}

.small_button:after {
	content: "";
	display: block;
	width: 12px;
	height: 32px;
    background: url(../img/small_button_right.png) center top no-repeat;
	background-size: cover;
	right: -12px;
	top: 0px;
}

.options {
	float: right;
	margin-top: -22px;
}

.discord_link {
	margin-right: 22px;
	font-weight: 500;
	color: #5865f2 !important;
	text-decoration: none !important;
	text-shadow: 0px 0px 15px rgba(78,16,255,0.8);
	position: relative;
	padding-left: 28px;
}

.discord_link:before {
	content: "";
	display: block;
	width: 32px;
	height: 32px;
    background: url(../img/discord_icon.png) center top no-repeat;
	background-size: cover;
	position: absolute;
	left: 0px;
	top: -8px;
}

.button_arrow {
	display: block;
	width: 18px;
	height: 18px;
    background: url(../img/more_arrow.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: 7px;
	right: 0px;
}

.news_info .small_button:hover .button_arrow {
	right: -3px;
}

.paginator {
	text-align: center;
	position: relative;
	padding: 22px;
	font-size: 14px;
	margin-top: 25px;
}

.paginator a,
.paginator span {
	color: #c2c8d2;
	margin: 0px 5px;
	display: inline-block;
	width: 38px;
	height: 38px;
	line-height: 38px;
	position: relative;
	z-index: 2;
}

.paginator:before,
.paginator:after {
	content: "";
	display: block;
	width: 100%;
	height: 5px;
    background: url(../img/page_border.png) center top no-repeat;
	background-size: cover;
	position: absolute;
	left: 0px;
	top: 0px;	
}

.paginator:after {
	transform: rotate(180deg);
	left: 0px;
	top: auto;
	bottom: 0px;
}

.paginator a:hover {
	color: #ffec50;
	text-shadow: 0px 0px 10px rgba(255,138,0,0.8);
	text-decoration: none;
}

.paginator a:before {
	content: "";
	display: block;
	width: 38px;
	height: 38px;
	background: url(../img/page_hover.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
	opacity: 0;
	transform: scale(0.2)
}

.paginator a:hover:before {
	opacity: 1;
	transform: scale(1)
}

.paginator .active,
.paginator .active:hover {
	background: url(../img/page_active.png) no-repeat;
	background-size: cover;
}

.paginator .active:hover:before,
.p_back:hover:before,
.p_next:hover:before {
	display: none;
}

.active {
	position: relative;
}

.active:after {
	content: "";
	display: block;
	width: 142px;
	height: 70px;
	background: url(../img/selector.png) no-repeat;
    background-size: cover;
	position: absolute;
	left: 50%;
	margin-left: -71px;
	bottom: -31px;
	opacity: 0.5;
}

.p_next,
.p_back {
	position: relative;
}

.p_next:after,
.p_back:after {
	content: "";
	display: block;
	width: 24px;
	height: 28px;
	background: url(../img/next_arrow.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: 6px;
	right: -30px;
}

.p_next:hover:after {
	right: -35px;	
}

.p_back:after {
	right: auto;
	left: -30px;
	background: url(../img/back_arrow.png) no-repeat;
	background-size: cover;
}

.p_back:hover:after {
	left: -35px;	
}

.p_disabled,
.p_disabled:hover {
	color: #696e77 !important;
	text-shadow: none !important;
}

.p_disabled:after {
	filter: saturate(0);
	opacity: 0.4;
}

.p_disabled:hover:after {
	left: -30px;	
}

.news_pinned .news_border_bottom {
	box-shadow: inset 0px 0px 0px 1px rgba(101,72,21,1), 0px 30px 50px rgba(0,0,0,0.8);
	background: #0b0c1c url(../img/pinned_news_bg.png) center bottom no-repeat;
	position: relative;
	z-index: 2;
}

.news_list hr {
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	margin: 30px 0px;
}

.soc {
	position: fixed;
	top: 50%;
	left: 25px;
	margin-top: -77px;
	z-index: 5;
}

.soc a {
	display: block;
	width: 74px;
	height: 70px;
	background: url(../img/soc_bg.png) no-repeat;
	background-size: cover;
	margin: -14px 0px;
	position: relative;
}

.soc a:before {
	content: "";
	display: block;
	width: 46px;
	height: 46px;
	background: url(../img/yt_icon.png) no-repeat;
	background-size: cover;
	position: absolute;
	left: 14px;
	top: 6px;
}

.vk:before {
	background: url(../img/vk_icon.png) no-repeat !important;
	background-size: cover !important;
}

.fb:before {
	background: url(../img/fb_icon.png) no-repeat !important;
	background-size: cover !important;
}

.soc a:after {
	content: "";
	display: block;
	width: 36px;
	height: 32px;
	background: url(../img/yt_hover.png) no-repeat;
	background-size: cover;
	position: absolute;
	left: 19px;
    top: 13px;
	opacity: 0;
	transform: scale(0.7)
}

.soc a:hover:after {
	opacity: 1;
	transform: scale(1)
}

.vk:after {
	background: url(../img/vk_hover.png) no-repeat !important;
	background-size: cover !important;	
}

.fb:after {
	background: url(../img/fb_hover.png) no-repeat !important;
	background-size: cover !important;	
}

.stream_block {
	position: relative;
}

.streambar {
	height: 368px;
	width: 320px;
	position: fixed;
	top: 50%;
	margin-top: -184px;
	right: -320px;
	background: rgba(2,2,6,0.95);
	color: white;
	transition: right 0.5s ease;
	z-index: 9;
  	backdrop-filter: blur(4px);
}

.streambar.open {
	right: 0;
}

.stream_button {
	background: rgba(6,7,18,0.95);
	width: 64px;
	height: 368px;
	margin-left: -64px;
	color: #fff;
	border: none;
	text-align: left;
	cursor: pointer;
	position: absolute;
	top: 0px;
	left: 0px;
	font-family: 'Montserrat', Arial;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}

.stream_button_title {
	width: 293px;
	height: 64px;
	transform: rotate(-90deg);
	position: absolute;
    top: 152px;
    left: -152px;
	z-index: 2;
	line-height: 64px;
	padding: 0px 25px 0px 50px;
}

.stream_button_title span {
	float: right;
	color: #dc1f3e;
	font-weight: 900;
}

.stream_button_title:before {
	content: "";
	display: block;
	width: 21px;
	height: 21px;
	background: url(../img/stream_icon.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: 21px;
	left: 25px;
}

.circle, .circle::before {
	content: " ";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin: 0 auto;
	transition: all 0.3s;
	background-color: #dc1f3e;
	box-shadow: 0px 0px 10px rgba(220,31,62,0.8);
	display: inline-block;
	margin-right: 8px;
}

.circle::before {
	animation: mymove 2s infinite;
	position: absolute;
	background-color: #dc1f3e
}

@-webkit-keyframes mymove {
	50%   {
		transform: scale(3);
		opacity: 0
	}
	100%   {
		transform: scale(3);
		opacity: 0
	}
}

.videos {
	padding: 21px;
}

.video_sample {
	background: url(../img/video_sample.png) no-repeat;
	width: 280px;
	height: 157px;
	margin-bottom: 12px;
}

.sidebarfixed {
	position: fixed;
	top: 84px;
}

.discord_block {
	width: 364px;
	height: 120px;
	background: url(../img/discord_block_bg.png) no-repeat;
	background-size: cover;
	margin-top: -1px;
	box-shadow: inset 0px 0px 2px 1px rgba(75,194,255,0.05);
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.chat_icon {
	position: absolute;
	width: 95px;
	height: 89px;
	background: url(../img/chat_icon.png) no-repeat;
	background-size: cover;
	right: 100px;
	top: -8px;	
}

.discord_icon_3d {
	position: absolute;
	width: 132px;
	height: 120px;
	background: url(../img/discord_icon_3d.png) no-repeat;
	background-size: cover;
	right: 20px;
	top: 0px;
}

.x_icon_1 {
	position: absolute;
	width: 54px;
	height: 54px;
	background: url(../img/x_icon.png) no-repeat;
	background-size: cover;
	right: 0px;
    top: 32px;	
}

.round_icon_1 {
	position: absolute;
	width: 42px;
	height: 42px;
	background: url(../img/round_icon.png) no-repeat;
	background-size: cover;
	right: 140px;
    top: 70px;
}

.x_icon_2 {
	position: absolute;
	width: 180px;
	height: 180px;
	background: url(../img/x_icon.png) no-repeat;
	background-size: cover;
	right: 13px;
    top: 66px;
	filter: blur(2px);
}

.discord_block:hover .discord_icon_3d {
	transform: rotate(10deg);
}

.discord_block:hover .chat_icon {
	transform: scale(1.1);
}

.discord_block:hover .x_icon_1 {
	right: -5px;
    top: 27px;	
}

.discord_block:hover .round_icon_1 {
	right: 150px;
    top: 74px;
}

.discord_block:hover .x_icon_2 {
	right: 18px;
    top: 71px;	
}

.discord_info {
	color: #fff;
	padding-left: 32px;
	padding-top: 20px;
	position: relative;
	z-index: 3;
}

.discord_info h4 {
	font-size: 26px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 800;
	margin: 0px;
	line-height: 26px;
}

.discord_status {
	font-weight: 500;
}

.discord_status span {
	color: #7eff00;
	font-weight: bold;
}

.discord_info button {
	font-family: 'Montserrat', Arial;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	border: none;
	width: 136px;
	height: 28px;
	background: url(../img/discord_button_bg.png) no-repeat;
	background-size: cover;
	fonts-size: 11px;
	color: #ffec50;
    text-shadow: 0px 0px 10px rgba(255,138,0,0.8);
	padding-bottom: 2px;
	margin-top: 10px;
	margin-left: -5px;
	position: relative;
	z-index: 5;
	cursor: pointer;
}

.discord_info button:hover {
	filter: brightness(130%);
}

.discord_animations {
	position: absolute;
	width: 364px;
	height: 120px;
	top: 0px;
	left: 0px;
	overflow: hidden;
	z-index: 1;
}

.servers_list {
	text-align: center;
	font-size: 0px;
}

.list-1 {
	width: auto;
}

.list-2 {
	width: 354px;
}

.list-3 {
	width: 524px;
}

.list-4 {
	width: 724px;
}

.server_item {
	display: inline-block;
}



.timer_block {
	width: 489px;
	height: 104px;
	background: url(../img/timer_bg.png) no-repeat;
	background-size: cover;
	position: relative;
	margin: 0px auto;
	text-align: center;
	font-size: 0px;
	padding-top: 34px;
	margin-top: 30px;
}

.time {
	color: #fff;
	font-size: 48px;
	font-weight: 800;
}

#countdown > div {
	width: 104px;
	display: inline-block;
	text-align: center;
}

.timer_wrap > span {
	display: block;
}

.timer_wrap .label {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
}

.timer_title {
	padding: 0px;
	position: absolute;
	top: -18px;
	width: 100%;
}

.timer_button {
	position: absolute;
	bottom: -36px;
	left: 50%;
	margin-left: -113px;
}

.timer_button .button {
	width: 227px;
	height: 63px;
	background: url(../img/timer_button_bg.png) no-repeat;
	background-size: cover;
	padding-bottom: 16px;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: 700;
	text-shadow: 0px 2px 4px rgba(0,0,0,0.5);
	padding-right: 20px;
	position: relative;
	z-index: 2;
}

.timer_button .button:before,
.timer_button .button:after {
	display: none;
}

.timer_button:before,
.timer_button:after {
	content: "";
	display: block;
	position: absolute;
	width: 15px;
	height: 35px;
	background: url(../img/t_button_border_left.png) no-repeat;
	background-size: cover;
	left: 5px;
    top: 8px;
}

.timer_button:after {
	background: url(../img/t_button_border_right.png) no-repeat;
	background-size: cover;
	left: auto;
	right: 5px;
    top: 8px;
}

.timer_button:hover:before {
	left: 3px;
}

.timer_button:hover:after {
	right: 3px;	
}

.time_icon {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-bottom: -5px;
	margin-right: 8px;
	background: url(../img/date_icon.png) no-repeat;
	background-size: cover;
	filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.5));
}

.slider_text {
	text-align: center;
	font-size: 28px;
	color: #fff;
	font-weight: 500;
	padding: 20px 0px;
	position: relative;
	line-height: 50px;
}

.new {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
	height: 22px;
	display: inline-block;
	line-height: 22px;
	padding: 0px 6px;
	background: linear-gradient(to right, #fc534e, #ff0b44);
	position: relative;
	top: -3px;
}

.server_name {
	font-size: 68px;
}

.server_name span {
	font-weight: 800;
	-webkit-text-stroke-width: 0px;
	-webkit-text-stroke-color: transparent;
	background-image: linear-gradient(to bottom, #009350, #86e400);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0px 0px 20px rgba(0,255,102,0.3);
}

#menu_icon,
.menu-wrap {
	display: none;
}

/** Modal **/

.modalx-overlay {
	position: fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index: 9999;
	cursor: pointer;
	overflow: auto;
    -webkit-transition: background 0.25s linear;
    -moz-transition: background 0.25s linear; 
    transition: background 0.25s linear;
    will-change: background;
	backdrop-filter: blur(3px);
}

.modal_window {
	width: 400px;
	background: #161a2e;
	padding: 50px 60px 60px 60px;
	z-index: 1002;
	position: relative;
	cursor: auto;
	margin: 0 auto;
	display: none;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
	margin-bottom: 20px;
	transform: translateY(-50px);
	will-change: transform;
	box-shadow:  inset 0px 0px 1px 1px #161a2e, inset 0px 0px 40px rgba(0,0,0,0.4);
}

#close_modal {
    width: 34px;
    height: 34px;
    display: block;
    position: absolute;
    background: url(../img/close_modal_icon.png) 50% 50% no-repeat;
    background-size: cover;
    right: -35px;
	top: -35px;
}

#login_modal .block_title {
	padding-top: 0px;
}

#login_modal .menu_checkbox:checked ~ .sub-menu {
	width: 100%;
}

.server_round {
	width: 174px;
	height: 168px;
	background: url(../img/server_round_bg.png) no-repeat;
	background-size: cover;
	padding-top: 6px;
	position: relative;
}

.server_data {
	position: absolute;
	top: 32px;
	width: 100%;
	text-align: center;
}

.server_data .server_icon {
	display: inline-block;
	position: relative;
	float: none;
	padding: 0px;
	margin: 0px;
	width: 52px;
	height: 52px;
}

.server_data .server_title {
	font-size: 12px;
	line-height: 12px;
	color: #fff;
}

.server_data .server_status {
	font-size: 20px;
	padding-top: 2px;
}

.blue {
	color: #00ffcc;
	text-shadow: 0px 0px 10px rgba(0,255,204,0.4);
}

.green {
	color: #4eff00;
	text-shadow: 0px 0px 10px rgba(24,255,0,0.6);
}

.orange {
	color: #ff6c00;
	text-shadow: 0px 0px 10px rgba(255,102,0,0.5);
}

.red {
	color: #ff0042;
	text-shadow: 0px 0px 10px rgba(255,0,54,0.6);
}

.coming_soon {
	color: #c2c8d2;
	font-size: 10px !important;
	width: 50px;
	margin: 0px auto;
}

.total_online {
	font-size: 14px;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	position: relative;
	padding-top: 25px;
	width: 90%;
	margin: 10px auto 0px auto;
}

.user_icon {
	display: inline-block;
	position: relative;
	width: 10px;
	height: 10px;
	background: url(../img/user_icon.png) no-repeat;
	background-size: cover;
	margin-right: 4px;
	bottom: 0px;
}

.total_line {
	background: url(../img/total_bg.png) center top no-repeat;
	background-size: cover;
	height: 12px;
	position: absolute;
	top: 0px;
	width: 100%;
}

.total_line:before,
.total_line:after {
	content: "";
	display: block;
	width: 6px;
	height: 12px;
	background: url(../img/total_before.png) center top no-repeat;
	background-size: cover;
	position: absolute;
	opacity: 0.1;
	left: -6px;
}

.total_line:after {
	background: url(../img/total_after.png) center top no-repeat;
	background-size: cover;
	left: auto;
	right: -6px;
}

/*** RADIAL PROGRESS ***/
/* Circumference = 2πr */
/* π = 3.1415926535898 */
/* r = 35 */

svg.radial-progress {
  height: auto;
  max-width: 162px;
  padding: 1em;
  transform: rotate(-90deg);
  width: 100%;
  overflow: visible;
}

svg.radial-progress circle {
  fill: rgba(0,0,0,0);
  stroke: #fff;
  stroke-dashoffset: 219.91148575129; /* Circumference */
  stroke-width: 3;
}

svg.radial-progress circle.incomplete { stroke: #121424; filter: none; }

svg.radial-progress circle.complete { stroke-dasharray: 219.91148575129; /* Circumference */ }

svg.radial-progress text {
  fill: #fff;
  font: 400 1em/1 'Oswald', sans-serif;
  text-anchor: middle;
}

/*** COLORS ***/

svg.blue circle { stroke: #00ffcc; filter: drop-shadow(0px 0px 5px rgba(0,255,204,0.4)); }

svg.green circle { stroke: #80e200; filter: drop-shadow(0px 0px 5px rgba(108,255,0,0.4)); }

svg.orange circle { stroke: #ff6c00; filter: drop-shadow(0px 0px 5px rgba(255,108,0,0.4)); }

svg.red circle { stroke: #ff003c; filter: drop-shadow(0px 0px 5px rgba(255,0,60,0.4)); }

.login_logo {
	display: none;
}

#mini_profile {
	width: 364px;
}

.profile_menu {
	padding: 20px 40px;
}

.profile_menu ul {
	margin: 0px;
	padding: 0px;
}

.profile_menu > ul > li {
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}

.profile_menu ul li {
	list-style: none;
}

.profile_menu > ul > li > a {
	font-size: 10px;
	display: block;
	height: 30px;
	line-height: 30px;
}

.profile_menu > ul > li > a:hover {
	text-decoration: none;
}

.profile_menu > ul > li > ul > li {
	height: 16px;
	line-height: 16px;
	position: relative;
	padding-left: 18px;
}

.profile_menu > ul > li > ul > li:before {
	content: "";
	display: block;
	width: 3px;
	height: 3px;
	border: 2px solid rgba(255,255,255,0.2);
	position: absolute;
	left: 0px;
	top: 5px;
	transform:rotate(45deg)
}

.profile_menu > ul > li > ul {
	margin-bottom: 5px;
}

.main_profile_info,
.pr_balance {
	display: block;
	background: url(../img/profile_bg.jpg) no-repeat;
	box-shadow: inset 0px 0px 2px 1px rgba(107,130,255,0.1);
	margin-top: -1px;
	color: #fff;
	cursor: default;
}

.main_profile_info:before {
	display: none;
}

.pr_info {
	padding: 18px 22px;
	background: url(../img/bottom_glow.png) -200px bottom no-repeat;
	background-size: 150%;
	min-height: 52px;
}

.pr_balance {
	padding: 18px 22px;
	background-position: center bottom;
	position: relative;
}

.pr_balance:before {
	content: "";
	display: block;
	width: auto;
	height: 41px;
	background: url(../img/balance_shadow.png) left top repeat-x;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
}

.pr_balance {
	color: #c2c8d2;
	font-size: 0px;
	text-transform: uppercase;
	font-weight: 600;
}

.pr_balance div {
	display: inline-block;
	font-size: 10px;
	width: 33%;
	text-align: center;
}

.pr_balance div span {
	font-size: 24px;
	font-weight: 700;
	display: block;
	color: #fff;
}

.bon_balance span {
	color: #ffa60b !important;
}

.u_avatar {
	border: 1px solid #a78656;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	padding: 4px;
	float: left;
	display: none;
}

.u_avatar:hover {
	border: 1px solid #efc589;
}

.u_avatar img {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	filter: drop-shadow(0px 10px 5px rgba(0,0,0,0.3));
}

.u_primary,
.u_secondary {
	float: left;
	text-align: left;
}

.u_primary {
	width: 150px;
	margin-left: 15px;
	padding-top: 8px;
	padding-right: 10px;
}

.u_primary h4 {
	font-size: 14px;
	margin: 0px 0px 3px 0px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.u_email {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;	
}

.u_secondary h4 {
	margin: 0px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.u_secondary span {
    color: #ff4739;
    font-weight: 600;
}

.u_id span {
	color: #ff4739;
	font-weight: 600;
}

.u_secondary {
	font-weight: 600;
	width: 120px;
	font-size: 0px;
	padding-top: 2px;
	position: relative;
	padding-left: 20px;
}

.u_secondary:before {
	content: "";
	display: block;
	width: 1px;
	height: 26px;
	background: rgba(255,255,255,0.2);
	position: absolute;
	left: 0px;
	top: 13px;
}

.u_secondary div {
	font-size: 12px;
	display: inline-block;
	width: 50%;
	margin-bottom: 2px;
	float: left;
}

.us_title {
	font-weight: normal;
}

.u_email {
	font-size: 10px;
}

.log_out a {
	font-size: 12px;
	color: #dc1f3e !important;
	text-shadow: 0px 0px 15px rgba(220,31,62,0.5);
	position: relative;
	display: block;
	padding-left: 20px;
}

.log_out a:hover {
	text-decoration: none;
}

.log_out a:before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background: url(../img/log_out_icon.png) no-repeat;
	background-size: cover;
	position: absolute;
	left: 0px;
	top: 1px;
}

/** Pages **/

.breadcrumbs {
	padding-top: 20px;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 35px;
}

.breadcrumbs a {
	color: #c2c8d2;
	font-weight: normal;
}

.breadcrumbs span {
	position: relative;
	display: inline-block;
	margin: 0px 15px;
}

.breadcrumbs span:before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background: url(../img/row_icon.png) no-repeat;
	background-size: cover;
    transform: rotate(-90deg);
	margin-bottom: -4px;
}

.page_title {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}

.page_title h2 {
	margin: 0px;
	padding: 0px;
	font-size: 36px;
	height: 36px;
	line-height: 36px;
}

.page_title .selector {
	float: right;
	margin-right: 18px;
}

.page_title .selector {
	display: block;
	height: 36px;
	background: rgba(11,12,19,0.7);
	line-height: 34px;
	position: relative;
}

.page_title .selector .main-item:before {
	top: 10px;
}

.page_title .menu_checkbox:checked ~ .sub-menu {
    top: 48px;
    right: -20px;
}

.page_title .selector:before,
.page_title .selector:after {
	content: "";
    display: block;
    width: 18px;
    height: 44px;
    background: url(../img/lang_border.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: -4px;
    right: -18px;
    opacity: 0.7;	
}

.page_title .selector:after {
	right: auto;
    left: -18px;
    transform: rotate(180deg);
}

/** Registration **/

.registration {
	font-size: 0px;
}

.registration_form {
	padding: 40px 48px;
	border: 1px solid rgba(255,255,255,0.1);
	border-top: 2px solid #478221;
	background: url(../img/bottom_glow_blue.png) center bottom no-repeat;
	width: 50%;
	display: inline-block;
	box-sizing: border-box;
	font-size: 12px;
	float: left;
}

.registration_form h4 {
	font-size: 28px;
	margin-bottom: 30px;
	padding: 0px;
}

.reg_info {
	font-size: 12px;
	width: 45%;
	display: inline-block;
	box-sizing: border-box;
	float: left;
	margin-left: 5%;
}

.checkradio label,
.checkradio input[type="submit"] {
  display: block;
  margin-top: 1em;
  color: #c2c8d2;
}

.checkradio input[type="checkbox"],
.checkradio input[type="radio"] {
	position: absolute;
	left: -9999px;
}

/* Labels for checked inputs */

.checkradio input[type="checkbox"] + label,
.checkradio input[type="radio"] + label {
	position: relative;
	display: inline-block;
	margin-right: 5px;
	padding-left: 20px;
	cursor: pointer;
	margin-top: 0px;
}

.checkradio input[type="checkbox"] + label:before,
.checkradio input[type="radio"] + label:before {
	content: "";
	display: block;
	position: absolute;
    top: -5px;
    left: -6px;
    width: 24px;
    height: 28px;
    background: url(../img/checkbox.png) no-repeat;
}

.checkradio input[type="radio"] + label:before {
    background: url(../img/radio.png) no-repeat;
	top: -4px;
    left: -5px;
}

.checkradio input[type="checkbox"]:checked + label:before {
    background: url(../img/checkbox_check.png) no-repeat;
}

.checkradio input[type="radio"]:checked + label:before {
    background: url(../img/radio_check.png) no-repeat;
}

.confirmations a {
	text-decoration: none;
}

.confirmations label {
	margin-bottom: 10px;
}

.captcha {
	border: 1px dashed rgba(255,255,255,0.1);
	padding: 12px;
	margin: 10px -12px 15px -12px;
	position: relative;
}

.captcha .input_title {
	background: #101121;
	padding: 0px 5px;
	display: inline-block;
	position: absolute;
	top: -9px;
}

.success_input {
	position: relative;
}

.success_input:before,
.error_input:before {
	content: "";
	display: block;
	width: 32px;
	height: 32px;
	background: url(../img/success_icon.png) no-repeat;
	background-size: cover;
	position: absolute;
	right: 6px;
    top: 25px;
}

.success_input input,
.error_input input {
	padding-right: 40px;
}

.error_input input {
	box-shadow: inset 0px 0px 0px 1px rgba(219,31,62,1), inset 0px 0px 10px rgba(219,31,62,0.4), 0px 0px 10px rgba(219,31,62,0.2);
	color: #db1f3e;
	font-weight: 500;
}

.error_input:before {
	background: url(../img/error_icon.png) no-repeat;
	background-size: cover;	
}

.captcha:before {
	top: 17px;
	right: 17px;
}

.registration_form .buttons {
	text-align: center;
	margin-bottom: -61px;
	margin-top: 10px;
}

.registration_button {
	background-image: url(../img/button_solid_center.png);
	color: #8aff00;
	text-shadow: 0px 0px 10px rgba(204,255,0,0.4);
	padding-left: 40px;
}

.registration_button:before {
	background-image: url(../img/button_solid_left.png);	
}

.registration_button:after {
	background-image: url(../img/button_solid_right.png);	
}

.registration_button .button_glow {
	background-image: url(../img/button_glow_green.png);
	background-position: center bottom;
}

.reg_button_icon {
    background: url(../img/reg_button_icon.png) center top no-repeat;
	background-size: cover;	
}

.warn_block {
	border: 1px solid #4b4035;
	padding: 26px 28px;
	color: #c57f42;
	font-weight: 500;
}

.warn_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 0px;
	margin: -27px -28px 20px -28px;
	height: 42px;
	line-height: 42px;
	position: relative;
	background: #101122;
}

.warn_title:before {
	background-image: url(../img/warn_block_border.png);
	background-size: 280%;
}

.warn_title:after {
	background-image: url(../img/warn_block_border.png);
	background-size: 280%;	
}

.warn_title h4 {
	margin: 0px;
	position: relative;
	height: 42px;
}

.warn_icon {
	content: "";
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../img/warn_icon.png) no-repeat;
	background-size: cover;
	margin-bottom: -16px;
	margin-right: -2px;
}

.warn_title h4:after {
	content: "";
	display: block;
	width: 100%;
	height: 32px;
	background: url(../img/warn_block_bottom.png) center bottom no-repeat;
	background-size: 100%;
	bottom: 0px;
	position: absolute;
}

.rules_block h4 {
	color: #fff;
	font-size: 14px;
}

.rules_block ul {
	padding-left: 0px;
}

.rules_block li {
	margin-bottom: 10px;
	list-style: none;
	position: relative;
	padding-left: 30px;
}

.rules_block li:before {
	content: "";
	display: block;
	width: 32px;
	height: 32px;
	background: url(../img/list_p.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: -8px;
	left: -5px;
}

/** Rankings **/

.rankings .selector {
    margin-left: 25px;
}
.rankings_table td {
	position: relative;
	z-index: 2;
}

.rankings_table table td {
	height: 42px;
	color: #fff;
	padding: 0px 15px;
}

.rankings_table table {
	background: #17182a;
	box-shadow: inset 0px 0px 40px rgba(0,0,0,0.3);
	border: 1px solid #191a2f;
}

.rankings_table tr:hover {
	background: rgba(93,134,218,0.15);
}

.rank_name,
.rank_clan {
	font-size: 14px;
	font-weight: 500;
}

.table_subtitle td {
	color: #666a70 !important;
	font-size: 14px;
	padding: 5px 15px !important;
	position: relative;
}

.table_subtitle td:before {
	content: "";
	display: block;
	width: 1px;
	height: 16px;
	background: rgba(255,255,255,0.2);
	position: absolute;
	left: 0px;
}

.table_subtitle td:first-child {
	text-align: center;
}

.table_subtitle td:first-child:before {
	display: none;
}

.table_subtitle:hover {
	background: none !important;
}

.rankings_table tr:nth-child(even) {
	background-color: rgba(63,65,100,0.1);
}

.rankings_table tr:nth-child(even):hover {
	background: rgba(93,134,218,0.15);
}

.rank_num {
	text-align: center;	
}

.u_vip {
	color: #ffb400 !important;
	font-weight: 600;
	position: relative;
	padding-left: 25px;
}

.u_vip:before {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	background: url(../img/vip_icon.png) no-repeat;
	background-size: cover;
	position: absolute;
	left: -5px;
	top: -5px;
}

.rank_level {
	color: #c2c8d2 !important;
}

.rank_level b {
	color: #fff !important;
}

.last_updates {
	color: #fff;
	text-align: center;
	padding-top: 20px;
	letter-spacing: 1px;
	opacity: 0.4;
}

.last_updates span {
	position: relative;
	padding-left: 18px;
}

.last_updates span:before {
	opacity: 1;
	top: 1px;
}

.clan_logo {
	width: 20px;
	height: 14px;
	background: #202639;
	border: 1px solid #a48455;
	border-radius: 6px;
	padding: 2px;
	box-shadow: inset 0px 0px 2px #161728;
	float: left;
	margin-right: 8px;
}

.clan_logo img {
	width: 20px;
	height: 14px;
	border-radius: 4px;
	box-shadow: 0px 4px 20px rgba(0,0,0,1);
}

.rank_class .class_icon {
	margin-left: 38px;
}

.rank_class .class_icon:before,
.selector_classes .class_icon:before {
	content: "";
	display: block;
	width: 40px;
	height: 46px;
	background: url(../img/class_all.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: -16px;
	left: -43px;
}

.rank_class .dw_class:before,
.rank_class .sm_class:before,
.rank_class .grm_class:before {
	background-image: url(../img/class_dw.png);	
}

.rank_class .dk_class:before,
.rank_class .bk_class:before,
.rank_class .bm_class:before {
	background-image: url(../img/class_dk.png);	
}

.rank_class .elf_class:before,
.rank_class .me_class:before,
.rank_class .he_class:before,
.rank_class .fe_class:before {
	background-image: url(../img/class_fe.png);	
}

.rank_class .mg_class:before,
.rank_class .dm_class:before {
	background-image: url(../img/class_mg.png);	
}

.rank_class .dl_class:before,
.rank_class .le_class:before {
	background-image: url(../img/class_dl.png);	
}

.rank_class .sum_class:before,
.rank_class .bs_class:before,
.rank_class .dsm_class:before {
	background-image: url(../img/class_sum.png);	
}

.rank_class .rf_class:before,
.rank_class .fm_class:before {
	background-image: url(../img/class_rf.png);	
}

#my_line {
	background: #18332e url(../img/rank_myline.png) no-repeat;
	position: relative;
}

#myline_sticker {
	position: absolute;
	left: -68px;
	top: 0px;
	font-size: 9px;
	text-transform: uppercase;
	color: #ffec50;
	font-weight: 600;
	width: 38px;
	height: 32px;
	background: rgba(6,7,18,0.95);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
	padding: 10px 20px 0px 10px;
}

#myline_sticker:before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: url(../img/arrow_top.png) no-repeat;
	background-size: cover;
	position: absolute;
	right: 5px;
	transform: rotate(90deg);
}

#myline_sticker:after {
    content: '';
    position: absolute;
    right: -15px;
    top: 12px;
    border: 8px solid transparent;
    border-left: 8px solid rgba(6,7,18,0.95);
}

.rankings .news_border_top {
	position: relative;
}

.rankings .news_border_bottom {
	padding: 0px;
	background: none;
}

.vip_effect {
	color: #fff;
	position: relative;
	background: url(../img/red_glow.png) -200px bottom no-repeat;
	padding: 18px 100px;
	border: 1px solid #643d2d;
}

.vip_access b {
	color: #ffb400;
}

.vip_access a {
	text-decoration: none;
}

.vip_access {
	background: linear-gradient(to right, #4f2733, #18192b);
	cursor: pointer;
}

.vip_effect:before {
	content: "";
	display: block;
	width: 118px;
	height: 118px;
	background: url(../img/vip_icon_3d.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: -25px;
	left: -5px;
}

.vip_effect:after {
	content: "";
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 6px;
	background: rgba(0,0,0,0.2) url(../img/arrow_top.png) 50% 50% no-repeat;
	background-size: 70%;
	position: absolute;
	top: 50%;
	right: 18px;
	margin-top: -16px;
	transform: rotate(90deg);
}

.vip_effect:hover {
	border: 1px solid #aa6447;
}

.vip_effect:hover:after {
	right: 13px;	
}

.vip_effect:hover:before {
	transform: rotate(10deg);
	filter: brightness(130%);
}

.module_block {
	background: #212238;
	box-shadow: inset 0px 0px 30px rgba(0,0,0,0.3);
	padding: 24px;
	border: 1px solid #1f2037;
	margin-top: 20px;
}

.rankings_search .input {
	padding-bottom: 0px;
}

.rankings_search .input input {
	padding-right: 46px;
}

.search_button {
	background: none;
	outline: none;
	border: none;
	width: 32px;
	height: 32px;
	background: url(../img/search_icon.png) no-repeat;
	background-size: cover;
	float: right;
	margin-bottom: -32px;
	position: relative;
	cursor: pointer;
	top: 6px;
	right: 6px;
	opacity: 0.5;
}

.search_button:hover {
	opacity: 1;	
}

.primary_filters {
	font-size: 14px;
	text-align: center;
}

.primary_filters span {
	display: inline-block;
	width: 1px;
	height: 16px;
	background: rgba(255,255,255,0.2);
	margin: 0px 5px -4px 5px;
}

.filter_padding {
	width: 5px !important;
	height: 5px !important;
	border: 2px solid rgba(255,255,255,0.2);
	background: none !important;
	margin: 0px 15px 0px 15px !important;
	transform: rotate(45deg);
}

.class_filters {
	font-size: 0px;
	text-align: center;
	margin-top: 10px;
}

.class_filters a {
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	width: 62px;
	height: 10px;
	padding-top: 68px;
	position: relative;
	text-transform: uppercase;
}

.class_filters a:hover {
	text-decoration: none;
}

.class_filters a:before {
	content: "";
	display: block;
	width: 70px;
	height: 80px;
	position: absolute;
	background: url(../img/class_all.png) no-repeat;
	background-size: cover;
	top: -2px;
	left: -5px;
}

.class_filters a:hover:before {
	top: -7px;	
}

.class_all {
	color: #226ae2 !important;
}

.class_all:before {
	background-image: url(../img/class_all.png);
}

.class_dw {
	color: #646f9b !important;
}

.class_dw:before {
	background-image: url(../img/class_dw.png) !important;
}

.class_dk {
	color: #d71d1e !important;
}

.class_dk:before {
	background-image: url(../img/class_dk.png) !important;
}

.class_fe {
	color: #61d800 !important;
}

.class_fe:before {
	background-image: url(../img/class_fe.png) !important;
}

.class_mg {
	color: #6342dc !important;
}

.class_mg:before {
	background-image: url(../img/class_mg.png) !important;
}

.class_dl {
	color: #d6cb64 !important;
}

.class_dl:before {
	background-image: url(../img/class_dl.png) !important;
}

.class_sum {
	color: #c140d2 !important;
}

.class_sum:before {
	background-image: url(../img/class_sum.png) !important;
}

.class_rf {
	color: #ff7434 !important;
}

.class_rf:before {
	background-image: url(../img/class_rf.png) !important;
}

.rankings_prizes {
	background: linear-gradient(to right, #0b0b76, #722034);
	cursor: pointer;
	border-left: 2px solid #3e30cd;
	margin: 20px 0px;
}

.prizes_effect {
	padding: 18px 20px 18px 76px;
	color: #ff6c84;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 600;
	background: url(../img/purple_glow.png) -100px bottom no-repeat;
	position: relative;
}

.prize_read_more {
	float: right;
	font-size: 10px;
	color: #ffec50 !important;
	text-shadow: 0px 0px 10px rgba(255,138,0,1);
	position: relative;
	padding-right: 16px;
}

.prize_read_more:before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	transform: rotate(90deg);
	background: url(../img/arrow_top.png) 50% 50% no-repeat;
    background-size: cover;
	position: absolute;
	right: -5px;
	top: -3px;
}

.prize_read_more:hover:before {
	right: -8px;	
}

.prizes_effect:before {
	content: "";
	display: block;
	width: 75px;
	height: 75px;
	background: url(../img/gift_icon.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: -12px;
	left: 0px;
}

.prizes_effect:hover:before {
	transform: rotate(10deg);
	filter: brightness(130%);	
}

/** Library **/

.library_cat_list {
	font-size: 0px;
}

.library_cat_list h3 {
	text-transform: uppercase;
	font-size: 16px;
	color: #fff;
	margin-top: 0px;
}

.lib_column {
	width: 50%;
	float: left;
	font-size: 14px;
}

.library_cat_list ul {
	padding: 0px;
}

.library_cat_list ul li {
	list-style: none;
	padding: 10px 0px 10px 0px;
}


.library_cat_list ul li a img {
	width: 38px;
	height: 38px;
	float: left;
	margin-left: -8px;
	margin-top: -6px;
}

.library_page_content {
	padding-bottom: 30px;
}

.library_page_content table {
	background: #17182a;
    box-shadow: inset 0px 0px 40px rgba(0, 0, 0, 0.3);
    border: 1px solid #191a2f;
	margin-bottom: 40px;
}

.library_page_content table td {
	padding: 12px 20px;
}

.library_page_content table tr:nth-child(even) {
    background-color: rgba(63,65,100,0.1);
}

.td_white,
.library_page_content h1,
.library_page_content h2,
.library_page_content h3 {
	color: #fff;
}

.td_new {
	position: relative;
}

.td_new:before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	background: url(../img/new_sticker.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: -4px;
	left: -4px;
}

.lib_text {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 30px;
}

.lib_text a {
	color: #23fce4;
}

.lib_text a:hover {
	text-decoration: underline;
}

.lib_img {
	margin: 30px 0px;
	text-align: center;
}

.lib_img img {
	max-width: 100%;
}

.stars_block {
	font-size: 0px;
	display: inline-block;
	position: relative;
	bottom: -7px;
}

.star {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../img/star_icon.png) no-repeat;
	background-size: cover;
	margin-right: -4px;
	opacity: 0.3;
}

.star_full {
	background-image: url(../img/star_full.png);
	opacity: 1;
}

.rewards {
	font-size: 0px;
	display: table;
	width: 100%;
}

.rewards_list {
	width: 48%;
	display: inline-block;
	float: left;
}

.rewards .rewards_list:nth-child(2) {
	margin-left: 2%;
}

.rewards_list .stars_block {
	float: right;
	bottom: 0px;
}

.rewards_list table {
	box-sizing: border-box;
	margin-bottom: 20px;
}

.rewards_list table td {
	padding: 8px 14px;
	font-size: 12px;
}

.lib_text li {
	margin-bottom: 8px;
	list-style: none;
}

.lib_text ul {
	padding: 0px;
}

.list_num {
	display: inline-block;
	margin-right: 5px;
	position: relative;
	width: 32px;
	height: 32px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #ffec50;
    text-shadow: 0px 0px 15px rgba(255, 138, 0, 0.5);
}

.list_num:before {
	content: "";
	display: block;
	width: 32px;
	height: 32px;
	background: url(../img/menu_icon_bg.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: -5px;
	left: 0px;
}

.lib_group {
	text-align: center;
}

.lib_group h3 {
	margin-bottom: 10px;
}

.lib_text_menu span {
    display: inline-block;
    width: 1px;
    height: 16px;
    background: rgba(255, 255, 255, 0.2);
    margin: 0px 5px -4px 5px;
}

.boxes_pack td {
	text-align: center;
}

.item_icon_wrap {
	width: 40px;
	margin: -10px auto -20px auto;
}

.boxes_pack .item_icon {
	width: 40px;
	height: 70px;
}

.boxes_pack .item_icon span {
	width: 24px;
	height: 24px;
	border-width: 4px;
}

/** Files Page **/

.files_block {
	background: #15192c;
	box-shadow: inset 0px 0px 60px 0px rgba(0,0,0,0.3);
	border-color: #171b30;
	position: relative;
}

.files_block h4 {
	background: linear-gradient(to top,#14182b 0%, #21263d 100%);
	padding: 13px 25px 15px 25px;
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	border-top: 1px solid #29304b;
	box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
	margin: -25px -25px 25px -25px;
	color: #ffec50;
    text-shadow: 0px 0px 15px rgba(255,138,0,0.5);
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
}

.files_block h4 span {
	position: relative;	
}

.files_block h4:before {
	content: "";
	display: block;
	width: 804px;
	height: 102px;
	background: url(../img/bottom_glow.png) no-repeat;
	background-size: cover;
	position: absolute;
	left: 50%;
	margin-left: -50%;
	bottom: 0px;
	opacity: 0.5;
}

.files_block table td {
	border: 1px solid #6e5a3b;
	padding: 15px;
	color: #fff;
}

.files_block a {
	color: #23fce4;
}

.files_block a:hover {
	text-decoration: underline;
}

.files_block .news_border_top {
	margin-bottom: 30px;
	font-size: 0px;
}

.files_block .news_border_top img {
	width: 100%;
}

.download_links td {
	text-align: center;
	width: 25%;
	position: relative;
	padding: 100px 20px 20px 20px !important;
	overflow: hidden;
}

.download_links b {
	font-size: 15px;
	font-weight: 500;
}

.download_links td:before {
	content: "";
	display: block;
	width: 100px;
	height: 100px;
	background: url(../img/dropbox_icon.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -50px;
	z-index: 2;
}

.googledrive:before {
	background-image: url(../img/googledrive_icon.png) !important;
}

.filesfm:before {
	background-image: url(../img/files_fm_icon.png) !important;
}

.xstorage:before {
	background-image: url(../img/xstorage_icon.png) !important;
}

.download_links td span {
	position: relative;
	z-index: 2;
}

.files_glow {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	margin-left: -50px;
	bottom: -70px;
	filter: blur(50px);
	opacity: 0.8;
}

.download_links td:hover:before {
	top: 5px;
}

.download_links td:hover .files_glow {
	opacity: 1;
}

/** Market **/

.market .selector {
	margin-left: 25px;
}

.character_selector .menu_checkbox:checked ~ .sub-menu {
	width: 210px;
}

.market_filters .selector {
	width: 33%;
	margin: 0px;
}

.market_filters .selector label {
	display: block;
	background: rgba(0,0,0,0.3);
	height: 40px;
	line-height: 40px;
	padding: 0px 15px;
}

.market_filters .main-item:before {
    right: 12px;
    top: 12px;
}

.market_filters .menu_checkbox:checked ~ .sub-menu {
	width: 100%;
	top: 40px;
}

.market_filters .menu_checkbox:checked ~ .sub-menu:before {
	right: 10px;
}

.parametres .menu_checkbox:checked ~ .sub-menu {
	width: 420px;
}

.market_items {
	margin-top: 20px;
}

.market_items {
	font-size: 0px;
	display: table;
	width: 100%;
}

.item_slot {
	width: 29%;
	display: inline-block;
	font-size: 12px;
	float: left;
	position: relative;
	margin: 26px 2%;
	text-align: center;
	cursor: pointer;
}

.item_slot:hover .news_border_top:before {
	top: -7px;
	left: -7px;
}

.item_slot:hover .news_border_top:after {
	top: -7px;
    right: -7px;
}

.item_slot:hover .news_border_bottom:before {
	bottom: -7px;
	right: -7px;
}

.item_slot:hover .news_border_bottom:after {
	bottom: -7px;
    left: -7px;
}

.item_slot .news_border_bottom {
	padding: 20px 25px 20px 25px;
	height: 110px;
}

.item_slot .item_icon {
    width: 56px;
    height: 56px;
}

.item_slot .item_icon span {
    width: 40px;
    height: 40px;
    border-width: 4px;
}

.item_slot .item_icon img {
	transform: scale(1.4);
	filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.6));
	position: relative;
	z-index: 2;
}

.item_slot .item_icon_wrap {
	width: 56px;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -28px;
}

.item_title {
	margin-top: 30px;
	position: relative;
	z-index: 2;
	padding-top: 10px;
}

.item_price {
	font-size: 16px;
	position: absolute;
	bottom: 30px;
	left: 50%;
	width: 140px;
	margin-left: -70px;
}

.item_price .bon_sum span {
	top: 2px;
}

.item_button {
	position: absolute;
	bottom: -22px;
	left: 50%;
	margin-left: -45px;
}

.item_slot .files_glow {
	bottom: auto;
	top: 0px;
	width: 50px;
	height: 50px;
	margin-left: -25px;
	opacity: 1;
	filter: blur(30px);
}

.item_slot:hover .item_icon_wrap {
	top: -5px;
}

.item_slot:hover .news_border_bottom {
	background-color: #131530;
	box-shadow: inset 0px 0px 80px 10px rgba(11,12,28,1);
}

.mi_title {
	font-size: 14px;
	color: #fff;
}

.sort_panel {
	float: right;
	color: #c2c8d2;
}

.mi_title {
	border-bottom: 1px solid rgba(255,255,255,0.1);
	padding-bottom: 20px;
	margin-bottom: 10px;
}

.mi_title h4 {
	margin: 0px;
	font-size: 16px;
}

.mi_title h4 span {
	color: #23fce4;
}

.sort_panel .selector {
	margin-left: 10px;
}

.sort_panel .selector label {
	padding-right: 20px;
}

.change_view {
	position: relative;
	display: inline-block;
	float: right;
	margin-left: 15px;
	padding-left: 15px;
	margin-top: -7px;
}

.change_view:before {
	content: "";
	display: block;
	width: 1px;
	height: 16px;
	background: rgba(255,255,255,0.1);
	position: absolute;
	left: 0px;
	top: 8px;
}

.change_view a {
	display: block;
	width: 32px;
	height: 32px;
	background: url(../img/sort_table.png) no-repeat;
	background-size: cover;
	float: left;
	opacity: 0.5;
}

.view_list {
	background-image: url(../img/sort_list.png) !important;
}

.change_view a:hover {
	background-color: rgba(31,32,55,0.8);
	border-radius: 6px;
	opacity: 1;
}

.view_active {
	opacity: 1 !important;
}

.market_buttons {
	text-align: center;
}

.market_buttons button {
	margin: 0px 16px 10px 16px;
}

.selector_classes .class_icon {
	margin: 0px;
	width: 0px;
	height: 0px;
}

.selector_classes .class_icon:before {
	width: 32px;
	height: 32px;
	top: 1px;
    left: -35px;
}

.selector_classes .sub-menu a,
.selector_items .sub-menu a {
	padding-left: 60px;
}

.market_filters .selector_classes label,
.market_filters .selector_items label {
	padding-left: 40px;
}

.selector_items .item_cat {
	float: left;
	position: relative;
}

.item_cat:before {
	content: "";
	display: block;
	width: 32px;
	height: 32px;
	background: url(../img/all_items_icon.png) no-repeat;
	background-size: cover;
	position: absolute;
	left: -35px;
    top: 3px;
}

.swords_items:before {
	background-image: url(../img/swords_items_icon.png);
}

.axes_items:before {
	background-image: url(../img/axes_items_icon.png);
}

.maces_items:before {
	background-image: url(../img/maces_items_icon.png);
}

.spears_items:before {
	background-image: url(../img/spears_items_icon.png);
}

.bows_items:before {
	background-image: url(../img/bows_items_icon.png);
}

.staffs_items:before {
	background-image: url(../img/staffs_items_icon.png);
}

.shields_items:before {
	background-image: url(../img/shields_items_icon.png);
}

.helms_items:before {
	background-image: url(../img/helms_items_icon.png);
}

.armors_items:before {
	background-image: url(../img/armors_items_icon.png);
}

.pants_items:before {
	background-image: url(../img/pants_items_icon.png);
}

.gloves_items:before {
	background-image: url(../img/gloves_items_icon.png);
}

.boots_items:before {
	background-image: url(../img/boots_items_icon.png);
}

.other_items:before {
	background-image: url(../img/other_items_icon.png);
}

.item_slot_content .item_cat {
	width: 32px;
	height: 32px;
	position: absolute;
	top: 5px;
	left: 5px;
}

.item_slot_content .item_cat:before {
	left: 0px;
	top: 0px;
}

.additional_filters {
	margin-top: 1px;
}

.additional_filters td {
	width: 20%;
}

.additional_filters .checkradio input[type="checkbox"] + label {
	height: 40px;
	line-height: 40px;
	background: rgba(0,0,0,0.3);
	width: 100%;
	box-sizing: border-box;
	padding-left: 35px;
}

.additional_filters  .checkradio input[type="checkbox"] + label:before {
	top: 7px;
    left: 6px;
}

.items_list .item_slot {
	width: 100%;
	margin: 0px;
}

.items_list .item_slot .news_border_bottom {
	height: 46px;
	padding: 0px 20px;
	min-height: auto;
	background: none;
}

.items_list .item_slot:nth-child(2n) {
    background-color: rgba(63,65,100,0.1);
}

.items_list .item_slot .item_icon_wrap {
	left: 12px;
    top: 5px;
	margin: 0px;
	width: 36px;
}

.items_list .item_slot_content .item_cat {
	left: auto;
	right: 240px;
	top: 7px;
}

.items_list .item_slot .item_icon {
	width: 36px;
	height: 36px;
}

.items_list .item_slot .item_icon img {
	transform: scale(1);
}

.items_list .item_slot .item_icon span {
	width: 20px;
	height: 20px;
	border-width: 3px;
}

.items_list .item_title {
	margin: 0px 0px 0px 40px;
	padding: 0px;
	text-align: left;
	height: 46px;
	line-height: 46px;
	float: left;
}

.items_list .item_price {
	text-align: right;
	margin-left: 0px;
	left: auto;
	right: 0px;
	top: 13px;
	bottom: auto;
	position: relative;
	float: right;
	margin-right: 80px;
}

.items_list .item_button {
	bottom: auto;
	top: 7px;
	left: auto;
	right: 7px;
	margin: 0px;
}

.items_list .news_border_top:before,
.items_list .news_border_top:after,
.items_list .news_border_bottom:before,
.items_list .news_border_bottom:after,
.items_list .item_button button:before,
.items_list .item_button button:after {
	display: none;
}

.items_list .item_button button {
	background: rgba(191,127,56,0.3);
	font-size: 10px;
	height: 32px;
	border-radius: 4px;
	position: relative;
	z-index: 2;
	padding-top: 2px;
	width: 80px;
	color: #ffc672;
}

.items_list .item_button button .button_glow {
	display: none;
}

.items_list .item_slot .files_glow {
	width: 30px;
	height: 30px;
	filter: blur(20px);
	margin-left: -16px;
}

.items_list .market_items_bottom {
    background: #17182a;
    box-shadow: inset 0px 0px 40px rgba(0, 0, 0, 0.3);
    border: 1px solid #191a2f;
	display: table;
	position: relative;
}

.items_list .market_items_top {
	position: relative;	
}

.items_list .market_items_top:before {
	top: -5px;
    left: -5px;
}

.items_list .market_items_top:after {
	top: -5px;
    right: -5px;
}

.items_list .market_items_bottom:before {
	bottom: -5px;
    right: -5px;
}

.items_list .market_items_bottom:after {
	bottom: -5px;
    left: -5px;
}

/** Statistics **/

.stat_table {
	margin-bottom: 5px;
}

.stat_table .table_subtitle td:first-child {
	text-align: left;
}

.stat_table .time_icon {
	width: 14px;
	height: 14px;
	margin-right: 5px;
	margin-bottom: -3px;
}

.statistics .news_border_top {
	position: relative;
}

.statistics .news_border_bottom {
	padding: 0px;
	background: none;
}

/** Rules **/

.rules .news_border_top {
	position: relative;
}

.rule_num {
	font-weight: 600;
	color: #ffec50 !important;
    text-shadow: 0px 0px 15px rgba(255,138,0,0.5);
	font-size: 18px;
}

.punishment,
.information {
	color: #ff0030;
	font-weight: 500;
	padding: 10px 20px 12px 40px;
	border-left: 2px solid #ff0030;
	margin: 10px 0px;
	background: linear-gradient(to left, rgba(255,0,48,0) 50%, rgba(255,0,48,0.2) 100%);
	position: relative;
}

.punishment:before,
.information:before {
	content: "";
	display: block;
	width: 32px;
	height: 32px;
	background: url(../img/block_icon.png) no-repeat;
	background-size: cover;
	position: absolute;
	left: 6px;
    top: 4px;
}

.lib_text hr {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	margin: 30px 0px;
}

.information {
	font-style: oblique;
	color: #55d7ae;
	border-color: #55d7ae;
	background: linear-gradient(to left, rgba(85,215,174,0) 50%, rgba(85,215,174,0.2) 100%);
}

.information:before {
	background-image: url(../img/info_icon.png);	
}

/** Contacts **/

.contacts .files_block table td {
	width: 50%;
	text-align: center;
	position: relative;
	overflow: hidden;
	font-size: 16px;
}

.contacts .files_block table td span {
	position: relative;
	z-index: 2;
}

.contact_td:before {
	content: "";
	display: block;
	width: 128px;
	height: 128px;
	background: url(../img/discord_icon.png) no-repeat;
	background-size: cover;
	margin: -30px auto;
}

.telegram:before {
	background: url(../img/telegram_icon.png);	
}

.discord a {
	color: #5865f2 !important;
    text-shadow: 0px 0px 15px rgba(78,16,255,0.8);
	font-weight: 600;
}

.telegram a {
	color: #33b5ff !important;
    text-shadow: 0px 0px 15px rgba(51,118,255,0.8);
	font-weight: 600;
}

/** Profile **/

.main_info td {
	width: 50%;
}

.profile_form {
	border: 1px solid #6e5a3b;
	padding: 30px;
}

.files_block .change_password td {
	border: none;
	padding: 0px;
}

.files_block .change_password .td_buttons {
	padding: 5px 10px 0px 10px;
}

.ref_table {
	background: #17182a;
    box-shadow: inset 0px 0px 40px rgba(0, 0, 0, 0.3);
    border: 1px solid #191a2f;
}

.ref_table td {
	width: 33%;
}

.files_block .ref_table td {
	border: none;
}

.ref_link,
.library_page_content .ref_table {
	margin-bottom: 30px;
}

.td_deposit .bon_sum {
	color: #4fcd0a;
}

.td_deposit .bon_sum span {
    background: linear-gradient(113deg, #4bff3d 0%, #39d011 16%, #259609 38%, #9efe58 59%, #2f9a11 78%, #24700d 100%);
    color: #114300;
    text-shadow: 1px 1px rgba(101,255,74,0.3);
    box-shadow: inset 0px 0px 1px rgba(111,255,80,0.9), 0px 0px 10px rgba(111,255,80,0.3);
}

.ref_link .profile_form {
	padding-bottom: 20px;
}

.input_copy {
	display: block;
	width: 32px;
	height: 32px;
	background: url(../img/copy_icon.png) no-repeat;
	background-size: cover;
	float: right;
	margin-top: -38px;
	right: 6px;
	position: relative;
	opacity: 0.6;
}

.input_copy:hover {
	opacity: 1;	
}

/** Vote **/

.vote_buttons button {
	margin: 0px 15px;
}

.vote_icon {
	width: 100px;
	height: 100px;
	background-size: cover;
	float: left;
	margin-left: -15px;
	margin-top: -15px;
}

.mmotop {
	background-image: url(../img/mmotop_icon.png);
}

.mmoanons {
	background-image: url(../img/mmoanons_icon.png);
}

.vote .main_info td b {
	color: #ffec50;
}

/** Start Packages **/

.start_package .news_border_bottom {
	min-height: auto;
}

.start_package .news_border_top {
	margin-bottom: 30px;
}

.start_package .main_info {
	border: 1px solid #6e5a3b;
	display: table;
	width: 100%;
	position: relative;
}

.start_package .main_info .c_pack_icon {
	width: 50%;
	box-sizing: border-box;
	position: absolute;
	bottom: 0px;
	top: 0px;
}

.start_package .main_info .c_pack_icon h4 {
	position: absolute;
	top: 50%;
	margin: 0px;
	margin-top: -9px;
	left: 170px;
	z-index: 2;
}

.packages {
	position: relative;
	bottom: -1px;
	left: 50%;
}

.package_line {
	width: 50%;
	padding: 15px;
	border-left: 1px solid #6e5a3b;
	border-bottom: 1px solid #6e5a3b;
	box-sizing: border-box;
}

.start_package .main_info td {
	border: 1px solid #6e5a3b;
	padding: 15px;
}

.package_price {
	float: right;
	position: relative;
	z-index: 2;
}

.start_package .main_info h4 {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	margin: 0px 0px 5px 0px;
}

.start_package .main_info .bon_sum,
.vip .main_info .bon_sum {
	float: left;
	margin-top: 12px;
	font-size: 16px;
	margin-right: 26px;
}

.start_package .main_info .bon_sum span,
.vip .main_info .bon_sum span {
	bottom: 2px;
}

.package_price {
	top: -3px;
}

.package_price button {
	margin-right: 15px;
}

.info_link {
	color: #4fffc3 !important;
	text-shadow: 0px 0px 5px rgba(41,228,199,0.4);
	position: relative;
	padding-left: 20px;
}

.info_link:before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: url(../img/info_icon.png) no-repeat;
	background-size: cover;
	position: absolute;
	left: 0px;
	top: -2px;
}

.c_pack_icon {
	position: relative;
	overflow: hidden;
	padding-left: 90px !important;
	font-size: 16px;
	color: #fff;
	font-weight: 500;
}

.c_pack_icon .class_icon {
	position: absolute;
	width: 36px;
	padding: 0px;
	font-size: 12px;
	font-weight: 700;
	height: 20px;
    line-height: 20px;
	top: 50%;
	margin-top: -9px;
}

.c_pack_icon .class_icon:before {
	width: 120px;
	height: 138px;
	top: 50%;
	margin-top: -69px;
	left: -120px;
}

/** VIP **/

.vip .files_block h3 {
	color: #ffb400;
	font-size: 14px;
	padding-left: 90px;
}

.vip .files_block table tr {
	background: linear-gradient(to right, #4f2733 0%, #18192b 50%);	
}

.vip .files_block table td {
	position: relative;
	overflow: hidden;
}

.vip .files_block table td:before  {
	content: "";
    display: block;
    width: 100px;
    height: 100px;
    background: url(../img/vip_icon_1.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: -12px;
    left: 0px;
}

.vip .files_block table .vip_2 td:before {
    background-image: url(../img/vip_icon_2.png);	
}

.vip .files_block table .vip_3 td:before {
    background-image: url(../img/vip_icon_3.png);	
}

.vip .files_block table .vip_4 td:before {
    background-image: url(../img/vip_icon_4.png);	
}

.vip .files_block table .vip_5 td:before {
    background-image: url(../img/vip_icon_5.png);	
}

/** Donate **/

.payment_method {
	font-size: 0px;
	display: table;
	width: 100%;
}

.pm_item label {
	display: block;
	position: relative;
	overflow: hidden;
	float: left;
	width: 31%;
	margin: 1%;
	border: 1px solid #6e5a3b;
	font-size: 16px;
	text-align: center;
	color: #fff;
	padding: 15px;
	box-sizing: border-box;
	padding-top: 65px;
}

.pm_item h3 {
	margin: 0px;
	font-weight: 500;
	position: relative;
	z-index: 2;
}

.pm_item label:after {
	content: "";
	display: block;
	width: 64px;
	height: 64px;
	background: url(../img/paypal_icon.png) no-repeat;
	background-size: cover;
	position: absolute;
	left: 50%;
	margin-left: -32px;
	top: 5px;
}

.enot label:after {
	background-image: url(../img/enot_icon.png);
}

.yoomoney label:after {
	background-image: url(../img/yoomoney_icon.png);
}

.donate .checkradio input[type="radio"]:checked + label {
	border-color: #1fe1cc;
	box-shadow:  inset 0px 0px 10px rgba(35, 252, 228, 0.4), 0px 0px 10px rgba(35, 252, 228, 0.2);
}

.donate .checkradio input[type="radio"] + label:before {
	top: 5px;
	left: 5px;
}

.input_subvalue {
	float: right;
	margin-top: -30px;
	margin-right: 80px;
	position: relative;
	opacity: 0.5;
}

.sum input {
	padding-right: 120px;
	font-size: 20px;
	font-weight: 600;
}

.stepper button {
	background: #2d324b;
	border: none;
	border-radius: 4px;
	color: #fff;
	width: 30px;
	height: 30px;
	font-weight: 700;
	font-size: 15px;
	line-height: 28px;
	cursor: pointer;
}

.stepper_buttons {
	position: absolute;
	top: 27px;
	right: 6px;
}

.sum input::-webkit-outer-spin-button,
.sum input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.donate .confirmations {
	font-size: 13px;
	border-top: 1px solid rgba(255,255,255,0.2);
	padding-top: 20px;
	margin-top: 20px;
}

.donate .confirmations a {
	color: #fff;
}

.recieve_sum {
	border: 1px solid #ffa60b;
	padding: 15px;
	position: relative;
	font-size: 16px;
	font-weight: 600;
	color: #ffa60b;
}

.recieve_sum .input_title {
	display: inline-block;
	font-size: 12px;
	position: absolute;
	background: #15192c;
	color: #ffa60b;
	padding: 0px 5px;
	top: -9px;
	left: 10px;
	font-weight: 400;
}

.recieve_sum_total {
	padding-left: 30px;
}

.recieve_sum_total:before {
	content: "";
	display: block;
	width: 48px;
	height: 48px;
	background: url(../img/xcoins_icon.png) no-repeat;
	background-size: cover;
	position: absolute;
	left: 0px;
	top: 0px;
}

.donate .contacts {
	margin-top: 20px;
}

/** Change Name **/

.char_list {
	font-size: 0px;
	display: table;
	width: 100%;
	margin-bottom: -10px;
}

.char_item label {
	display: block;
	width: 100%;
	position: relative;
	overflow: hidden;
	border: 1px solid #6e5a3b;
	font-size: 16px;
	color: #fff;
	padding: 15px;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.char_item label h3 {
	font-size: 16px;
	color: #fff;
	font-weight: 500;
	margin: 0px;
}

.char_stats {
	color: #c2c8d2;
	font-size: 12px;
}

.char_item label h3,
.char_stats {
	padding-left: 70px;
}

.change_name .checkradio input[type="radio"] + label:before {
	left: 10px;
	top: 50%;
	margin-top: -12px;
	z-index: 2;
}

.change_name .checkradio input[type="radio"]:checked + label {
    border-color: #1fe1cc;
    box-shadow: inset 0px 0px 10px rgba(35, 252, 228, 0.4), 0px 0px 10px rgba(35, 252, 228, 0.2);
}

.change_name .class_icon {
	font-size: 0px;
	width: 0px;
	padding: 0px;
}

.change_name .rank_class .class_icon:before {
	width: 56px;
	height: 64px;
	left: -26px;
	z-index: 2;
}

.change_name .files_glow {
	left: auto;
}

.change_name .td_buttons button {
	margin-top: 10px;
}

.change_name .success_input:before,
.change_name .error_input:before {
	right: 8px;
    top: 8px;
}

.change_name .success_input {
	border-color: #608e15;
	color: #fff;
}

.change_name .error_input {
	border-color: #dc1f3e;
	color: #fff;	
}

.change_name .success_input .input_title {
	color: #98d30b;
	font-weight: 400;
}

.change_name .error_input .input_title {
	color: #dc1f3e;
	font-weight: 600;
}

.pk_options table td {
	width: 50%;
}

.pk_options .success_input:before,
.pk_options .error_input:before {
	left: -9px;
    top: -17px;
}

.pk_options .error_input {
	position: relative;
}

.pk_options .recieve_sum_total {
	position: relative;
	padding-left: 25px;
	font-weight: 600;
	color: #ffa60b;
}

.pk_options .recieve_sum_total:before {
    width: 32px;
    height: 32px;
    top: -9px;
	left: -5px;
}

.change_password .main-item {
	display: block;
	width: 100%;
	height: 44px;
	background: rgba(0,0,0,0.3);
	line-height: 44px;
	font-size: 14px;
	padding-left: 45px;
	box-sizing: border-box;
}

.change_password .selector {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

.change_password .main-item:before {
	right: 14px;
    top: 14px;	
}

.change_password .rank_class .class_icon:before {
	top: -2px;
    left: -40px;
	width: 40px;
	height: 46px;
}

.change_password .menu_checkbox:checked ~ .sub-menu {
	width: 100%;
	top: 44px;
}

.change_password .sub-menu a {
	color: #fff;
}

.change_password .sub-menu a:hover {
	text-decoration: none;
}

/** Character Info **/
.inventory {
    border: 1px solid #6e5a3b;
    padding: 30px;
	width: 450px;
	height: 400px;
	box-sizing: border-box;
	position: relative;
}

.cib {
	display: table;
	width: 100%;
}

.char_info_left {
	width: 450px;
	float: left;
}

.char_info_right {
	width: 300px;
	float: right
}

.char_info_right a {
	color: #fff;
}

.character_info .files_block table td {
	color: #c2c8d2;
	padding: 12px;
}

.char_info_right b,
.character_info .main_info b {
	font-weight: 500;
	color: #fff;
}

.character_info .rank_class .class_icon:before {
	top: -17px;
    left: -40px;
}

.character_info .rank_class .class_icon {
	margin-left: 30px;
}

.char_info_left h3,
.char_info_right h3 {
	margin: 0px;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
}

.inv_item {
	width: 100px;
	height: 100px;
	background: url(../img/pet_slot.png) no-repeat;
	background-size: cover;
	position: absolute;
	filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.5));
}

.inv_item .item_icon {
	width: 100px;
	height: 100px;
}

.inv_item .item_icon img {
	cursor: pointer;
}

.inv_item .item_icon img:hover {
	filter: brightness(130%);
	transform: scale(1.1)	
}

.wings_slot .item_icon {
	width: 133px;
	height: 100px;
}

.weapon1_slot .item_icon,
.weapon2_slot .item_icon,
.armor_slot .item_icon {
	width: 100px;
	height: 133px;
}

.necklace_slot .item_icon,
.ring1_slot .item_icon,
.ring2_slot .item_icon {
	width: 68px;
	height: 68px;
}

.helm_slot {
	background-image: url(../img/helmet_slot.png);
	top: 30px;
	left: 50%;
	margin-left: -50px;
}

.wings_slot {
	width: 133px;
	background-image: url(../img/wings_slot.png);
	top: 30px;
	right: 30px;
	left: auto;
}

.weapon1_slot {
	width: 100px;
	height: 133px;
	background-image: url(../img/weapons_1_slot.png);
	top: 50%;
	margin-top: -66px;
	left: 30px;
	right: auto;
}

.armor_slot {
	width: 100px;
	height: 133px;
	background-image: url(../img/armor_slot.png);
	top: 50%;
	margin-top: -66px;
	left: 50%;
	margin-left: -50px;
	right: auto;
}

.weapon2_slot {
	width: 100px;
	height: 133px;
	background-image: url(../img/weapons_2_slot.png);
	top: 50%;
	margin-top: -66px;
	left: auto;
	right: 30px;
}

.gloves_slot {
	background-image: url(../img/gloves_slot.png);
	top: auto;
	bottom: 30px;
}

.pants_slot {
	background-image: url(../img/pants_slot.png);
	top: auto;
	bottom: 30px;
	left: 50%;
	margin-left: -50px;
}

.boots_slot {
	background-image: url(../img/boots_slot.png);
	top: auto;
	bottom: 30px;
	left: auto;
	right: 30px;
}

.necklace_slot {
	width: 68px;
	height: 68px;
	background-image: url(../img/necklace_slot.png);
	top: 140px;
	left: 118px;
}

.ring1_slot,
.ring2_slot {
	width: 68px;
	height: 68px;
	background-image: url(../img/ring_slot.png);	
}

.ring1_slot {
	left: 118px;
	bottom: 55px;
}

.ring2_slot {
	left: auto;
	right: 118px;
	bottom: 55px;
}

.stat_td {
	position: relative;
	padding-left: 40px !important;
	font-weight: 500;
}

.stat_td:before {
	content: "";
	display: block;
	width: 35px;
	height: 35px;
	background: url(../img/strength_icon.png) no-repeat;
	background-size: cover;
	position: absolute;
	left: 3px;
	top: 5px;
}

.strength .stat_td {
	color: #8383ff !important;
}

.agility .stat_td {
	color: #acd431 !important;
}

.vitality .stat_td {
	color: #ff4530 !important;
}

.energy .stat_td {
	color: #ffd71f !important;
}

.agility .stat_td:before {
	background-image: url(../img/agility_icon.png);	
}

.vitality .stat_td:before {
	background-image: url(../img/vitality_icon.png);	
}

.energy .stat_td:before {
	background-image: url(../img/energy_icon.png);	
}

.stat_progress {
	width: 50%;
	height: 4px;
	border-radius: 2px;
	background: rgba(0,0,0,0.4);
	float: left;
	margin-top: 6px;
	margin-right: 10px;
}

.stat_progress > div {
	height: 4px;
	border-radius: 2px;
	background: #8383ff;
	box-shadow: 0px 0px 10px rgba(131,131,255,0.5);
}

.agility .stat_progress > div {
	background: #acd431;
	box-shadow: 0px 0px 10px rgba(172,212,49,0.5);	
}

.vitality .stat_progress > div {
	background: #ff4530;
	box-shadow: 0px 0px 10px rgba(255,69,48,0.5);	
}

.energy .stat_progress > div {
	background: #ffd71f;
	box-shadow: 0px 0px 10px rgba(255,215,31,0.5);	
}

.closed_inventory .item_icon {
	display: none;
}

.closed_inventory .inv_item {
	opacity: 0.5;
}

.closed_inventory .inv_item:before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	background: url(../img/lock_icon.png) no-repeat;
	background-size: cover;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -20px;
	margin-top: -20px;
}

/** Animations **/

.animation {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 0;

}
.portal-animation {
	position: absolute;
	z-index: 1000;
	top: 40px;
    left: 15px;
}

.light-portal {
	background: url(../img/animations/light-portal.png);
	width: 350px;
	height: 350px;
	position: absolute;
	top: 0;
	left: 0;
	animation:8s light-portal linear infinite;
	opacity:.7
}

.rune-portal {
	background: url(../img/animations/rune-portal.png);
	width: 350px;
	height: 350px;
	position: absolute;
	top: 0;
	left: 0;
	animation: 15s rune-portal linear infinite;
	opacity: 0.5;
}

.rune-portal-inside {
	background: url(../img/animations/rune-portal-inside.png);
	width: 350px;
	height: 350px;
	position: absolute;
	top: 0;
	left: 0;
	animation: 15s rune-portal-inside linear infinite;
	opacity: 1;
}

@keyframes light-portal {0%{transform:rotate(0deg)}
50%{transform:rotate(180deg)}
100%{transform:rotate(360deg)}}

@keyframes rune-portal {0%{transform:rotate(0deg)}
50%{transform:rotate(180deg)}
100%{transform:rotate(360deg)}}

@keyframes rune-portal-inside {0%{transform:rotate(0deg)}
50%{transform:rotate(-180deg)}
100%{transform:rotate(-360deg)}}

.sprak-1 { background: url(../img/animations/spark-1.png) no-repeat; width: 128px; height: 165px; position: absolute; bottom: 0px; left: 300px; z-index: 5; animation: sprak_1 5s linear infinite; }
@keyframes sprak_1 { 0% { bottom: 0px; left: 300px; opacity: 0; }
  50% { bottom: 50px; left: 350px; opacity: 1; }
  100% { bottom: 100px; left: 400px; opacity: 0; } }
  
.sprak-2 { background: url(../img/animations/spark-2.png) no-repeat; width: 872px; height: 176px; position: absolute; bottom: -200px; left: -300px; z-index: 5; animation: sprak_2 3s linear infinite; }
@keyframes sprak_2 { 0% { bottom: -200px; left: -300px; opacity: 0; }
  50% { bottom: -150px; left: -250px; opacity: 1; }
  100% { bottom: -100px; left: -200px; opacity: 0; } }
  
.sprak-3 { background: url(../img/animations/spark-3.png) no-repeat; width: 991px; height: 320px; position: absolute; bottom: 0px; left: 250px; z-index: 1000; animation: sprak_3 3s linear infinite; }
@keyframes sprak_3 { 0% { bottom: -200px; left: 250px; opacity: 0; }
  50% { bottom: -100px; left: 350px; opacity: 1; }
  100% { bottom: 0px; left: 450px; opacity: 0; } }
  
.sprak-4 { background: url(../img/animations/spark-4.png) no-repeat; width: 170px; height: 431px; position: absolute; bottom: -100px; left: 300px; z-index: 5; animation: sprak_3 4s linear infinite; }
@keyframes sprak_4 { 0% { bottom: -100px; left: 300px; opacity: 0; }
  50% { bottom: -50px; left: 350px; opacity: 1; }
  100% { bottom: -100px; left: 400px; opacity: 0; } }
  
.rainbow {
  background: url(../img/animations/rainbow2.png) no-repeat;
  background-size: 150px 142px;
  width: 445px;
  height: 422px;
  position: absolute;
  left: 200px;
  top: 340px;
  animation: rainbow 3s infinite linear;
}
@keyframes rainbow {
  0% {
    background: url(../img/animations/rainbow.png) no-repeat;
    background-size: 100px 95px;
    opacity: 0;
  }
  30% {
    opacity: 0.2;
  }
  90% {
    background: url(../img/animations/rainbow.png) no-repeat;
    background-size: 260px 247px;
    opacity: 0;
    left: 170px;
    top: 320px;
  }
  100% {
    background: url(../img/animations/rainbow.png) no-repeat;
    background-size: 260px 247px;
    opacity: 0;
    left: 190px;
    top: 340px;
  }
}

.bow {
	background: url(../img/animations/rainbow2.png) no-repeat;
	background-size: 150px 142px;
	width: 445px;
	height: 422px;
	position: absolute;
	left: 180px;
	top: 310px;
	animation: bow 4s infinite linear;
}

@keyframes bow {
  0% {
    background: url(../img/animations/rainbow2.png) no-repeat;
    background-size: 150px 142px;
    opacity: 0;
  }
  30% {
    opacity: 0.2;
  }
  90% {
    background: url(../img/animations/rainbow2.png) no-repeat;
    background-size: 300px 284px;
    opacity: 0;
    left: 100px;
    top: 200px;
  }
  100% {
    background: url(../img/animations/rainbow2.png) no-repeat;
    background-size: 300px 284px;
    opacity: 0;
    left: 40px;
    top: 270px;
  }
}

.smoke {
  background: url(../img/animations/smoke.png) repeat-x;
  width: 1920px;
  height: 521px;
  position: absolute;
  z-index: 10;
  left: -160px;
  top: 80px;
  animation: smoke 50s infinite linear;
}
.smoke:before {
	content: "";
	display: block;
	width: 200px;
	height: 521px;
	background: linear-gradient(to left, rgba(16,17,33,0) 0%, rgba(16,17,33,1) 100%);
	position: absolute;
}
.smoke:after {
	content: "";
	display: block;
	width: 200px;
	height: 521px;
	background: linear-gradient(to right, rgba(16,17,33,0) 0%, rgba(16,17,33,1) 100%);
	position: absolute;
	right: 0px;
}
@keyframes smoke {
  0% {
    background-position: -1920px;
  }
  50% {
    background-position: 0px;
  }
  100% {
    background-position: 1920px;
  }
}

.bubbles-1 { background: url(../img/discord_bubbles_1.png) no-repeat; background-size: cover; width: 187px; height: 119px; position: absolute; bottom: 0px; right: 0px; z-index: 5; animation: bubbles_1 5s linear infinite; }
@keyframes bubbles_1 { 0% { bottom: -50px; right: 0px; opacity: 0; }
  50% { bottom: 100px; right: 0px; opacity: 1; }
  100% { bottom: 250px; right: 0px; opacity: 0; } }
  
.bubbles-2 { background: url(../img/discord_bubbles_2.png) no-repeat; background-size: cover; width: 276px; height: 121px; position: absolute; bottom: 0px; right: 50px; z-index: 5; animation: bubbles_2 2s linear infinite; }
@keyframes bubbles_2 { 0% { bottom: -70px; right: 50px; opacity: 0; }
  50% { bottom: 0px; right: 50px; opacity: 1; }
  100% { bottom: 70px; right: 50px; opacity: 0; } }

@media screen and (min-width: 1920px) {
	#menu .wrapper {
		margin: 0px auto;
		width: 1920px;
	}
}

@media screen and (max-width: 1860px) {
	.soc {
		top: 14px;
		margin-top: 0px;
		right: 130px;
		left: auto;
	}
	
	.soc a {
		float: left;
		margin: 0px -10px;
	}
	
	a#move_up span {
		display: none;
	}
	
	a#move_up {
		height: 46px;
		z-index: 5;
		left: 30px;
		bottom: 30px;
	}
}

@media screen and (max-width: 1680px) {
	.wrapper {
		margin: 0px auto;
		width: 1420px;
	}
	
	.center_column {
		width: 690px;
	}
	
	.tabs > label {
		padding: 0px 6px 20px 6px;
	}
	
	.hero_2 {
		left: -350px;
	}
	
	.portal-animation {
		top: 40px;
		left: -85px;
	}
	
	.registration_form {
		width: auto;
		display: block;
		float: none;
	}
	
	.reg_info {
		margin-left: 0px;
		width: auto;
		margin-top: 50px;
		float: none;
		display: block;
	}
	
	.warn_title:before,
	.warn_title:after {
		background-size: 200%;
	}
	
	.warn_title h4:after {
		background-size: 70%;
	}
	
	.prizes_effect:before {
		top: -5px;
	}
	
	.rankings .news_border_bottom {
		overflow-y: scroll;
	}
	
	.rankings .news_border_bottom::-webkit-scrollbar {
		display: none;
	}
	
	.start_package .main_info .c_pack_icon {
		width: 100%;
		position: relative;
		top: auto;
		bottom: auto;
		height: 70px;
		border-bottom: 1px solid #6e5a3b;
	}
	
	.packages {
		left: auto;
	}
	
	.package_line {
		width: 100%;
		border-left: none;
	}
	
	.char_info_right {
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
	
	.char_info_left {
		width: 100%;
		float: none;
		margin: 0px;
	}
	
	.inventory {
		width: 100%;
	}
	
	.necklace_slot,
	.ring1_slot {
		left: 140px;	
	}
	
	.ring2_slot {
		right: 140px;
	}
}

@media screen and (max-width: 1440px) {
	.wrapper {
		margin: 0px auto;
		width: 1200px;
	}
	
	.right_column #login_blocks {
		display: none;
	}
	
	.right_column .login_register {
		display: block;
	}
	
	.center_column {
		width: 835px;
		margin: 0px 0px 0px 364px;
		border-right: none;
	}
	
	#mini_profile {
		position: fixed;
		top: 0px;
		right: 135px;
		z-index: 4;
		overflow: visible;
		bottom: auto;
	}
	
	.user-menu {
		display: none;
	}
	
	.menu_checkbox:checked ~ .user-menu {
		display: block;
		background: rgba(6, 7, 18, 0.95);
		box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.4);
	}
	
	.main_profile_info {
		cursor: pointer;
		background: none;
		box-shadow: none;
		position: relative;
	}
	
	.main_profile_info:before {
		display: block;
		top: 35px;
		right: 5px;
	}
	
	.pr_info,
	.pr_balance,
	.profile_menu {
		background: none;
		box-shadow: none;
	}
	
	.pr_balance {
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}
	
	.pr_info:before,
	.pr_info:after {
		content: "";
		display: block;
		width: 18px;
		height: 44px;
		background: url(../img/profile_border.png) no-repeat;
		background-size: cover;
		position: absolute;
		top: 21px;
		right: -18px;
		opacity: 0.5;
	}
	
	.u_avatar {
		width: 36px;
		height: 36px;
		padding: 3px;
		margin-top: 4px;
	}
	
	.u_avatar img {
		width: 36px;
		height: 36px;
	}
	
	.pr_info:after {
		right: auto;
		left: 10px;
		transform: rotate(180deg);
	}
	
	.main_content {
		padding: 0px 40px 110px 40px;
	}
	
	.tabs > label {
		padding: 0px 11px 20px 11px;
	}
	
	.td_date {
		width: 100px;
	}
	
	#last_winners .td_title {
		width: 150px;
	}
	
	.select .menu_checkbox:checked ~ .sub-menu	{
		width: 240px;
	}
	
	.registration_block {
		width: 320px;
	}
	
	.paginator a, .paginator span {
		margin: 0px 2px;
	}
	
	.right_column {
		display: block;
		position: fixed;
		top: 0px;
		right: 0px;
		z-index: 15;
		top: 21px;
        right: 120px;
		width: auto;
		border: none;
	}
	
	.right_column .button {
		margin: 0px 16px;
	}
	
	.small_logo {
		padding: 8px 16px 0px 16px;
	}
	
	.server_info {
		width: 230px;
	}
	
	.add_menu_p {
		margin-left: 20px;
		padding-left: 20px;
	}
	
	.add_menu_p a {
		margin-right: 20px;
	}
	
	.server_icon {
		margin: 0px;
	}
	
	.login_button {
		padding: 0px 15px 2px 35px;
	}
	
	.registration_button {
		color: #8aff00;
		text-shadow: 0px 0px 10px rgba(138,255,0,0.5);
		padding-left: 30px;
	}
	
	.soc {
		position: fixed;
		top: 50%;
		right: auto;
		left: 25px;
		margin-top: -77px;
		z-index: 5;
	}

	.soc a {
		display: block;
		width: 74px;
		height: 70px;
		background: url(../img/soc_bg.png) no-repeat;
		background-size: cover;
		margin: -14px 0px;
		position: relative;
		float: none;
	}
	
	.server_choose .sub-menu:before {
		left: 266px;
	}
	
	.hero_1 {
		right: -340px;
	}
	
	.hero_2 {
		left: -450px;
	}
	
	.portal-animation {
		top: 40px;
		left: -180px;
	}
	
	.warn_title:before,
	.warn_title:after {
		background-size: 140%;
	}
	
	.warn_title h4:after {
		background-size: 50%;
	}
	
	.start_package .main_info td {
		display: table-cell;
		width: 50%;
	}
	
	.necklace_slot,
	.ring1_slot {
		left: 180px;	
	}
	
	.ring2_slot {
		right: 180px;
	}
}

@media screen and (max-width: 1420px) {
	.add_menu_p,
	.server-time,
	.soc,
	.main_menu {
		display: none;
	}
	
	.menu-wrap .server-time,
	.menu-wrap .soc	{
		display: block;
	}
	
	.small_logo {
		margin-left: 56px;
	}
	
	#menu_icon {
		display: block;
	}
	
	#menu_icon .button {
		display: none;
	}
	
	.toggle-button {
		display: block;
	}
	.toggle-button {
		position: fixed;
		width: 44px;
		height: 44px;
		background: url(../img/menu_icon_bg.png) no-repeat;
		background-size: cover;
		top: 21px;
		left: 21px;
		transition: .25s;
		z-index: 15;
	}
	.toggle-button:hover {
		cursor: pointer;
	}
	.toggle-button .menu-bar {
		position: absolute;
		width: 50%;
		transition: .5s;
	}
	.toggle-button .menu-bar-top {
		border: 2px solid #ab8c5a;
		border-bottom: none;
		width: 4px;
		top: 16px;
        left: 18px;
	}
	.toggle-button .menu-bar-middle {
		height: 2px;
		background-color: #ab8c5a;
		margin-top: 3px;
		width: 12px;
		left: 16px;
        top: 18px;
	}
	.toggle-button .menu-bar-bottom {
		border: 2px solid #ab8c5a;
		border-top: none;
		width: 4px;
		top: 26px;
        left: 18px;
	}
	.button-open {
		left: 21px;
		top: 21px;
	}
	.button-open .menu-bar-top {
		border-color: #ab8c5a;
		transform: rotate(45deg) translate(8px, 8px);
		transition: .5s;
		width: 8px;
		top: 9px;
        left: 16px;
	}
	.button-open .menu-bar-middle {
		background-color: #ab8c5a;
		transform: translate(230px);
		transition: .1s ease-in;
		opacity: 0;
	}
	.button-open .menu-bar-bottom {
		border-color: #ab8c5a;
		transform: rotate(-45deg) translate(7px, -7px);
		transition: .5s;
		top: 30px;
        left: 16px;
		width: 8px;
	}
	
	.menu-wrap {
		display: block;
		background: rgba(6,7,18,0.95) url(../img/mobile_menu_effect.png) left 50% no-repeat;
		background-size: 100%;
		position: fixed;
		top: 0;
		height: 100%;
		width: 30%;
		margin-left: -35%;
		overflow: auto;
		transition: .25s;
		z-index: 12;
		box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
		backdrop-filter: blur(6px);
	}
	
	.menu-show {
		margin-left: 0;
	}
	
	.mobile_menu .add_menu_p {
		display: block;
		width: 100%;
		float: none;
	}
	
	.mobile_menu a {
		float: none;
		font-size: 15px;
	}
	
	.add_menu_p a,
	.mobile_menu a {
		padding-left: 42px;
		margin-right: 0px;
	}
	
	.add_menu_p a:before,
	.mobile_menu a:before {
		top: 9px;
	}
	
	.menu-wrap .server-time {
		float: none;
	}
	
	.mobile_menu .add_menu_p {
		margin: 0px;
		padding: 0px;
	}
	
	.mobile_menu .add_menu_p:before {
		display: none;
	}
	
	.menu-wrap .server-time {
		margin-left: 60px;
		margin-top: 50px;
		padding-left: 44px;
		margin-bottom: 20px;
		width: auto;
		box-sizing: border-box;
	}
	
	.menu-wrap .server-time:before {
		left: -10px;
	}
	
	.mobile_menu {
		margin-left: 60px;		
	}
	
	.mobile_menu a {
		height: 50px;
		line-height: 50px;
	}
	
	.menu-wrap .soc {
		position: relative;
		left: auto;
		right: auto;
		bottom: auto;
		top: auto;
		margin: 0px;
		text-align: center;
		padding: 20px 0px;
	}
	
	.menu-wrap .soc a {
		margin: 0px -6px;
		display: inline-block;
	}
}

@media screen and (max-width: 1220px) {
	.main_content {
		padding: 0px 40px 40px 40px;
	}
	
	main {
		padding-bottom: 0px;
	}
	
	.footer {
		border-top: 1px solid rgba(255,255,255,0.1);
	}
	
	.copyright {
		padding-right: 0px;
		text-align: left;
		width: auto;
	}
	
	.u_primary {
		width: auto;
	}
	
	.footer_links {
		padding-left: 28px;
		width: auto;
		margin-left: 28px;
		position: relative;
	}
	
	.footer_links:before {
		content: "";
		display: block;
		width: 1px;
		height: 16px;
		background: rgba(255,255,255,0.2);
		position: absolute;
		left: 0px;
	}
	
	.soc {
		display: none;
	}
	
	.menu-wrap .soc,
	.main_menu	{
		display: block;
	}
	
	.wrapper {
		width: 1100px;
	}
	
	.center_column {
		width: 736px;
	}
	
	#bottom_menu {
		display: none;
	}
	
	.footer {
		position: relative;
	}
	
	.menu-wrap {
		width: 50%;
		margin-left: -55%;
	}

	.menu-show {
		margin-left: 0;
	}
	
	.start_package .main_info td {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	
	.necklace_slot,
	.ring1_slot {
		left: 156px;	
	}
	
	.ring2_slot {
		right: 156px;
	}
}

@media screen and (max-width: 960px) {
	#menu {
		height: 50px;
	}
	
	#streambar,
	#menu .server-time,
	#move_up {
		display: none !important;
	}
	
	#mini_profile {
		position: static;
		display: inline-block;
		right: auto;
		bottom: auto;
		height: 25px;
		width: auto;
		margin: 0px 18px;
	}
	
	.pr_info {
		padding: 0px;
	}
	
	.pr_info:before,
	.pr_info:after {
		top: 0px;
	}
	
	.pr_info:after {
		left: -15px;
	}
	
	.main_profile_info:before {
		top: 15px;
	}
	
	.u_primary {
		margin-left: 10px;
		padding-top: 3px;
	}
	
	.u_primary h4 {
		text-align: left;
	}
	
	.u_secondary {
		display: none;
	}
	
	.u_avatar {
		width: 26px;
		height: 26px;
		padding: 2px;
		margin-top: 7px;
	}
	
	.u_avatar img {
		width: 26px;
		height: 26px;	
	}
	
	.menu_checkbox:checked ~ .user-menu {
		display: block;
		position: absolute;
		bottom: 65px;
		top: auto;

		text-align: left;
		left: 0px;
		right: 0px;
		width: 100%;
		border-bottom: 1px solid rgba(255,255,255,0.1);
		overflow-y: scroll;
	}
	
	.main_profile_info:before {
		right: 0px;
	}
	
	.main_profile_info {
		padding-right: 20px;
	}
	
	.right_column .login_register {
		display: inline-block;
	}
	
	.tabs {
		margin-top: 0px;
		text-align: left;
		margin-top: 15px;
	}
	
	.tabs > label {
		padding: 0px 8px 10px 8px;
	}
	
	.news_item {
		margin: 0px 0px 20px 0px;
	}
	
	.discord_block {
		width: auto;
	}
	
	.header_slider {
		height: 250px;
	}
	
	.hero_1 {
        right: -288px;
        top: -61px;
		width: 600px;
		height: 511px;
		background-size: cover;
	}
	
	.hero_2 {
		left: -272px;
		top: 47px;
		width: 400px;
		height: 281px;
		background-size: cover;
	}
	
	.slider_text {
		font-size: 20px;
		line-height: 38px;
	}
	
	.server_name {
		font-size: 48px;
	}
	
	.new {
		font-size: 12px;
		height: 18px;
		line-height: 18px;
		padding: 0px 4px;
	}
	
	.timer_block {
		width: 320px;
		height: 68px;
		padding-top: 22px;
		margin-top: 15px;
	}
	
	#countdown > div {
		width: 68px;
	}
	
	.slider_text {
		position: relative;
		z-index: 2;
	}
	
	.time {
		font-size: 30px;
	}
	
	.timer_title {
		font-size: 12px;
		top: -14px;
	}
	
	.timer_button {
		margin-left: -80px;
		bottom: -26px;
	}
	
	.time_icon {
		width: 14px;
		height: 14px;
		margin-bottom: -4px;
		margin-right: 3px;
	}
	
	.timer_button .button {
		font-size: 8px;
		width: 160px;
		height: 44px;
		padding-bottom: 13px;
	}
	
	.timer_button:before,
	.timer_button:after {
		width: 10px;
		height: 23px;
		left: 4px;
		top: 6px;
	}
	
	.timer_button:after {
		left: auto;
		right: 4px;
	}
	
	.timer_wrap .label {
		font-size: 7px;
	}
	
	.menu-wrap {
		width: 80%;
		margin-left: -85%;
		z-index: 16;
	}

	.menu-show {
		margin-left: 0;
	}
	
	#menu_icon {
		position: relative;
	}
	
	#menu_icon .button {
		display: inline-block;
	}
	
	#menu_icon {
		display: inline-block;
	}
	
	#menu_icon .button {
		padding-left: 26px;
	}
	
	#menu_icon .button .button_glow {
		background: url(../img/button_glow_blue.png) center bottom no-repeat;
		background-size: cover;
		opacity: 0.4;
	}
	
	.toggle-button {
		position: absolute;
		width: 94px;
		height: 34px;
		bottom: auto;
		right: auto;
		top: 4px;
        left: 10px;
		background: none;
	}
	
	.toggle-button .menu-bar-top {
		top: 12px;
		left: 13px;
	}
	.toggle-button .menu-bar-middle {
		left: 11px;
		top: 13px;
	}
	.toggle-button .menu-bar-bottom {
		top: 20px;
		left: 13px;
	}
	.button-open .menu-bar-top {
		top: 20px;
        left: 50%;
		margin-left: -6px;
	}
	.button-open .menu-bar-middle {
		background-color: #ab8c5a;
		transform: translate(230px);
		transition: .1s ease-in;
		opacity: 0;
	}
	.button-open .menu-bar-bottom {
		top: 41px;
        left: 50%;
		margin-left: -6px;
	}
	
	.button-open {
		position: fixed;
		right: 0px;
		left: auto;
		top: 0px !important;
		bottom: 0px;
		width: 20%;
		height: 100%;
		background: url(../img/menu_icon_bg.png) 50% 50% no-repeat;
		background-size: 40px 40px;
	}
	
	.wrapper {
		width: auto;
	}
	
	.center_column {
		width: auto;
		margin: 0px;
		min-height: auto;
	}
	
	.main_content {
		padding: 0px 20px 20px 20px;
		min-height: auto;
	}
	
	.left_column {
		position: relative;
		width: auto;
		top: auto;
		left: auto;
	}
	
	.right_column {
		bottom: 0px;
		right: 0px;
		left: 0px;
		top: auto;
		height: 55px;
		background: rgba(6,7,18,0.95);
		backdrop-filter: blur(6px);
		text-align: center;
		padding-top: 10px;
		box-shadow: 0px 0px 25px rgba(0,0,0,0.35);
		border-top: 1px solid rgba(255,255,255,0.1);
	}
	
	.right_column .button {
		margin: 0px 16px;
	}
	
	.p_back,
	.p_next {
		font-size: 0px;
		width: 10px !important;
	}
	
	.s_logo {
		background: url(../img/logo.png) no-repeat;
		background-size: cover;
		width: 59px;
		height: 63px;
		margin-top: -7px;
	}
	
	.small_logo {
		padding: 0px;
		margin-left: 10px;
		height: 50px;
		padding-right: 6px;
	}
	
	.server_info {
		width: auto;
		padding-top: 8px;
	}
	
	.server_choose {
		height: 50px;
	}
	
	.server_title {
		font-size: 16px;
		line-height: 18px;
	}
	
	.server_status {
		font-size: 11px;
	}
	
	.server_icon {
		width: 50px;
		height: 50px;
	}
	
	.menu-wrap .server-time {
		margin-top: 30px;
	}
	
	.left_column {
		padding-bottom: 0px;
	}
	
	main {
		padding-top: 50px;
		padding-bottom: 0px;
	}
	
	.footer {
		padding-bottom: 50px;
		padding-top: 20px;
	}
	
	.copyright, .footer_links {
		width: auto;
		padding: 0px;
		text-align: center;
	}
	
	.footer span {
		margin: 0px 10px -4px 10px;
	}
	
	.footer_links {
		padding-top: 10px;
		padding-left: 15px;
		margin-left: 10px;
	}
	
	.lang {
		margin-top: 14px;
		margin-right: 20px;
	}
	
	.lang .selector .lang_chooser:before,
	.lang .selector .lang_chooser:after {
		width: 9px;
		height: 22px;
		background: url(../img/lang_border_mobile.png) no-repeat;
		background-size: cover;
		top: 0px;
	}
	
	.lang .selector .lang_chooser:before {
		right: -9px;
	}
	
	.lang .selector .lang_chooser:after {
		left: -9px;
	}
	
	.lang .selector .lang_chooser {
		height: 22px;
		line-height: 20px;
		background: none;
		padding: 0px 18px 0px 0px;
	}
	
	.flag {
		margin-right: 0px;
		top: 3px;
	}
	
	.lang .selector .main-item:before {
		top: 3px;
		right: -1px;
	}
	
	.lang .selector .lang_chooser:hover {
		background: none;
	}

	.lang .menu_checkbox:checked ~ .sub-menu {
		top: 36px;
	}
	
	.server_choose .main-item {
		padding-right: 40px;
		position: relative;
	}
	
	.server_choose .main-item:after {
		right: 9px;
        top: 15px;
		width: 23px;
		height: 20px;
	}
	
	.server_choose .main-item:before {
		right: 13px;
		top: 17px;
	}

	.server_choose .menu_checkbox:checked ~ .sub-menu {
		top: 50px;
		left: 0px;
		right: 0px;
		padding: 20px;
		min-width: auto;
	}
	
	.server_choose .selector {
		position: static;
	}
	
	.list-1,
	.list-2,
	.list-3,
	.list-4 {
		width: auto;
	}
	
	.progress {
		width: 130px;
		height: 130px;
		line-height: 130px;
	}
	
	.news_border_bottom {
		padding: 25px;
	}
	
	.news_info .small_button {
		margin-right: -10px;
	}
	
	.news_tags {
		padding-right: 130px;
		margin-bottom: 10px;
	}
	
	.news_tags a {
		margin-right: 0px;
		margin-bottom: 8px;
	}
	
	.news_title {
		display: table;
		width: 100%;
	}
	
	.paginator {
		padding: 17px 0px 12px 0px;
		margin-bottom: 20px;
	}
	
	.paginator a, .paginator span {
        margin: 0px -4px;
    }
	
	.p_back:after,
	.p_next:after {
		top: 0px;
	}
	
	.paginator .active:after {
		bottom: -26px;
	}
	
	.block {
		padding: 20px;
	}
	
	.block_title,
	.page_module_title {
		padding: 0px 0px 20px 0px;
	}
	
	.td_avatar {
		width: 32px;
	}
	
	.n_author {
		padding-right: 190px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	
	.discord_link {
		margin-right: 18px;
	}
	
	.modal_window {
		width: auto;
		padding: 30px;
		top: 0px !important;
		height: 100%;
		box-sizing: border-box;
		margin: 0px;
	}
	
	#close_modal {
		top: auto;
		bottom: 20px;
		right: 50%;
		margin-right: -17px;
	}
	
	.modal_content {
		position: absolute;
		top: 50%;
		margin-top: -165px;
		width: 300px;
		left: 50%;
		margin-left: -150px;
	}
	
	.login_logo .s_logo {
		margin: 0px auto;
		width: 150px;
		height: 160px;
	}
	
	#login_modal:before  {
		background-size: 60%;
	}
	
	.lang .sub-menu .flag {
		top: 10px;
	}
	
	.center_column,
	.block {
		border-left: none;
	}
	
	.server_choose .sub-menu:before {
        left: 228px;
    }
	
	.portal-animation {
		top: -10px;
		left: -180px;
	}
	
	@keyframes rainbow {
	  0% {
		background: url(../img/animations/rainbow.png) no-repeat;
		background-size: 100px 95px;
		opacity: 0;
		left: 70px;
		top: 160px;
	  }
	  30% {
		opacity: 0.2;
	  }
	  90% {
		background: url(../img/animations/rainbow.png) no-repeat;
		background-size: 260px 247px;
		opacity: 0;
		left: 90px;
		top: 180px;
	  }
	  100% {
		background: url(../img/animations/rainbow.png) no-repeat;
		background-size: 260px 247px;
		opacity: 0;
		left: 110px;
		top: 200px;
	  }
	}
	
	@keyframes bow {
	  0% {
		background: url(../img/animations/rainbow2.png) no-repeat;
		background-size: 150px 142px;
		opacity: 0;
		left: 80px;
		top: 180px;
	  }
	  30% {
		opacity: 0.2;
	  }
	  90% {
		background: url(../img/animations/rainbow2.png) no-repeat;
		background-size: 250px 237px;
		opacity: 0;
		left: 0px;
		top: 80px;
	  }
	  100% {
		background: url(../img/animations/rainbow2.png) no-repeat;
		background-size: 250px 237px;
		opacity: 0;
		left: -50px;
		top: 60px;
	  }
	}
	
	.tabs > input:checked + label:before,
	.tabs > input:checked + label:after {
		height: 46px;
	}
	
	.breadcrumbs {
		padding-top: 0px;
		margin-bottom: 20px;
	}
	
	.breadcrumbs span {
		margin: 0px 5px;
	}
	
	.registration_form {
		padding: 25px 25px 20px 25px;
		margin: 0px -20px;
		border-left: none;
		border-right: none;
	}
	
	.registration_form .buttons {
		margin: 0px;
	}
	
	.reg_info {
		margin-top: 20px;
	}
	
	.warn_title:before,
	.warn_title:after {
		background-size: 300%;
	}
	
	.page_title h2 {
		font-size: 24px;
		height: auto;
		line-height: 24px;
	}
	
	.page_title .selector {
		margin-top: -10px;
		margin-right: 16px;
	}
	
	.page_title {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	
	.module_block {
		padding: 10px;
	}
	
	.class_filters a {
		width: 40px;
		height: 5px;
		padding-top: 45px;
	}
	
	.class_filters a:before {
		width: 46px;
		height: 53px;
	}
	
	#myline_sticker {
		display: none;
	}
	
	.rank_clan {
		padding-left: 34px !important;
		position: relative;
	}
	
	.clan_logo {
		position: absolute;
		float: none;
		left: 0px;
		top: 11px;
	}
	
	.filter_padding {
		margin: 0px 6px 0px 6px !important;
	}
	
	.library_page_content table {
		margin-bottom: 20px;
	}
	
	.lib_text {
		margin-bottom: 20px;
	}
	
	.lib_img {
		margin: 20px 0px;
	}
	
	.library_page_content {
		padding-bottom: 0px;
	}
	
	.lib_column {
		width: auto;
		float: none;
	}
	
	.library_cat_list .lib_column:nth-child(2) {
		border-top: 1px solid rgba(255,255,255,0.1);
		padding-top: 20px;
	}
	
	.files_block {
		padding: 20px;
	}
	
	.files_block h4 {
		margin: -21px -20px 25px -20px;
	}
	
	.files_block .news_border_top {
		margin-bottom: 20px;
	}
	
	.files_block table td {
		display: block;
		width: 100%;
		box-sizing: border-box;
		margin-top: -1px;
	}
	
	.download_links td {
		padding: 20px 20px 20px 75px!important;
		text-align: left;
	}
	
	.download_links td:before {
		top: 2px;
		left: 2px;
		margin: 0px;
		width: 70px;
		height: 70px;
	}
	
	.item_slot {
		width: 42%;
		margin: 26px 4%;
	}
	
	.sort_panel {
		float: none;
		height: 32px;
	}
	
	.change_view {
		margin-top: -24px;
	}
	
	.market_filters .selector {
		width: 100%;
		margin-bottom: 2px;
	}
	
	.parametres .menu_checkbox:checked ~ .sub-menu {
		width: 100%;
	}
	
	.page_title .selector {
		margin-top: -6px;
	}
	
	.page_title .selector label {
		width: 60px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		display: block;
	}
	
	.contacts .files_block table td {
		display: table-cell;
	}
	
	.profile {
		margin-bottom: -20px;
	}
	
	.profile .files_block table td {
		display: table-cell;
	}
	
	.profile .files_block .main_info td {
		width: 50%;
	}
	
	.ref_link,
	.library_page_content .ref_table {
		margin-bottom: 20px;
	}
	
	.statistics .news_border_bottom {
		overflow-x: scroll;
	}
	
	.vote {
		margin-bottom: 0px;
	}
	
	.start_package {
		margin-bottom: -30px;
	}
	
	.vip .files_block table td {
		display: table-cell;
	}
	
	.donate .contacts {
		margin-bottom: 20px;
	}
	
	.change_name {
		margin-bottom: 0px;
	}
	
	.pk_options table td {
		width: auto;
	}
	
	.pk_options table .td_white {
		width: 40%;
	}
	
	.character_info {
		margin-bottom: 0px;
	}
	
	.character_info .clan_logo {
		left: 12px;
	}
	
	.character_info .rank_clan {
		padding-left: 44px !important;
	}
}

@media (max-width: 960px) and (orientation: portrait) {
	.items_list .item_slot {
		height: 46px;
	}
	
	.items_list .item_title {
		float: none;
		height: auto;
		line-height: 14px;
		padding-top: 7px;
	}
	
	.items_list .item_price {
		float: none;
		position: relative;
		left: auto;
		top: auto;
		right: auto;
		bottom: auto;
		text-align: left;
		margin: 0px;
		padding-left: 40px;
	}
	
	.items_list .item_button button {
		width: 32px;
		font-size: 0px;
		position: relative;
	}
	
	.items_list .item_button button:before {
		content: "";
		display: block;
		width: 32px;
		height: 32px;
		background: url(../img/buy_icon.png) no-repeat;
		background-size: cover;
		position: absolute;
		left: 0px;
		top: 0px;
	}
	
	.items_list .item_slot_content .item_cat {
		right: 45px;
	}
	
	.rankings_table table {
		width: 640px;
	}
	
	.start_package .main_info td {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	
	.start_package .page_title .selector {
		margin-top: 10px;
	}
	
	.package_price button {
		font-size: 0px;
		padding: 0px;
		float: right;
		margin-top: -2px;
	}
	
	.package_price button .button_glow {
		position: relative;
		display: block;
		width: 32px;
		height: 32px;
		background: url(../img/buy_icon.png) no-repeat;
		background-size: cover;
		opacity: 1;
		bottom: 0px;
	}
	
	.start_package .main_info .bon_sum,
	.vip .main_info .bon_sum {
		margin-top: 9px;
	}
	
	.c_pack_icon .class_icon {
		margin-left: 25px;
	}
	
	.start_package .main_info .c_pack_icon h4 {
		left: 160px;
	}
	
	.vip .files_block table tr td {
		position: relative;
	}
	
	.vip .package_price {
		position: static;
	}
	
	.vip .package_price .bon_sum {
		float: none;
		position: absolute;
		left: 105px;
		right: auto;
		top: 26px;
	}
	
	.vip .files_block h3 {
		margin-top: 0px;
	}
	
	.pm_item label {
		display: block;
		width: 100%;
		margin: 0px 0px 10px 0px;
		text-align: left;
		padding: 20px;
	}
	
	.pm_item label h3 {
		padding-left: 60px;
	}
	
	.pm_item label:after {
		width: 48px;
		height: 48px;
		left: 30px;
		margin: 0px;
		top: 7px;
	}
	
	.donate .checkradio input[type="radio"] + label:before {
		top: 18px;
		left: 8px;
	}
	
	.inventory {
		padding: 0px;
		border: none;
		height: 320px;
	}
	
	.inv_item,
	.inv_item .item_icon {
		width: 90px;
		height: 90px;
	}
	
	.helm_slot {
		top: 0px;
	}
	
	.wings_slot {
		top: 0px;
		right: 0px;
		width: 120px;
		height: 90px;
	}
	
	.wings_slot .item_icon {
		width: 120px;
		height: 90px;
	}
	
	.weapon1_slot {
		width: 90px;
		height: 120px;
		left: 0px;
		margin-top: -60px;
	}
	
	.weapon1_slot .item_icon,
	.armor_slot .item_icon,
	.weapon2_slot .item_icon {
		width: 90px;
		height: 120px;
	}
	
	.armor_slot {
		width: 90px;
		height: 120px;
		margin-left: -45px;
		margin-top: -60px;
	}
	
	.weapon2_slot {
		width: 90px;
		height: 120px;
		right: 0px;
		margin-top: -60px;
	}
	
	.gloves_slot {
		left: 0px;
		bottom: 0px;
	}
	
	.pants_slot {
		bottom: 0px;
		margin-left: -45px;
	}
	
	.boots_slot {
		bottom: 0px;
		right: 0px;
	}
	
	.necklace_slot,
	.ring1_slot,
	.ring2_slot {
		width: 50px;
		height: 50px;
	}
	
	.necklace_slot .item_icon,
	.ring1_slot .item_icon,
	.ring2_slot .item_icon {
		width: 50px;
		height: 50px;
	}
	
	.necklace_slot,
	.ring1_slot {
		left: 80px;
	}
	
	.necklace_slot {
		top: 105px;
	}
	
	.ring2_slot {
		right: 80px;
	}
	
	.ring1_slot,
	.ring2_slot {
		top: 235px;
	}
}

@media (max-width: 960px) and (orientation: landscape) {
	.hero_1 {
        right: -220px;
        top: -61px;
		width: 600px;
		height: 511px;
		background-size: cover;
	}
	
	#close_modal {
		top: 20px;
		right: 20px;
		left: auto;
		margin: 0px;
	}
	
	.u_secondary {
		display: block;
		padding-top: 0px;
		padding-left: 15px;
	}
	
	.u_secondary div {
		margin-bottom: -1px;
	}
	
	.u_secondary:before {
		top: 10px;
	}
	
	.info_block:before,
	.info_block:after {
		background-size: 200%;
	}
	
	.td_icon {
		width: 10px;
	}
	
	.td_avatar {
		width: 34px;
	}
	
	#last_winners .td_title {
		width: auto;
	}
	
	.char_icon {
		width: 20px;
	}
	
	.hero_2 {
		left: -291px;
        top: -38px;
		width: 600px;
		height: 422px;
		background-size: cover;
	}
	
	.modal_content {
		position: relative;
		width: 300px;
		margin: 0px auto;
		top: auto;
		left: auto;
	}
	
	.modal_window {
		height: auto;
	}
	
	.tabs {
		text-align: right;
		margin-top: -31px;
	}
	
	.tabs section {
		padding-top: 20px;
	}
	
	.menu-wrap {
		background: rgba(6,7,18,0.95) url(../img/mobile_menu_effect.png) left 50% no-repeat;
		background-size: 50%;
	}
	
	.warn_title:before,
	.warn_title:after {
		background-size: 150%;
	}
	
	.item_slot {
		width: 29%;
		margin: 26px 2%;
	}
	
	.sort_panel {
		float: right;
		height: auto;
	}
	
	.change_view {
		margin-top: -7px;
	}
	
	.market_filters .selector {
		width: 33%;
		margin: 0px;
	}
	
	.parametres .menu_checkbox:checked ~ .sub-menu {
		width: 410px;
	}
	
	.page_title .selector label {
		width: auto;
	}
	
	.start_package .main_info td {
		display: table-cell;
		width: 50%;
	}
}

@media screen and (max-width: 540px) {
	.login_logo {
		display: block;
		position: fixed;
		top: 40px;
		left: 50%;
		margin-left: -75px;
	}
	
	#login_modal:before  {
		background-size: cover;
	}
}