body {
	margin: 0px;
	color: #746e6d; 
	font-family: "Albertus", Open Sans, Arial, sans-serif;
	font-size: 13px;
	background: #080807 url(../img/body_bg.jpg) center top no-repeat;
}

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

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

a:hover,
.breadcrumbs a:hover {
	color: #fff;
	text-decoration: underline;
}

img {
	border: 0px;
}

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

#wrapper {
	width: 1102px;
	margin: 0px auto;
}

@font-face {
    font-family: Albertus Medium;
    src: url(static/fonts/albertus_medium.ttf);
}

@font-face {
    font-family: Albertus;
    src: url(static/fonts/albertus.ttf);
}

.header {
	height: 352px;
	text-align: center;
}

.header > a,
.menu_p a,
.start_button a,
.bonus:before,
.bonus,
button,
.f_soc a {
	-webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;	
}

.header > a {
	display: inline-block;
	margin-top: 48px;
	z-index: 2;
	position: relative;
}

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

.menu {
	height: 198px;
	background: url(../img/menu_bg.png) no-repeat;
	position: relative;
	z-index: 4;
}

.content {
	background: url(../img/content_bg.jpg) 78px repeat-y;
	position: relative;
	z-index: 2;
}

.content_top {
	background: url(../img/content_top.jpg) no-repeat;
	min-height: 1155px;
}

.footer {
	background: url(../img/footer_bg.jpg) center top no-repeat;
	min-height: 454px;
}

.light {
    background: url(../img/light.png) no-repeat;
    width: 530px;
    height: 530px;
    position: absolute;
	top: -251px;
    left: 369px;
    animation: 15s light linear infinite;
    z-index: 1;
}

@keyframes light { 0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); } }

.light2 {
    background: url(../img/light2.png) no-repeat;
    width: 330px;
    height: 330px;
    position: absolute;
	top: 304px;
    left: 461px;
    animation: 15s light linear infinite;
    z-index: 1;
}

@keyframes light2 { 0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); } }

.sparks {
	position: absolute;
	top: -115px;
	margin-left: 600px;
	z-index: 1;
	zoom: 0.7;
}

.sprak-1 { background: url(../img/spark-1.png) no-repeat; width: 128px; height: 165px; position: absolute; top: 655px; left: 380px; z-index: 5; animation: sprak_1 6s linear infinite; }

@keyframes sprak_1 { 0% { top: 655px; left: 380px; }
  50% { top: 555px; left: 480px; opacity: 1; }
  100% { top: 455px; left: 580px; opacity: 0; } }
.sprak-2 { background: url(../img/spark-2.png) no-repeat; width: 872px; height: 176px; position: absolute; top: 700px; left: -50px; z-index: 5; animation: sprak_2 3s linear infinite; }

@keyframes sprak_2 { 0% { top: 700px; left: -50px; }
  50% { top: 600px; left: 0px; opacity: 1; }
  100% { top: 500px; left: 50px; opacity: 0; } }
.sprak-3 { background: url(../img/spark-3.png) no-repeat; width: 991px; height: 320px; position: absolute; top: 700px; left: 0px; z-index: 5; animation: sprak_3 5s linear infinite; }

@keyframes sprak_3 { 0% { top: 700px; left: 0px; }
  50% { top: 500px; left: 50px; opacity: 1; }
  100% { top: 300px; left: 100px; opacity: 0; } }
.sprak-4 { background: url(../img/spark-4.png) no-repeat; width: 170px; height: 431px; position: absolute; top: 650px; left: 400px; z-index: 5; }

@keyframes sprak_4 { 0% { top: 650px; left: 400px; }
  50% { top: 450px; left: 500px; opacity: 1; }
  100% { top: 250px; left: 600px; opacity: 0; } }

.f_wrapper {
	width: 654px;
	margin: 0px auto;
	padding-left: 291px;
	position: relative;
}

.f_wrapper .f_logo {
	width: 160px;
	position: absolute;
    top: 146px;
    left: 540px;
}

.f_wrapper .f_logo img {
	width: 100%;
	filter: brightness(130%);
}

#timer_block {
	min-height: 545px;
	text-align: center;
	padding-top: 35px;
	background: url(../img/timer_bg.png) center 58px no-repeat;
}

#timer_block h1 {
	font-size: 12px;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
}

