/* =========================================================
   Base / reset
   ========================================================= */

* {
	margin: 0;
	padding: 0;
}

html {
    height: 100%;
    overflow-x: hidden;
}

body { 
	font-family: "Times New Roman", Times, serif; 
	width: 100%;
	height: 100%;
	background:#000;
	background-position:50% 0;
	color:#d0b99b;
	font-size:14px;
}

a { 
	color: #eee5c5;
	outline: none;
	text-decoration:underline;
}

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

img { 
	border: none;
}

td {
	padding: 2px 0 2px 0;
}

.color-orange {
	color: #ffdc7f;
}

tr td .regbutton, .repassbutton{
  background: #4c1c08;
  background-image: -webkit-linear-gradient(top, #4c1c08, #371106);
  background-image: -moz-linear-gradient(top, #4c1c08, #371106);
  background-image: -ms-linear-gradient(top, #4c1c08, #371106);
  background-image: -o-linear-gradient(top, #4c1c08, #371106);
  background-image: linear-gradient(to bottom, #4c1c08, #371106);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #f0c380;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
  cursor: pointer;
}

input { 
	font-size:16px; 
	border-radius:10px; 
	padding:7px; 
	background-color: rgba(76, 28, 8, 0.4);
	color:#d0b99b; 
	border-style:hidden;
} 
input:focus { outline:none; } 

#l2menu {
	text-align:center;
}

#l2menu a{
	font-size: 11px;
}

.l2stat, .l2title {
	text-align:center;
}

/* =========================================================
   Main layout / header backgrounds
   ========================================================= */

.wrapper {
	width:960px; 
	margin: 0 auto;
	background-position:center; 
	position:relative;
}

#img01 { height:430px; background:url(../images/img01.jpg) no-repeat center;}
#img02 { height:430px; background:url(../images/img02.jpg) no-repeat center;}
#img03 { height:430px; background:url(../images/img03.jpg) no-repeat center;}
#img04 { height:452px; background:linear-gradient(to bottom, hsl(0,0%,0%,0) 80%, hsl(0,0%,0%,.9) 100%), url(../images/img04.jpg) no-repeat center;}

#ng01 { height:430px; background:url(../images/ng01.jpg) no-repeat center;}
#ng02 { height:430px; background:url(../images/ng02.jpg) no-repeat center;}
#ng03 { height:430px; background:url(../images/ng03.jpg) no-repeat center;}
#ng04 { height:452px; background:linear-gradient(to bottom, hsl(0,0%,0%,0) 80%, hsl(0,0%,0%,.9) 100%), url(../images/ng04.jpg) no-repeat center;}

#img05 { height:430px; background:url(../images/img05.jpg) no-repeat center;}
#img06 { height:430px; background:url(../images/img06.jpg) no-repeat center;}
#img07 { height:430px; background:url(../images/img07.jpg) no-repeat center;}
#img08 { height:452px; background:linear-gradient(to bottom, hsl(0,0%,0%,0) 80%, hsl(0,0%,0%,.9) 100%), url(../images/img08.jpg) no-repeat center;}

#ng05 { height:430px; background:url(../images/ng05.jpg) no-repeat center;}
#ng06 { height:430px; background:url(../images/ng06.jpg) no-repeat center;}
#ng07 { height:430px; background:url(../images/ng07.jpg) no-repeat center;}
#ng08 { height:452px; background:linear-gradient(to bottom, hsl(0,0%,0%,0) 80%, hsl(0,0%,0%,.9) 100%), url(../images/ng08.jpg) no-repeat center;}

#img09 { height:430px; background:url(../images/img09.jpg) no-repeat center;}
#img10 { height:430px; background:url(../images/img10.jpg) no-repeat center;}
#img11 { height:430px; background:url(../images/img11.jpg) no-repeat center;}
#img12 { height:452px; background:linear-gradient(to bottom, hsl(0,0%,0%,0) 80%, hsl(0,0%,0%,.9) 100%), url(../images/img12.jpg) no-repeat center;}

#ng09 { height:430px; background:url(../images/ng09.jpg) no-repeat center;}
#ng10 { height:430px; background:url(../images/ng10.jpg) no-repeat center;}
#ng11 { height:430px; background:url(../images/ng11.jpg) no-repeat center;}
#ng12 { height:452px; background:linear-gradient(to bottom, hsl(0,0%,0%,0) 80%, hsl(0,0%,0%,.9) 100%), url(../images/ng12.jpg) no-repeat center;}

.wrapper-in { margin-top:-1990px;}

.home { 
	background:url(../images/home.png) no-repeat center;
	width:40px; 
	height:38px; 
	display:block; 
	margin:278px 0px 0px 44px;
	opacity: 0.75;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}

.home:hover { 
	opacity: 1;
}

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

.menu ul li { 
	list-style:none; 
	display:inline-block; 
	vertical-align:top; 
	height:15px;
}

.menu ul li a { 
	height:15px;
	font:14pt 'AdonisC'; 
	color:#fff; 
	text-decoration: none; 
	text-decoration: uppercase; 
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
	display:block; 
	line-height:18px; 
	padding:0px 18px 0px 18px;
	opacity: 0.75;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}

.menu ul li a:hover { 
	height:15px;
	display:block;
	opacity: 1;
}

.l2top { 
	background:url(../images/l2top.png) no-repeat center;
	width:88px; 
	height:31px; 
	display:block; 
	margin:52px 0px 0px 692px;
	opacity: 0.9;
}

.l2top_button { 
	background:url(../images/l2top_button_ru2.png) no-repeat center;
	width:83px;
	height:16px;
	display:block;
	margin:5px 0px 0px 695px;
	opacity: 0.8;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}

.l2top_button:hover { 
	opacity: 1;
}

.l2top2 { 
	background:url(../images/l2topzone.png) no-repeat center;
	width:88px; 
	height:31px; 
	display:block; 
	margin:52px 0px 0px 692px;
	opacity: 0.9;
}

.l2top_button2 { 
	background:url(../images/l2top_button_en2.png) no-repeat center;
	width:83px;
	height:16px;
	display:block;
	margin:5px 0px 0px 694px;
	opacity: 0.8;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}

.l2top_button2:hover { 
	opacity: 1;
}

.l2top_button3 { 
	background:url(../images/l2top_button_ua2.png) no-repeat center;
	width:83px;
	height:16px;
	display:block;
	margin:5px 0px 0px 695px;
	opacity: 0.8;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}

.l2top_button3:hover { 
	opacity: 1;
}

.logo { 
	background:url(../images/logo.png) no-repeat center;
	width:372px; 
	height:65px; 
	display:block; 
	margin:104px 0px 0px 543px;
}

.faststart { 
	background:url(../images/faststart.png) no-repeat center;
	width:444px; 
	height:77px; 
	display:block; 
	margin:350px 0px 0px 519px;
	opacity: 0;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}

.faststart:hover { 
	opacity: 0.33;
}

.faststart2 { 
	background:url(../images/faststart2.png) no-repeat center;
	width:444px; 
	height:77px; 
	display:block; 
	margin:350px 0px 0px 519px;
	opacity: 0;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}

.faststart2:hover { 
	opacity: 0.33;
}

.faststart3 { 
	background:url(../images/faststart3.png) no-repeat center;
	width:444px; 
	height:77px; 
	display:block; 
	margin:350px 0px 0px 519px;
	opacity: 0;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}

.faststart3:hover { 
	opacity: 0.33;
}

/* =========================================================
   Left column: server status, CP, rating, forum, copyright
   ========================================================= */

.container .left {
    position: relative;
	width:260px; 
	display:inline-block; 
	vertical-align:top; 
	margin:85px 0px 0px 52px
}

.container .left .status { 
	height:126px;
}

.container .left .status .statusbg {
	box-sizing: border-box;
	position: relative;
	display: flex;
	align-items: center;
	overflow: hidden;

	width: 260px;
	height: 31px;
	margin: 7px 0 0 0;
	line-height: 30px;

	border: 1px solid rgba(255, 160, 70, .28);
	border-radius: 5px;

	background:
		linear-gradient(180deg, rgba(255,120,40,.08), rgba(20,4,2,.18)),
		rgba(35, 8, 4, .28);

	box-shadow:
		inset 0 0 10px rgba(0,0,0,.62),
		0 0 8px rgba(255,90,25,.10);

	transition:
		border-color .18s ease,
		box-shadow .18s ease,
		filter .18s ease;

}

.container .left .status .statusbg .name {
	position: relative;
	z-index: 2;
	flex-grow: 1;
	padding: 0 10px;
	color: #f0d3a2;
	font-size: 12pt;
	text-shadow: 0 1px 2px rgba(0,0,0,.95);

}

.container .left .status .statusbg .name a { 
	text-decoration: none;
	color:#f3c180;
	font-size: 13pt;
	font-family: 'AdonisC', serif;
	text-align:left;
	margin-left: 10px;
	text-shadow: 0 0 5px rgba(0,0,0,.9);
}

.container .left .status .statusbg .ico {
	position: relative;
	z-index: 2;
	display: flex;
	padding: 0 10px 4px;

}

.container .left .status .statusbg .ico img { 
	vertical-align: top;
}

.container .left .status .statusbg .online {
	position: relative;
	z-index: 2;
	padding: 0 5px;
	color: #ffd2c1;
	opacity: 0;
	visibility: hidden;
	transition: opacity .2s ease-in-out;

}

.container .left .status .statusbg:hover .online {
    opacity: 1;
}

.container .left .status .statusbg .online-bar {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0;

	background:
		linear-gradient(90deg, rgba(65,120,45,.42), rgba(120,95,35,.30));

	box-shadow:
		inset 0 0 8px rgba(120,255,120,.12),
		0 0 7px rgba(80,180,80,.10);

	transition: width 1.4s ease-out;

}

.container .left .status .statusbg .online-bar_inited {
	transition: width 3s ease-out 0s;
}

.container .left .cp .cpbutton { 
	background:url(../images/cp.png) no-repeat center;
	width:229px; 
	height:44px; 
	display:block; 
	margin:10px 0px 0px 18px;
	opacity: 0.8;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}

.container .left .cp .cpbutton:hover { 
	opacity: 1;
}

.container .left .cp .cpbutton2 { 
	background:url(../images/cp2.png) no-repeat center;
	width:229px; 
	height:44px; 
	display:block; 
	margin:10px 0px 0px 18px;
	opacity: 0.8;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}

.container .left .cp .cpbutton2:hover { 
	opacity: 1;
}

.container .left .cp .cpbutton3 { 
	background:url(../images/cp3.png) no-repeat center;
	width:229px; 
	height:44px; 
	display:block; 
	margin:10px 0px 0px 18px;
	opacity: 0.8;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}

.container .left .cp .cpbutton3:hover { 
	opacity: 1;
}

.container .left .cp {
	width:260px; 
	height:80px; 
	display:block;
	margin-top: 15px;
    text-align: center;
}

.container .left .cp .reg { 
	display:inline-block; 
    padding: 0px 10px 0px 0px;
}

.container .left .cp .reg a { 
	text-decoration: none;
	color:#f3c180;
	font:12pt 'AdonisC';
	text-align:left;
}

.container .left .cp .lost a {
	text-decoration: none;
	color:#f3c180;
	font:12pt 'AdonisC';
	text-align:left;
}

.container .left .rating {
	margin-top: 35px;
	width:260px; 
	height:230px; 
	display:block;
}

.container .left .forum .forumbg {
	background:url(../images/forumbg.png) no-repeat center;
	margin-top: 5px;
	width:255px; 
	height:25px; 
	display:block;
	position:relative;
	border: 2px solid #6e1b0b;
	border-radius: 4px;
	box-shadow: inset 0 0 5px rgba(0,0,0,.9);
	overflow: hidden;
}

.container .left .forum .theme__link {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	text-decoration:none;
	display:block;
	z-index:5;
}

.container .left .forum .theme__content {
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding-left:10px;
}

.container .left .forum .theme__title {
	color:#c1bfbd;
	font-size:16px;
	font-weight:400;
	line-height:16px;
	padding:5px 0;
}

.container .left .copyright {
    margin-top: 30px;
	width:260px;
	height:50px;
	display:block;
    text-align: center;
}


.container .left .rights {
    background: url(../images/ncsoft.png) no-repeat right center;
    color: #fff;
	margin: 1px 0 0 -30px;
    padding-right: 100px;
    width: 215px;
    height: 40px;
    display: block;
    font-size: 9px;
    opacity: 0.6;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.container .left .rights:hover {
	opacity: 1;
}

.container .right { 
	width:560px; 
	display:inline-block; 
	vertical-align:top; 
	margin:15px 0px 0px 55px;
}

.container .right .infocontent { 
	width:560px; 
	height:250px; 
	display:block;
	vertical-align:top; 
}

.fixed-banner {
	position: absolute;
	top: 7px;
	right: 5px;
	z-index: 9999;
}

.container .right .banners { 
	margin: 20px 0 0 25px;
	width:600px;  
	display:block;
	float: left;
}

.container .right .banners ul li { 
	list-style:none; 
	float: left;
	margin: 0 7px 0 7px;
	width:88px; 
	height:31px;
}

.container .right .banners ul li a {	
	opacity: 1;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}

.container .right .banners ul li a:hover {
	opacity: 1;
}

#mycustomscroll {
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    height: 900px;
    margin: 0.3em auto;
    outline: none;
    scroll-behavior: smooth;
}

#mycustomscroll::-webkit-scrollbar {
    width: 6px;
}

#mycustomscroll::-webkit-scrollbar-track {
    background: transparent;
}

#mycustomscroll::-webkit-scrollbar-thumb {
    background: rgba(160, 160, 160, 0.18);
    border-radius: 10px;
}

