html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline} 
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} 
body{line-height:1} 

input:-internal-autofill-selected,
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff;  /* Цвет текста */
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;  /* Тенью во внутрь делаем BG и вместо #000 выбираем цвет BG */
  transition: background-color 5000s ease-in-out 0s; /* Так-как напрямую с BGC взаимодействовать нельзя, делаем его замену очень медленной, и как-бы отменяем его замену. (хотя через 1.5 часа он таки поменяет цвет) */
}

.topPanel-left a:first-child{
    display: block;
    margin-right: 6px;
}

.topPanel-left a:hover:first-child {
    filter: brightness(120%);
}

.smoke { position: absolute; left: 0; right: 0; /*top: 610px;*/ top: 400px; height: 484px; width: 100%; background-image: url(../images/smoke.png); background-position: left top; background-repeat: repeat-x; -webkit-animation: smoke 35s linear infinite; animation: smoke 35s linear infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

@-webkit-keyframes smoke { 0% { background-position: left -1920px top; }
  100% { background-position: left 1920px top; } }

@keyframes smoke { 0% { background-position: left -1920px top; }
  100% { background-position: left 1920px top; } }


header .vid .item {
    position: relative;
    display: inline-block;
    /*float: left;*/
    /* width: 220px; */
    /* margin-bottom: 10px !important; */
    /* margin: 2px 2px 2px 2px; */
}

header .vid .item .frame {
    position: relative;
    display: block;
    /*width: 440px;*/
    width: 322px;
    height: 184px;
    /* background: #151719; */
    overflow: hidden;
}

/*
img {
    vertical-align: middle;
    max-width: 100%;
}*/

header .vid .item .frame .play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    transform: translate3d(-50%, -50%, 0);
    margin: auto;
    height: 65px;
    width: 65px;
    display: inline-block;
    z-index: 2;
    background-image: url(../images/classic-pre-order-video-play-icon.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 200%;
    transition: all .0s;
}

header .vid .item .frame video {
    position: absolute;
    display: block;
    /*width: 424px;*/
    width: 306px;
    height: 172px;
    top: 6px;
    left: 8px;
    opacity: 0.5;
}

header .vid .item .frame iframe {
    position: absolute;
    display: block;
    width: 306px;
    height: 172px;
    top: 6px;
    left: 8px;
}


header .vid .item .frame .play-btn:hover {
    background-position: right;
}

header .vid .item
{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    width: 100%;
}



header .vid .text {
    position: relative;
    display: block;
    color: #de9e68;
    font-size: 12px;
    text-shadow: 0 0 4px #000;
	text-align: center;
	line-height: 1.8;
}

header .vid .text span {
    color: #eadaba;
}

/*
header .vid .text
{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    width: 100%;
}*/

/*
input:checked {
  border: 6px solid black;
}*/
/*
.radi:checked ~ label {
  color: green;
}
*/
/*
.radio-button > input[type="radio"]:checked+label {
        background-color: #76cf9f;
      }*/
/*
.menu__item::before {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 0px;
    left: -40px;
    width: calc( 100% + 80px);
    height: 100%;
    pointer-events: none;
    background: url(../img/nav_hover_inner_bg.png) bottom center no-repeat;
    background-size: 100% 100%;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}*/

.menu__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    margin-right: 15px;
    overflow: hidden;
}