.time {
  color: #fff;
  font-size: 20px;
}

.label {
  font-size: 11px;
  display: block;
  color: #aaa;
}

.col-xs-6 {
    display: inline-block;
    width: 64px;
    padding-top: 3px;
}

.menu_p {
	font-size: 0px;
	float: right;
	margin-top: 94px;
	margin-right: 103px;
}

.menu_p > a {
	color: #efe9d1;
	font-size: 10px;
	display: block;
	padding: 0px 20px;
	text-decoration: none;
	height: 63px;
	line-height: 63px;
	float: left;
}

.menu_p > span {
	display: block;
	width: 11px;
	height: 63px;
	background: url(../img/menu_p.png) no-repeat;
	float: left;
}

.menu_p > a:hover {
	color: #fff;
	background: url(../img/menu_active.png) center bottom no-repeat;
}

.main_block {
	width: 574px;
	margin-left: 369px;
	padding: 0px 46px;
	color: #d0cdcd;
	font-family: 'Gowun Batang';
}

.left_block {
	float: left;
	width: 291px;
	padding-left: 78px;
	position: relative;
}

.lang {
	position: absolute;
	border: 1px solid #53544c;
	border-radius: 50%;
	width: 18px;
	height: 18px;
	padding-left: 2px;
	padding-top: 2px;
    top: 117px;
    left: 97px;
}

.lang > button {
	background: none;
	border: none;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
	float: left;
}

#lang_panel > div > a {
	position: relative;
	display: block;
}

.lang_icon {
    width: 16px;
    height: 16px;
    position: absolute;
    border-radius: 50%;
    background-image: url(../img/flags.png);
    background-size: 500px 16px;
}

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

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

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

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

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

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

.menu_p .menu_drop {
	float: left;
}

.menu_p .menu_drop button {
	background: none;
	border: none;
	color: #efe9d1;
	font-family: "Albertus";
    font-size: 10px;
    display: block;
    padding: 0px 34px 0px 20px;
    text-decoration: none;
    height: 63px;
    line-height: 63px;
    float: left;
}

.menu_p .menu_drop button:hover {
	cursor: pointer;
	color: #fff;
	background: url(../img/menu_active.png) center bottom no-repeat;
}

.sub-menu { 
   display: none;
}

.menu_drop:before,
.sub-menu > a:before {
	content: "";
	display: block;
	position: absolute;
	width: 12px;
	height: 12px;
	right: 14px;
	top: 24px;
	background: url(../img/arrow_down.png) no-repeat;
}

.main-item:focus ~ .sub-menu, 
.main-item:active ~ .sub-menu,
.sub-menu:hover { 
   display: block;
   position: absolute;
   background: rgba(7,7,7,0.95);
   box-shadow: 0px 10px 30px rgba(0,0,0,0.6);
   top: 64px;
   margin-right: -10px;
   width: 180px;
   padding: 12px 0px;
   color: #363636;
   font-weight: normal;
   font-size: 12px;
   z-index: 4;
}

.sub-menu > a {
	display: block;
	height: 36px;
	position: relative;
	line-height: 36px;
	color: #958c86;
	text-decoration: none;
	padding-left: 44px;
}

.sub-menu > a:hover,
.active_m {
	background: #171514;
	color: #fff !important;
}

.sub-menu > a:before {
	right: auto;
	left: 22px;
	top: 12px;
	opacity: 0.5;
	rotate: -90deg;
}

.sub-menu > a:hover:before {
	opacity: 1;
}

#lang_panel {
	top: 31px;
    left: -16px;
}

#lang_panel > a:before {
	display: none;
}

#lang_panel .lang_icon {
	left: 20px;
	top: 10px;
}

.start_button {
	width: 114px;
	height: 114px;
	position: absolute;
	font-size: 0px;
	text-align: center;
    left: 166px;
    top: 55px;
}

.start_button a {
	display: block;
	width: 114px;
	height: 76px;
	font-size: 15px;
	color: #fff;
	text-shadow: 1px 1px rgba(25,42,27,0.8);
	padding-top: 38px;
	text-decoration: none;
	background: url(../img/start_button2.png) no-repeat;
}

.start_button a:hover {
	background: url(../img/start_button.png) no-repeat;
}