#mycustomscroll::-webkit-scrollbar-thumb:hover {
    background: rgba(200, 200, 200, 0.32);
}


::-webkit-input-placeholder
{
	color: #ffffff;
	opacity: 0.5;
	transition: opacity 0.35s ease-in-out;
	webkit-transition: opacity 0.35s ease-in-out;
}
:-moz-placeholder
{
	color: #ffffff;
	moz-transition: opacity 0.35s ease-in-out;
	opacity: 0.5;
	transition: opacity 0.35s ease-in-out;
}
::-moz-placeholder
{
	color: #ffffff;
	moz-transition: opacity 0.35s ease-in-out;
	opacity: 0.5;
	transition: opacity 0.35s ease-in-out;
}
:-ms-input-placeholder
{
	color: #ffffff;
	ms-transition: opacity 0.35s ease-in-out;
	opacity: 0.5;
	transition: opacity 0.35s ease-in-out;
}
:hover::-webkit-input-placeholder
{
	opacity: 0.85;
	transition: opacity 0.35s ease-in-out;
	webkit-transition: opacity 0.35s ease-in-out;
}
:hover:-moz-placeholder
{
	moz-transition: opacity 0.35s ease-in-out;
	opacity: 0.85;
	transition: opacity 0.35s ease-in-out;
}
:hover::-moz-placeholder
{
	moz-transition: opacity 0.35s ease-in-out;
	opacity: 0.85;
	transition: opacity 0.35s ease-in-out;
}
:hover:-ms-input-placeholder
{
	ms-transition: opacity 0.35s ease-in-out;
	opacity: 0.85;
	transition: opacity 0.35s ease-in-out;
}
:focus::-webkit-input-placeholder
{
	opacity: 0.2;
	transition: opacity 0.35s ease-in-out;
	webkit-transition: opacity 0.35s ease-in-out;
}
:focus:-moz-placeholder
{
	moz-transition: opacity 0.35s ease-in-out;
	opacity: 0.2;
	transition: opacity 0.35s ease-in-out;
}
:focus::-moz-placeholder
{
	moz-transition: opacity 0.35s ease-in-out;
	opacity: 0.2;
	transition: opacity 0.35s ease-in-out;
}
:focus:-ms-input-placeholder
{
	ms-transition: opacity 0.35s ease-in-out;
	opacity: 0.2;
	transition: opacity 0.35s ease-in-out;
}

