@font-face {
  font-family: 'Candara';
  src: url('../fonts/Candara.woff') format('woff'),
       url('../fonts/Candara.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}



html {
	box-sizing: border-box;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

* {
	padding: 0;
	margin: 0;
}

a {
	color: inherit;
	text-decoration: none;
}

img {
	max-width: 100%;
}

body {
min-width: 1100px;
font-family: 'Candara', sans-serif;
font-weight: normal;
font-size: 13px;
line-height: 1;
color: #000;
background: url("../images/header.jpg") no-repeat top center;
background-color: #040402;
}

p,h1,h2,h3,h4,ul,ol {
	padding: 0;
	margin: 0;
}

.list-reset {
	padding: 0;
	margin: 0;
	list-style: none;
}

.dflex {
	display: flex;
}

.container {
    position: relative;
    width: 1009px;
    margin: 0 auto;
}

.nav {
	height: 115px;
	background-image: url("../images/menubar.png");
	background-position: center;
	background-repeat: no-repeat;
}

.nav_wrap {
    align-content: center;
    align-items: center;
    height: 70px;
}

.nav_link {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    color: #ffb03e;
    padding-left: 53px;
    background-repeat: no-repeat;
    background-position: 0 -3px;
    transition-property: background-position, color, font-size;
    transition-duration: 0.3s;
    transition-timing-function: linear;

}

.nav_link:hover {
	background-position: -4px -3px;
	color: #fff;
}

.nav_link span {
    display: block;
    margin-top: 5px;
    color: #825a20;
    font-size: 12px;
    text-transform: initial;
}

.nav_item:nth-child(1) .nav_link {
	background-image: url("../images/menu_ico1.png");
}

.nav_item:nth-child(2) .nav_link {
	background-image: url("../images/menu_ico2.png");
}

.nav_item:nth-child(3) .nav_link {
	background-image: url("../images/menu_ico3.png");
}

.nav_item:nth-child(4) .nav_link {
	background-image: url("../images/menu_ico4.png");
}

.nav_item:nth-child(5) .nav_link {
	background-image: url("../images/menu_ico5.png");
}

.nav_item:not(:last-child) {
	margin-right: 45px;
}

.language {
	margin-left: auto;
	text-align: center;
}

.language span {
	display: block;
	margin-top: -6px;
}

.language a {
	opacity: 0.7;
	color: #ffb03e;
	font-size: 12px;
	margin-right: 7px;
	transition: color 0.3s ease;
}

.language img {
	display: block;
}

.language a:hover,
.language a.active {
	opacity: 1;
	color: #fff;
}

.fast_buttons_btn {
    display: block;
    width: 202px;
    height: 68px;
    padding: 0 0 0 39px;
    text-align: center;
    line-height: 62px;
    font-size: 11px;
    color: #fed166;
    text-shadow: 0 3px 1px rgb(0 0 0 / 70%);
     font-family: 'Arial', sans-serif;
     transition: filter 0.5s ease;
}


.fast_buttons_btn:hover {
	color: #fff;
	filter: brightness(1.5);
}

.fast_buttons_btn__green {
	background-image: url("../images/btn1.png");
}


.fast_buttons_btn__maro {
	background-image: url("../images/btn2.png");
}

.fast_buttons {
    align-items: center;
    align-content: center;
    justify-content: center;
    margin: -47px 0 0;
}

/**/

.header {
    height: 485px;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.header_logo {
	display: block;
	  width: 537px;
  height: 283px;
	background-image: url("../images/logo.png");
}


.leftbar {
	width: 245px;
}

.sidebar_title {
	width: 245px;
	height: 97px;
	background-image: url("../images/sidebar_title.png");
	line-height: 97px;
	color: #ffb03e;
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
}

.sidebar_body {
	margin-top: -23px;
	padding: 30px;
	padding-bottom: 12px;
	width: 233px;
    margin-left: 5px;
	min-height:200px;

	background: #0b0a07 url("../images/fon_block.jpg") no-repeat bottom center;
}

.sidebar_module {
	margin-bottom: 0px;
}

.login_form_input {
	    display: block;
    margin: 0 auto 6px;
	width: 179px;
	height: 46px;
	border: none;
	background: url("../images/input.png") no-repeat center;
	color: #7f6e4f;
	font-size: 13px;
	text-align: center;
	outline: none;
}

.login_form_input::placeholder {
	color: #7f6e4f;
}

.login_form_button,
.button-style {
	display: block;
	margin: auto;
	margin-top: 11px;
	width: 179px;
	height: 46px;
	background: url("../images/submit.png") no-repeat center;
	line-height: 46px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	text-shadow: 1px 2px 2px rgba(0,0,0,.5);
	border: none;
	outline: none;
	cursor: pointer;
	transition: filter 0.3s linear;
}

.login_form_button:hover,
.button-style:hover {
	filter: brightness(1.5);
}

.links_login {
	margin-top: 20px;
}

.links_href {
	color: #fff;
	font-size: 13px;
	line-height: 1.6;
	border-bottom: 1px solid currentColor;
	font-family: 'Candara';
	transition: color 0.3s linear;
}

.links_href:hover {
	border-bottom: none;
	color: #ffb03e;
}


.top_players_head {
    font-size: 14px;
    color: #fff;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    padding-bottom: 10px;
}

.top_players_item {
	    font-size: 12px;
    color: #b2b2b1;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    border-bottom: 1px #201d12 solid;
    padding: 10px 0;
    transition: all 0.4s ease;
}

.top_players_item:hover,
.top_players_item.active {
    padding: 10px 25px;
    margin: 0 -30px;
    background: #1c1a12;
    color: #ffb03e;
}

.select_server {
	margin-top: 10px;
	justify-content: center;
}

.select_server_link {
	font-size: 13px;
	color: #ffb03e;
	border-bottom: 1px solid currentColor ;
	transition: color 0.3s linear;
}
.select_server_link:not(:last-child) {
	margin-right: 10px;
}

.select_server_link:hover,
.select_server_link.active {
	color: #fff;
	border-bottom: none;
	padding-bottom: 1px;
}


.center_bar {
	width: 533px;
	margin-top: 12px;
	    margin-left: -8px;
}

.center_title,
.title1 {
	margin-bottom: 20px;
	margin-left: 2px;
	width: 100%;
	height: 84px;
	line-height: 70px;
	padding-left: 30px;
	color: #ffb03e;
	font-size: 16px;
	text-transform: uppercase;
	background: url("../images/news_title.png");
}

.title1 h1 {
	    font-size: 16px;
	    font-weight: normal;
}

.news_block,#content_center {
    position: relative;
    padding-top: 0px;
    min-height: 100px;
    font-size: 13px;
    line-height: 1.6;
    color: #fff;
    width: 523px;
    background-color: #120e06;
    background-image: url(../images/news_bottom.png);
    background-position: bottom;
    background-repeat: no-repeat;
    margin-left: 8px;
    padding: 0 15px 15px;
    margin-bottom: 40px;
}

.news_block:after,#content_center:after {
	content: '';
	position: absolute;
	top: -32px;
	left: -5px;
	width: 533px;
	height: 32px;
	background-image: url("../images/news_top.png");
}


.news_block_title, h2.title {
    padding: 29px 0;
    font-size: 14px;
    color: #ffb03e;
    text-transform: uppercase;
    background-image: url(../images/news_icon.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 100px;
}

.news_block p {
	margin-bottom: 1.6rem;
}

.news_block_date {
	    font-size: 14px;
    color: #80807b;
    text-transform: uppercase;
    background-image: url(../images/news_date.png);
    background-position: left top;
    background-repeat: no-repeat;
        padding: 5px 0px 10px 50px;
}

.news_block_date span {
	color: #976a28;
}

.news_block_info {
	justify-content: space-between;
}

.news_block_more {
	display: block;
	width: 117px;
	height: 42px;
	background: url("../images/more.png") no-repeat center;
	text-align: center;
	color: #fff;
	line-height: 40px;
	text-shadow: 1px 2px 2px rgba(0,0,0,.5);
	transition: filter 0.3s linear;
}

.news_block_more:hover {
	filter: brightness(1.5);
}

.market_item {
	border-bottom: 1px #201d12 solid;
    padding: 10px 0;
    font-size: 13px;
    align-items: center;
    align-content: center;
	 transition: all 0.4s ease;
}

.market_item:last-child {
	border-bottom: none;
}

.market_icon {
	width: 40px;
	height: 40px;
	padding: 10px;
	border: 1px #1c1a12 solid;
}

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

.market_descr {
padding-left: 10px;
}


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

.market_cost {
	font-size: 12px;
	color: #80807b;
	margin-bottom: 7px
}

.market_buy {
	font-size: 11px;
	text-transform: uppercase;
	color: #ffb03e;
}

.market_item:hover {
    padding: 10px 25px;
    margin: 0 -30px;
    background: #1c1a12;
    color: #ffb03e;
}
.market_item:hover .market_link {
color: #ffb03e
}


.server_item {
    justify-content: space-between;
    align-items: center;
    align-content: center;
       margin: 0 -10px 10px 0;
}

.server_descr {
	flex-basis: 140px;
}

.server_status {
	width: 54px;
	height: 58px;
}

.server_online {
	background-image: url("../images/online.png");
}


.server_offline {
	background-image: url("../images/offline.png");
}


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


.server_players {
	margin-left: auto;
	font-size: 14px;
}

.server_players_online {
	color: #c3f719;
}
.server_players_offline {
	color: #ff2424
}

.server_polosa {
	width: 0%;
	height: 18px;
	margin-top: 10px;
	transition: all 0.4s ease;
}

.server_polos_wrap{
width: 133px;
height: 18px;
background-image: url("../images/bg-status.png");	
}


.footer {
	margin-top: -540px;
	height: 800px;
	background-image: url("../images/footer.jpg");
	background-position: center;
	background-repeat: no-repeat;
	justify-content: flex-end;
}

.logo-footer img {
	max-width: 240px;
}

.logo-footer {
	transition: filter 0.6s ease-in-out;
}

.logo-footer:hover {
	filter: brightness(1.6);
}


.footer_wrap {
    height: 800px;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 60px;
}

.footer_top {
	border-bottom: 1px #2d2e2c solid;
	padding-bottom: 0px;
	    align-items: center;
}

.nav-footer {
	margin-left: auto;
}

.nav-link {
	font-size: 14px;
	color: #ffb03e;
	text-transform: uppercase;
	border-bottom: 1px solid currentColor;
	transition: color 0.4s ease;
}

.nav-link:hover {
	color: #fff;
	border-bottom: none;
}


.nav-item:not(:last-child) {
	margin-right: 60px;
}

.footer_bottom {
	margin-top: 20px;
	align-items: center;
	justify-content: space-between;
}

.footer_copy {
	width: 220px;
	text-align: center;
	font-size: 14px;
	color: #efd07f;
}

.footer_ps {
	margin-left: 60px;
	width: 333px;
	height: 34px;
	background: url("../images/ps.png") no-repeat center;
	opacity: 0.3;
	transition: opacity 0.3s linear;
	margin-right: 35px;
}

.footer_ps:hover {
	opacity: 1;
}

.footer_banner {
	width: 88px;
	height: 31px;
	background-color: rgba(106,98,83,0.2);
	border: 1px solid #977a4d;
	text-align: center;
	color: #876535;
	font-size: 11px;
	line-height: 31px;
	transition: background-color 0.6s ease;
}

.footer_banner:hover {
	background-color: rgba(106,98,83,0.5);
}

.footer_banner:not(:last-child) {
	margin-right:20px;
}

.main {
	position: relative;
	z-index: 91;
}


.header_logo {
	position: relative;
}

.header_logo:before {
  content: '';
  position: absolute;
  display: block;
  width: 537px;
  height: 283px;
  background: url(../images/logo2.png?1) no-repeat;
  top: 0;
  left: 0;
  transform: scale(0);
  opacity: 0;
  pointer-events: none;
}

.header_logo:hover:before {
  animation: logo .5s ease;
}

@keyframes logo {
  0% {
    transform: scale(1);
    opacity: 0;
  }

  20% {
    opacity: .5;
  }

  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}



.top_players_name img {
    max-width: 13px;
    border: 0;
    vertical-align: middle;
    margin-right: 5px;
}

.form input:not(input[type="checkbox"]),
.form select {
	width: 284px;
	height: 46px;
	padding-left: 15px;
	background: url("../images/input_big.png") no-repeat center;
	color: #7f6e4f;
    font-size: 13px;
    text-align: left;
    outline: none;
    border: none;
}

.form input::placeholder {
	color: #7f6e4f;
}


.ranking-table {
	width: 100%;
	border-collapse: collapse;
	    text-align: left;
}

.ranking-table th  {
	font-weight: normal;
	color: #fff;
}

.ranking-table td, 
.ranking-table th {
	color: #b2b2b1;
	padding: 5px;
} 

.ranking-table td {
	border-bottom: 1px #1c1a12 solid;
}

.ranking-table tr:hover td {
	background-color: #1c1a12;
	color: #ffb03e;
}

.ranking-table th {
	color: #fff;
}

.custom_button {
	margin: 5px;
	display: table;
	    padding: 7px 11px;
	color: #ffb03e;
	border: 1px solid currentColor;
	font-size: 12px;
	text-transform: uppercase;
	transition: background-color 0.3s ease;
	background: transparent;
	cursor: pointer;
}

.custom_button:hover {
	background-color: #ffb03e;
	color: #000;
}



.spacebeet {
	align-items: center;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
}

.tabrow {
	text-align: center;
	list-style: none;
	margin-bottom: 30px;
}

.tabrow a {
	display: table;
	margin: auto;
	padding: 7px 21px;
	color: #fff;
	border: 1px solid currentColor;
	font-size: 12px;
	text-transform: uppercase;
	transition: background-color 0.3s ease;
}

.download_item {
    flex-basis: 46%;
    padding: 20px;
    border: 1px #201d12 solid;
    margin-bottom: 20px;
    color: #b2b2b1;
}
.download_item:not(:last-child) {
	margin-right: 30px;
}

.download_title {
	    margin-bottom: 15px;
	color: #ffb03e;
    font-size: 16px;
    text-transform: uppercase;
}

.character-info_name {
		color: #ffb03e;
    font-size: 14px;
    text-transform: uppercase;
}

.character-info_descr {
	display: block;
    color: #b2b2b1;
}

.character-info_item {
	position: relative;
	flex-basis: 48%;
	padding: 10px;
	border: 1px #201d12 solid;
	margin-bottom: 20px;
}

.character-info_item:hover {
		background-color: #201d12;
}

.character-info_item:hover .character-info_descr{
	color: #fff;
}
.character-info_link:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
}



.w-coins, .wcoins {
	color: #CC6600;
	font-weight: bold;
}

.zz-coins, .zzcoins {
	color: #ffb03e;
	font-weight: bold;
}

.plan {
font-size: 12px;
    color: #b2b2b1;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    border-bottom: 1px #201d12 solid;
    padding: 10px 0;
}

.price-plan {
width: 60px;
font-size: 14px;
}

.price-plan-green {
	color: #99d81e;
}

.price-plan-red {
	color: #eb6014;
}

.plan-title {
	color: #ffb03e;
    font-size: 18px;
    margin-bottom: 0px;
    font-weight: normal;
}

.package {color: #ffb03e;
    font-size: 18px;
    margin-bottom: 0px;
    font-weight: normal;
}

.shop_nav {
	text-align: center;
	font-size: 0;
	margin-bottom: 10px;
}

.shop_nav a {
	color: #ffb03e;
    font-size: 12px;
    display: inline-block;
    margin: 5px;
    transition: color 0.3s ease;
}

.shop_nav a:hover {
	color: #fff;
}

#pagination ul {
	list-style: none;
	text-align: center;
}

#pagination a {
	display: inline-block;
	margin: 0 10px;
	padding: 5px 10px;
	color: #ffb03e;
	border: 1px solid currentColor;
}

#pagination a:hover,
#pagination a.on {
	color: #000;
background-color: #ffb03e;	
}

.about_div {
	color: #b2b2b1;
	line-height: 1.6rem;
}
.about_div p,
.about_div ul,
.about_div ol,
.about_div table {
	margin-bottom: 1.6rem;
}