.server_status {
	margin-top: 16px;
	width: 211px;
	height: 398px;
	background: url(../img/server_status_bg.jpg) no-repeat;
	padding: 60px 40px 0px 40px;
	color: #ffeac8;
	text-shadow: 2px 2px rgba(0,0,0,0.4);
}

.top_players {
	width: 291px;
	height: 477px;
	background: url(../img/top_players_bg.jpg) no-repeat;
	color: #ffeac8;
	text-shadow: 2px 2px rgba(0,0,0,0.4);
	font-family: 'Gowun Batang';
}

.soc_block {
	width: 291px;
	height: 239px;
	background: url(../img/soc_block.jpg) no-repeat;
	color: #ffeac8;
	text-shadow: 2px 2px rgba(0,0,0,0.4);
}

.server_item {
	font-size: 11px;
	line-height: 36px;
	background: url(../img/progress_bar.png) 50% 27px no-repeat;
	padding-left: 55px;
	position: relative;
	font-family: 'Gowun Batang';
}

.server_item span {
	font-weight: 600;
}

.server_item a {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
}

.server_status hr {
	border: none;
	height: 2px;
	background: url(../img/server_hr.png) center top no-repeat;
	margin: 0px;
}

.s_icon {
	position: absolute;
	width: 67px;
	height: 67px;
	background: url(../img/online.png) no-repeat;
	left: -5px;
	top: 4px;
}

.offline .s_icon {
	background: url(../img/offline.png) no-repeat;	
}

/** Progress bar animation **/

.meter {
  box-sizing: content-box;
  height: 2px;
  position: relative;
  top: 35px;
  left: -10px;
  width: 143px;
}
.meter > span {
  display: block;
  height: 100%;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: rgb(43, 194, 83);
  background-image: linear-gradient(
    center bottom,
    rgb(43, 194, 83) 37%,
    rgb(84, 240, 84) 69%
  );
  position: relative;
  overflow: hidden;
}

.animate > span:after {
  display: none;
}

@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}