.stat_title {
  text-align: center;
  font-family: georgia, palatino;
  line-height: 15px;
  color: #fcc976;
  opacity: 0.8;
  font-size: 12px;
  text-transform: uppercase;
  text-shadow: 0 1px 2px rgba(102,84,20,0.56);
}

.otstup {
	margin-top: 20px;
}

.otstupfull {
	margin: 20px 0 20px 0;
}

input[type="checkbox"] {
    position: absolute;
    left: 155px;
    margin-left: -18px;
    margin-top: 1px;
}

.footer {
	position: fixed;
	height: 40px;
	top: 0;
	left: 0;
	right: 0;
	line-height: 40px;
	background: rgba(0,0,0,.5);
	box-shadow: 0 0 5px rgba(0,0,0,.5);
	z-index: 10;
	transition: top .6s ease-out 0s;
}

.footer_hide {
	top: -45px;
}

.footer-menu {
	list-style: none;
	padding: 0;
	width: 700px;
	margin: 0 auto;
	text-align: center;
}

.footer-menu__item {
	display: inline-block;
	margin: 0 2px;
}

.footer-menu__link {
	text-decoration: none;
}

.stat-list {
	position: relative;
	overflow: auto;
	height: 780px;
}

.cloned-table-head {
	position: absolute;
	z-index: 3;
}

.content__heading {
    margin-left: 0px;
    margin-right: 0px;
}

.heading {
    position: relative;
    z-index: 0;
    min-height: 60px;
    padding: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #3f3b39;
    cursor: default;
}

.heading__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.heading__title {
    font-family: BeaufortforLOL, Times New Roman, Times, serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 16px;
    padding-top: 10px;
	text-align: center;
}

.content__article:not(:last-child) {
    border-bottom: 1px solid #272321;
}

.article {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 10px 10px;
}

.article__title {
    font-family: BeaufortforLOL, Times New Roman, Times, serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 16px;
    padding-top: 12px;
	text-align: center;
}

.article__content {
    padding: 20px 0;
    font-size: 16px;
    line-height: 22px;
    color: #6f6865;
    font-weight: 400;
}

.article__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.article__info {
    font-size: 14px;
    line-height: 16px;
    color: #3b3736;
}

.article__date {
    color: #a8a19f;
}

.article__btn {
    margin-right: 10px;
}

.article__more {
    margin-left: auto;
}

.btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    height: 41px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    text-shadow: 0 1px 0 rgba(187, 186, 186, .75);
    color: #1d1a17;
    font-family: BeaufortforLOL, Times New Roman, Times, serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase;
    position: relative;
    z-index: 0;
    border: 0;
    outline: 0;
    padding: 0 20px;
}

.btn,
.btn:hover {
    -webkit-box-shadow: 0 5px 14.7px 1.3px rgba(0, 0, 0, .32);
    box-shadow: 0 5px 14.7px 1.3px rgba(0, 0, 0, .32);
}

.btn:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    background: transparent url(../images/btns/btn_type_def.png) no-repeat 50%;
    border: 1px solid #9b9b9b;
    background-clip: border-box;
}

.btn:hover:after {
    -webkit-filter: brightness(120%);
    filter: brightness(120%);
}

.btn__content {
    position: relative;
    z-index: 5;
    display: inline-block;
}

.btn_type_3 {
    width: 110px;
    height: 31px;
    text-shadow: 0 1px 0 rgba(187, 186, 186, .75);
    color: #1d1a17;
    font-size: 13px;
    font-weight: 700;
    line-height: 13px;
    text-transform: uppercase;
    border: 0;
    padding: 0 5px;
}

.btn_type_3:after {
    background: transparent url(../images/btns/btn_type_3.png) no-repeat 50%;
    border-color: #616161;
}

.b-rating__contents-wrapper {
	height: 178px;
	position: relative;
	transition: .2s ease-in-out height;

}

.b-rating__content {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    opacity: 0;
    transform: scale(.9);
    transition: .2s ease-in-out opacity, .2s ease-in-out transform;
    pointer-events: none;
}

.b-rating__content_active {
    opacity: 1;
    transform: scale(1);
    pointer-events: initial;
}

.b-rating__table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	color: #f0d3a2;
	text-shadow: 0 1px 2px rgba(0,0,0,.9);

}

.b-rating__table td:first-child {
	max-width: 185px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;

}

.b-rating__table td:last-child {
	width: 48px;
	text-align: right;
	color: #ffd18a;
	font-weight: 700;

}

.b-stream-slider {
    display: none;
}

.b-stream-slider_init {
    display: block;
}

.b-stream-slider__item {
    position: relative;
    cursor: pointer;
}

.b-stream-slider__item iframe {
    width: 100%;
    height: 100%;
}

.b-stream-slider__item::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
	border: 1px solid rgba(82, 2, 1, 1);
}

.b-stream-slider_open .b-stream-slider__wrapper {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    z-index: 3;
}

.b-stream-slider_open .b-stream-slider__wrapper-inner {
    width: 800px;
}

.b-stream-slider_open .b-stream-slider__item::before {
    display: none;
}

.b-stream-slider_open iframe {
    height: 450px;
}

.b-stream-container {
    margin-top: 100px;
    width: 260px;
    height: 180px;
}

.b-stream-empty {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    border: 1px solid rgba(82, 2, 1, 1);
    border-radius: 4px;
}


::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-track {
	background: #232323;
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.65);
	border-radius: 8px;
}

::-webkit-scrollbar-thumb {
	background: linear-gradient(
		180deg,
		rgba(120, 140, 170, 0.75) 0%,
		rgba(75, 90, 115, 0.88) 100%
	);

	border-radius: 8px;
	border: 1px solid rgba(180, 210, 255, 0.18);

	box-shadow:
		inset 0 0 3px rgba(255,255,255,0.08),
		0 0 4px rgba(0,0,0,0.35);
}

::-webkit-scrollbar-thumb:hover {
	background: linear-gradient(
		180deg,
		rgba(145, 170, 205, 0.85) 0%,
		rgba(90, 110, 140, 0.95) 100%
	);

	border: 1px solid rgba(210, 230, 255, 0.28);
}

.langs {
    width: 38px;
    height: 30px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 5px
}

.langs:after {
    content: "";
    display: block;
    background: url(../images/lang/arrow__down.png) no-repeat;
    width: 8px;
    height: 5px;
    position: absolute;
    right: 33px;
    top: calc(50% - 2px);
    -webkit-transition: all .5s;
    transition: all .5s;
    cursor: pointer;
    -webkit-filter: drop-shadow(0 0 1px rgba(255, 208, 0, .9)) drop-shadow(0 0 1px rgba(255, 196, 0, .9));
    filter: drop-shadow(0 0 1px rgba(255, 208, 0, .9)) drop-shadow(0 0 1px rgba(255, 196, 0, .9));
}

.langs:hover:after {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
}

.lang__link {
    display: block;
    width: 70px;
    height: 27px;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
}