.radio-container{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-family: sans-serif;
}
.radio-container *{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.radio-container .radio-btn{
  overflow: hidden;
}
.radio-container .radio-btn.nth-2{width: calc(50% - 1px);}
.radio-container .radio-btn.nth-3{width: calc(33.3333% - 1.4px);}
.radio-container .radio-btn.nth-4{width: calc(25% - 1.5px);}

.radio-container .radio-btn:hover label{
	filter: brightness(120%);
}

.radio-container .radio-btn label{
	transition: all 0.3s ease;
	cursor: pointer;
  background: linear-gradient(to bottom, #25293e 0%,#2a2a2a 100%);
  display: block;
  padding: 6px 12px;
  text-align: center;
    color: #787676;
	border-top: 1px solid #343434;
    border-bottom: 1px solid #343434;
    border-right: 1px solid #343434;
}
.radio-container .radio-btn input{display: none;}
.radio-container .radio-btn input:checked + label{
  background: linear-gradient(to bottom, #2c5e9f 0%,#241a4e 100%);
  color: #fff;
}
.radio-container .radio-btn:first-child label{
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  border-left: 1px solid #343434;
}
.radio-container .radio-btn:last-child label{
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}



.preload{background-color:#000;position:fixed;z-index:500;top:0;left:0;right:0;bottom:0;opacity:1;visibility:visible;-webkit-transition:all .5s cubic-bezier(.64,.14,.34,1.32);transition:all .5s cubic-bezier(.64,.14,.34,1.32);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 10px}
.preload__logo{max-width:100%;width:auto;height:auto;display:block}
.preload__fade{opacity:0;visibility:hidden;-webkit-transform:scale(1.1);transform:scale(1.1)}
@-webkit-keyframes preanimateout{0%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}
to{-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}
}
@keyframes preanimateout{0%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}
to{-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}
}
.preload__progress{position:absolute;z-index:20;top:0;left:0;width:0;height:5px;background:#bda27a}


.line1{display:none}
.line2{display:none}
/*.topHomeBlocks1{display:none}*/
.content{display:none}
.mainHomeBlock1{display:none}
.bigSlider1{display:none}
.sliderGallery{display:none}
.sliderGalleryVideo{display:none}

aside{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /*max-width: unset;*/
}
.asideMain{
	max-width: unset;
	display: flex;
}


.rankings{height: 610px;}
.forumHome{height: 610px;}
.socHome{height: 610px;}


.table-scroll {
	border: 1px solid rgba(255,255,255,0.1);
}

.table-scroll > table > tbody > tr > td {
	background: #5454541a;
	/*background: #6d778d33;*/
	border-top: 1px solid #1b1d2a;
	border-bottom: 1px solid #1b1d2a;
}
/*
.tbbody > tr > td {
	background: #5454541a;
	border-top: 1px solid #1b1d2a;
	border-bottom: 1px solid #1b1d2a;
}*/

.table-scroll > table > thead {
	/*border: 1px solid rgba(255,255,255,0.1);*/
}
/*
td {
   border: 1px solid grey;
}*/


/*
.aside{max-width:365px;width:100%} 
.aside>div{margin-bottom:15px} 
.aside>div:last-child{margin-bottom:0px} 
*/
/*user agent stylesheet*/
/*
input:-internal-autofill-selected {
    appearance: menulist-button;
    background-color: rgb(232, 240, 254) !important;
    background-image: none !important;
    color: -internal-light-dark(black, white) !important;
}*/
/*
input:-internal-autofill-selected,
input:-webkit-autofill,
  input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
}*/
/*
input:-internal-autofill-selected,

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  / *border: 1px solid green;
  -webkit-text-fill-color: green;* /
  -webkit-box-shadow: 000px1000px#000 inset;
  transition: background-color 5000s ease-in-out 0s;
}

input:-internal-autofill-selected,

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
-webkit-transition-delay: 9999s;
/ *по желанию
font-size: 16px !important;* /
}
*/

ol,ul{list-style:none} 
blockquote,q{quotes:none} 
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} 
table{border-collapse:collapse;border-spacing:0} 
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block} 
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} 
html,body{position:relative;overflow-x:hidden} 
body{width:100%;background:url(../images/body-bg.jpg) center top no-repeat;background-color:#0a0d16;font-family:"Open Sans",sans-serif;font-size:14px;color:#696868;min-height:100vh} 
a{transition:all 0.3s ease;color:#d8d0cc;text-decoration:none;cursor: pointer;} 
a:hover{text-decoration:none} 
p{margin-bottom:20px} 
h1,h2,h3{color:#ffdda9;margin-bottom:20px;line-height:1.3;font-family:"Philosopher",sans-serif;letter-spacing:2px} 
h1{font-size:20px} 
h2{font-size:18px} 
h3{font-size:16px} 
table{width:100%} 
table tr{background-color:#0d0f17} 
table td{border-collapse:collapse;padding:15px 18px;border-top:1px solid #12141e;border-bottom:1px solid #12141e;color:#fff;font-size:12px;vertical-align:middle} 
table thead td{color:#a97fff;text-transform:uppercase} 
img{max-width:100%} 
caption{margin-bottom:15px} 
select{background:#040609;width:100%;border:1px solid #36383a;color:#fff;padding:17px 40px 17px 15px;position:relative;color:#fff;font-size:16px;-webkit-appearance:none;background-image:url(../images/select-icon.png);background-position:right 10px center;background-repeat:no-repeat;-moz-appearance:none;text-indent:0.01px;text-overflow:'';-ms-appearance:none;appearance:none !important;transition:0.3s;cursor:pointer} 
select:hover{border:1px solid #fc9162;box-shadow:0px 0px 10px 0px rgba(252,142,98,0.6),inset 0px 0px 10px 0px rgba(252,142,98,0.6)} 
input,textarea{background:#040609;border:1px solid #36383a;color:#fff;padding:10px 15px;position:relative;font-size:16px;transition:0.3s;width:100%;font-family:"Open Sans",sans-serif} 
input:hover,textarea:hover{border:1px solid #fc9162;box-shadow:0px 0px 10px 0px rgba(252,142,98,0.6),inset 0px 0px 10px 0px rgba(252,142,98,0.6)} 
textarea{min-height:120px} 
button,.button{transition:all 0.3s ease;cursor:pointer;background:url(../images/button.png) no-repeat;height:40px;width:147px;border:none;color:#ffffff /*!important*/;font-family:"Philosopher",sans-serif;font-size:11px;position:relative;z-index:1;text-align:center;text-transform:uppercase;letter-spacing:2px;box-shadow:0px 0px 22px 5px rgba(59,36,151,0.2),0px 10px 15px 4px rgba(0,0,0,0.3)} 
button:hover,.button:hover{filter:brightness(120%)} 
.notactive{filter:brightness(40%)} 
.button{display:inline-block;text-decoration:none;line-height:40px} 
.button-blue{background:url(../images/button-blue.png) no-repeat} 
.big-button-blue{background:url(../images/button-blue-big.jpg) no-repeat;background-size:cover;width:346px;height:58px;font-size:18px;box-shadow:0px 0px 20px 5px rgba(42,87,255,0.2)} 

:focus{outline:none} 
::-webkit-input-placeholder{color:#656565} 
::-moz-placeholder{color:#656565} 
:-moz-placeholder{color:#656565} 
:-ms-input-placeholder{color:#656565} 
.wrapper{width:1200px;padding:0px 25px;margin:0 auto;position:relative} 
.flex{display:flex;flex-wrap:wrap} 
.flex-c{display:flex;align-items:center;flex-wrap:wrap} 
.flex-s{display:flex;justify-content:space-between;flex-wrap:wrap} 
.flex-s-c{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap} 
.flex-c-c{display:flex;justify-content:center;align-items:center;flex-wrap:wrap} 
.bright:hover{filter:brightness(120%)} 
.logo-mini{display:block;margin-right:15px} 
.topPanel{position:fixed;width:100%;top:0px;left:0;right:0;transition:0.3s;z-index:20} 
.topPanel-wrapper{
	/*width:1300px;*/
	width:1200px;
	padding-left:25px;margin:0 auto;position:relative;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,0.1)} 
.nav li{
	display:inline-block;
	position:relative;
	cursor:pointer;
	/*display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;*/
} 
.nav li:first-child a{color:#fff} 
.nav li a{
	color:#fcedc0;
	font-family:"Philosopher",sans-serif;
	font-size:14px;
	display:block;
	height:90px;
	/*line-height: 1;*/
	text-transform: uppercase;
	/*padding:0px 42px 0px 42px;*/
	/*padding: 0px 25px 0px 25px;*/
	padding: 0px 10px 0px 30px;
	/*padding: 0px 15px 0px 25px;*/
	line-height:90px;
	position:relative;
	z-index:1;
} 
.nav li ul{position:absolute;left:0;top:calc(100%);background:rgba(0,0,0,0.95);padding:25px 0px 25px 0px;min-width:200px;display:none} 
.nav li ul li{display:block} 
.nav li ul li:after{content:"";position:absolute;background:url(../images/drop-menu-hover.png) no-repeat;width:308px;height:133px;left:-46px;top:0px;margin-top:-47px;opacity:0;transition:0.3s} 
.nav li ul li a{font-size:16px;padding:15px 50px;height:auto;line-height:1;color:#fcedc0 !important;background-image:url(../images/drop-menu-icon.png);background-position:left -20px center;background-repeat:no-repeat} 
.dropdown-menu{display:none;animation:0.3s opas linear} 
.dropdown-toggle.active{color:#cc7954} 
.nav li:hover a{color:#cc7954} 
.nav li ul li:hover:after{opacity:1} 
.nav li ul li:hover a{color:#cc7954 !important;padding:15px 0px 15px 70px;background-position:left 50px center} 
.nav .sub-menu a{
	/*padding:0px 55px 0px 35px*/
	/*padding: 0px 35px 0px 35px;*/
	padding: 0px 25px 0px 35px;
	} 
.nav .sub-menu li a{padding:15px 50px} 
.sub-menu:before{
	content:"";
	position:absolute;
	background:url(../images/drop-icon.png) no-repeat;
	width:12px;
	height:8px;
	top:50%;
	margin-top:-4px;
	/*right:25px*/
	right: 8px;
	} 

.sign-in{padding-right:70px;color:#fcedc0;font-size:18px;font-family:"Philosopher",sans-serif;position:relative;cursor:pointer} 
.sign-in:after{content:"";background:url(../images/lock-icon.png) no-repeat;position:absolute;width:91px;height:87px;right:-26px;top:50%;margin-top:-42px;transition:0.3s} 
.sign-in:hover:after{filter:brightness(140%)}
.sign-in:hover {color: #cc7954;}

.icon_menu{
	padding-right:70px;
	color:#fcedc0;
	font-size:14px;
	font-family:"Philosopher",sans-serif;
	position:relative;
	cursor:pointer
	} 
.icon_menu:after{
	content:"";
	/*background:url(../images/01.webp) no-repeat;*/
	position:absolute;
	width:91px;
	height:87px;
	left:-0px;
	top:50%;
	margin: 0px 0px 0px 8px;
	transition:0.3s
	} 
.icon_menu:hover:after{filter:brightness(60%)}
.icon_menu:hover {color: #cc7954;}

.icon_menu_1:after{
		background:url(../images/01.webp) no-repeat;
		margin-top:-16px;
}
.icon_menu_2:after{
		background:url(../images/02.webp) no-repeat;
		margin-top: -12px;
}
.icon_menu_3:after{
		background:url(../images/03.webp) no-repeat;
		/*margin-top: -11px;*/
		margin: -11px 0px 0px 10px;
}
.icon_menu_4:after{
		background:url(../images/04.webp) no-repeat;
		/*margin-top: -12px;*/
		margin: -12px 0px 0px 6px;
}
.icon_menu_5:after{
		background:url(../images/05.webp) no-repeat;
		/*margin-top: -12px;*/
		margin: -12px 0px 0px 8px;
}
.icon_menu_6:after{
		background:url(../images/06.png) no-repeat;
		/*margin-top: -16px;*/
		margin: -12px 0px 0px 6px;
}
.icon_menu_7:after{
		background:url(../images/07.webp) no-repeat;
		margin: -16px 0px 0px 6px;
}

.personal{
	/*padding-right:70px;*/
	padding-right: 50px;
	/*color:#fcedc0;*/
	color:#fff;
	font-size:17px;
	font-family:"Philosopher",sans-serif;
	position:relative;
	cursor:pointer
	
	justify-content: space-between;
    flex-wrap: wrap;
    display: block;
} 

 .leftstr {
    /*float: left; */
    /*width: 50%;*/
	text-align: right;
    line-height: 17px;
   }
   .rightstr {
    text-align: right;
	line-height: 17px;
   }

/*.personal:after{content:"";position:absolute;width:91px;height:87px;right:-26px;top:50%;margin-top:-42px;transition:0.3s}*/
/*.personal:hover:after{filter:brightness(140%)} */
.personal span {color: #b5b5b5}
.personal span:hover, .personal:hover {color: #cc7954}

/*.personal span:hover {color: #cc7954}*/


.topPanel-right {
    /*line-height: 90px;*/
}

.personal-exit{/*padding-right:60px;*/color:#fcedc0;font-size:18px;font-family:"Philosopher",sans-serif;/*position:relative;*/cursor:pointer} 
/*.personal:after{content:"";background:url(../images/personal-icon.png) no-repeat;position:absolute;width:91px;height:87px;right:-50px;top:50%;margin-top:-20px;transition:0.3s;background-size: 40px}*/
.personal-exit:after{content:"";background:url(../images/personal-exit-icon.png) no-repeat;position:absolute;width:91px;height:87px;right:-26px;top:50%;margin-top:-42px;transition:0.3s} 
.personal-exit:hover:after{filter:brightness(140%)} 
.personal-exit:hover {color: #cc7954;}

.topPanel.topPanel-fixed{
	/*background:rgba(7,10,17,0.95);*/
	/*background: #1b242fbf;*/
	background: #0a0d16f2;
	box-shadow:0px 10px 10px 0px rgba(0,0,0,0.4)
	} 
.topPanel.topPanel-fixed .nav li:hover{background:rgba(0,0,0,0.95)} 
.topPanel.topPanel-fixed .dropdown-toggle.active{background:rgba(0,0,0,0.95)} 
.topPanel.topPanel-fixed .topPanel-wrapper{border-bottom:0px} 
.blue-light{background:url(../images/blue-light.png);width:300px;height:300px;top:5px;left:0px;position:absolute;animation:12s p-next linear infinite;opacity:0.7} 
.yellow-light{background:url(../images/yellow-light.png);width:300px;height:300px;top:5px;left:0px;position:absolute;animation:12s p-prev linear infinite;opacity:0.7} 
@keyframes p-next{0%{transform:rotate(0deg)} 
50%{transform:rotate(180deg)} 
100%{transform:rotate(360deg)} 
} 
@keyframes p-prev{0%{transform:rotate(0deg)} 
50%{transform:rotate(-180deg)} 
100%{transform:rotate(-360deg)} 
} 
.hand-animation{position:absolute;left:50%;margin-left:-125px;top:230px} 
.hand-animation2 {
    position: absolute;
    /* left: 50%; */
    margin-left: -7px;
    top: 124px;
}


.light-hand{
	background:url(../images/light-hand.png);
	width:350px;
	height:350px;
	position:absolute;
	top:0px;
	left:0px;
	animation:20s light-hand linear infinite;
	opacity:0.7
	} 
	
.light-hand2{
	background:url(../images/light-hand.png);
	width:350px;
	height:350px;
	position:absolute;
	top:0px;
	left:0px;
	/*animation:20s light-hand linear infinite;*/
	animation:10s light-hand2 linear infinite;
	opacity:0.5
	} 
	
	

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

.rune-hand2{
	/*-webkit-transform: rotate3d(1, .5, 1, -30deg);
    -ms-transform: rotate3d(1, .5, 1, -30deg);
    transform: rotate3d(1, 1, 1, 948deg);*/
    /*-webkit-animation-delay: 1s;
    animation-delay: 7s;*/
	
	background:url(../images/rune-hand.png);
	width:350px;
	height:350px;
	position:absolute;
	top:0px;
	left:0px;
	animation:15s rune-hand linear infinite;
	animation:10s rune-hand2 linear infinite;
	opacity:0.8
}

.rune-hand3{
	/*-webkit-transform: rotate3d(1, .5, 1, -30deg);
    -ms-transform: rotate3d(1, .5, 1, -30deg);
    transform: rotate3d(1, 1, 1, 948deg);*/
    /*-webkit-animation-delay: 1s;
    animation-delay: 7s;*/
	
	background:url(../images/rune-hand.png);
	width:350px;
	height:350px;
	position:absolute;
	top:0px;
	left:0px;
	animation:15s rune-hand linear infinite;
	animation:10s rune-hand3 linear infinite;
	opacity:0.8
}

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

@keyframes light-hand2{
	0%{
		-webkit-transform: rotate3d(1, .5, 1, 0deg);
		-ms-transform: rotate3d(1, .5, 1, 0deg);
		transform: rotate3d(1, 1, 1, 0deg);
	} 
	50%{
		-webkit-transform: rotate3d(1, .5, 1, -180deg);
		-ms-transform: rotate3d(1, .5, 1, -180deg);
		transform: rotate3d(1, 1, 1, -180deg);
	} 
	100%{
		-webkit-transform: rotate3d(1, .5, 1, -360deg);
		-ms-transform: rotate3d(1, .5, 1, -360deg);
		transform: rotate3d(1, 1, 1, -360deg);
	} 
}

@keyframes rune-hand2{
	0%{
		-webkit-transform: rotate3d(1, .5, 1, 67deg);
		-ms-transform: rotate3d(1, .5, 1, 67deg);
		transform: rotate3d(1, 1, 1, 67deg);
	} 
	50%{
		-webkit-transform: rotate3d(1, .5, 1, 180deg);
		-ms-transform: rotate3d(1, .5, 1, 180deg);
		transform: rotate3d(1, 1, 1, 180deg);
	} 
	100%{
		-webkit-transform: rotate3d(1, .5, 1, 360deg);
		-ms-transform: rotate3d(1, .5, 1, 360deg);
		transform: rotate3d(1, 1, 1, 360deg);
	} 
}

@keyframes rune-hand3{
	0%{
		-webkit-transform: rotate3d(2, -1.5, 0, 37deg);
		-ms-transform: rotate3d(2, -1.5, 0, 37deg);
		transform: rotate3d(2, -1.5, 0, 37deg);
	} 
	50%{
		-webkit-transform: rotate3d(2, -1.5, 0, 37deg);
		-ms-transform: rotate3d(2, -1.5, 0, 37deg);
		transform: rotate3d(2, -1.5, 0, 37deg);
	} 
	100%{
		-webkit-transform: rotate3d(2, -1.5, 0, 37deg);
		-ms-transform: rotate3d(2, -1.5, 0, 37deg);
		transform: rotate3d(2, -1.5, 0, 37deg);
	} 
}


.sparks>div{position:absolute} 
.sparks .spark_1{background:url(../images/spark_1.png) no-repeat;width:764px;height:313px;right:0;bottom:-120px;transform:scale(0.6);animation:spark-1 4s linear infinite;animation-delay:1s} 
@keyframes spark-1{0%{bottom:-320px;transform:scale(0.6);opacity:1} 
25%{bottom:-240px;transform:scale(0.7);opacity:1} 
50%{bottom:-160px;transform:scale(0.8);opacity:1} 
75%{bottom:-80px;transform:scale(0.9);opacity:0.5} 
to{bottom:0;transform:scale(1);opacity:0} 
} 
.sparks .spark_2{background:url(../images/spark_2.png) no-repeat;width:149px;height:335px;right:230px;bottom:-320px;transform:scale(0.6);animation:spark-1 4s linear infinite;animation-delay:2s} 
.sparks .spark_3{background:url(../images/spark_3.png) no-repeat;width:128px;height:165px;right:280px;bottom:-140px;transform:scale(0.6);animation:spark-3 4s linear infinite;animation-delay:2s} 
@keyframes spark-3{0%{bottom:-140px;-webkit-transform:scale(0.6);transform:scale(0.6);opacity:1} 
25%{bottom:-80px;-webkit-transform:scale(0.7);transform:scale(0.7);opacity:1} 
50%{bottom:-20px;-webkit-transform:scale(0.8);transform:scale(0.8);opacity:1} 
75%{bottom:40px;-webkit-transform:scale(0.9);transform:scale(0.9);opacity:0.5} 
to{bottom:100px;-webkit-transform:scale(1);transform:scale(1);opacity:0} 
} 
.sparks .spark-big{background:url(../images/spark_4.png) no-repeat;width:794px;height:176px;right:0;bottom:-180px;transform:scale(0.6);animation:spark-5 4s linear infinite} 
@keyframes spark-5{0%{bottom:-180px;transform:scale(0.6);opacity:1} 
25%{bottom:-120px;transform:scale(0.7);opacity:1} 
50%{bottom:-60px;transform:scale(0.8);opacity:1} 
75%{bottom:0;transform:scale(0.9);opacity:0.5} 
to{bottom:60px;transform:scale(1);opacity:0} 
} 
header{height:780px;position:relative} 
.logo{
	position:absolute;
	/*top:220px;*/
	top:190px;
	left:0px
} 
.online{position:absolute;bottom:45px} 
.onlineReg{padding-top:10px} 
.onlineBlock{background:url(../images/online-img.png) bottom center no-repeat;width:300px;height:250px;text-align:center;font-size:16px;color:#fff;letter-spacing:3px;font-family:"Philosopher",sans-serif;padding-left:3px;padding-top:18px;position:relative;z-index:2} 
.onlineBlock span{display:block;font-size:48px;color:#ffdda9;letter-spacing:8px;padding-top:3px;text-shadow:0px 0px 20px rgba(255,118,18,0.7)} 
.onlineReg-block{width:107px;min-height:120px;text-align:center;color:#ffffff;font-size:12px;font-family:"Philosopher",sans-serif;padding-top:95px;letter-spacing:1px} 
.onlineReg-block span{display:block;color:#ffdda9;font-size:18px;margin-bottom:5px;letter-spacing:2px} 
.onlineReg-block-player{background:url(../images/online-sprite.png) top left -3px no-repeat} 
.onlineReg-block-clans{background:url(../images/online-sprite.png) top right -3px no-repeat} 
.block-50{width:calc(50% - 13px);height:300px;box-shadow:0px 10px 10px 10px rgba(0,0,0,0.2)} 
.swiper-container{width:100%;height:100%} 
.swiper-news .swiper-slide img{max-width:100%;height:100%} 
.swiper-news .swiper-slide .swiper-news_info{opacity:0;transition:1.5s} 
.swiper-news .swiper-slide.swiper-slide-active .swiper-news_info{opacity:1} 
.swiper-news_info{background:url(../images/slider-shadow.png) left bottom no-repeat;width:561px;height:245px;position:absolute;left:0;bottom:0;z-index:1;padding:0px 0px 35px 50px;display:flex;align-items:flex-end;flex-wrap:wrap;align-content:flex-end;font-family:"Philosopher",sans-serif} 
.swiper-news_info span{display:block;width:100%;background:linear-gradient(#fdde91, #9b311d);-webkit-background-clip:text;color:transparent;font-size:60px;filter:drop-shadow(0px 0px 20px rgba(200,128,82,0.7));display:block;margin-bottom:15px;font-weight:700;width:350px} 
.swiper-news_info p{color:#696868;font-size:22px;width:350px;margin-bottom:0px;line-height:1.2} 
.swiper-news-pagination{position:absolute;background:url(../images/slider-arrow-bg.png) no-repeat;width:108px;height:40px;right:35px;bottom:35px;z-index:3} 
.swiper-news-pagination .swiper-button-prev{background:url(../images/left.png) no-repeat;width:24px;height:28px;top:50%;margin-top:-14px;filter:drop-shadow(0px 0px 20px #c88052)} 
.swiper-news-pagination .swiper-button-prev:after{display:none} 
.swiper-news-pagination .swiper-button-next{background:url(../images/right.png) no-repeat;width:24px;height:28px;top:50%;margin-top:-14px;filter:drop-shadow(0px 0px 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} 
.downloads{position:absolute;right:-54px;bottom:-80px} 
.timer{position: absolute;bottom: 220px;right: 0px;}
header .vid {
	position: absolute;bottom: 462px;right: 0px;
}

.download-button{background:url(../images/download.png) no-repeat;width:447px;height:333px;display:block;font-family:"Philosopher",sans-serif;color:#ffffff;font-size:18px;letter-spacing:3px;text-transform:uppercase;padding:116px 0px 0px 183px} 
.download-button span{display:block;font-size:14px;color:#cc7954;text-transform:none;margin-top:4px} 
.more-downloads{top:-135px;position:relative;z-index:2;color:#fff;padding-left:5px;transition:0.3s} 
.more-downloads a{color:#fff;font-size:12px;letter-spacing:1px;display:block;margin:0px 20px;padding:10px 0px 10px 22px;opacity:0.4} 
.more-downloads a:hover{opacity:1} 
.more-downloads span{opacity:0.4} 
.windows{background:url(../images/windows-icon.png) left center no-repeat} 
.mac{background:url(../images/apple-icon.png) left center no-repeat} 
main{position:relative;z-index:4;min-height:500px} 
.newsBlock{background:url(../images/news-home-bg.jpg) no-repeat;padding:40px 45px} 
.h2-title{align-items:flex-end;margin-bottom:25px} 
.h2-title span{position:relative;text-transform:uppercase;color:#cc7954;font-size:18px;font-family:"Philosopher",sans-serif;display:block;padding-left:25px} 
.h2-title span:before{content:"";position:absolute;background:url(../images/title-icon.png) no-repeat;width:26px;height:26px;left:-5px;top:50%;margin-top:-13px;filter:drop-shadow(0px 0px 10px #ff2a00)} 
.h2-title a{color:#696868;font-size:14px} 
.h2-title a:hover{color:#fff} 
.newsLink{position:relative;padding:13px 0px 13px 50px;background:url(../images/news-icon.png) left top 12px no-repeat} 
.newsLink:after{content:"";background:url(../images/news-hover.png) no-repeat;position:absolute;width:64px;height:178px;right:-60px;top:50%;margin-top:-89px;opacity:0} 
.newsLink-info a{display:block;color:#fcedc0;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:300px;padding:1px 0px} 
.newsLink-info span{color:#696868} 
.newsLink-more{color:#cc7954;display:block;position:relative;padding-right:20px} 
.newsLink-more span{opacity:0;transition:0.3s} 
.newsLink-more:after{content:"";position:absolute;background:url(../images/h-right.png) no-repeat;width:8px;height:12px;right:0px;top:50%;margin-top:-6px;transition:0.3s} 
.newsLink:hover:after{opacity:1} 
.newsLink:hover .newsLink-info a{color:#ffffff;text-decoration:underline} 
.newsLink:hover .newsLink-more span{opacity:1} 
.newsLink:hover .newsLink-more:after{background:url(../images/right.png) no-repeat;width:24px;height:28px;margin-top:-14px;right:-20px;filter:drop-shadow(0px 0px 10px #ff2a00)} 

.rightBodyLinks{position:fixed;right:0px;top:30%;background:rgba(0,0,0,0.95);padding:3px 5px 7px 5px;z-index:8} 
.rightBodyLinks a{display:block;text-align:center;color:#fcedc0;font-family:"Philosopher",sans-serif;font-size:14px;margin:8px 0px} 
.rightBodyLinks a span{display:block;background-image:url(../images/right-panel-bg.png);width:70px;height:70px;position:relative;transition:0.3s} 
.rightBodyLinks a span img{position:absolute} 
.rightBodyLinks a:hover span{background-image:url(../images/right-panel-bg-hover.png)} 
.rightBodyLinks a:hover {color: #cc7954}

.r-wiki span img{bottom:18px;left:18px} 
.r-shop span img{bottom:18px;left:17px} 
.r-forum span img{bottom:18px;left:18px} 

.leftBodyLinks{position:fixed;left:0px;top:30%;background:rgba(0,0,0,0.95);padding:3px 5px 7px 5px;z-index:8} 
.leftBodyLinks a{display:block;text-align:center;color:#fcedc0;font-family:"Philosopher",sans-serif;font-size:14px;margin:8px 0px} 

.leftBodyLinks a span{display:block;background-image:url(../images/right-panel-bg.png);width:70px;height:70px;position:relative;transition:0.3s} 
.leftBodyLinks a span img{position:absolute} 
.leftBodyLinks a:hover span{background-image:url(../images/right-panel-bg-hover.png)} 
.leftBodyLinks a:hover {color: #cc7954}

.l-top1 span img{bottom:18px;left:17px} 
.l-top2 span img{bottom:14px;left:14px} 
.l-top3 span img{bottom:16px;left:17px} 
.l-top4 span img{bottom:17px;left:16px} 
.l-top5 span img{bottom:17px;left:16px} 
.l-top6 span img{bottom:17px;left:16px} 

.toTop{background:url(../images/totop-img.png) left center no-repeat;height:100px;display:flex;align-items:center;min-width:100px;position:fixed;left:0px;bottom:50px;padding-left:105px;cursor:pointer;transform:rotate(-90deg);z-index:8} 
.toTop span{font-size:12px;color:#fff;opacity:0.2;font-family:"Philosopher",sans-serif;transition:0.3s} 
.toTop:hover span{opacity:1} 
.line{display:block;background:url(../images/line.png) center no-repeat;width:100%;overflow-x:hidden;height:86px} 
.mainHomeBlock{margin-bottom:40px} 
.mainHomeBlock>div{height:610px} 
.blockHome{background:url(../images/block-top-bg.png) center top no-repeat,url(../images/block-bottom-bg.png) center bottom no-repeat;background-color:#12141f;box-shadow:0px 10px 15px 4px rgba(0,0,0,0.3);padding:35px 35px;width:364px} 
.h2-title-table{border-bottom:1px solid #22252d;padding-bottom:25px;position:relative} 

.tabTable-block{display:none} 
.tabTable-block.active{display:block} 
.tabTable{margin-right:0px} 
.tabTable-button{cursor:pointer;display:inline-block;margin:0px 4px;position:relative} 
.tabTable-button:after{content:"";position:absolute;width:50%;margin-left:-25%;height:1px;background:#fff;left:50%;bottom:-26px;opacity:0} 
.tabTable-button.active{color:#fff} 
.tabTable-button.active:after{opacity:1} 

.tabTable2-block{display:none} 
.tabTable2-block.active{display:block} 
.tabTable2{margin-right:0px} 
.tabTable2-button{cursor:pointer;display:inline-block;margin:0px 4px;position:relative} 
.tabTable2-button:after{content:"";position:absolute;width:50%;margin-left:-25%;height:1px;background:#fff;left:50%;bottom:-26px;opacity:0} 
.tabTable2-button.active{color:#fff} 
.tabTable2-button.active:after{opacity:1} 



.tabTable3-block{display:none} 
.tabTable3-block.active{display:block} 
.tabTable3{margin-right:0px} 
.tabTable3-button{cursor:pointer;display:inline-block;margin:0px 4px;position:relative} 
.tabTable3-button:after{content:"";position:absolute;width:50%;margin-left:-25%;height:1px;background:#fff;left:50%;bottom:-26px;opacity:0} 
.tabTable3-button.active{color:#fff} 
.tabTable3-button.active:after{opacity:1} 
.tabTable3-block {
    color: #696868;
}

.tableBlock-title{background:url(../images/top-table-bg.png) repeat-x;height:36px;
/*padding:0px 17px;*/
padding: 0px 10px;
display:flex;align-items:center;box-shadow:0px 5px 10px 2px rgba(0,0,0,0.2);margin-bottom:10px;width:100%} 
.tableBlock-title span{color:#696868;text-transform:uppercase;font-size:10px;font-weight:600;display:block} 
.tableBlock-title_number{width:10%} 
.tableBlock-title_player{width:52%} 
.tableBlock-title_level{width:17%;text-align:center} 
.tableBlock-title_score{width:21%;text-align:right} 

.tableBlock-content{
	display:flex;
	align-items:center;
	width:100%;
	position:relative;
	background-repeat:no-repeat;
	background-position:center;
	
	padding:0px 10px;
	/*
	padding:0px 50px;
	width:365px;
	margin-left:-35px
	*/
} 
.tableBlock-content>div{font-size:12px;font-weight:600;display:flex;align-items:center;position:relative;height:37px;padding-bottom:1px} 
/*.tableBlock-content:nth-child(odd){background-color:rgba(0,0,0,0.1)} */
.tableBlock-content:hover{background-image:url(../images/hover-table.png)} 
.tableBlock-conten_number{width:10%} 
.tableBlock-conten_name{width:52%;display:flex !important;align-items:center;color:#fff;line-height:1.2} 


.classicon {
	width:22px;
	height:22px;
	border-radius:50%;
	position:relative;
	box-shadow:0px 5px 5px 0px rgba(0,0,0,0.4);
	margin-right:12px
	} 
.tableBlock-conten_name img{
	width:22px;
	height:22px;
	border-radius:50%;
	position:relative;
	box-shadow:0px 5px 5px 0px rgba(0,0,0,0.4);
	margin-right:6px
	} 


	
	
.tableBlock-conten_name .allycrest{
	width:8px;
	height:14px;
	border-radius:inherit;
	position:relative;
	box-shadow:0px 5px 5px 0px rgba(0,0,0,0.4);
	margin-right:0px
}
.tableBlock-conten_name .clancrest{
	width:18px;
	height:14px;
	border-radius:inherit;
	position:relative;
	box-shadow:0px 5px 5px 0px rgba(0,0,0,0.4);
	margin-right:0px
}


.tableBlock-conten_name a{color:#fff;position:relative} 
.tableBlock-conten_lvl{width:17%;justify-content:center;color:#a97fff} 
.tableBlock-conten_scr{width:21%;justify-content:flex-end;color:#ffdda9} 
/*
.color-purple{color:#a97fff} 
.color-blue{color:#4990df} 
.color-green{color:#4ac08d} 
.color-yellow{color:#e0a45e} 
*/
.color-white{color:#ffffff}  /*1-19*/
.color-blue{color:#4990df} /*20-39*/
.color-green{color:#4ac08d} /*40-51*/
.color-red{color:#e05e5e} /*52-60*/
.color-red2{color:#d08383} /*52-60*/
.color-silver{color:#b3b3b3} /*52-60*/
.color-yellow{color:#e0a45e} /*76-80*/

.color-purple{color:#a97fff} 
.trRowA {
	/*background: #a3b4d233; */
	background: #5454541a;
}
.trRowB {
	background: #6d778d33; 
}

/*
.pk{color:#e05e5e}
.pvp{color:#a97fff}
*/

.all-button{text-align:center;margin-top:25px} 
/*.tablePopup{position:absolute;background:#000;padding:15px 25px;width:215px;z-index:10;right:calc(100% + 15px);top:-40px;display:none} */
.tablePopup{position:absolute;background:#000;padding:15px 25px;width:215px;z-index:10;left:calc(100% + 15px);top:-35px;display:none}


.tablePopup:after{content:'';position:absolute;left:-20px;top:36px;border:10px solid transparent;border-right:10px solid #000} 
.tablePopup-title{font-size:12px;color:#fff;font-weight:600;display:block;text-align:center;margin-bottom:18px} 
.tablePopup-ava{text-align:center;margin-bottom:18px} 
.tablePopup-ava img{width:75px;height:75px;border-radius:50%} 
.tablePopup-block{display:flex;justify-content:space-between;margin-bottom:18px} 
.tablePopup-block:last-child{margin-bottom:18px} 
.tablePopup-block span{display:block} 
.tablePopup-block span:first-child{color:#8485a4} 
.tablePopup-block span:last-child{text-align:right} 

.tableBlock-conten_name a:hover .tablePopup{display:block;animation:0.5s opas linear} 




.tablePopup1{position:absolute;background:#000;padding:15px 25px;width:215px;z-index:10;left: calc(100% + 15px);top: -35px;display:none} 
.tablePopup1:after{content:'';position:absolute;left:-20px;top:36px;border:10px solid transparent;border-right:10px solid #000} 


.tablePopup1-title{font-size:12px;color:#fff;font-weight:600;display:block;text-align:center;margin-bottom:18px} 
.tablePopup1-ava{text-align:center;margin-bottom:18px} 
.tablePopup1-ava img{width:75px;height:75px;border-radius:50%} 
.tablePopup1-block{display:flex;justify-content:space-between;margin-bottom:18px} 
.tablePopup1-block:last-child{margin-bottom:18px} 
.tablePopup1-block span{display:block} 
.tablePopup1-block span:first-child{color:#8485a4} 
.tablePopup1-block span:last-child{text-align:right} 
.tableBlock-conten_name1 a:hover .tablePopup1{display:block;animation:0.5s opas linear} 
.tableBlock-conten_name1 a{position: relative;}

.forumBlock-content{margin-top:-15px} 
.forumBlock{display:flex;border-bottom:1px solid rgba(255,255,255,0.1);padding:15px 0px} 
.forumBlock-ava{width:55px} 
.forumBlock-ava img{
	margin-left:10px;
width:36px;height:36px;border-radius:50%;box-shadow:0px 10px 10px 0px rgba(0,0,0,0.5)} 

.forumBlock-text{width:calc(100% - 55px)} 
.forumBlock-text_link{color:#fcedc0;font-size:13px;display:block;margin-bottom:10px;line-height:1.2} 
.forumBlock-text_link:hover{color:#fff;text-decoration:underline} 
.forumBlock-text_info{font-size:11px;display:flex} 
.forumBlock-text_info-nick{width: 50%; margin-right:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;/*max-width:90px;*/padding:1px 0px} 
.forumBlock-text_info-nick a{color:#686868} 
.forumBlock-text_info-nick a:hover{color:#fff} 
.forumBlock-text_info-date{text-align: right;width: 50%;margin-left:10px} 
.forumBlock-text_info-comments{margin-left:2px;background:url(../images/comment-icon.png) left center no-repeat;padding-left:15px} 
.newsBlockPad{border-bottom: 1px solid rgba(255,255,255,0.1);padding: 15px 0px;}
.admin-group{color:#6579fe !important} 
.admin-group:hover{color:#fff !important} 
.socHome{width:365px} 
.socButton{width:365px;height:115px;display:flex;align-items:center;align-content:center;flex-wrap:wrap;font-size:30px;color:#fff;font-family:"Philosopher",sans-serif;font-weight:700;padding-left:110px;position:relative;margin-bottom:26px;box-shadow:0px 10px 15px 4px rgba(0,0,0,0.3)} 
.socButton:hover{padding-left:130px} 
.socButton span{display:block;width:100%;color:#fcedc0;font-size:13px;font-weight:400;font-family:"Open Sans",sans-serif;margin-top:5px} 
.socButton:before{content:"";position:absolute;left:40px;top:50%} 
.socButton.socYoutube{background:url(../images/soc-button-red.jpg) no-repeat} 
.socButton.socYoutube:before{background:url(../images/youtub-icon.png) no-repeat;width:54px;height:38px;margin-top:-19px} 
.socButton.socDiscord{background:url(../images/soc-button-purple.jpg) no-repeat} 
.socButton.socDiscord:before{background:url(../images/discord-icon.png) no-repeat;width:54px;height:42px;margin-top:-21px} 
.socButton.socFacebook{background:url(../images/soc-button-blue.jpg) no-repeat} 
.socButton.socFacebook:before{background:url(../images/vk-icon.png) no-repeat;width:56px;height:56px;margin-top:-25px} 
.socButton.socVk{background:url(../images/soc-button-blue.jpg) no-repeat} 
.socButton.socVk:before{background:url(../images/vk-icon.png) no-repeat;width:54px;height:50px;margin-top:-25px} 
.socBlock{background:url(../images/soc-block.jpg) no-repeat;width:365px;height:187px;position:relative;box-shadow:0px 10px 15px 4px rgba(0,0,0,0.3)} 
.socBlock:after{content:"";position:absolute;left:50%;width:1px;height:130px;top:50%;margin-top:-65px;background-color:rgba(255,255,255,0.1)} 
.socBlock-button{text-align:center;width:50%;height:100%;padding:20px;font-size:30px;color:#fff;font-family:"Philosopher",sans-serif;font-weight:700;position:relative;padding-top:100px} 
.socBlock-button span{display:block;width:100%;color:#fcedc0;font-size:13px;font-weight:400;font-family:"Open Sans",sans-serif;margin-top:5px} 
.socBlock-button:before{content:"";position:absolute;width:93px;height:93px;top:10px;left:50%;margin-left:-46px;transition:0.3s} 
.socBlock-button.socBlock-guides:before{background:url(../images/guides-icon.png) no-repeat} 
.socBlock-button.socBlock-forum:before{background:url(../images/forum-icon.png) no-repeat} 
.socBlock-button:hover:before{top:0px} 
.bigSlider{position:relative} 
.bigSlider:after{/*content:"CLASSES";*/color:#161d2f;font-size:122px;font-family:"Philosopher",sans-serif;position:absolute;top:-35px;left:140px;letter-spacing:10px;opacity:0.2} 
.slider-for{width:100%;background:url(../images/big-slider-bg.jpg) center top 50px no-repeat;z-index:2;position:relative} 
.slider-for:before{content:"";position:absolute;background:url(../images/line.png) no-repeat;width:1148px;height:86px;left:50%;margin-left:-574px;top:10px} 
.tabs-content{display:none;opacity:0} 
.tabs-content.active{display:block;opacity:1;animation:1s opas linear} 
.slideTabs{position:relative} 
.slideContent{position:relative;padding:120px 120px 70px 140px;height:700px} 
.hero-logo{position:absolute;left:-10px;top:65px} 
.slide-hero{position:absolute;right:0;top:0px;z-index:1} 
.slide-tabs-caption{position:absolute;display:flex;z-index:3;transform:rotate(-90deg);top:280px;left:-10px} 
.slide-tabs-caption li{margin:0px 15px;cursor:pointer} 
.slide-tabs-caption .active{color:#fff} 
.slideInfo{position:relative;z-index:2} 
.slideInfo-name{color:#fff;font-size:60px;display:block;font-family:"Philosopher",sans-serif;letter-spacing:5px;margin-bottom:40px;text-transform:uppercase} 
.slideInfo-text{width:100%;max-width:500px;font-size:12px;font-style:italic;line-height:1.4;margin-bottom:45px} 
.slideInfo-stats{max-width:580px} 
.slideInfo-stats_title{color:#cc7954;font-size:18px;font-family:"Philosopher",sans-serif;text-transform:uppercase;margin-bottom:20px;display:block} 
.stats{padding:10px 0px;display:inline-flex;align-items:center;flex-wrap:wrap;margin-right:20px} 
.stats span{display:block} 
.stats-name{color:#fff;font-size:12px;font-weight:600;width:80px} 
.stats-bar{width:140px;background:rgba(255,255,255,0.1);height:3px;margin-right:15px} 
.stats-bar span{width:0%;height:3px;position:relative;transition:3s} 
.stats-bar span:after{content:"";position:absolute;right:0px;top:0px;width:8px;height:3px} 
.stats-number{font-size:12px;width:30px} 
.stat-green{color:#46c022} 
.stat-green span{background:linear-gradient(to right, #1e3621, #4fee20)} 
.stat-green span:after{box-shadow:0px 0px 10px 1px #4fee20} 
.stat-red{color:#cf4721} 
.stat-red span{background:linear-gradient(to right, #451b15, #cf3e14)} 
.stat-red span:after{box-shadow:0px 0px 10px 1px #cf3e14} 
.stat-yellow{color:#cd8c21} 
.stat-yellow span{background:linear-gradient(to right, #332615, #cf8914)} 
.stat-yellow span:after{box-shadow:0px 0px 10px 1px #cf8914} 
@keyframes opas{0%{display:none;opacity:0} 
1%{display:block;opacity:0} 
100%{display:block;opacity:1} 
} 
.slick-active .slideFor .stats-bar span{width:100%} 
.hero_3{right:0} 
.bigSlider .slick-arrow{width:120px;height:150px;font-size:0px;position:absolute;top:50%;margin-top:-75px;box-shadow:none} 
.bigSlider .slick-arrow:hover{filter:brightness(100%)} 
.bigSlider .slick-arrow.slick-prev{background:url(../images/slick-left.jpg) no-repeat;left:-85px} 
.bigSlider .slick-arrow.slick-next{background:url(../images/slick-right.jpg) no-repeat;right:-85px} 
.slideNav{cursor:pointer;transition:0.3s} 
.slideNav-img{background:url(../images/hero-slider-mini-bg.png) center no-repeat;width:120px;height:120px;position:relative;margin:0 auto;transition:0.3s} 
.slideNav-img img{position:absolute;bottom:0px;transition:0.3s} 
.slideNav-text{text-align:center;color:#fcedc0;font-size:16px;font-family:"Philosopher",sans-serif;position:relative;top:-10px;transition:0.3s} 
.slider-nav{width:100%;max-width:1050px;margin:0 auto;margin-top:-180px;z-index:5} 
.slider-nav:before{content:"";position:absolute;background:url(../images/hero-border.png) no-repeat;width:1000px;height:257px;left:50%;margin-left:-489px;top:-100px} 
.bigSlider .slick-center .slideNav-img{background:url(../images/hero-slider-mini-hover-bg.png) center no-repeat;filter:drop-shadow(0px 0px 25px rgba(248,72,21,0.7))} 
.bigSlider .slick-center .slideNav-img img{transform:scale(1.3)} 
.bigSlider .slick-center .slideNav-text{font-size:20px;top:5px} 

.sliderGallery{position:relative;margin-top:-10px;margin-bottom:30px} 
.slider-nav .slick-track{height:180px;padding-top:30px} 
.sliderGallery .slick-list{padding:20px 0px;max-width:960px;width:100%;margin:0 auto} 
.sliderGallery .slick-arrow{width:65px;height:65px;font-size:0px;position:absolute;top:50%;margin-top:-32px;filter:drop-shadow(0px 20px 10px rgba(0,0,0,0.5));transition:0.3s;box-shadow:none} 
.sliderGallery .slick-arrow:hover{width:93px;height:93px;margin-top:-46px} 
.sliderGallery .slick-arrow.slick-prev{background:url(../images/c-left.png) no-repeat;left:0px} 
.sliderGallery .slick-arrow.slick-prev:hover{background:url(../images/c-left-hover.png) no-repeat;left:-15px} 
.sliderGallery .slick-arrow.slick-next{background:url(../images/c-right.png) no-repeat;right:0px} 
.sliderGallery .slick-arrow.slick-next:hover{background:url(../images/c-right-hover.png) no-repeat;right:-15px} 
.sliderImg img{width:220px;height:145px;transition:0.3s;margin:0 auto} 
.sliderImg img:hover{transform:scale(1.1);box-shadow:20px 0px 15px 1px rgba(0,0,0,0.5),-20px 0px 15px 1px rgba(0,0,0,0.5)} 

.sliderGalleryVideo{position:relative;margin-top:-10px;margin-bottom:30px} 
.slider-nav .slick-track{height:180px;padding-top:30px} 
.sliderGalleryVideo .slick-list{padding:20px 0px;max-width:960px;width:100%;margin:0 auto} 
.sliderGalleryVideo .slick-arrow{width:65px;height:65px;font-size:0px;position:absolute;top:50%;margin-top:-32px;filter:drop-shadow(0px 20px 10px rgba(0,0,0,0.5));transition:0.3s;box-shadow:none} 
.sliderGalleryVideo .slick-arrow:hover{width:93px;height:93px;margin-top:-46px} 
.sliderGalleryVideo .slick-arrow.slick-prev{background:url(../images/c-left.png) no-repeat;left:0px} 
.sliderGalleryVideo .slick-arrow.slick-prev:hover{background:url(../images/c-left-hover.png) no-repeat;left:-15px} 
.sliderGalleryVideo .slick-arrow.slick-next{background:url(../images/c-right.png) no-repeat;right:0px} 
.sliderGalleryVideo .slick-arrow.slick-next:hover{background:url(../images/c-right-hover.png) no-repeat;right:-15px} 
.sliderImgVideo img{width:220px;height:145px;transition:0.3s;margin:0 auto} 
.sliderImgVideo img:hover{transform:scale(1.1);box-shadow:20px 0px 15px 1px rgba(0,0,0,0.5),-20px 0px 15px 1px rgba(0,0,0,0.5)} 


footer{background:#04060c;padding:55px 0px} 
.footerMenu-block{width:25%} 
.f-menu li a{position:relative;color:#fff;opacity:0.3;display:block;background:url(../images/menu-f-icon.png) left center no-repeat;padding:11px 0px 11px 24px} 
.f-menu li a:hover{opacity:1} 
.e-mail{padding-top:11px;margin-bottom:30px} 
.e-mail p{margin-bottom:14px;color:#fff;opacity:0.3} 
.e-mail a{color:#fff} 
.e-mail a:hover{text-decoration:underline} 
.f-soc-icons{display:flex} 
.f-soc-icons a{display:block;height:16px;opacity:0.3;margin-right:16px} 
.f-soc-icons a:hover{opacity:1} 
.f-soc-icons .twitter{background:url(../images/soc-icons.png) left top no-repeat;width:17px} 
.f-soc-icons .vk{background:url(../images/soc-icons.png) left -33px top no-repeat;width:20px} 
.f-soc-icons .fb{background:url(../images/soc-icons.png) left -74px top no-repeat;width:15px} 
.f-soc-icons .twitch{background:url(../images/soc-icons.png) left -110px top no-repeat;width:16px} 
.footerInfo-block{margin-bottom:40px} 
.playments img{opacity:0.4} 
.copy span{color:#fff;opacity:0.3} 
.copy a{color:#444;opacity:1} 
.copy a:hover{text-decoration:underline;color:#888;} 
.f-text{text-transform:uppercase;font-size:10px;line-height:1.3;color:#fff;opacity:0.3} 

.modal_div{width:100%;min-height:400px;max-width:480px;background:url(../images/modal-bg.png) center bottom no-repeat;background-color:rgba(0,0,0,0.95);position:fixed;top:15%;left:50%;margin-left:-240px;display:none;opacity:0;z-index:35;padding:50px 60px;box-shadow:0px 10px 20px 1px rgba(0,0,0,0.5)} 
.modal_div .modal_close{width:56px;height:56px;position:absolute;top:-28px;right:-28px;cursor:pointer;display:block;background:url(../images/close-icon.png) no-repeat;transition:0.3s;filter:drop-shadow(0px 10px 14px rgba(0,0,0,0.6))} 
.modal_div .modal_close:hover{filter:brightness(120%)} 
#overlay{z-index:30;position:fixed;background-color:#070a11;opacity:0.8;width:100%;height:100%;top:0;left:0;cursor:pointer;display:none} 
.modalTitle{color:#cc7954;font-size:24px;font-family:"Philosopher",sans-serif;display:block;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,0.1);text-transform:uppercase;margin-bottom:30px} 

.modalalert_div{width:100%;min-height:400px;max-width:480px;background:url(../images/modal-bg.png) center bottom no-repeat;background-color:rgba(0,0,0,0.95);position:fixed;top:15%;left:50%;margin-left:-240px;display:none;opacity:0;z-index:35;padding:50px 60px;box-shadow:0px 10px 20px 1px rgba(0,0,0,0.5)} 
.modalalert_div .modalalert_close{width:56px;height:56px;position:absolute;top:-28px;right:-28px;cursor:pointer;display:block;background:url(../images/close-icon.png) no-repeat;transition:0.3s;filter:drop-shadow(0px 10px 14px rgba(0,0,0,0.6))} 
.modalalert_div .modalalert_close:hover{filter:brightness(120%)} 
#overlayalert{z-index:30;position:fixed;background-color:#070a11;opacity:0.8;width:100%;height:100%;top:0;left:0;cursor:pointer;display:none} 
.modalalertTitle{color:#cc7954;font-size:24px;font-family:"Philosopher",sans-serif;display:block;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,0.1);text-transform:uppercase;margin-bottom:30px} 

.modalmain_content_div{

	/*
	width:100%;
	min-height:400px;
	max-width:480px;
	
	position:fixed;
	top:15%;
	left:50%;
	margin-left:-240px;
	*/

	background:url(../images/modal-bg.png) center bottom no-repeat;
	background-color:rgba(0,0,0,0.95);

	z-index:35;
	padding:50px 60px;
	box-shadow:0px 10px 20px 1px rgba(0,0,0,0.5)
}

.modalmain_div{
    /*position: fixed;*/
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2000;
    padding: 68px 33px;
	display:none;
	opacity:0;
} 
.modalmain_div .modalmain_close
{
	width:56px;
	height:56px;
	position:absolute;
	top:40px;
	right:3px;
	cursor:pointer;
	display:block;
	background:url(../images/close-icon.png) no-repeat;
	transition:0.3s;
	filter:drop-shadow(0px 10px 14px rgba(0,0,0,0.6))
} 
.modalmain_div .modalmain_close:hover{filter:brightness(120%)} 
#overlaymain{z-index:30;position:fixed;background-color:#070a11;opacity:0.8;width:100%;height:100%;top:0;left:0;cursor:pointer;display:none} 

.modalmainPreTitle{
	color:#cc7954;
	font-size:28px;
	font-weight: 900;
	text-shadow: 0 0px 40px rgb(255 192 114);
	text-align: center;
	font-family:"Philosopher",sans-serif;
	display:block;
	padding-bottom:70px;
	border-bottom:1px solid rgba(255,255,255,0.1);
	text-transform:uppercase;
	margin-bottom:30px
}

.modalmainTitle{
	color:#cc7954;
	font-size:28px;
	font-weight: 900;
	text-shadow: 0 0px 40px rgb(255 192 114);
	text-align: center;
	font-family:"Philosopher",sans-serif;
	display:block;
	padding-bottom:70px;
    margin: -77px 0px 0px 0px;
	background: url(../images/line.png) center no-repeat;
	text-transform:uppercase;
	margin-bottom:30px
}




.enterButtons{padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,0.1);margin-bottom:30px} 
.enterButtons a{display:flex;align-items:center;width:346px;height:58px;font-size:18px;font-weight:700;font-family:"Philosopher",sans-serif;line-height:1.3;padding-left:85px;text-shadow:1px 1px 1px rgba(0,0,0,0.7);letter-spacing:2px} 
.facebook-button{background:url(../images/facebook-button.png) left no-repeat;color:#fff;margin-bottom:15px} 
.vk-button{background:url(https://l2cw.ru/images/vk-button.png) left no-repeat;color:#fff;margin-bottom:15px} 
.google-button{background:url(../images/google-button.png) left no-repeat;color:#000;text-shadow:none !important} 
.fieldGroup{position:relative;margin:20px 0px} 
.fieldGroup input{width:100%;height:100%} 
.fieldGroup span{position:absolute;color:#696868;font-size:11px;z-index:1;display:block;padding:5px;background:#040609;left:10px;top:-12px;text-transform:uppercase} 
.fieldGroup:hover span{color:#fc9162;text-shadow:1px 1px 10px #fc9162, -1px -1px 10px #fc9162} 
.enter{padding-top:10px} 
.enterLinks p{margin-bottom:0px;margin:5px 0px} 
.enterLinks a{font-size:14px} 
.enterLinks a:hover{color:#fff} 
.forgot{color:#696868;margin-bottom:6px} 
.sign{color:#fcedc0;text-decoration:underline} 
.registration{color:#fcedc0;text-decoration:underline} 
.btn{position:fixed;top:17px;left:20px;z-index:15;transition:0.3s} 
.btn span{display:block;width:25px;height:3px;background:#fff;margin:5px 0px;opacity:0.8;border-radius:2px;transition:0.3s;position:relative} 
.btn.active{left:270px;top:20px} 
.btn.active span:nth-child(1){transform:rotate(45deg);top:8px} 
.btn.active span:nth-child(2){display:none} 
.btn.active span:nth-child(3){transform:rotate(-45deg)} 
.main{display:flex;justify-content:space-between;/*margin-bottom:190px*/margin-bottom:20px} 
aside{max-width:365px;width:100%} 
aside>div{margin-bottom:15px} 
aside>div:last-child{margin-bottom:0px} 
.content{
	width:calc(100% - 365px - 25px);
	box-shadow:0px 10px 15px 4px rgba(0,0,0,0.3);
	background:url(../images/content-top-bg.jpg) center top repeat-x,url(../images/content-bottom-bg.jpg) center bottom repeat-x;
	background-color:#12141e;
	padding:35px;
	
	/*margin: 0px 0px 40px 0px;*/
	} 
.content-page{color:#feffff;line-height:1.6} 
.content-page a{color:#ffdda9;text-decoration:none} 
.content-page a:hover{color:#696868} 
.content-page p{margin-bottom:25px} 
.h2-title-content{border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:25px;line-height:1} 
.h2-title-content a{color:#fff;text-decoration:none;position:relative} 
.h2-title-content a:after{content:"";position:absolute;width:50%;margin-left:-25%;height:1px;background:#fff;left:50%;bottom:-26px} 
.page-date{font-size:13px;color:#fcedc0} 
.page-date span{font-weight:600;font-size:18px} 
.downloadBlock-content{padding-top:40px;padding-bottom:20px} 
.downloadBlock{background:url(../images/down-block-bg.jpg) center no-repeat;background-size:cover;max-width:560px;width:100%;padding:40px 80px 55px 80px;margin:0 auto;margin-bottom:30px;text-decoration:none} 
.downloadBlock-title{display:block;color:#ffdda9;font-size:18px;font-weight:600;text-align:center;margin-bottom:35px} 
.downloadBlock-title span{color:#fff} 
.downloadBlock-text{color:#ffffff;line-height:1.3;text-align:center;margin-bottom:35px} 
.downloadBlock-button{text-align:center} 
.d-button{display:block;width:155px;height:105px;text-align:center;padding-top:78px;font-size:13px;font-weight:600} 
.d-button.googleButton{background:url(../images/google-img.png) center top 20px no-repeat;background-color:#453b90;color:#fff} 
.d-button.dropboxButton{background:url(../images/meganzlogo.png) center top 10px no-repeat;background-color:#1a2535;color:#696868} 
.d-button:hover{transform:scale(1.1);color:#fff} 
.drivers{margin-bottom:80px} 
.drivers span{display:block;text-align:center;color:#ffdda9;font-size:15px;margin-bottom:20px} 
.mirror-title{color:#ffdda9;font-size:15px;font-weight:600;display:block;text-align:center;margin-bottom:60px} 
.mirrorBlock{text-align:center;margin-bottom:65px} 
.mirrorBlock p{color:#ffffff;font-weight:600;margin-bottom:20px} 
.mirrorBlock p span{color:#a97fff} 
.acc{padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,0.1);margin-bottom:30px} 
.acc-title{display:block;text-align:center;color:#ffdda9;font-size:15px;font-weight:600;margin-bottom:15px} 
.fieldGroup-input{background:#040609;border:1px solid #36383a;color:#fff;padding:10px 15px;position:relative;font-size:16px;transition:0.3s} 
.accBlock-content{width:calc(50% - 15px)} 
.formGroup{position:relative;margin-top:15px;padding-bottom:15px} 
.formGroup input{padding:15px} 
.formGroup div{padding:15px} 
.formGroup span{position:absolute;color:#696868;font-size:11px;z-index:1;display:block;padding:5px;background:url(../images/span-bg-input.jpg) center repeat-x;left:10px;top:-10px;display:block;transition:0.3s} 
.formGroup:hover span{color:#fc9162;text-shadow:1px 1px 10px #fc9162, -1px -1px 10px #fc9162} 
.formGroup:hover div{border:1px solid #fc9162;box-shadow:0px 0px 10px 0px rgba(252,142,98,0.6),inset 0px 0px 10px 0px rgba(252,142,98,0.6)} 
.change-button{text-align:center;padding:40px 0px} 
.support{border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:60px} 
.supportButton{width:50%;text-align:center} 
.row{display:flex;flex-wrap:wrap;margin-left:-15px;width:calc(100% + 15px)} 
.block-6{width:50%;padding:0px 15px} 
.heroLeft-img{height:310px;background:radial-gradient(#282240, #08090e 70%);margin-bottom:15px;text-align:center} 
.heroLeft-button button,.heroLeft-button .button{width:100%} 
.heroName{font-family:"Philosopher",sans-serif;font-size:30px;color:#fff;display:flex;align-items:center;justify-content:center;text-transform:uppercase;background-color:#030508;width:100%;height:81px;margin-bottom:20px} 
.heroflex{display:flex;justify-content:space-between;margin-bottom:20px} 
.flexBlock{width:calc(50% - 1px);display:flex;align-items:center;justify-content:center;height:81px;background-color:#030508;color:#a97fff;font-size:30px;position:relative;border:1px solid #3f4045} 
.flexBlock b{font-weight:400;font-size:14px;display:block;margin-left:5px;padding-top:12px} 
.flexBlock .flexBlock-sp{position:absolute;top:0px;left:0px;height:21px;margin-top:-11px;width:100%;display:flex;justify-content:center;z-index:1} 
.flexBlock .flexBlock-sp span{color:#fff;font-size:11px;text-transform:uppercase;display:inline-block;padding:0px 10px;height:21px;line-height:21px;background:url(../images/span-bg.jpg) repeat-x} 
.flexBlock-flag{border:none} 
.flexBlock-lvl{border:none;background:#090b11} 
.hero{margin-bottom:50px} 
.heroInfo{margin-bottom:50px} 
.heroInfo-title{text-align:center;color:#ffdda9;font-weight:600;font-size:15px;margin-bottom:30px} 
.heroInfo-row{display:flex;justify-content:space-between;background-color:#0d0f17;margin-bottom:2px} 
.heroInfo-row span{padding:17px;color:#fff} 
.heroInfo-row span:last-child{color:#a97fff} 
.flexBlock-guild{background-color:#090b10;border:none;font-size:20px} 
.flexBlock-guild b{padding-top:6px} 
.infoTitle{display:block;text-align:center;color:#ffdda9;font-size:18px;padding-top:15px;padding-bottom:30px} 
.t-button{display:flex;align-items:center;justify-content:center;background:url(../images/transfer-button.jpg) no-repeat;max-width:469px;width:100%;height:87px;margin:0 auto;margin-bottom:15px;cursor:pointer;transition:0.3s;color:#fff;font-size:20px;text-transform:uppercase;letter-spacing:1px} 
.t-button:hover{filter:brightness(120%)} 
.ticketTitle{margin-bottom:25px} 
.ticketTitle-number{color:#ffdda9;font-size:18px;font-family:"Philosopher",sans-serif;text-transform:uppercase;margin:10px} 
.ticketTitle-number span{display:block;color:#fff;font-size:12px;padding-top:5px} 
.table-row{margin-right:-35px;margin-left:-35px} 
.tableTicket thead tr{background:url(../images/top-table-bg.png) repeat-x} 
.tableTicket thead tr td{color:#696868;font-size:10px;padding:13px 12px 13px 12px;white-space:nowrap} 
.tableTicket thead tr td:first-child{padding:13px 0px 13px 30px} 
.tableTicket thead tr td:last-child{padding:13px 30px 13px 12px} 
.tableTicket thead tr td:nth-child(2){padding:13px 12px 13px 0px} 
.tableTicket tbody tr td{padding:16px 12px 16px 12px;border-bottom:1px solid #030508;border-top:1px solid #12141e;line-height:1.3} 
.tableTicket tbody tr td:first-child{padding:16px 0px 16px 30px} 
.tableTicket tbody tr td:last-child{padding:16px 30px 16px 12px} 
.tableTicket tbody tr td:nth-child(2){padding:16px 12px 16px 0px;white-space:nowrap} 
.tableTicket tbody tr td:nth-child(3){white-space:nowrap} 
.tableTicket tbody tr td:nth-child(4){background:#1a182a;text-align:center} 
.message-button{border:2px solid #a97fff;color:#a97fff;text-transform:uppercase;padding:12px 18px;display:block;cursor:pointer;transition:0.3s;white-space:nowrap;text-align:center} 
.message-button:hover{background:#a97fff;color:#fff} 
.pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:40px 0px} 
.pagination .number{display:flex;align-items:center;justify-content:center;background:url(../images/row.png) no-repeat;width:93px;height:93px;position:relative;z-index:1;margin:0px -2px;font-weight:600;color:#707280;filter:drop-shadow(0px 10px 10px rgba(0,0,0,0.4))} 
.pagination .number.pag:after{content:'';width:24px;height:28px;position:absolute;top:50%;left:50%;margin-top:-14px} 
.pagination .number.pag-prev:after{background:url(../images/left.png) no-repeat;margin-left:-15px} 
.pagination .number.pag-next:after{background:url(../images/right.png) no-repeat;margin-left:-11px} 
.pagination .number.active{color:#fff;background:url(../images/row-hover.png) no-repeat} 
.pagination .number:hover{color:#fff;background:url(../images/row-hover.png) no-repeat} 
.chatBlock{display:flex;padding:20px 0px} 
.chatBlock-ava{width:85px;display:flex} 
.chatBlock-ava img{width:60px;height:60px;border-radius:50%} 
.chatBlock-content{width:calc(100% - 85px);background:#21212f;box-shadow:0px 10px 20px 5px rgba(0,0,0,0.3);padding:25px;position:relative} 

@-webkit-keyframes grnn {
	0% {
		background: #21212f;
	}
	
	10%, 20% {
		/*background: #262f21;*/
		background: #31482b;
	}

	30%, 50%, 70%, 90% {
		background: #21212f;
	}

	40%, 60%, 80% {
		background: #21212f;
	}

	100% {
		background: #21212f;
	}
	
	/*
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }*/
  
  
}

@keyframes grnn {
	0% {
		background: #21212f;
	}
	
	10%, 20% {
		/*background: #262f21;*/
		background: #31482b;
	}

	30%, 50%, 70%, 90% {
		background: #21212f;
	}

	40%, 60%, 80% {
		background: #21212f;
	}

	100% {
		background: #21212f;
	}
  
	/*
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  */
  
}

.grn {
  /*-webkit-animation-name: grnn;
  animation-name: grnn;
  background: #262f21;*/
  animation: 1s grnn linear infinite;
}

.chatBlock-content_name{color:#a27af5;margin-bottom:15px} 
.chatBlock-content_text{line-height:1.4;margin-bottom:15px;color:#fff} 
.chatBlock-content_date{color:#6a6a87;font-weight:600;font-size:12px} 
.chatBlock-content:before{content:"";position:absolute;right:100%;top:23px;border:10px solid transparent;border-right:10px solid #21212f} 
.chatBlock-content textarea{background:#1a1a26;border:1px solid #1a1a26;display:block;margin-bottom:25px;min-height:120px} 
.chatBlock-content textarea:hover{border:1px solid #fc9162} 
.chatBlock-user{flex-direction:row-reverse} 
.chatBlock-user .chatBlock-ava{justify-content:flex-end} 
.chatBlock-user .chatBlock-content{text-align:right;background:#1e253d} 
.chatBlock-user .chatBlock-content:before{right:auto;left:100%;border-left:10px solid #1e253d;border-right:none} 
.chatBlock-user .chatBlock-content_name{color:#4a92c0} 
.form{width:100%;max-width:330px;margin:0 auto} 
.form button,.form .button{width:100%;max-width:330px;margin-top:15px} 
.topTitle{color:#ffdda9;font-family:"Philosopher",sans-serif;font-size:18px;text-transform:uppercase;margin-bottom:20px} 
.rankingTable td{white-space:nowrap;padding:15px 10px} 
.rankingTable td:first-child{padding:15px 0px 15px 35px} 
.rankingTable td:last-child{padding:15px 35px 15px 10px;text-align:right} 
.rankingTable thead tr{background:#1a1d2d} 
.rankingTable thead tr td{color:#908585;font-size:15px;text-transform:uppercase;padding:20px 10px} 
.rankingTable thead tr td:first-child{padding:20px 0px 20px 35px} 
.rankingTable thead tr td:last-child{padding:20px 35px 20px 10px} 


.rankingTable tbody tr{
	/*transition:0.3s;*/
	background-image:url(../images/hover-big.png);
	background-position:center top -100px;
	background-repeat:no-repeat
	} 
	

.rankingTable tbody tr:nth-child(even){background-color:#13131e} 
.rankingTable tbody tr:nth-child(odd){background-color:#1a1b25} 
.rankingTable tbody tr:hover{background-position:center top -2px} 
.rankingTable tbody tr td{color:#696868} 

.noneon{
	background-image:none;
}

/*
tbody tr td {

    margin-right: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
}
thead tr td {

    margin-right: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
}*/


.rankingTable tbody tr td:nth-child(1){font-size:13px} 
/*.rankingTable tbody tr td:nth-child(2){font-size:12px;color:#cbff3f;text-shadow:0px 0px 8px #82e700} */
.rankingTable tbody tr td:nth-child(3){font-weight:600;color:#fff} 
.rankingTable tbody tr td:nth-child(4){display:flex;align-items:center} 
.rankingTable tbody tr td:nth-child(4) img{margin-right:6px;width:24px;height:24px;border-radius:50%} 
.rankingTable tbody tr td:nth-child(6){font-size:13px;text-align:right} 
/*.rankingTable tbody tr td:nth-child(6) span{color:#f08d2f} */

.rankingTable tbody tr td:nth-child(6){text-align:right} 
.rankingTable tbody tr td:nth-child(7){font-size:12px;color:#cbff3f;text-shadow:0px 0px 8px #82e700} 
.rankingTable tbody tr td:nth-child(8){text-align:right} 


.font_good{font-size:12px;color:#cbff3f;text-shadow:0px 0px 8px #82e700} 
.font_bad{font-size:12px;color:#ffb23f;text-shadow:0px 0px 8px #e74b00} 


.register header{height:530px} 
.mainRegister{max-width:980px;width:100%;position:relative;margin:0 auto;display:flex;justify-content:center} 
.blockR{width:100%;max-width:480px;margin:13px} 
.regBlock{background:url(../images/modal-bg.png) center bottom no-repeat;background-color:#030508;padding:50px 65px;box-shadow:0px 10px 10px 0px rgba(0,0,0,0.2)} 
.regBlock .modalTitle{margin-bottom:50px} 
.regBlock .fieldGroup{margin:0px 0px 55px 0px} 
.regBlock .enterLinks{display:flex;margin-left:-8px;margin-bottom:40px} 
.regBlock .enterLinks p{margin:0px 8px} 
.s-server{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;background-color:#030508;margin-bottom:25px} 
.s-server li{background:url(../images/ch-bg.png) no-repeat;height:54px;width:56px;display:flex;justify-content:center;align-items:center;color:#ffdda9;font-family:"Philosopher",sans-serif;cursor:pointer;padding-right:2px;margin:12px 8px;transition:0.3s;position:relative} 
.s-server li:before{content:"";position:absolute;background:radial-gradient(#2b3492, #141941);width:34px;height:34px;border-radius:50%;top:50%;left:50%;margin-top:-17px;margin-left:-18px;transition:0.3s;opacity:0} 
.s-server li:hover:before{opacity:1} 
.s-server li.active:before{opacity:1} 
.s-server li span{position:relative;z-index:1} 
.s-acc{background:url(../images/modal-bg.png) center bottom no-repeat;background-color:#030508;padding:35px 65px;box-shadow:0px 10px 10px 0px rgba(0,0,0,0.2);height:100%} 
.check-container{display:block;position:relative;width:19px;height:19px;cursor:pointer;user-select:none} 
.h3-title{display:block} 
.check-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0} 
.checkmark{position:absolute;top:0;left:0;height:19px;width:19px;background-color:#030508} 
.checkmark:after{content:"";position:absolute;display:none} 
.check-container input:checked ~ .checkmark:after{display:block} 
.check-container .checkmark:after{background:url(../images/check.png) no-repeat;left:4px;top:5px;width:12px;height:9px} 
.check-container-close .checkmark:after{background:url(../images/check-close.png) no-repeat;left:5px} 
.select-acc_check{display:flex} 
.select-acc_check label{margin-right:9px} 
.select-acc{background:url(../images/top-table-bg.png) repeat-x;height:36px;display:flex;align-items:center;justify-content:space-between;padding-left:18px;color:#fff;font-size:12px;font-weight:600;margin-bottom:9px} 
.select-acc:last-child{margin-bottom:0px} 

.sliderVideo img{width:220px;height:145px;transition:0.3s;margin:0 auto;box-shadow:20px 0px 15px 1px rgba(0,0,0,0.25),-20px 0px 15px 1px rgba(0,0,0,0.25)} 

.snowflakes {
      display: flex;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 9999;
      pointer-events:none;
    }
    .snowflake {
      color: #fff;
      font-size: 1em;
      font-family: Arial;
      text-shadow: 0 0 1px #300;
      flex: 1;
      position: relative;
      top: -10%;
      animation: snowflakes-fall 5s linear, snowflakes-shake 3s ease-in-out;
      animation-delay: var(--d);
      animation-iteration-count: infinite;
    }
    @keyframes snowflakes-fall {
      100% {
       top: 100%;
      }
    }
    @keyframes snowflakes-shake {
      50% {
        transform: translateX(80px);
      }
    }
  }
}

body {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: #000;
}

p {
  position: relative;
  font-family: sans-serif;
  text-transform: uppercase;
  font-size: 0.7em;
  letter-spacing: 6px;
  overflow: hidden;
  background: linear-gradient(90deg, #000, #fff, #000);
  background-repeat: no-repeat;
  background-size: 85%;
  animation: animate 5s linear infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255, 255, 255, 0);
}

@keyframes animate {
  0% {
    background-position: -500%;
  }
  100% {
    background-position: 500%;
  }
}

.card.custom-card {
    background-color: #162447; /* Dark blue card background */
    border: 1px solid #0f3460; /* Slightly darker border */
    border-radius: 8px; /* Rounded corners */
    margin-bottom: 20px; /* Spacing between cards */
}

.card-header {
    background-color: #162447; /* Header background */
    color: #ffffff; /* White text for header */
    padding: 15px; /* Padding for header */
}

.table {
    color: #eaeaea; /* Light text for table */
}

.table th, .table td {
    border: 1px solid #162447; /* Border color for table cells */
}

.table th {
    background-color: #162447; /* Header background color */
}

.badge {
    border-radius: 12px; /* Rounded badges */
}

.top-player {
    background-color: rgba(245, 158, 11, 0.2); /* Highlight for top player */
}

.tooltip-level {
    position: relative; /* For tooltip positioning */
}

.tooltip-level::after {
    content: attr(data-level); /* Tooltip content */
    position: absolute;
    background-color: #0f3460; /* Tooltip background */
    color: #ffffff; /* Tooltip text color */
    padding: 5px;
    border-radius: 4px;
    top: 100%; /* Position below the text */
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap; /* Prevent text wrapping */
    display: none; /* Hide by default */
}

.tooltip-level:hover::after {
    display: block; /* Show tooltip on hover */
}

.rankings {
    background-color: #001f3f; /* Dark blue background */
    color: #ffffff; /* White text color */
    padding: 20px;
    border-radius: 8px;
}

.h2-title {
    text-align: center;
    margin-bottom: 20px;

.tableBlock-title_number,
.tableBlock-title_player,
.tableBlock-title_name,
.tableBlock-title_level {
    padding: 10px;
    text-align: center;
}

.statshpvp {
    animation: fadeIn 1s ease-in-out; /* Animation for stats */
}

.top-item {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #ffffff; /* Divider line */
}

.top-item_style:hover {
    background-color: rgba(255, 255, 255, 0.1); /* Hover effect */
}

.badge {
    padding: 5px 10px;
    border-radius: 12px;
}

.all-button {
    text-align: center;
    margin-top: 20px;
}

.button {
    padding: 10px 20px;
    background-color: #28a745; /* Green button */
    color: #ffffff;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s;
}

.button:hover {
    background-color: #218838; /* Darker green on hover */
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes glow {
    0% {
        text-shadow: 0 0 5px #ffffff, 0 0 10px #ffffff, 0 0 15px #007bff, 0 0 20px #007bff;
    }
    100% {
        text-shadow: 0 0 10px #ffffff, 0 0 20px #ffffff, 0 0 30px #007bff, 0 0 40px #007bff;
    }
}

# footerMenu {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.line {
    border-top: 1px solid #ccc;
    margin: 20px 0;
}

.footerInfo {
    text-align: center;
}

.footer__cpr-vote {
    margin: 20px 0;
}

.footer__cpr-vote-title {
    font-size: 1.5em;
    font-weight: bold;
}

.footer__cpr-vote-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.footer__cpr-vote-items a {
    margin: 5px;
    transition: transform 0.3s;
}

.footer__cpr-vote-items a:hover {
    transform: scale(1.1);
}

.footer__cpr-vote-items img {
    width: 88px;
    height: 31px;
    border: 0;
}

.tooltip-level {
    font-size: 20px;
}