.orange > span {
  background-image: linear-gradient(to right, #bd6619, #f9bd26);
}

.green > span {
  background-image: linear-gradient(to right, #39bf01, #5bf82a);
}

.red > span {
  background-image: linear-gradient(to right, #d4010a, #f32b34);
}

.nostripes > span > span,
.nostripes > span::after {
  background-image: none;
}

/** Tabs **/
/** Tabs Style **/

.tabs {
	position: relative;
	text-align: right;
	width: 225px;
	height: 385px;
	font-size: 0px;
	margin-left: 33px;
	padding-top: 70px;
}

.tabs section {
	display: none;
	text-align: left;
	font-size: 12px;
	padding: 0px 26px 0px 26px;
}

.tabs > input {
	display: none;
}

.tabs > label {
	display: inline-block;
	width: 75px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #838281;
	position: relative;
	font-size: 11px;
	bottom: -356px;
}

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

.tabs > input:checked + label {
	color: #fff;
	background: url(../img/tab_active.png) no-repeat;
}

.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;
}

.top_table {
	background: url(../img/table_bg.png) repeat-y;
}

.top_table td {
	height: 22px;
	line-height: 22px;
}

.subtitle td {
	color: #958c86;
	padding-left: 10px;
	font-weight: 600;
	font-size: 10px;
}

.pvp {
	text-align: right;
	width: 40px;
	color: #ffab30;
}

.player {
	position: relative;
	padding-left: 30px;
}

.player_place {
	display: inline-block;
	width: 41px;
	height: 41px;
	position: absolute;
	color: #958c86;
	text-align: center;
	line-height: 41px;
	top: -10px;
	left: -10px;
}

.player a {
	color: #d0cdcd;
}

.player img {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	float: left;

	background: #171514;
	margin-right: 5px;
}

.gold {
	background: url(../img/gold_star.png) no-repeat;	
}

.silver {
	background: url(../img/silver_star.png) no-repeat;	
}

.bronze {
	background: url(../img/bronze_star.png) no-repeat;	
}

.top_links {
	text-align: center;
	padding-top: 20px;
}

.top_links a {
	display: inline-block;
	background: #312f2d;
	height: 22px;
	line-height: 22px;
	padding: 0px 15px;
	border-radius: 11px;
	color: #958c86;
	text-decoration: none;
}

.top_links a:hover {
	background: #3c3a39;
	color: #fff;
}

.soc_module {
	width: 225px;
	height: 191px;
	padding-top: 20px;
    padding-left: 33px;
}

.title {
	width: 502px;
	height: 104px;
	background: url(../img/title_bg.png) no-repeat;
	color: #958c86;
	padding: 33px 35px 0px 35px;
	margin-bottom: -40px;
}

.title span {
	float: right;
	font-size: 11px;
	margin-top: 2px;
}

.main_block h3 {
	color: #ffab30;
}

.main_block a {
	text-decoration: underline;
}

.main_block a:hover {
	color: #ffab30;
}

.main_block li {
	list-style: none;
	padding-left: 18px;
	background: url(../img/list_p.png) left 5px no-repeat;
}

/** Slider **/

.slider {
	width: 567px;
	height: 298px;
	position: relative;
}

.slider:after {
	content: "";
	display: block;
	position: absolute;
	width: 578px;
	height: 312px;
	background:url(../img/slider_border.png) no-repeat;

    left: -7px;
    top: -7px;
}

.swiper-news-pagination {
	position:absolute;
	background:url(../img/slider-arrow-bg.png) no-repeat;
	width:108px;
	height:40px;
	right:20px;
	top:20px;
	z-index:3;
}

.swiper-news-pagination .swiper-button-prev {
	background:url(../img/left.png) no-repeat;
	width:24px;
	height:28px;
	top:50%;
	margin-top:-14px;
	filter:drop-shadow(0 0 20px #c88052)
}

.swiper-news-pagination .swiper-button-prev:after {
	display:none
}

.swiper-news-pagination .swiper-button-next {
	background:url(../img/right.png) no-repeat;
	width:24px;
	height:28px;
	top:50%;
	margin-top:-14px;
	filter:drop-shadow(0 0 20px #c88052)
	
}.swiper-news-pagination .swiper-button-next:after {
	display:none
}

.swiper-news-pagination .swiper-pagination {
	color:#fff;
	font-size:12px;
	bottom:13px
}

.swiper-news-pagination .swiper-pagination .swiper-pagination-current {
	color:#cc7954
}

.swiper-news_info {
    width: 564px;
    height: 245px;
    position: absolute;
	text-align: center;
    left: 0;
    bottom: 0;
    z-index: 6;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    align-content: flex-end;
	font-family: "Albertus";
}

.swiper-news_info span {
    display: block;
    width: 100%;
    background: linear-gradient(#fdf5dd, #989890);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 48px;
    filter: drop-shadow(0 0 20px rgba(0, 0, 0, .7));
    display: block;
    font-weight: 700;
}

.swiper-news_info p {
    display: block;
    width: 100%;
	font-family: 'Gowun Batang';	
	color: #ffab30;
	margin: 0px 0px 40px 0px;
}

.swiper-news_info p b {
	font-size: 18px;
	color: #fff;
}

.bonuses {
	width: 569px;
	height: 166px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.8);
	background:url(../img/bonus_bg.jpg) no-repeat;
	margin-top: 35px;
	margin-left: -2px;
}

.bonuses a {
	text-decoration: none;
    color: #f6eed7;
	font-family: "Albertus";
}

.bonus {
	display: block;
	width: 189px;
	height: 56px;
	float: left;
	text-align: center;
	position: relative;
	padding-top: 110px;
	font-size: 12px;
}

.bonus:before {
	content: "";
	display: block;
	width: 189px;
	height: 209px;
	position: absolute;
	background:url(../img/bonus_1.png) no-repeat;
	top: -65px;
}

.bonus:hover:before {
	top: -75px;	
}

.bonus2:before {
	background:url(../img/bonus_2.png) no-repeat;	
}

.bonus3:before {
	background:url(../img/bonus_3.png) no-repeat;	
}

.buttons {
	text-align: center;
	padding-top: 40px;
}

.main_block button {
	text-align: center;
	width: 158px;
	height: 47px;
	background:url(../img/button.jpg) no-repeat;
	font-family: "Albertus";
	text-transform: uppercase;
	font-size: 10px;
	color: #fff;
	letter-spacing: 1px;
	text-shadow: 1px 2px rgba(0,0,0,0.6);
	border: none;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	cursor: pointer;
	margin: 0px 4px;
}

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

.main_block .orange {
	background:url(../img/button_orange.jpg) no-repeat;
}

.f_agreement {
	float: left;
	padding-top: 240px;
	padding-left: 40px;
	font-family: 'Gowun Batang';
	font-size: 12px;
}

.f_agreement a {
	text-decoration: underline;
	margin-right: 20px;
}

.f_soc {
	float: right;
	padding-top: 240px;
	padding-right: 40px;
}

.f_soc a {
	display: block;
	float: left;
	height: 20px;
	margin-left: 20px;
	opacity: 0.2;
}

.f_soc a:hover {
	opacity: 0.6;	
}

.fb {
	width: 18px;
	background:url(../img/soc_icons.png) no-repeat;		
}

.vk {
	width: 24px;
	background:url(../img/soc_icons.png) no-repeat;
	background-position: -20px top;
}

.yt {
	width: 22px;
	background:url(../img/soc_icons.png) no-repeat;
	background-position: -46px top;
}

.tw {
	width: 22px;
	background:url(../img/soc_icons.png) no-repeat;
	background-position: -70px top;
}

.f_copyright {
	font-family: 'Gowun Batang';
	font-size: 12px;	
	text-align: center;
	padding-top: 280px;
}

.f_copyright hr {
	border: 0px;
	border-top: 1px solid rgba(255,255,255,0.2);
}

.f_copyright hr {
	margin-bottom: 30px;
}

.f_copyright span {
	color: #fff;
}

.main_block h1,
.main_block h2 {
	color: #ffab30;
	margin: 10px 0px;
}

.table td {
	background: #212020;
	border: 1px solid #333030;
	padding: 15px 20px;
}

.t_subtitle td {
	background: #282626;
	color: #7b7272;
}

.main_block hr {
	width: 586px;
	height: 55px;
	border: none;
	background: url(../img/hr_bg.png) no-repeat;
	margin-left: -6px;
}

.main_block .tabs {
	width: auto;
	height: auto;
	padding-top: 0px;
	margin: 0px;
	text-align: left;
}

.main_block .tabs > label {
	bottom: 0px;
	text-transform: uppercase;
	font-size: 12px;
	width: auto;
	background: none;
	padding: 8px 20px;
	border: 1px solid #333030;
	border-bottom: none;
	margin-right: 4px;
}

.main_block .tabs > input:checked + label {
	background: none;
	border-top: 2px solid #ffab30;
	border-bottom: 1px solid #1e1917;
}

.main_block .tabs section {
	border-top: 1px solid #333030;
	margin-top: -1px;
	padding: 20px;
	border: 1px solid #333030;
}

.input_title {
	text-transform: uppercase;
	font-size: 11px;	
	color: #fff;
	margin-top: 15px;
	margin-bottom: 6px;
}

.main_block input,
.main_block select,
.main_block textarea {
	background: #0d0d0f;
	font-family: 'Gowun Batang';
	font-size: 14px;
	color: #fff;
	border: none;
	padding: 8px 15px 10px 15px;
	width: 100%;
	box-sizing: border-box;
}

.main_block textarea {
	max-width: 100%;	
}

.main_block input:focus,
.main_block select:focus,
.main_block textarea:focus {
	outline: 1px solid #4c4c53
}

.select select {
	-webkit-appearance: none;
	background: #0d0d0f url(../img/select_icon.png) right top no-repeat;
}

.success {
	background: #0d0d0f url(../img/ok_icon.png) right top no-repeat !important;
	color: #85bc3f !important;
}

.error {
	background: #0d0d0f url(../img/error_icon.png) right top no-repeat !important;
	color: #d43751 !important;
}

.success::placeholder {
	color: #85bc3f;	
}

.error::placeholder {
	color: #d43751;	
}

.info_block {
	color: #eaa52a;
	background: rgba(255,165,92,0.15) url(../img/info_icon.png) 12px 12px no-repeat;
	border-left: 2px solid #ffa55c;
	padding: 15px;
	padding-left: 48px;
	margin: 25px 0px;
}

button:disabled,
button:disabled:hover {
  filter: grayscale(100%);
  opacity: 0.5;
  cursor: default;
}

#menu_icon {
	display: none;
}

.title h2 {
	color: #ffab30;
	font-size: 14px;
	margin: 0px;
}