.lang__img {
    width: 40px;
    height: 40px;
    margin-right: 0px;
    border-radius: 50%;
}

.lang__img,
.lang__name {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 10px;
}

.lang__name {
    color: #535353;
    font-weight: 600;
}

.lang__link_sub {
    width: 25px;
    height: 30px;
    position: relative;
}

.lang__link_sub:hover {
    background-color: #2c292700
}

.lang__link_sub:after {
    content: "";
    display: block;
    background: url(../images/lang/arrow__left.png) no-repeat;
    width: 6px;
    height: 7px;
    position: absolute;
    left: -1px;
    top: calc(50% - 3px);
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    opacity: 0;
    -webkit-transform: translateX(10px) rotate(180deg);
    transform: translateX(10px) rotate(180deg);
	-webkit-filter: drop-shadow(0 0 1px rgba(255, 208, 0, .9)) drop-shadow(0 0 1px rgba(255, 196, 0, .9));
    filter: drop-shadow(0 0 1px rgba(255, 208, 0, .9)) drop-shadow(0 0 1px rgba(255, 196, 0, .9));
}

.lang__link_sub:hover:after {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(180deg);
    transform: translateX(0) rotate(180deg);
}

.lang__link_sub:before {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer
}

.lang__link_sub:hover .lang__name {
    color: #b58d21
}

.lang__list {
    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-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 25px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-box-shadow: 0 7px 5px rgba(0, 0, 0, 0);
    box-shadow: 0 7px 5px rgba(0, 0, 0, 0);
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    position: absolute;
    right: 13px;
    top: 30px;
    z-index: 10;
    padding-left: 3px;
}

.langs:hover .lang__list {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.lang__link_select {
    width: 38px;
    height: 27px;
    padding-left: 0;
}

.lang__img_select {
    -webkit-filter: drop-shadow(0 0 3px rgba(0, 68, 255, 0));
    filter: drop-shadow(0 0 3px rgba(32, 95, 213, 0));
}

.lang__name_select {
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
}

.navigation__lang-box {
    position: absolute;
    top: -2px;
    left: 930px;
    z-index: 20;

    display: flex;
    align-items: center;
    justify-content: center;
}

.glider-dot.active {
    background: #6e110cbd;
}

/* =========================================================
   Site buttons / files / support / footer
   ========================================================= */

.btn_donate {
  width: 200px;
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 2px solid #e74c3c;
  border-radius: 0.6em;
  color: #e74c3c;
  cursor: pointer;
  display: inline-block;
  align-self: center;
  font-weight: 400;
  line-height: 1;
  margin: 5px;
  padding: 8px 5px;
  text-decoration: none;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.btn_donate:hover, .btn_donate:focus {
  color: #f3c180;
  outline: 0;
}

.btn_fs {
  width: 270px;
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 2px solid #e74c3c;
  border-radius: 0.6em;
  color: #e74c3c;
  cursor: pointer;
  display: inline-block;
  align-self: center;
  font-weight: 400;
  line-height: 1;
  margin: 5px;
  padding: 8px 5px;
  text-decoration: none;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.btn_fs:hover, .btn_fs:focus {
  color: #f3c180;
  outline: 0;
}

.btn_files {
  width: 80px;
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 2px solid #e74c3c;
  border-radius: 0.6em;
  color: #e74c3c;
  cursor: pointer;
  display: inline-block;
  align-self: center;
  font-weight: 400;
  line-height: 1;
  margin: 3px;
  padding: 3px 1px;
  text-decoration: none;
  text-align: center;
  font-family: "Montserrat", sans-serif;
}

.btn_files:hover, .btn_files:focus {
  color: #f3c180;
  outline: 0;
}

.btn_vote {
  width: 100px;
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 2px solid #e74c3c;
  border-radius: 0.6em;
  color: #e74c3c;
  cursor: pointer;
  display: inline-block;
  align-self: center;
  font-weight: 400;
  line-height: 1;
  margin: 3px;
  padding: 4px 1px;
  text-decoration: none;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.btn_vote:hover, .btn_vote:focus {
  color: #f3c180;
  outline: 0;
}

.third {
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 20px;
  color: #d0b99b;
  box-shadow: 0 0 20px #595a5f inset, 0 0 0 0 #595a5f;
  transition: all 150ms ease-in-out;
}

.third:hover {
  box-shadow: 0 0 10px 0 #595a5f inset, 0 0 5px 3px #595a5f;
}

.third2 {
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 20px;
  color: #d0b99b;
  box-shadow: 0 0 10px #595a5f inset, 0 0 0 0 #595a5f;
  transition: all 150ms ease-in-out;
}

.third2:hover {
  box-shadow: 0 0 10px 0 #595a5f inset, 0 0 5px 3px #595a5f;
}

.btn_foot {
    box-sizing: border-box;
    appearance: none;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 34px;
    padding: 0 10px;

    background: transparent;
    border: 1px solid transparent;
    border-radius: 6px;

    color: #d0b99b;
    cursor: pointer;

    text-decoration: none;
    text-align: center;
    line-height: 1;

    font-weight: 700;

    transition:
        color .18s ease,
        background .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        transform .12s ease;
}

.btn_foot:hover,
.btn_foot:focus {
    color: #fff0c8;
    background: rgba(12, 18, 26, 0.42);
    border-color: rgba(255, 205, 120, 0.22);

    box-shadow:
        0 0 10px rgba(255, 185, 80, 0.12),
        inset 0 0 8px rgba(255, 180, 80, 0.05);

    outline: 0;
}

.btn_foot:active {
    transform: translateY(1px);
    background: rgba(8, 10, 14, 0.55);
    box-shadow:
        inset 0 2px 7px rgba(0,0,0,.45),
        0 0 5px rgba(255, 185, 80, 0.08);
}

.third3,
.third3:hover {
    border: 0;
    border-radius: 6px;
    box-shadow: none;
}

.footer-menu__link:hover,
.footer-menu__link:focus {
    background: transparent !important;
}

#garland {
    position: absolute;
    top: -5px;
    left: 0;
    background-image: url(../images/RainbStarsNew2.png);
    height: 36px;
    width: 100%;
    overflow: hidden;
    z-index: 99;
}

#nums_1 {
    padding:100px
}

.garland_1 {background-position: 0 0}
.garland_2 {background-position: 0 -36px}
.garland_3 {background-position: 0 -72px}
.garland_4 {background-position: 0 -108px}
  
.third4 {
    border: 0px solid rgba(255,255,255,.25);
    border-radius: 50%;
    box-shadow: 0 0 0 #595a5f inset, 0 0 0 0 #595a5f;
    transition: all 150ms ease-in-out;
}
  
.third4:hover {
    box-shadow: 0 0 10px 0 #595a5f inset, 0 0 5px 3px #595a5f;
}

.email-bt {
    border-radius: 50%;
    box-shadow: 0 8px 10px rgb(149 24 249 / 30%);
    cursor: pointer;
    border: 2px solid transparent;
    display: block;
    height: 42px;
    width: 42px;
    text-align: center;
    z-index: 999;
    transition: .3s ease-in-out;
    -webkit-animation: email-an linear 1s infinite;
    animation: email-an linear 1s infinite;
}

.email-bt:hover {
    background: #fffefe;
    border: 2px solid #8149ff;
}

.email-bt .text-call {
    height: 42px;
    width: 42px;
    border-radius: 50%;
    position: relative;
}

.email-bt .text-call:after {
    content: "";
    display: block;
    font-family: fontawesome;
    color: #fff;
    font-size: 34px;
    line-height: 75px;
    height: 42px;
    width: 42px;
    opacity: 1;
    transition: .3s ease-in-out;
    -webkit-animation: opsimple 3s infinite;
    animation: opsimple 3s infinite;
}

.email-bt .text-call:hover:after {
    opacity: 0;
}

@keyframes email-an {
    0% {
        box-shadow: 0 8px 10px rgb(190 107 255 / 30%), 0 0 0 0 rgb(141 24 249 / 20%), 0 0 0 0 rgb(142 24 249 / 20%)
    }

    40% {
        box-shadow: 0 8px 10px rgb(139 24 249 / 30%), 0 0 0 7.5px rgb(150 24 249 / 20%), 0 0 0 0 rgb(142 24 249 / 20%)
    }

    80% {
        box-shadow: 0 8px 10px rgb(170 24 249 / 30%), 0 0 0 15px rgb(150 24 249 / 0%), 0 0 0 13.4px rgb(141 24 249 / 7%)
    }

    100% {
        box-shadow: 0 8px 10px rgb(129 24 249 / 30%), 0 0 0 15px rgb(150 24 249 / 0%), 0 0 0 20px rgb(162 24 249 / 0%)
    }
}

@keyframes opsimple {
    0% {
        opacity: 0;
        transform: rotate(0deg);
    }

    40% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: rotate(360deg);
    }
}

/* =========================================================
   Countdown timer
   ========================================================= */

/* === L2Pwner Countdown: ледяное пламя с динамическими искрами === */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&display=swap');

/* === Основной контейнер === */
.lp-countdown {
  --fire-main: #ff7a00;
  --fire-glow: #ffc400;
  --ice-glow: #3ac9ff;
  --text: #e9f6ff;
  --bg: rgba(10, 20, 35, 0.85);

  position: absolute;
  top: 570px;
  left: 6px;
  width: 313px;
  z-index: 10;

  background: linear-gradient(180deg, rgba(10, 20, 35, 0.9), rgba(10, 5, 2, 0.95));
  border: 1px solid rgba(0, 190, 255, 0.4);
  border-radius: 12px;
  box-shadow:
    0 0 25px rgba(0, 140, 255, 0.25),
    inset 0 0 15px rgba(255, 100, 0, 0.25);
  padding: 14px 18px;
  color: var(--text);
  font-family: 'Orbitron', system-ui, sans-serif;
  text-align: center;
  overflow: hidden;
  transition: all 0.3s ease;
  opacity: 0;
  transform: translateY(-10px) scale(0.98);
  animation: lp-fadein 1.4s ease-out forwards;
}

/* === Фон и свечение === */
.lp-countdown::before,
.lp-countdown::after {
  content: "";
  position: absolute;
  left: -12%;
  right: -12%;
  bottom: -16%;
  height: 65%;
  background:
    radial-gradient(60% 110% at 50% 100%, rgba(255,120,0,0.35), transparent 70%),
    radial-gradient(60% 100% at 50% 100%, rgba(0,160,255,0.25), transparent 80%);
  filter: blur(12px);
  animation: lp-flicker 2.2s ease-in-out infinite, lp-pulse 7s ease-in-out infinite;
  pointer-events: none;
}
.lp-countdown::after {
  filter: blur(20px);
  opacity: .45;
  animation-duration: 3s;
}

/* === Заголовок таймера === */
.lpcd-title {
  font-size: 13px;
  letter-spacing: .5px;
  color: #b8e8ff;
  text-shadow:
    0 0 4px rgba(0,180,255,0.4),
    0 0 8px rgba(0,180,255,0.25);
  margin: 0 0 10px;
}

/* === Строки таймера === */
.lpcd-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(20,50,90,0.3), rgba(0,0,0,0.2));
  box-shadow:
    inset 0 0 15px rgba(0,180,255,0.25),
    0 0 10px rgba(255,120,0,0.15);
  margin-bottom: 8px;
}

/* === Текстовые подписи === */
.lpcd-label {
  font-size: 12px;
  color: #d9f0ff;
  opacity: .95;
}

/* === Цифровой блок (улучшенный стиль) === */
.lpcd-time {
  display: inline-flex;
  gap: 8px;
  align-items: baseline;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 1px;
}

/* === Цифры: приглушённый свет, но с глубиной === */
.lpcd-num {
  min-width: 34px;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  color: #ffdba8;
  text-shadow:
    0 0 4px rgba(255,160,60,0.6),
    0 0 10px rgba(255,100,0,0.25),
    0 0 18px rgba(0,140,255,0.25);
  transform-origin: center;
  animation:
    lp-firetransition 6s ease-in-out infinite,
    lp-sparkflicker 3s ease-in-out infinite;
}

/* === Переход цвета (мягкий) === */
@keyframes lp-firetransition {
  0%, 100% {
    transform: scale(1);
    color: #ffdba8;
    text-shadow:
      0 0 4px rgba(255,150,60,0.55),
      0 0 10px rgba(255,100,0,0.25),
      0 0 18px rgba(0,140,255,0.25);
  }
  50% {
    transform: scale(1.04);
    color: #bfe3ff;
    text-shadow:
      0 0 5px rgba(0,180,255,0.45),
      0 0 12px rgba(0,140,255,0.25),
      0 0 20px rgba(255,140,60,0.15);
  }
}

/* Лёгкие микромерцания */
@keyframes lp-sparkflicker {
  0%, 100% { filter: brightness(1) saturate(1); }
  18%      { filter: brightness(1.18) saturate(1.05); }
  20%      { filter: brightness(0.9)  saturate(0.98); }
  22%      { filter: brightness(1.28) saturate(1.08); }
  50%      { filter: brightness(0.92) saturate(0.98); }
  55%      { filter: brightness(1.22) saturate(1.06); }
  78%      { filter: brightness(0.95) saturate(0.99); }
  82%      { filter: brightness(1.15) saturate(1.04); }
}

/* === Медленное дыхание температуры блока === */
.lpcd-time {
  animation: lp-temperature 28s ease-in-out infinite;
  transition: filter 0.8s ease-in-out;
}

/* Переход только между янтарным и голубым */
@keyframes lp-temperature {
  0%, 100% {
    filter: brightness(1) saturate(1.05) drop-shadow(0 0 6px rgba(255,180,80,0.4));
  }
  50% {
    filter: brightness(1.1) saturate(1.15) drop-shadow(0 0 8px rgba(90,180,255,0.45));
  }
}

/* === При наведении — ускоренное “пламя” === */
.lp-countdown:hover .lpcd-time {
  animation: lp-temperature-fast 10s ease-in-out infinite;
  filter: brightness(1.15) saturate(1.2) drop-shadow(0 0 9px rgba(255,200,120,0.65));
}

/* Быстрое дыхание жара */
@keyframes lp-temperature-fast {
  0%, 100% {
    filter: brightness(1.1) saturate(1.2) drop-shadow(0 0 7px rgba(255,180,80,0.5));
  }
  50% {
    filter: brightness(1.3) saturate(1.5) drop-shadow(0 0 10px rgba(90,180,255,0.8));
  }
}

/* === Подсветка низа блока — эффект жара снизу === */
.lp-countdown::before {
  content: "";
  position: absolute;
  bottom: -5%;
  left: -10%;
  right: -10%;
  height: 45%;
  background: radial-gradient(60% 90% at 50% 100%, rgba(255,120,40,0.18), transparent 70%);
  filter: blur(12px);
  animation: lp-bottomglow 6s ease-in-out infinite;
  pointer-events: none;
  z-index: 0;
}

/* Пульс жара снизу */
@keyframes lp-bottomglow {
  0%, 100% { opacity: 0.35; transform: scaleY(1); }
  50% { opacity: 0.6; transform: scaleY(1.1); }
}

.lpcd-unit {
  font-size: 12px;
  color: #cfe8ff;
  opacity: .9;
}

.lpcd-sep {
  opacity: .55;
  color: #fff4cc;
}

/* === Эффект при наведении === */
.lp-countdown:hover {
  transform: scale(1.03);
  filter: brightness(1.08);
}
.lp-countdown:hover::before {
	filter: blur(10px);
	opacity: .9;

}

/* === Искры (динамические) === */
.lp-fire-sparks {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: visible;
}

/* создаём 10 независимых искр */
.lp-fire-sparks span {
  position: absolute;
  bottom: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--fire-glow);
  box-shadow:
    0 0 8px var(--fire-glow),
    0 0 15px var(--fire-main);
  animation: lp-ember-dynamic 3s linear infinite;
  opacity: 0.9;
}

/* случайные цвета и задержки */
.lp-fire-sparks span:nth-child(2n) {
  background: var(--ice-glow);
  box-shadow:
    0 0 10px var(--ice-glow),
    0 0 20px rgba(0,180,255,0.7);
  animation: lp-ember-blue 4s linear infinite;
}
.lp-fire-sparks span:nth-child(3) { left: 10%; animation-delay: 0.3s; }
.lp-fire-sparks span:nth-child(4) { left: 25%; animation-delay: 1.2s; }
.lp-fire-sparks span:nth-child(5) { left: 40%; animation-delay: 2.1s; }
.lp-fire-sparks span:nth-child(6) { left: 55%; animation-delay: 0.9s; }
.lp-fire-sparks span:nth-child(7) { left: 65%; animation-delay: 2.7s; }
.lp-fire-sparks span:nth-child(8) { left: 75%; animation-delay: 1.6s; }
.lp-fire-sparks span:nth-child(9) { left: 85%; animation-delay: 3.2s; }
.lp-fire-sparks span:nth-child(10) { left: 95%; animation-delay: 0.7s; }

/* === Анимации === */
@keyframes lp-fadein {
  from { opacity: 0; transform: translateY(-10px) scale(0.95); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes lp-flicker {
  0%,100% { opacity:.6; transform:translateY(0); }
  35% { opacity:.8; transform:translateY(-1px); }
  55% { opacity:.7; transform:translateY(-2px); }
  75% { opacity:.85; transform:translateY(-1px); }
}
@keyframes lp-pulse {
  0%,100% { filter: blur(10px); opacity:.6; }
  50% { filter: blur(15px); opacity:.9; }
}
@keyframes lp-textglow {
  0%,100% {
    text-shadow:
      0 0 10px rgba(0,200,255,0.6),
      0 0 20px rgba(255,140,0,0.5);
  }
  50% {
    text-shadow:
      0 0 25px rgba(0,200,255,0.8),
      0 0 35px rgba(255,160,40,0.6);
  }
}

/* динамические искры */
@keyframes lp-ember-dynamic {
  0% {
    transform: translateY(0) scale(1) rotate(0deg);
    opacity: 0.9;
  }
  25% {
    transform: translateY(-30px) translateX(-5px) scale(1.1) rotate(15deg);
    opacity: 0.8;
  }
  50% {
    transform: translateY(-60px) translateX(10px) scale(0.9) rotate(-10deg);
    opacity: 0.6;
  }
  75% {
    transform: translateY(-90px) translateX(-8px) scale(0.8) rotate(5deg);
    opacity: 0.4;
  }
  100% {
    transform: translateY(-120px) translateX(5px) scale(0.7) rotate(-15deg);
    opacity: 0;
  }
}
@keyframes lp-ember-blue {
  0% {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
  30% {
    transform: translateY(-40px) translateX(5px) scale(1.2);
    opacity: .8;
  }
  60% {
    transform: translateY(-90px) translateX(-5px) scale(.9);
    opacity: .5;
  }
  100% {
    transform: translateY(-130px) scale(.7);
    opacity: 0;
  }
}

/* =========================================================
   Promo block
   ========================================================= */

/* === Промо-блок "Скидка до старта" — стиль Frostfire === */
.lp-promo-fixed {
  --fire-main: #ff7a00;
  --fire-glow: #ffc400;
  --ice-glow: #3ac9ff;
  --text: #e9f6ff;

  position: fixed;
  bottom: 25px;
  right: 25px;
  width: 290px;
  padding: 14px 18px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(10, 20, 35, 0.9), rgba(10, 10, 15, 0.95));
  border: 1px solid rgba(0, 190, 255, 0.35);
  box-shadow:
    0 0 25px rgba(0, 140, 255, 0.25),
    inset 0 0 12px rgba(255, 100, 0, 0.2);
  color: var(--text);
  font-family: 'Orbitron', system-ui, sans-serif;
  text-align: center;
  z-index: 1000;
  overflow: hidden;
  opacity: 0;
  transform: translateY(10px) scale(0.96);
  animation: lp-frostfade 1.5s ease-out forwards;
}

/* плавное появление */
@keyframes lp-frostfade {
  from { opacity: 0; transform: translateY(10px) scale(0.96); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

/* внутренняя аура */
.lp-promo-fixed::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(60% 100% at 50% 100%, rgba(255,120,0,0.18), transparent 70%),
    radial-gradient(60% 100% at 50% 0%, rgba(0,180,255,0.18), transparent 80%);
  filter: blur(12px);
  animation: lp-promo-glow 6s ease-in-out infinite;
  pointer-events: none;
}

@keyframes lp-promo-glow {
  0%,100% { opacity: .5; }
  50% { opacity: .8; }
}

/* заголовок */
.lp-promo-title {
  font-size: 13px;
  letter-spacing: .6px;
  color: #ffdca0;
  text-shadow:
    0 0 8px rgba(255,150,60,0.5),
    0 0 16px rgba(255,100,0,0.3);
  margin-bottom: 8px;
  position: relative;
  z-index: 1;
}

/* таймер */
.lp-promo-timer {
  font-size: 18px;
  font-weight: 700;
  color: #ffe7b0;
  text-shadow:
    0 0 10px rgba(255,160,60,0.8),
    0 0 25px rgba(0,160,255,0.4);
  margin-bottom: 10px;
  animation: lp-promo-temp 8s ease-in-out infinite;
}

@keyframes lp-promo-temp {
  0%,100% {
    color: #ffe0a0;
    text-shadow:
      0 0 10px rgba(255,150,60,0.7),
      0 0 25px rgba(0,160,255,0.3);
  }
  50% {
    color: #c5ecff;
    text-shadow:
      0 0 14px rgba(0,190,255,0.6),
      0 0 30px rgba(255,160,60,0.25);
  }
}

/* ===== Темная кнопка в стиле таймера ===== */
.lp-promo-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: linear-gradient(180deg, rgba(15, 25, 35, 0.95), rgba(5, 10, 20, 0.92));
  border-radius: 10px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 700;
  color: #dcecff;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border: 1px solid rgba(0, 180, 255, 0.25);
  box-shadow:
    0 0 10px rgba(0, 140, 255, 0.1),
    inset 0 0 12px rgba(255, 160, 60, 0.08);
  transition: transform 0.25s ease, filter 0.25s ease;
  position: relative;
  z-index: 1;
}

/* иконка */
.lp-promo-btn::before {
  content: "💎";
  font-size: 15px;
  opacity: 0.75;
  transform: translateY(1px);
}

/* при наведении — лёгкое “дыхание”, без вспышек */
.lp-promo-btn:hover {
  transform: scale(1.05);
  filter: brightness(1.04);
  box-shadow:
    0 0 12px rgba(0, 160, 255, 0.18),
    inset 0 0 15px rgba(255, 140, 60, 0.12);
}

/* при нажатии — мягкий отклик */
.lp-promo-btn:active {
  transform: scale(0.96);
  filter: brightness(0.9);
  box-shadow:
    0 0 6px rgba(0, 180, 255, 0.12),
    inset 0 0 6px rgba(255, 160, 60, 0.1);
  transition: transform 0.08s ease, filter 0.1s ease;
}

/* ===== Ореол под кнопкой: плавный переход лёд ↔ огонь ===== */
.lp-promo-btn::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  width: 82%;
  height: 7px;
  background: radial-gradient(
    ellipse at center,
    rgba(0, 180, 255, 0.25) 0%,
    rgba(0, 180, 255, 0.06) 40%,
    transparent 100%
  );
  filter: blur(6px);
  opacity: 0.4;
  border-radius: 50%;
  z-index: 0;
  animation: lp-btn-glow-soft 7s ease-in-out infinite;
}

/* анимация ореола: мягкий цикл лед ↔ пламя */
@keyframes lp-btn-glow-soft {
  0% {
    background: radial-gradient(
      ellipse at center,
      rgba(0, 180, 255, 0.25) 0%,
      rgba(0, 180, 255, 0.06) 40%,
      transparent 100%
    );
    opacity: 0.35;
  }
  50% {
    background: radial-gradient(
      ellipse at center,
      rgba(255, 160, 60, 0.25) 0%,
      rgba(255, 140, 40, 0.07) 40%,
      transparent 100%
    );
    opacity: 0.55;
  }
  100% {
    background: radial-gradient(
      ellipse at center,
      rgba(0, 180, 255, 0.25) 0%,
      rgba(0, 180, 255, 0.06) 40%,
      transparent 100%
    );
    opacity: 0.35;
  }
}

/* Support icons */
.btn_support {
    box-sizing: border-box;
    display: inline-block;
    width: 36px;
    height: 36px;
    margin: 5px;
    border-radius: 50%;
    transition:
        transform 220ms ease,
        filter 220ms ease,
        box-shadow 220ms ease;
    will-change: transform, filter;
}

.btn_support:hover {
    transform: translateY(-3px) scale(1.08);
    filter: brightness(1.15) saturate(1.12);
}

.btn_support:active {
    transform: translateY(-1px) scale(1.03);
}

/* Discord / TG / VK общий стиль */
.btn_support.third4 {
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.18) inset,
        0 0 8px rgba(89, 90, 95, 0.45);
}

.btn_support.third4:hover {
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.35) inset,
        0 0 12px rgba(255, 220, 150, 0.35),
        0 0 22px rgba(255, 170, 70, 0.22);
}

/* Fast Start buttons */
.btn_fs.third {
    position: relative;
    overflow: hidden;

    border: 1px solid rgba(255, 220, 160, 0.22);
    border-radius: 20px;

    color: #f0d3a2;
    background: rgba(255,255,255,0.03);
    backdrop-filter: blur(4px);

    box-shadow:
        inset 0 0 14px rgba(255,255,255,0.10),
        inset 0 0 22px rgba(80,90,105,0.45),
        0 0 0 rgba(255,180,80,0);

    text-shadow:
        0 1px 2px rgba(0,0,0,0.95),
        0 0 6px rgba(255,190,100,0.18);

    transition:
        transform 220ms ease,
        color 220ms ease,
        border-color 220ms ease,
        box-shadow 220ms ease,
        filter 220ms ease;
}

.btn_fs.third::before {
    content: "";
    position: absolute;
    top: 0;
    left: -45%;
    width: 35%;
    height: 100%;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.22),
        transparent
    );

    transform: skewX(-22deg);
    opacity: 0;
    transition: left 420ms ease, opacity 220ms ease;
    pointer-events: none;
}

.btn_fs.third:hover,
.btn_fs.third:focus {
    color: #fff0c8;
    border-color: rgba(255, 215, 145, 0.42);

    transform: translateY(-2px);
    filter: brightness(1.08);

    box-shadow:
        inset 0 0 10px rgba(255,255,255,0.14),
        inset 0 0 18px rgba(255,190,100,0.14),
        0 0 10px rgba(255,210,140,0.22),
        0 0 22px rgba(255,150,60,0.12);

    outline: 0;
}

.btn_fs.third:hover::before,
.btn_fs.third:focus::before {
    left: 115%;
    opacity: 1;
}

.btn_fs.third:active {
    transform: translateY(0) scale(0.985);
    filter: brightness(0.95);
}

/* Vote buttons */
.btn_vote.third2 {
    position: relative;
    overflow: hidden;

    width: 100px;
    min-height: 25px;
    padding: 5px 8px;

    border: 1px solid rgba(255, 220, 160, 0.22);
    border-radius: 16px;

    color: #f0d3a2;
    background: rgba(255,255,255,0.035);
    backdrop-filter: blur(3px);

    box-shadow:
        inset 0 0 10px rgba(255,255,255,0.08),
        inset 0 0 16px rgba(90,95,105,0.38),
        0 0 0 rgba(255,180,80,0);

    text-shadow:
        0 1px 2px rgba(0,0,0,0.95),
        0 0 5px rgba(255,190,100,0.16);

    transition:
        transform 200ms ease,
        color 200ms ease,
        border-color 200ms ease,
        box-shadow 200ms ease,
        filter 200ms ease;
}

.btn_vote.third2::before {
    content: "";
    position: absolute;
    top: 0;
    left: -50%;
    width: 34%;
    height: 100%;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.20),
        transparent
    );

    transform: skewX(-22deg);
    opacity: 0;
    transition: left 380ms ease, opacity 180ms ease;
    pointer-events: none;
}

.btn_vote.third2:hover,
.btn_vote.third2:focus {
    color: #fff0c8;
    border-color: rgba(255, 215, 145, 0.42);

    transform: translateY(-2px);
    filter: brightness(1.08);

    box-shadow:
        inset 0 0 8px rgba(255,255,255,0.12),
        inset 0 0 14px rgba(255,190,100,0.13),
        0 0 8px rgba(255,210,140,0.20),
        0 0 16px rgba(255,150,60,0.10);

    outline: 0;
}

.btn_vote.third2:hover::before,
.btn_vote.third2:focus::before {
    left: 116%;
    opacity: 1;
}

.btn_vote.third2:active {
    transform: translateY(0) scale(0.985);
    filter: brightness(0.95);
}

/* Rating tabs — hybrid clean + soft hover */
.b-rating__tabs,
.b-rating__server-tabs {
    display: flex;
    justify-content: center;
    gap: 5px;
}

.b-rating__tabs {
    margin-bottom: 8px;
}

.b-rating__server-tabs {
    margin-top: 9px;
}

.b-rating__tab,
.b-rating__server-tab {
    box-sizing: border-box;
    margin: 0;
    padding: 3px 9px;

    border: 1px solid rgba(255, 205, 130, 0.24);
    border-radius: 5px;

    background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(0,0,0,.16)),
        rgba(25, 8, 5, 0.32);

    color: #d8c09a;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;

    box-shadow:
        inset 0 0 6px rgba(0,0,0,.45),
        0 1px 2px rgba(0,0,0,.35);

    transition:
        color .18s ease,
        background .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        filter .18s ease,
        transform .12s ease;
}

.b-rating__server-tab {
    min-width: 113px;
}

.b-rating__tab:hover,
.b-rating__server-tab:hover {
    color: #fff0c8;
    border-color: rgba(220, 130, 55, .58);

    background:
        linear-gradient(180deg, rgba(120,35,12,.34), rgba(25,5,3,.26)),
        rgba(70, 22, 10, 0.38);

    box-shadow:
        inset 0 0 7px rgba(255,180,80,.13),
        0 0 7px rgba(255,100,30,.14);

    filter: brightness(1.08);
}

.b-rating__tab_active,
.b-rating__server-tab_active {
    background:
        linear-gradient(180deg, rgba(130,42,14,.42), rgba(48,10,4,.38)),
        rgba(70, 18, 7, 0.46);

    box-shadow:
        inset 0 0 7px rgba(255,170,70,.13),
        0 0 6px rgba(255,90,25,.12);
}

.b-rating__tab:active,
.b-rating__server-tab:active {
    transform: translateY(1px);
    filter: brightness(.95);
}

/* Rating block — unified style */
.b-rating {
    padding: 0 4px;
}

.b-rating__contents {
    border: 1px solid rgba(255, 160, 70, .28);
    border-radius: 5px;
    background:
        linear-gradient(180deg, rgba(255,120,40,.08), rgba(20,4,2,.18)),
        rgba(35, 8, 4, .28);

    box-shadow:
        inset 0 0 10px rgba(0,0,0,.62),
        0 0 8px rgba(255,90,25,.10);

    padding: 5px 6px;
}


.b-rating__table tr {
    transition:
        background .16s ease,
        color .16s ease,
        text-shadow .16s ease;
}

.b-rating__table tr:hover {
    background: rgba(255, 170, 70, .08);
    color: #fff0c8;
    text-shadow:
        0 1px 2px rgba(0,0,0,.95),
        0 0 5px rgba(255,150,60,.22);
}

.b-rating__table td {
    padding: 2px 3px;
}


/* Server status — unified with rating */
.container .left .status {
    height: 126px;
    margin-bottom: 0;
}


.container .left .status .statusbg:hover {
    border-color: rgba(220, 130, 55, .58);
    box-shadow:
        inset 0 0 9px rgba(255,180,80,.13),
        0 0 8px rgba(255,100,30,.14);
    filter: brightness(1.06);
}


/* CP small links — register / reminder */
.container .left .cp {
    font-size: 0;
}

.container .left .cp a.reg,
.container .left .cp a.lost {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;

    box-sizing: border-box;
    min-height: 21px;
    margin: 2px 3px 0;
    padding: 2px 7px;

    border: 1px solid rgba(255, 205, 130, 0.22);
    border-radius: 5px;

    background:
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.14)),
        rgba(25, 8, 5, 0.28);

    color: #d8c09a;
    text-decoration: none;
    font: 10.5pt 'AdonisC';

    text-shadow: 0 1px 2px rgba(0,0,0,.9);

    transition:
        color .18s ease,
        background .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        filter .18s ease,
        transform .12s ease;

	white-space: nowrap;
}

.container .left .cp a.reg {
    width: 86px;
}

.container .left .cp a.lost {
    width: 118px;
}

.container .left .cp a.reg:hover,
.container .left .cp a.lost:hover {
    color: #fff0c8;
    border-color: rgba(220, 130, 55, .52);

    background:
        linear-gradient(180deg, rgba(120,35,12,.30), rgba(25,5,3,.22)),
        rgba(70, 22, 10, 0.34);

    box-shadow:
        inset 0 0 6px rgba(255,180,80,.11),
        0 0 6px rgba(255,100,30,.12);

    filter: brightness(1.06);
}

.container .left .cp a.reg:active,
.container .left .cp a.lost:active {
    transform: translateY(1px) scale(0.98);
    filter: brightness(.92);

    box-shadow:
        inset 0 2px 4px rgba(0,0,0,.45),
        0 0 3px rgba(255,100,30,.08);
}

/* poloska online */
.container .left .status .statusbg .online-bar_low {
    background: linear-gradient(90deg, rgba(55,100,45,.34), rgba(95,80,35,.24));
}

.container .left .status .statusbg .online-bar_mid {
    background: linear-gradient(90deg, rgba(90,130,45,.42), rgba(150,110,35,.30));
}

.container .left .status .statusbg .online-bar_high {
    background: linear-gradient(90deg, rgba(95,160,55,.52), rgba(210,145,45,.38));
    box-shadow:
        inset 0 0 9px rgba(150,255,120,.16),
        0 0 9px rgba(120,220,80,.14);
}

/* =========================================================
   Online tooltip
   ========================================================= */

/* Separate online tooltip — inside server row */
.lp-online-tooltip {
    position: fixed;
    z-index: 99999;

    min-width: 54px;
    height: 20px;
    padding: 0 7px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;

    border: 1px solid rgba(255, 205, 130, .26);
    border-radius: 10px;

    background:
        linear-gradient(180deg, rgba(35,12,6,.88), rgba(8,3,2,.82));

    color: #fff0c8;
    font: 10pt 'AdonisC';
    white-space: nowrap;

    opacity: 0;
    transform: translateX(6px) scale(.94);
    pointer-events: none;

    box-shadow:
        inset 0 0 6px rgba(255,180,80,.10),
        0 0 8px rgba(255,90,25,.16);

    transition:
        opacity .16s ease,
        transform .16s ease;
}

.lp-online-tooltip_show {
    opacity: 1;
    transform: translateX(0) scale(1);
}

.lp-online-tooltip__dot {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	flex: 0 0 auto;
}

.lp-online-tooltip_online .lp-online-tooltip__dot {
    background: #65e86a;
    box-shadow: 0 0 5px rgba(101,232,106,.75);
}

.lp-online-tooltip_offline .lp-online-tooltip__dot {
    background: #d65b4a;
    box-shadow: 0 0 5px rgba(214,91,74,.65);
}

.lp-online-tooltip__num {
    color: #ffd18a;
    font-weight: 700;
    text-shadow:
        0 1px 2px rgba(0,0,0,.95),
        0 0 5px rgba(255,170,70,.30);
}

/* Countdown optimization */
.lp-countdown {
    will-change: transform, opacity;
    contain: layout paint;
}

.lp-countdown::before,
.lp-countdown::after {
    filter: blur(8px);
}

.lpcd-num {
    animation: lp-firetransition 8s ease-in-out infinite;
}

.lpcd-time {
    animation: lp-temperature 36s ease-in-out infinite;
}

.lp-fire-sparks span {
    box-shadow:
        0 0 5px var(--fire-glow),
        0 0 9px var(--fire-main);
    animation-duration: 5s;
}

.lp-fire-sparks span:nth-child(n+7) {
    display: none;
}

.lp-countdown:hover {
    transform: scale(1.015);
    filter: brightness(1.04);
}


/* Promo block optimization */
.lp-promo-fixed {
    will-change: transform, opacity;
    contain: layout paint;
}

.lp-promo-fixed::before {
    filter: blur(8px);
    animation-duration: 10s;
    opacity: .55;
}

.lp-promo-timer {
    animation-duration: 14s;
    text-shadow:
        0 0 7px rgba(255,160,60,0.55),
        0 0 14px rgba(0,160,255,0.22);
}

.lp-promo-btn {
    transition:
        transform .18s ease,
        filter .18s ease,
        box-shadow .18s ease;
}

.lp-promo-btn:hover {
    transform: scale(1.025);
    filter: brightness(1.03);
    box-shadow:
        0 0 8px rgba(0, 160, 255, 0.12),
        inset 0 0 10px rgba(255, 140, 60, 0.09);
}

.lp-promo-btn::after {
    filter: blur(4px);
    opacity: .32;
    animation-duration: 12s;
}

.lp-promo-btn:active {
    transform: scale(0.975);
}

/* Online tooltip — darker clean badge */
.lp-online-tooltip {
    min-width: 34px;
    height: 21px;

    background:
        linear-gradient(180deg, rgba(18, 7, 4, .96), rgba(5, 2, 1, .94));

    border-color: rgba(255, 205, 130, .34);

    box-shadow:
        inset 0 0 7px rgba(0,0,0,.55),
        inset 0 0 5px rgba(255,180,80,.08),
        0 0 9px rgba(255,90,25,.18);
}