@font-face {
	font-family: "Philosopher";
	src: url("/theme/font/Philosopher/Philosopher-Regular.ttf") format("truetype");
	font-style: normal;
	font-weight: 400;
}
@font-face {
	font-family: "Philosopher";
	src: url("/theme/font/Philosopher/Philosopher-Bold.ttf") format("truetype");
	font-style: normal;
	font-weight: 500;
}
@font-face {
	font-family: "fontello";
	src: url("/theme/font/Fontello/fontello.eot?72280756");
	src: url("/theme/font/Fontello/fontello.eot?72280756#iefix")
			format("embedded-opentype"),
		url("/theme/font/Fontello/fontello.woff2?72280756") format("woff2"),
		url("/theme/font/Fontello/fontello.woff?72280756") format("woff"),
		url("/theme/font/Fontello/fontello.ttf?72280756") format("truetype"),
		url("/theme/font/Fontello/fontello.svg?72280756#fontello") format("svg");
	font-weight: normal;
	font-style: normal;
}
/* Presets */
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: top;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
div {
	display: block;
}
* {
	box-sizing: border-box;
}
a {
	transition: 0.2s;
}
a:hover {
	transition: 0.2s;
}
i,
em {
	font-style: normal;
}
a {
	text-decoration: none;
}
html {
	font-family: "Philosopher", sans-serif;
	color: #354251;
	background: #c0b797;
}
body {
	width: 100%;
	min-width: 1084px;
	height: 2036px;
	margin: 0 auto;
	overflow-x: hidden;
	position: relative;
	top: 0px;
	transition: 1s;
}
.wrapper {
	width: 1084px;
	margin: 0 auto;
	position: relative;
}

.wp {
	width: 1084px;
	margin: 0 auto;
	position: absolute;
	left: calc(50% - 542px);
}
.wp:after {
	display: table;
	width: 100%;
	clear: both;
	content: "";
}

.darkbuttons {
	border-radius: 3px;
	opacity: 1;
	color: rgba(76, 61, 47, 0.77);
	letter-spacing: 0.3px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1),
		1px 2px 15px rgba(219, 186, 101, 0.9);
	font-weight: 500;
	font-size: 12px;
	text-transform: uppercase;
	background: #dfc98e;
	box-shadow: inset 0 20px 7px -7px rgba(255, 255, 255, 0.3),
		inset 0 -15px 12px -10px rgba(255, 255, 255, 0.5),
		0 2px 5px rgba(0, 0, 0, 0.1);
	text-align: center;
	transition: 0.2s;
	border-radius: 5px;
	height: 34px;
	line-height: 35px;
	display: inline-block;
	padding: 0 15px;
	margin: 0 0 0 0;
	position: relative;
}
.darkbuttons:before {
	border-radius: 3px;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 34px;
	width: 100%;
	display: block;
}
.darkbuttons:after {
	border-radius: 0 3px 3px 0;
	background-position: -242px 0px;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	height: 34px;
	width: 6px;
	display: block;
}
.darkbuttons:hover {
	opacity: 1;
	filter: brightness(105%) contrast(115%);
}

.darkbuttons.green {
	background: #61ad2e;
	color: #fff;
}
.darkbuttons.lgreen {
	background: #15ad4a;
	color: #fff;
}
.darkbuttons.red {
	background: #ff5656;
	color: #fff;
}
.darkbuttons.blue {
	background: #45a8da;
	color: #fff;
}
.darkbuttons.purple {
	background: #c75aff;
	color: #fff;
}
.darkbuttons.orange {
	background: #ff610f;
	color: #fff;
}

.menumobile {
	display: none;
}
.menumobile:after {
	display: table;
	width: 100%;
	clear: both;
	content: "";
}
.logo-mobile {
	display: block;
	float: left;
	transform: scale(1.3) translatex(10px);
	filter: drop-shadow(0 0 15px #000);
}
.menu-mobile {
	float: right;
	display: block;
}

nav {
	padding: 5px 20px;
	background: radial-gradient(
		circle 1100px at 50% 255px,
		transparent 40%,
		rgba(102, 73, 78, 1) 100%
	);
	opacity: 0;
	transform: translateY(-50px);
	z-index: 10;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
}
nav .menu {
	float: left;
	display: inline-block;
	padding: 13px 0;
	height: 60px;
}
nav .menu a {
	margin: 0 2px 0 0;
}
.headbuttons {
	color: rgba(76, 61, 47, 0.85);
	border-radius: 3px;
	letter-spacing: 0.3px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1),
		1px 2px 15px rgba(219, 186, 101, 0.9);
	font-weight: 500;
	font-size: 12px;
	text-transform: uppercase;
	padding: 0 15px;
	line-height: 35px;
	position: relative;
	background: #dfc98e;
	color: rgba(76, 61, 47, 0.77);
	box-shadow: inset 0 20px 7px -7px rgba(255, 255, 255, 0.3),
		inset 0 -15px 12px -10px rgba(255, 255, 255, 0.5),
		0 2px 5px rgba(0, 0, 0, 0.1);
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1),
		1px 2px 15px rgba(219, 186, 101, 0.9);
	display: inline-block;
	height: 34px;
	margin: 0 2px 0 0;
	cursor: pointer;
	transition: 0.2s;
}
.headbuttons:hover {
	opacity: 1;
	filter: brightness(105%) contrast(115%);
}
.darkbuttons.stopani {
	padding: 0;
}
.stopani {
	position: relative;
	background: #dfc98e;
	color: rgba(76, 61, 47, 0.77);
	box-shadow: inset 0 20px 7px -7px rgba(255, 255, 255, 0.3),
		inset 0 -15px 12px -10px rgba(255, 255, 255, 0.5),
		0 2px 5px rgba(0, 0, 0, 0.1);
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1),
		1px 2px 15px rgba(219, 186, 101, 0.9);
	display: inline-block;
	width: 34px;
	height: 34px;
	margin: 0 2px 0 0;
	border-radius: 3px;
	cursor: pointer;
	font-size: 19px;
	color: rgba(76, 61, 47, 0.77);
	transition: 0.2s;
}
.stopani i:after {
	content: "\E81B";
	display: block;
	line-height: 34px;
	text-align: center;
	width: 34px;
	height: 34px;
	font-family: "fontello";
}
.stopani:hover {
	opacity: 1;
	filter: brightness(105%) contrast(115%);
}
.stopani b {
	display: none;
}
/*
.stopani:before {content:attr(data-title);color:#fff;text-align:center;border-radius:0 15px 15px 15px;font-size:15px;font-weight:400;width:180px;position:absolute;top:38px;left:0px;display:none;background:rgba(0,0,0,.7);line-height:30px;height:30px;padding:0;}
.stopani:hover:before {display:block;}
*/
.header-logo {
	opacity: 0.5;
	transform: scale(1);
	filter: blur(0.3px);
	position: absolute;
	width: 256px;
	height: 256px;
	display: block;
	left: 75px;
	top: 65px;
}
.header-logo i {
	width: 256px;
	height: 256px;
	display: block;
	opacity: 0.9;
}
.header-logo:after {
	background: radial-gradient(rgba(255, 255, 255, 0.4) 40%, transparent 70%);
	display: block;
	position: absolute;
	left: -70px;
	top: -70px;
	right: -70px;
	bottom: -70px;
	content: "";
}
.header-logo:before {
	z-index: -5;
	opacity: 0.9;
	left: 30px;
	top: 50px;
	width: 192px;
	height: 153px;
	position: absolute;
	content: "";
}

.vote {
	position: absolute;
	left: 155px;
	bottom: 180px;
}
.vote .votefaq {
	display: block;
	color: #f96e08;
	font-size: 11px;
	text-align: center;
	text-decoration: underline;
	margin: 0 0 3px 0;
}
.vote .l2top {
	display: block;
}

.langs {
	display: inline-block;
	margin-top: -1px;
	margin-right: -2px;
}
.langs a {
	opacity: 0.4;
	display: inline-block;
	width: 53px;
	height: 44px;
}
.langs a.eng {
	background-position: 0px 0px;
}
.langs a.rus {
	background-position: -53px 0px;
}
.langs a.active {
	opacity: 1;
}
.langs a:hover {
	opacity: 1;
}
.share .btns {
	display: inline-block;
}
.share .langs {
	position: relative;
	left: 0;
	top: 0;
}

/*NEW LANG BLOCK*/

.lang_block {
	float: right;
	height: 60px;
	padding: 13px 0;
}

.lang_inner {
	display: flex;
	flex-direction: column;
}

.lang_btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
}

.lang_inner img {
	width: 12px;
	height: 5px;
	fill: white;
	transform: rotate(180deg);
}

.lang_list {
	opacity: 0;
	background-color: #fde4a3;
	padding: 10px 20px;
	display: flex;
	flex-direction: column;
	border-radius: 5px;
}

.lang_list a {
	color: rgba(76, 61, 47, 0.77);
	letter-spacing: 0.3px;
	font-weight: 500;
	padding: 5px 0px;
	transition: 0.5s ease;
}

.lang_inner a {
	font-size: 16px;
}

.lang_inner a:hover {
	opacity: 1;
}

.lang_inner a:hover {
	color: #ff621d;
}

.lang_btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 4px;
	font-size: 16px;
	box-shadow: inset 0 20px 7px -7px rgba(255, 255, 255, 0.3);
}

.lang_btn:hover {
	filter: none;
}

.lang_inner:hover .lang_list {
	opacity: 1;
	transition: 0.5s ease;
}

.lang_icon {
	transition: 0.3s ease;
}

.lang_inner:hover .lang_icon {
	transform: rotate(0deg);
}

.superheader {
	z-index: 1;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	width: 1084px;
	height: 500px;
}

.megabuttons {
	z-index: 1;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 153px;
}
.megabuttons-mobile {
	z-index: 1;
	position: absolute;
	left: 47%;
	right: 50%;
	bottom: 0;
	top: 300px;
	height: 205px;
	display: none;
}
.megaleft {
	position: absolute;
	left: 88px;
	bottom: -22px;
	display: block;
	width: 147px;
	height: 153px;
}
.megaleft span {
	text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
	color: #8c511d;
	position: absolute;
	left: 22px;
	top: 50px;
	width: 100px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	display: block;
}
.megaright {
	position: absolute;
	right: 47px;
	bottom: -22px;
	display: block;
	width: 139px;
	height: 153px;
}
.megaright span {
	text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
	color: #8c511d;
	position: absolute;
	right: 18px;
	top: 48px;
	width: 100px;
	height: 50px;
	padding: 5px 0;
	line-height: 20px;
	text-align: center;
	display: block;
}
.megacenter {
	position: absolute;
	right: 47px;
	bottom: -22px;
	display: block;
	width: 139px;
	height: 153px;
}
.megacenter span {
	text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
	color: #8c511d;
	position: absolute;
	right: 18px;
	top: 48px;
	width: 100px;
	height: 50px;
	padding: 5px 0;
	line-height: 20px;
	text-align: center;
	display: block;
}
.megabuttons a {
	transition: 0.4s;
}
.megabuttons a:hover {
	transition: 0.4s;
	filter: brightness(110%) contrast(105%);
}

.megamaintitle,
.megamaintitle-mobile {
	z-index: -3;
	position: absolute;
	display: block;
	text-transform: uppercase;
	padding: 72px 110px 75px 130px;
	text-align: center;
	line-height: 30px;
	width: 434px;
	height: 177px;
	left: 50%;
	transform: translateX(-50%);
	bottom: -18px;
}
.megamaintitle i {
	display: block;
	border-radius: 15px;
	text-align: center;
	overflow: hidden;
	position: relative;
	font-size: 14px;
	letter-spacing: 2px;
	color: #fff;
	text-shadow: 2px 3px 5px rgba(0, 0, 0, 0.6), 2px 5px 3px rgba(0, 0, 0, 0.3),
		0 -1px 1px rgba(255, 255, 255, 0.2), 1px 2px 1px rgba(219, 117, 39, 1),
		-2px 2px 1px rgba(219, 117, 39, 1);
}
.megamaintitle i:before {
	height: 80px;
	width: 30px;
	transform: rotate(25deg);
	background: linear-gradient(
		rgba(255, 255, 255, 0.99) 0%,
		rgba(255, 255, 255, 0.99) 30%,
		transparent 100%
	);
	display: block;
	opacity: 0;
	content: "";
	position: absolute;
	z-index: -2;
	left: -40px;
	top: -30px;
}

.starttoplay {
	display: block;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.3px;
	font-weight: 500;
	line-height: 40px;
	text-align: center;
	text-transform: uppercase;
	width: 210px;
	height: 40px;
	margin: -5px 0 -5px -7px;
}
.starttoplay span {
	transition: 0.4s;
	border-radius: 20px;
	content: "";
	display: block;
	background: #45a8da;
	box-shadow: inset 0 20px 7px -7px rgba(255, 255, 255, 0.3),
		inset 0 -15px 12px -10px rgba(255, 255, 255, 0.5),
		0 2px 5px rgba(0, 0, 0, 0.1);
	border: 1px solid #faf0a3;
}
.play-modal {
	z-index: 9999;
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: #d4cba6;
	padding: 20px;
	border-radius: 3px;
	border: 1px solid #faf0a3;
}
.play-modal h2 {
	display: block;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	letter-spacing: 0.15px;
	line-height: 1.25;
	font-size: 23px;
	color: #65411d;
	text-shadow: 0 1px rgba(255, 235, 184, 0.7);
}
.play-modal p {
	word-spacing: 0.3px;
	word-wrap: break-word;
	margin: 0;
	letter-spacing: 0.2px;
	line-height: 1.3;
	font-size: 17px;
	color: #4c3d2f;
	text-shadow: 0 1px rgba(255, 235, 184, 0.7);
}
.play-link {
	text-align: left;
	margin: 10px -21px 20px -21px;
	padding: 0 21px 20px 21px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/*
.starttoplay {display:block;text-shadow:1px 1px 2px rgba(0,0,0,.3);z-index:30000;position:absolute;color:#fff;font-size:15px;letter-spacing:.3px;font-weight:500;line-height:40px;text-align:center;text-transform:uppercase;left:50%;transform:translatex(-50%);top:20px;width:210px;height:40px;}
.starttoplay span {transition:0.4s;border-radius:20px;content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;background:#FF610F;z-index:1;box-shadow:inset 0 10px 20px -10px #fff,0 0 2px 1px rgba(255,255,255,.7), 0 0 5px 1px rgba(219,186,101,.9), 0 2px 1px 2px rgba(219,186,101,.9);}
.starttoplay:hover span {transition:0.4s;filter:brightness(110%) contrast(105%);}

.aboutplay {display:block;text-shadow:1px 1px 2px rgba(0,0,0,.3);z-index:30000;position:absolute;color:#fff;font-size:15px;letter-spacing:.3px;font-weight:500;line-height:40px;text-align:center;text-transform:uppercase;right:50%;transform:translatex(230px);top:20px;width:210px;height:40px;}
.aboutplay span {transition:0.4s;border-radius:20px;content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;background:#61AD2E;z-index:1;box-shadow:inset 0 10px 20px -10px #fff,0 0 2px 1px rgba(255,255,255,.7), 0 0 5px 1px rgba(219,186,101,.9), 0 2px 1px 2px rgba(219,186,101,.9);}
.aboutplay:hover span {transition:0.4s;filter:brightness(110%) contrast(105%);}

.startbutton:before {content:"";opacity:.7;display:block;position:absolute;left:-18px;top:-13px;width:246px;height:69px;z-index:-1;}
*/
.antqueen {
	position: absolute;
	left: 236px;
	bottom: -9px;
}
.valakas {
	position: absolute;
	left: 16px;
	bottom: -38px;
}
.orfen {
	position: absolute;
	right: -7px;
	bottom: -58px;
}
.baium {
	position: absolute;
	right: 89px;
	bottom: -92px;
}
.antharas {
	position: absolute;
	left: -82px;
	bottom: -269px;
}
.logo {
	opacity: 0.1;
	transform: scale(0.82);
	position: absolute;
	left: 304px;
	top: -63px;
}

.content {
	position: relative;
	width: 100%;
	min-height: 2036px;
	padding: 500px 0 0 100px;
}
.content:after {
	display: table;
	width: 100%;
	clear: both;
	content: "";
}
.left {
	width: 200px;
	height: 800px;
	float: left;
	margin: 0 30px 0 0;
}
.center {
	width: 450px;
	float: left;
	margin: 0 30px 0 0;
}
.contenter {
	height: 1180px;
	margin: 0 0 20px 0;
}
footer {
	width: 100%;
	display: none !important;
}
.right {
	width: 274px;
	height: 800px;
	float: left;
}

.left-menu {
	position: relative;
	height: 280px;
	margin: 0 0 150px 0;
}
.top-menu {
	margin: 10px 0 0 15px;
	padding: 27px 0 0 40px;
}
.top-menu a {
	width: 131px;
	height: 28px;
	margin: 0 0 3px 0;
	text-align: center;
	font-size: 14px;
	color: #fff;
	line-height: 26px;
	display: block;
	position: relative;
	z-index: 2;
}
.top-menu a b {
	font-weight: 400;
	font-size: 13px;
	text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
	letter-spacing: 0.2px;
	text-transform: uppercase;
	position: relative;
	z-index: 3;
	font-style: normal;
}
.top-menu a:after {
	z-index: 3;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
}
.top-menu a.first {
	color: #fff;
}
.top-menu a.last {
	color: #fff;
}
.top-menu a.first:before {
	transition: 0.4s;
	z-index: 1;
	background: rgba(255, 98, 29, 0.7);
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 3px;
	bottom: 3px;
	display: block;
}
.top-menu a.last:before {
	transition: 0.4s;
	z-index: 1;
	background: rgba(192, 91, 244, 0.7);
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 3px;
	bottom: 3px;
	display: block;
}
.top-menu a:hover {
	color: #fff;
}
.top-menu a.first:hover:before {
	transition: 0.4s;
	background: rgba(255, 98, 29, 1);
}
.top-menu a.last:hover:before {
	transition: 0.4s;
	background: rgba(192, 91, 244, 1);
}
.verevka {
	left: -25px;
	top: -110px;
	position: absolute;
}
.bottom-menu {
	position: relative;
	padding: 15px 10px 15px 67px;
	overflow: hidden;
	margin: -15px 0;
}
.bottom-menu a {
	text-transform: uppercase;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	display: block;
	color: #4c3d2f;
}
.bottom-menu a:hover {
	color: #f96e08;
	text-shadow: 0 0 4px #fff, 0 0 10px #f96e08, 0 0 20px #f96e08;
	transform: scale(1.05) translateX(2px);
}
.arrow {
	transition: 0.2s;
	display: none;
	position: absolute;
	margin: -7px;
	left: 10px;
	top: -50px;
}

.rating {
	padding: 30px 10px 0 0;
}
.rating b {
	display: block;
	font-weight: 400;
	text-transform: uppercase;
	text-align: left;
	height: 40px;
	line-height: 40px;
	margin: 0 0 5px 0px;
}
.rating .toptable {
	width: 100%;
	line-height: 15px;
}
.rating .toptable p {
	margin: 0 0 10px 0;
	font-size: 12px;
	font-weight: bold;
}
.rating .toptable p em {
	display: inline-block;
	width: 50%;
	text-align: left;
}
.rating .toptable p span {
	display: inline-block;
	width: 50%;
	text-align: right;
}
.rating .toptable li {
	cursor: pointer;
	margin: 0 0 5px 0;
	font-size: 10px;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
	color: rgba(0, 0, 0, 0.3);
}
.rating .toptable li em {
	display: inline-block;
	width: 70%;
	height: 15px;
	overflow: hidden;
	text-align: left;
	font-size: 13px;
	color: #354251;
}
.rating .toptable li span {
	display: inline-block;
	width: 30%;
	text-align: right;
	font-size: 13px;
	color: #354251;
}
.toptable li:hover {
	color: #f96e08 !important;
	text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 10px #f96e08, 0 0 20px #f96e08;
}
.toptable li:hover em {
	color: #f96e08 !important;
}
.toptable li:hover span {
	color: #f96e08 !important;
}

.table-buttons {
	margin: 20px -5px 20px -8px;
}
.table-buttons i {
	transition: 0.2s;
	background: rgba(0, 0, 0, 0.05);
	font-weight: bold;
	margin: 3px 2px 0 0;
	color: #354251;
	font-size: 12px;
	cursor: pointer;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	padding: 0 9px;
	border-radius: 12px;
}
.table-buttons i.active {
	background: #ff610f;
	color: #fff;
}
.table-buttons i:hover {
	transition: 0.2s;
	background: rgba(255, 98, 29, 0.7);
	color: #fff;
}

.rating .toptable.one {
}
.rating .toptable.two {
}
.rating .toptable.three {
}
.rating .toptable.four {
}
.rating .toptable.six {
}
.rating .toptable.seven {
}
.rating .tableoff {
	display: none;
}

.center {
	padding: 20px 26px;
	position: relative;
}
.center .mainnews {
	width: 100%;
	position: relative;
	z-index: 2;
}
.center .mainnews:after {
	z-index: -1;
	width: 518px;
	left: -60px;
	top: -30px;
	height: 93px;
	position: absolute;
	content: "";
}
/*.center .mainnews:before {border-radius:4px;z-index:-1;filter:brightness(110%) contrast(105%);left:0;top:0;right:0;bottom:0;object-fit:cover;position:absolute;content:"";}*/
.center .mainnews a {
	display: block;
	position: relative;
}
.center .mainnews a b {
	transition: 0.2s;
	display: block;
	text-decoration: none;
	position: absolute;
	font-weight: normal;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	height: 40px;
	background: rgba(0, 0, 0, 0.5);
	line-height: 40px;
	padding: 0 15px;
	text-shadow: 0 0 15px rgba(255, 255, 255, 0.7);
}
.center .mainnews a b:after {
	display: block;
	content: "\E835";
	text-decoration: none;
	font-size: 18px;
	font-family: "fontello";
	color: #fff;
	float: right;
}
.center .mainnews a img {
	display: block;
	border-radius: 4px;
	width: 100%;
	opacity: 1;
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3),
		0 0 2px 1px rgba(255, 255, 255, 0.7), 0 0 5px 2px rgba(219, 186, 101, 0.9),
		0 2px 2px 2px rgba(219, 186, 101, 0.9);
}
.center .mainnews a:hover {
	transform: scale(1.01);
	opacity: 0.98;
}
.center .mainnews a:hover img {
	opacity: 0.98;
	filter: brightness(110%) contrast(105%);
}
.center .main-anons h2 {
	margin: 12px 0 2px 0;
	letter-spacing: 0.2px;
	line-height: 1.3;
	font-size: 17px;
	color: #65411d;
	text-shadow: 0 1px rgba(255, 235, 184, 0.7);
}
.center .main-anons h1 {
	text-align: center;
	margin: 12px 0 2px 0;
	letter-spacing: 0.2px;
	line-height: 1.3;
	font-size: 17px;
	color: #65411d;
	text-shadow: 0 1px rgba(255, 235, 184, 0.7);
}
.center .main-anons p {
	position: relative;
	z-index: 2;
	word-spacing: 0.3px;
	word-wrap: break-word;
	margin: 0 0 15px 0;
	letter-spacing: 0.2px;
	line-height: 1.3;
	font-size: 14px;
	color: #4c3d2f;
	text-shadow: 0 1px rgba(255, 235, 184, 0.7);
}
.center .main-anons p strong {
}
.center .main-anons a {
	color: #ef6f3c;
	text-decoration: underline;
	margin: 0 0 0 2px;
}

.center p {
	word-spacing: 0.3px;
	word-wrap: break-word;
	margin: 0 0 15px 0;
	letter-spacing: 0.2px;
	line-height: 1.3;
	font-size: 14px;
	color: #4c3d2f;
	text-shadow: 0 1px rgba(255, 235, 184, 0.7);
}
.center ul {
	padding: 0 0 0 15px;
	list-style: outside;
	word-spacing: 0.3px;
	word-wrap: break-word;
	margin: 0 0 15px 0;
	letter-spacing: 0.2px;
	line-height: 1.3;
	font-size: 14px;
	color: #4c3d2f;
	text-shadow: 0 1px rgba(255, 235, 184, 0.7);
}
.center ul li {
	margin: 0 3px 5px 3px;
}
.center h2 {
	margin: 12px 0 7px 0;
	padding: 0 0 0 0;
	letter-spacing: 0.15px;
	line-height: 1.25;
	font-size: 17px;
	color: #65411d;
	text-shadow: 0 1px rgba(255, 235, 184, 0.7);
}
.center .forum-news {
	padding: 2px;
	width: 396px;
	height: 160px;
	background-color: rgba(0, 0, 0, 0.01);
}
.center .news-item {
	padding: 9px 10px;
	height: 52px;
	width: 100%;
	display: block;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.center .news-item:last-child {
	border-bottom: 0px solid transparent;
}
.center .news-item i {
	float: right;
	display: block;
	width: 34px;
	height: 34px;
	margin: 0 0 0 10px;
}
.center .news-item h4 {
	display: block;
	height: 17px;
	line-height: 17px;
	color: #65411d;
	font-size: 14px;
	font-weight: 500;
	text-shadow: 0 1px rgba(255, 235, 184, 0.7);
}
.center .news-item span {
	display: block;
	height: 17px;
	line-height: 17px;
	color: #826d58;
	font-size: 12px;
	text-shadow: 0 1px rgba(255, 235, 184, 0.3);
}
.center .news-item:hover {
	background: rgba(255, 255, 255, 0.1);
	border-bottom: 0px solid transparent;
}

.top-center-title {
	text-transform: uppercase;
	text-align: center;
	font-size: 12px;
	width: 78px;
	height: 20px;
	line-height: 20px;
	position: absolute;
	display: block;
	left: 50%;
	top: -23px;
	transform: translateX(-50%);
}
.top-center-title:before {
	opacity: 1;
	z-index: -1;
	left: -53px;
	top: -72px;
	width: 191px;
	height: 139px;
	display: block;
	position: absolute;
	content: "";
}
.center-title {
	text-transform: uppercase;
	z-index: 0;
	position: relative;
	text-align: center;
	font-size: 12px;
	margin: 30px auto 20px;
	width: 78px;
	height: 20px;
	line-height: 20px;
	display: block;
}
.center-title:before {
	opacity: 1;
	z-index: -2;
	left: -53px;
	top: -72px;
	width: 191px;
	height: 110px;
	display: block;
	position: absolute;
	content: "";
}

.oserverahposi {
	display: block;
	width: 100%;
	padding: 18px 70px;
	position: relative;
	margin: 0 0 20px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.oserverahposi:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
}
.oserverahposi:after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	display: block;
}
.aboutp {
	padding: 0 0 0 0;
	text-align: center;
	margin: 0 -50px !important;
}

.oserverah {
	padding: 0 41px 0 0;
	position: relative;
	width: 200px;
	text-align: center;
	display: block;
	margin: 0 auto 20px;
}
.oserverah span {
	line-height: 32px;
	color: #fff;
	font-weight: 400;
	font-size: 11px;
	position: absolute;
	display: block;
	right: 1px;
	top: 1px;
	height: 32px;
	width: 40px;
	background: rgba(0, 0, 0, 0.5);
}
.oserverah em {
	text-transform: none;
	font-weight: 500;
	font-size: 13px;
}

.servchoose {
	display: block;
	text-align: center;
	padding: 20px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.servchoose a {
	font-size: 14px;
	display: inline-block;
	text-align: center;
	min-width: 150px;
}
.servchoose a:nth-child(1) {
	color: #fff;
	margin: 0 10px 0 0;
	background: #ff4949;
}
.servchoose a:nth-child(2) {
	color: #fff;
	margin: 0 0 0 0;
	background: #ff4949;
}

.servchoose1 {
	display: block;
	text-align: center;
	padding: 20px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.servchoose1 a {
	font-size: 14px;
	display: inline-block;
	text-align: center;
	min-width: 150px;
}
.servchoose1 a:nth-child(1) {
	color: #fff;
	margin: 0 10px 0 0;
	background: #62ad2d;
}

.downloader {
}
.downloader {
	width: 100%;
	padding: 10px 0;
}
.downloader .downitem {
	vertical-align: middle;
	display: table;
	width: 100%;
	margin: 0 0 15px 0;
}
.downloader .downitem .dleft {
	text-align: left;
	vertical-align: middle;
	display: table-cell;
}
.downloader .downitem .dright {
	text-align: right;
	vertical-align: middle;
	display: table-cell;
}
.downloader .downitem .dleft p {
	font-size: 15px;
	font-weight: 500;
	color: #65411d;
	text-shadow: 0 1px rgba(255, 235, 184, 0.7);
	margin: 0 0 0 0;
	padding: 0 20px 0 0;
}
.downloader .downitem .dleft p a {
	font-weight: 400;
	color: #ff3636;
	text-decoration: underline;
}
.downloader .downitem .dleft span {
	font-size: 13px;
	font-weight: 400;
	color: #4c3d2f;
}
a.downit {
	padding: 0 66px 0 15px;
}
a.downit span {
	line-height: 32px;
	color: #fff;
	font-weight: 400;
	font-size: 11px;
	position: absolute;
	display: block;
	right: 1px;
	top: 1px;
	height: 32px;
	width: 50px;
	background: rgba(0, 0, 0, 0.5);
}
a.downit em {
	text-transform: none;
	font-weight: 500;
	font-size: 15px;
}
.downloader > h2 {
	padding: 0 0 0 0;
	margin: 25px 0 15px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	color: #f96e08;
	text-shadow: 0 0 7px #f8e790;
	font-weight: 400;
}
.downloader > h1 {
	color: #4c3d2f;
	font-weight: 400;
	font-size: 18px;
	text-align: center;
	margin: 10px 0 -20px 0;
}
.downloader .show-patch-intro {
	position: relative;
	cursor: pointer;
	margin: 0 0 0 0;
	color: #ff3636;
	text-decoration: underline;
}
.downloader .show-patch-intro.active:before {
	content: "\E811";
	font-family: "fontello";
	position: absolute;
	left: -15px;
	top: 0;
	display: inline-block;
}
.downloader .patch-intro {
	padding: 20px;
	background: rgba(0, 0, 0, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.3);
	display: none;
	margin: 0 -20px;
	font-size: 15px;
	font-weight: 400;
	color: #4c3d2f;
}
.downloader .patch-intro i {
	display: block;
	margin: 20px 0 5px 0;
	font-size: 15px;
	font-weight: 500;
	color: #65411d;
	text-shadow: 0 1px rgba(255, 235, 184, 0.7);
}
.downloader .patch-intro i:first-child {
	font-size: 16px;
	font-weight: 500;
	color: #65411d;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.downloader .patch-intro p {
	margin: 0 0 3px 0;
	font-size: 14px;
	font-weight: 400;
	color: #4c3d2f;
	text-shadow: 0 0 rgba(0, 0, 0, 0);
}
.downloader .show-patch-intro {
	position: relative;
	cursor: pointer;
	margin: 0 0 0 0;
	color: #ff3636;
	text-decoration: underline;
}
.downloader .show-clan-patch-intro {
	position: relative;
	cursor: pointer;
	margin: 0 0 0 0;
	color: #ff3636;
	text-decoration: underline;
}
.downloader .show-clan-patch-intro.active:before {
	content: "\E811";
	font-family: "fontello";
	position: absolute;
	left: -15px;
	top: 0;
	display: inline-block;
}
.downloader .clan-patch-intro {
	padding: 20px;
	background: rgba(0, 0, 0, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.3);
	display: none;
	margin: 0 -20px;
	font-size: 15px;
	font-weight: 400;
	color: #4c3d2f;
}
.downloader .clan-patch-intro i {
	display: block;
	margin: 20px 0 5px 0;
	font-size: 15px;
	font-weight: 500;
	color: #65411d;
	text-shadow: 0 1px rgba(255, 235, 184, 0.7);
}
.downloader .clan-patch-intro i:first-child {
	font-size: 16px;
	font-weight: 500;
	color: #65411d;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.downloader .clan-patch-intro p {
	margin: 0 0 3px 0;
	font-size: 14px;
	font-weight: 400;
	color: #4c3d2f;
	text-shadow: 0 0 rgba(0, 0, 0, 0);
}
.downloader .see-patch-info {
	position: relative;
	cursor: pointer;
	margin: 0 0 0 0;
	color: #ff3636;
	text-decoration: underline;
	display: block;
}

.regadown {
	min-width: 150px;
	color: #fff;
	background: #42a9db;
	box-shadow: inset 0 20px 7px -7px rgba(255, 255, 255, 0.3),
		inset 0 -15px 12px -10px rgba(255, 255, 255, 0.5),
		0 2px 5px rgba(0, 0, 0, 0.1);
}

footer {
}
footer:after {
	display: table;
	width: 100%;
	clear: both;
	content: "";
}
footer .foot-left {
	float: left;
	width: 95px;
	margin: 0 20px 0 30px;
}
footer .foot-left .footer-logo {
}
footer .foot-right {
	border-left: 1px solid rgba(255, 255, 255, 0.2);
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
	float: right;
	width: 233px;
	margin: 0 20px 0 0;
	padding: 0 0 0 20px;
}
footer .foot-right p {
	color: rgba(255, 255, 255, 0.9);
	font-size: 15px;
	margin: 0;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	letter-spacing: 0;
	word-spacing: 0.1px;
	line-height: 1.1;
}

.razdel {
	display: block;
	width: 100%;
	height: 2px;
	background: #ccc6a1;
	border-bottom: 1px solid #e1dcbe;
}

.right {
}

.server {
	padding: 18px 10px 0;
	position: relative;
	margin: 0 0 5px 0;
	width: 201px;
	height: 67px;
	display: block;
	background-image: url(/theme/img/event-1-back.png);
	background-repeat: no-repeat;
}
.server .servername {
	cursor: pointer;
	transition: margin 0.2s;
	overflow: hidden; /*box-shadow:inset 0 0 15px 1px rgba(0,0,0,.7);*/
	background: rgba(255, 255, 255, 0.3);
	border-radius: 7px;
	line-height: 34px;
	height: 34px;
	color: #fff;
	text-align: center;
	position: relative;
	margin-top: 1px;
}
.server .servername i {
	box-shadow: 4px 0 15px 0px rgba(90, 209, 7, 0.9);
	position: absolute;
	max-width: 100%;
	left: 0;
	top: 0;
	height: 34px;
}
.server .servername span {
	text-align: center;
}

.servers {
	position: relative;
	margin: 0 0 140px 0;
	height: 355px;
}
.server.crown {
	padding: 55px 13px 0 10px;
	height: 104px;
	margin: 0 0 5px 0;
}
.server.crown-blue {
	padding: 55px 13px 0 10px;
	height: 104px;
	margin: 0 0 0 0;
}
.server.crown-red {
	padding: 56px 13px 0 10px;
	height: 104px;
	margin: 0 0 0 0;
}
.server.duals {
	padding: 50px 10px 0;
	height: 104px;
}
.server.craft {
	padding: 46px 10px 0;
	height: 104px;
}
.server.crown .servername {
	overflow: hidden;
	background: transparent;
	border-radius: 7px;
	line-height: 33px;
	height: 33px;
	color: #fff;
	text-align: center;
	position: relative;
}
.server.duals .servername,
.server.craft .servername {
	overflow: hidden;
	box-shadow: inset 0 0 15px 1px rgba(0, 0, 0, 0.7);
	background: rgba(255, 255, 255, 0.3);
	border-radius: 7px;
	width: 178px;
	line-height: 34px;
	height: 34px;
	color: #fff;
	text-align: center;
	position: relative;
}
.server .servername span {
	font-size: 14px;
	padding: 0 10px;
	z-index: 2;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 34px;
	display: block;
}
.server.crown .servername i {
	box-shadow: 0 3px 7px -1px rgba(99, 174, 47, 0.3);
	position: absolute;
	max-width: 100%;
	left: 0;
	top: 0px;
	height: 33px;
}
.server.duals .servername i,
.server.craft .servername i {
	box-shadow: 4px 0 15px 0px rgba(255, 98, 98, 0.9);
	position: absolute;
	max-width: 100%;
	left: 0;
	top: 0;
	height: 34px;
}
.server.duals .servername i.green,
.server.craft .servername i.green {
	box-shadow: 4px 0 15px 0px rgba(90, 209, 7, 0.9);
	position: absolute;
	max-width: 100%;
	left: 0;
	top: 0;
	height: 34px;
}

.server.duals .servername span,
.server.craft .servername span {
	text-align: center;
}
.server.crown .servername i:before {
	display: block;
	position: absolute;
	left: -40px;
	height: 34px;
	width: 30px;
	background: linear-gradient(
		to left,
		rgba(255, 255, 255, 0.99) 0%,
		rgba(255, 255, 255, 0.99) 30%,
		transparent 100%
	);
	content: "";
}
.server em {
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	box-shadow: 0 0 9px rgba(206, 152, 244, 0.3);
	border: 1px solid rgba(255, 255, 255, 0.24);
	position: relative;
	border-radius: 9px;
	z-index: 3;
	display: block;
	width: 115px;
	text-align: center;
	margin: -5px auto 0;
	line-height: 16px;
	height: 18px;
	background: rgba(0, 0, 0, 0.4);
	color: #fff;
}
.server em.none {
	background: rgba(255, 255, 255, 0.7);
	border: 1px solid #fff;
	color: #ff4747;
}
.server em.on,
.server em.off {
	padding: 1px 0 0 10px;
}
.server em.on:before {
	width: 18px;
	height: 18px;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	content: "";
}
.server em.off:before {
	width: 18px;
	height: 18px;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	content: "";
}
.server.crown {
	z-index: 1;
}
.server.crown:before {
	z-index: -1;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	content: "";
}

.server.crown-blue .crown-red {
	padding: 55px 13px 0 10px;
}
.server.crown-blue .crown-red .servername {
	overflow: hidden;
	background: transparent;
	box-shadow: none;
	border-radius: 7px;
	line-height: 33px;
	height: 33px;
	color: #fff;
	text-align: center;
	position: relative;
}
.server.crown-blue .crown-red .servername i {
	box-shadow: 0 3px 7px -1px rgba(99, 174, 47, 0.3);
	position: absolute;
	max-width: 100%;
	left: 0;
	top: 0px;
	height: 33px;
}
.server.crown-blue .crown-red .servername i:before {
	display: block;
	position: absolute;
	left: -40px;
	height: 34px;
	width: 30px;
	background: linear-gradient(
		to left,
		rgba(255, 255, 255, 0.99) 0%,
		rgba(255, 255, 255, 0.99) 30%,
		transparent 100%
	);
	content: "";
}
.server.crown-blue .crown-red {
	z-index: 1;
}
.server.crown-blue:before {
	z-index: -1;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	content: "";
}
.server.crown-red:before {
	z-index: -1;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	content: "";
}
.server.crown .servername span,
.server.crown-blue .servername span,
.server.crown-red .servername span {
	text-align: center;
}

.server .servername a {
	cursor: pointer;
	transition: 0.1s;
	transform: translatey(100%);
	text-align: center;
	z-index: 100;
	position: absolute;
	color: #fff;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	line-height: 33px;
	background: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0.1) 0%,
		transparent 30%,
		transparent 70%,
		rgba(0, 0, 0, 0.1) 100%
	);
	border-top: 1px solid rgba(255, 255, 255, 0.6);
	display: block;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.server .serv-bg {
	z-index: 90;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: transparent;
	opacity: 0;
}
.server:hover .serv-bg {
	opacity: 1;
}
.server:hover .servername a {
	transition: 0.4s;
	display: block;
	transform: translatey(0);
}
.server:hover .servername {
	transition: 0.4s;
	transform: scale(1.1);
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}
.server:hover.crown-blue:before {
	transition: 0.4s;
	transform: scale(1.1);
}
.server:hover.crown-red:before {
	transition: 0.4s;
	transform: scale(1.1);
}
.server:hover em {
	opacity: 0;
}
.server:hover .servername span {
	transition: 0.4s;
	transform: translatey(-100%);
}
.server:hover .servername i {
	width: 100% !important;
	animation: none;
}

.server:hover.crown.one .servername i:before {
	animation: none;
}
.server:hover.one {
	animation: none;
}
.server:hover.one:before {
	animation: none;
}

.all-servers {
	border-radius: 4px;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
	display: block;
	text-align: center;
	width: 180px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	background: #c05bf4;
	margin: 15px 0 0 10px;
	box-shadow: inset 0 20px 7px -7px rgba(255, 255, 255, 0.3),
		inset 0 -15px 12px -10px rgba(255, 255, 255, 0.5),
		0 2px 5px rgba(0, 0, 0, 0.1);
}
.all-servers:hover {
	filter: brightness(105%) contrast(115%);
}

.streams {
	transition: 0s;
	padding: 0;
	text-align: center;
}
.streams b {
	display: block;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	height: 40px;
	line-height: 40px;
	margin: 0 0 10px 90px;
}
.stream-item {
	float: left;
	transition: 0s;
	cursor: pointer;
	position: relative;
	width: 193px;
	height: 110px;
	margin: 0 10px 10px 0;
	background-color: rgba(165, 137, 71, 0.4);
}
.stream-item iframe {
	transition: 0s;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	height: 100%;
	width: 100%;
}
.stream-item:after {
	transition: 0s;
	background-color: rgba(165, 137, 71, 0.2);
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1),
		0px 1px 1px rgba(0, 0, 0, 0.4), 1px 2px 15px rgba(219, 186, 101, 0.9);
	content: "";
	text-align: center;
	line-height: 123px;
	font-size: 25px;
	font-family: "fontello";
	color: #fff;
	box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.31), 0 0 15px rgba(0, 0, 0, 0.2);
	z-index: 2;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.stream-item:hover:after {
	background-color: rgba(165, 137, 71, 0.4);
	content: "\E83D";
}
.stream-item:empty:hover:after {
	background-color: rgba(165, 137, 71, 0.4);
	content: "";
}
.stream-item:nth-child(2n) {
	margin: 0 0 10px 0;
}

.stream-item.bigstream {
	width: 100%;
	height: 224px;
	margin: 0 0 10px 0;
	float: none;
	border-radius: 4px;
}
.stream-item.bigstream iframe {
	border: 1px solid #faf0a3;
}
.stream-item.bigstream:after {
	width: 100%;
	line-height: 224px;
	height: 224px;
	background: transparent;
}

.ketrainfo {
	border: 1px solid #faf0a3;
	text-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 70px;
	padding: 0;
	display: block;
	padding: 20px;
	border-radius: 3px;
	background: rgba(0, 0, 0, 0.2);
	color: #fff;
}
.ketrainfo h1 {
	font-size: 17px;
	margin: 0 0 10px 0;
}

.player-controls-bottom {
	display: none !important;
	opacity: 0 !important;
}

.subfooter {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 50px;
	line-height: 50px;
}
.subfooter i {
	display: inline-block;
}
.subfooter a {
	display: inline-block;
}
.subfooter .rightsubfooter {
	float: right;
}
.subfooter a.ketrafoot {
	margin: 3px 0 0 0;
}
.subfooter .rightsubfooter i.lineage2foot {
	margin: 0px 20px 0 40px;
}
.subfooter .rightsubfooter i.ncsoftfoot {
	margin: 3px 20px 0 0;
}
.subfooter .rightsubfooter a {
	font-size: 11px;
	text-transform: uppercase;
	margin: 3px 10px 0 0;
	height: 16px;
	line-height: 16px;
	color: #fff;
	border-bottom: 1px solid #fff;
}

.streamfixed {
	transition: 0s;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
	z-index: 95;
	height: 400px !important;
	width: 600px !important;
	position: fixed;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%);
}
.streamfixed:after {
	transition: 0s;
	z-index: -50;
}
.pseudolayer {
	z-index: 25;
	display: none;
	background: rgba(0, 0, 0, 0.9);
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.pseudomodallayer {
	z-index: 100;
	display: none;
	background: rgba(0, 0, 0, 0.9);
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.pseudonavfixed {
	opacity: 1;
	z-index: 55;
	background: transparent;
	position: fixed;
}
.pseudonavfixed .share .btns b {
	color: #fff;
}
.pseudoactive {
	display: block;
}

.share {
	float: right;
	height: 60px;
	padding: 13px 0;
}
.share .btns b {
	color: #fff;
	font-weight: 500;
	opacity: 0.9;
	display: inline-block;
	font-size: 14px;
	height: 34px;
	line-height: 34px;
	margin: 0 7px 0 0;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1),
		1px 2px 15px rgba(219, 186, 101, 0.9);
}
.share .btns i {
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	margin: 0 5px 0 0;
	border-radius: 17px;
	width: 34px;
	height: 34px;
	color: rgba(76, 61, 47, 0.77);
	text-align: center;
	line-height: 34px;
	background: #dfc98e;
	box-shadow: inset 0 20px 7px -7px rgba(255, 255, 255, 0.3),
		inset 0 -15px 12px -10px rgba(255, 255, 255, 0.5),
		0 2px 5px rgba(0, 0, 0, 0.1);
	transition: 0.2s;
}
.share .btns {
	color: #4c3d2f;
}
.share .btns i span {
	transition: 0s;
	width: 34px;
	font-size: 13px;
	display: inline-block;
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
}
.share .btns i em:before {
	font-family: "fontello";
	display: inline-block;
	width: 30px;
	line-height: 36px;
	height: 36px;
}
.share .btns i[data-social^="vkontakte"] em:before {
	content: "\e800";
}
.share .btns i[data-social^="facebook"] em:before {
	content: "\f300";
}
.share .btns i[data-social^="twitter"] em:before {
	content: "\f303";
}
.share .btns i[data-social^="googleplus"] em:before {
	content: "\f0d5";
}
.share .btns i[data-social^="linkedin"] em:before {
	content: "\e801";
}
.share .btns i:hover {
	opacity: 1;
	filter: brightness(105%) contrast(115%);
}

.mymodal {
	animation: fadeInUp 0.6s ease-in-out;
	padding: 71px 61px 0 61px;
	box-sizing: border-box;
	display: none;
	position: fixed;
	width: 817px;
	height: 601px;
	left: calc(50% - 408px);
	top: calc(50% - 300px);
	z-index: 101;
}
.mymodal.mymodalactive {
	display: block;
}
.mymodalback {
	width: 100%;
	height: 485px;
	display: block;
	position: relative;
}
/*.mymodalback:before {content:"";position:absolute;left:0;top:0;bottom:0;right:0;display:block;background:rgba(169, 140, 80, .47);}*/
.mymodalprogress {
	position: absolute;
	left: 64px;
	bottom: 48px;
	width: 684px;
	height: 24px;
	display: block;
}
.mymodalprogress:after {
	animation: loading 30s infinite linear;
	content: "";
	width: 40px;
	height: 14px;
	margin: 5px 0 5px 20px;
	display: block;
}
.mymodalcontent {
	width: 100%;
	height: 485px;
	padding: 60px;
	position: relative;
	box-sizing: border-box;
	text-align: center;
	color: rgba(255, 255, 255, 0.95);
}
.mymodalcontent h1 {
	overflow: hidden;
	line-height: 50px;
	margin: 20px 0 0 0;
	font-size: 35px;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1),
		0px 1px 1px rgba(0, 0, 0, 0.4), 1px 2px 15px rgb(219 101 101 / 90%),
		1px 2px 15px rgb(219 101 101 / 90%), 1px 2px 15px rgb(219 101 101 / 90%);
}
/*.mymodal .mymodalback:after {filter:drop-shadow(1px 2px 3px rgba(219,186,101,.9));display:block;position:absolute;left:calc(50% - 8px);top:30px;content:"";width:23px;height:40px;}*/
.mymodalcontent h2 {
	line-height: 80px;
	margin: 0;
	font-size: 55px;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1),
		0px 1px 1px rgba(0, 0, 0, 0.4), 1px 2px 15px rgb(219 101 101 / 90%),
		1px 2px 15px rgb(219 101 101 / 90%), 1px 2px 15px rgb(219 101 101 / 90%);
}
.mymodalcontent p {
	min-height: 90px;
	line-height: 30px;
	margin: 0 0 10px 0;
	font-size: 21px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1),
		0px 1px 1px rgba(0, 0, 0, 0.4), 1px 2px 15px rgb(219 101 101 / 90%),
		1px 2px 15px rgb(219 101 101 / 90%), 1px 2px 15px rgb(219 101 101 / 90%);
}
.mymodalcontent span {
	font-size: 24px;
	margin: 0 0 40px 0;
	text-transform: uppercase;
	background: rgba(219, 186, 101, 0.4);
	text-align: center;
	border-top: 1px solid rgba(219, 186, 101, 0.8);
	display: inline-block;
	position: relative;
	line-height: 40px;
	height: 40px;
	padding: 0 25px;
	box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2);
}
.mymodalcontent span:before {
	content: "";
	position: absolute;
	left: -70px;
	top: 8px;
	width: 87px;
	height: 24px;
}
.mymodalcontent span:after {
	content: "";
	position: absolute;
	right: -70px;
	top: 8px;
	width: 87px;
	height: 24px;
}
.mymodalcontent span i {
	font-size: 14px;
	font-style: normal;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -30px;
	display: block;
}
.mymodalcontent span i:before {
	content: "";
	position: absolute;
	left: 50%;
	top: -9px;
	transform: translatex(-50%);
}
/* .mymodalcontent a {cursor:pointer;text-align:center;min-width:200px;transition:.2s;margin:0 10px;border-radius:3px;background:rgba(255,255,255,.1);text-transform:uppercase;display:inline-block;border:1px solid #fff;height:40px;line-height:40px;padding:0 15px;color:#fff;text-decoration:none;text-shadow:1px 1px 1px rgba(255,255,255,.1), 0px 1px 1px rgba(0,0,0,.4), 1px 2px 15px rgba(219,186,101,.9), 1px 2px 15px rgba(219,186,101,.9), 1px 2px 15px rgba(219,186,101,.9);box-shadow:1px 2px 25px rgba(219,186,101,.9);} */
.mymodalcontent a {
	min-width: 150px;
}
.mymodalcontent > .rega {
	cursor: pointer;
	text-align: center;
	min-width: 200px;
	transition: 0.2s;
	margin: 0 10px;
	border-radius: 3px;
	text-transform: uppercase;
	display: inline-block;
	border: 1px solid #fff;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1),
		0px 1px 1px rgba(0, 0, 0, 0.4), 1px 2px 15px rgba(219, 186, 101, 0.9),
		1px 2px 15px rgba(219, 186, 101, 0.9), 1px 2px 15px rgba(219, 186, 101, 0.9);
	box-shadow: 1px 2px 25px rgba(219, 186, 101, 0.9);
}
.mymodalcontent > .error {
	cursor: pointer;
	background: rgba(0, 0, 0, 0.001) !important;
}
.mymodalcontent > .erroreng {
	cursor: pointer;
	background: rgba(0, 0, 0, 0.001) !important;
}
.mymodalcontent > .error:after {
	content: " не доступна";
	font-size: 16px;
}
.mymodalcontent > .erroreng:after {
	content: " not available";
	font-size: 16px;
}
.mymodalcontent h1:before,
.mymodalcontent h1:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 1px;
	width: 50px;
	background: #fff;
	box-shadow: 1px 2px 15px rgba(219, 186, 101, 0.9),
		1px 2px 15px rgba(219, 186, 101, 0.9);
}
.mymodalcontent h1:before {
	margin: 0 20px 0 0;
}
.mymodalcontent h1:after {
	margin: 0 0 0 20px;
}
.mymodalclose {
	transition: 0.2s;
	text-align: center;
	cursor: pointer;
	line-height: 30px;
	color: #fff;
	position: absolute;
	right: 5px;
	top: 5px;
	display: block;
	height: 30px;
	width: 30px;
}
.mymodalclose:hover {
	background: rgba(0, 0, 0, 0.3);
}
.mymodalback > span {
	color: rgba(255, 255, 255, 0.8);
	position: absolute;
	bottom: -30px;
	left: 0;
	display: block;
	width: 100%;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1),
		0px 1px 1px rgba(0, 0, 0, 0.4), 1px 2px 15px rgba(219, 186, 101, 0.9),
		1px 2px 15px rgba(219, 186, 101, 0.9), 1px 2px 15px rgba(219, 186, 101, 0.9);
}
.mymodalclose:before {
	content: "\2716";
	font-size: 20px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1),
		0px 1px 1px rgba(0, 0, 0, 0.4), 1px 2px 15px rgba(219, 186, 101, 0.9);
}

@media screen and (max-width: 1084px) {
	.menumobile {
		display: block;
	}
	.megabuttons-mobile {
		display: block;
	}
	.logo-mobile {
		display: inline-block;
		margin: 22px 0 0 0;
	}
	body {
		width: 100%;
		min-width: 540px;
		background-position: 51% -50px !important;
	}
	nav {
		display: none;
	}
	.left {
		display: none;
	}
	.right {
		display: none;
	}
	.superheader {
		display: none;
	}
	.subfooter {
		display: none;
	}
	.wp {
		width: 100%;
		position: relative;
		left: 0;
		box-shadow: inset 0 -30px 40px 20px rgba(102, 73, 78, 1);
	}
	.content {
		padding: 525px 55px 0 55px;
	}
	.center {
		float: none;
		margin: 0 auto;
	}
	.to-bottom {
		top: 140px !important;
	}
	.ketrainfo {
		margin: 0 20px;
	}
	jdiv {
		display: none;
	}
}

@media screen and (max-width: 530px) {
	.megabuttons-mobile {
		left: 50%;
	}
}

.langs.stopit:before {
	animation: none !important;
}
.server.crown.stopit:before {
	animation: none !important;
}
.server.crown.stopit .servername i:before {
	animation: none !important;
}
.server.stopit .servername i {
	animation: none !important;
}
.megamaintitle.stopit i:before {
	animation: none !important;
}
.stopit {
	animation: none !important;
}
.center .mainnews.stopit:before {
	background-image: none !important;
}
.center .mainnews.stopit a img {
	opacity: 1;
}
.stopani.stopaniactive {
	color: #fff;
	background: #fe5959;
}
.stopani.stopaniactive i:after {
	content: "\E81A";
}

.menumobile {
	padding: 15px 20px;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	height: 90px;
	background: radial-gradient(
		circle 500px at 50% 150px,
		transparent 30%,
		rgba(102, 73, 78, 1) 100%
	);
	z-index: 10000;
}
.menu-mobile-open {
	cursor: pointer;
	border-radius: 4px;
	display: block;
	float: right;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
}
.menu-mobile-open:after {
	content: "\F0C9";
	font-size: 30px;
	color: #fff;
	font-family: "fontello";
	display: block;
	width: 60px;
	height: 60px;
	text-align: center;
}
.menu-mobile-open:hover {
	background: rgba(0, 0, 0, 0.4);
}
.menu-mobile-items {
	z-index: 900;
	display: block;
	position: absolute;
	top: -700px;
	left: 0;
	right: 0;
	min-height: 300px;
	padding: 20px;
}
.menu-mobile-items a {
	text-transform: uppercase;
	display: block;
	color: #fff;
	font-size: 21px;
	text-align: center;
	height: 70px;
	line-height: 70px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.menu-mobile-items a:first-child {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.menu-mobile-items a:hover {
	background: rgba(0, 0, 0, 0.4);
}
.menumobile.active-menumobile {
	background: rgba(102, 73, 78, 1);
}
.menu-mobile-items.active-mobile-items {
	top: 90px;
	background: rgba(102, 73, 78, 0.9);
}

.voteforus {
	margin: 0;
	padding: 70px 60px 0 20px;
}
.voteforus a {
	display: inline-block;
	text-align: center;
	float: left;
	width: 49%;
	line-height: 50px;
	height: 50px;
	margin: 0 2% 5px 0;
}
.voteforus a:nth-child(2n) {
	margin: 0 0 5px 0;
}
.voteforus a img {
	max-width: 100%;
	height: auto;
	max-height: 50px;
	object-fit: cover;
	vertical-align: middle;
}

body {
	background: url("/theme/img/back2_fix.jpg");
	background-position: 50% -50px;
	background-repeat: no-repeat;
}
.logo-mobile,
.darkbuttons:before,
.darkbuttons:after,
.header-logo i,
.header-logo:before,
.langs a,
.langs a.eng,
.langs a.rus,
.langs-back,
.langs:before,
.l2top,
.megaleft,
.megaright,
.megamaintitle,
.megamaintitle-mobile,
.antqueen,
.valakas,
.orfen,
.baium,
.antharas,
.logo,
.top-menu,
.verevka,
.arrow,
.center .mainnews:after,
.center .mainnews:before,
.center .forum-news,
.top-center-title:before,
.center-title:before,
.oserverahposi:before,
.oserverahposi:after,
.oserverahposi.red-stone:before,
.oserverahposi.red-stone:after,
.oserverahposi.yellow-stone:before,
.oserverahposi.yellow-stone:after,
.oserverahposi.green-stone:before,
.oserverahposi.green-stone:after,
.oserverahposi.blue-stone:before,
.oserverahposi.blue-stone:after,
footer .foot-left .footer-logo,
.server.crown,
.server.crown-blue,
.server.crown-blue,
.server.duals,
.server.craft,
.server.crown .servername i,
.server.crown-blue .servername i,
.server.crown-red .servername i,
.server .servername i,
.server.duals .servername i,
.server.craft .servername i,
.server em.on:before,
.server em.off:before,
.server.crown:before,
.server.crown-blue:before,
.server.crown-red:before,
.stream-item:after,
.ketrafoot,
.ncsoftfoot,
.lineage2foot,
.mymodal,
.mymodalback,
.mymodalprogress,
.mymodalprogress:after,
.mymodal .mymodalback:after,
.mymodalcontent span:before,
.mymodalcontent span:after,
.top-menu a:after,
.mymodalcontent span i:before,
.icon-1,
.icon-2,
.icon-3,
.icon-4,
.icon-5,
.icon-6,
.icon-7,
.icon-8,
.icon-9 {
	background-image: url(/theme/img/p.png);
	background-repeat: no-repeat;
}
.icon-1 {
	width: 34px;
	height: 34px;
	background-position: 0 0;
}
.icon-2 {
	width: 34px;
	height: 34px;
	background-position: -34px 0;
}
.icon-3 {
	width: 34px;
	height: 34px;
	background-position: -68px 0;
}
.icon-4 {
	width: 34px;
	height: 34px;
	background-position: -102px 0;
}
.icon-5 {
	width: 34px;
	height: 34px;
	background-position: -136px 0;
}
.icon-6 {
	width: 34px;
	height: 34px;
	background-position: -170px 0;
}
.icon-7 {
	width: 34px;
	height: 34px;
	background-position: -204px 0;
}
.icon-8 {
	width: 34px;
	height: 34px;
	background-position: -238px 0;
}
.icon-9 {
	width: 34px;
	height: 34px;
	background-position: -272px 0;
}
.logo-mobile {
	width: 95px;
	height: 27px;
	background-position: -997px 0;
}
.darkbuttons:before {
	width: 100%;
	height: 34px;
	background-position: -405px 0;
}
.darkbuttons:after {
	width: 6px;
	height: 34px;
	background-position: -647px 0;
}
.header-logo i {
	width: 256px;
	height: 256px;
	background-position: -718px -257px;
}
.header-logo:before {
	filter: blur(3px);
	width: 192px;
	height: 153px;
	background-position: -1438px -625px;
}
.langs a {
	width: 105px;
	height: 38px;
	background-position: -174px -87px;
}
.langs a.eng {
	width: 53px;
	height: 38px;
	background-position: -174px -87px;
}
.langs a.rus {
	width: 53px;
	height: 38px;
	background-position: -227px -87px;
}
.langs-back {
	width: 146px;
	height: 70px;
	background-position: 0 -513px;
}
.langs:before {
	filter: blur(3px);
	width: 192px;
	height: 153px;
	background-position: -1438px -625px;
}
.l2top {
	width: 93px;
	height: 35px;
	background-position: -366px -748px;
}
.megaleft {
	width: 147px;
	height: 153px;
	background-position: -711px 0;
}
.megaright {
	width: 139px;
	height: 153px;
	background-position: -858px 0;
}
.megamaintitle,
.megamaintitle-mobile {
	width: 434px;
	height: 177px;
	background-position: -647px -513px;
}
.antqueen {
	width: 61px;
	height: 46px;
	background-position: -1377px -625px;
}
.valakas {
	width: 45px;
	height: 77px;
	background-position: -1865px -601px;
}
.orfen {
	width: 34px;
	height: 78px;
	background-position: -1081px -601px;
}
.baium {
	width: 56px;
	height: 43px;
	background-position: -349px 0;
}
.antharas {
	width: 43px;
	height: 45px;
	background-position: -306px 0;
}
.logo {
	width: 501px;
	height: 133px;
	background-position: -146px -496px;
}
.top-menu {
	width: 199px;
	height: 117px;
	background-position: -1115px -625px;
}
.top-menu a:after {
	width: 131px;
	height: 28px;
	background-position: -587px -257px;
}
.verevka {
	width: 76px;
	height: 409px;
	background-position: -997px -87px;
}
.arrow {
	width: 59px;
	height: 37px;
	background-position: -279px -87px;
}
.center .mainnews:after {
	width: 518px;
	height: 93px;
	background-position: 0 -629px;
}
/*.center .mainnews:before {background-image:url(/theme/img/main-news-bg2.gif);}*/
.center .forum-news {
	width: 396px;
	height: 160px;
	background-position: -191px -257px;
}
.top-center-title:before {
	width: 191px;
	height: 139px;
	background-position: -175px -748px;
}
.center-title:before {
	width: 191px;
	height: 110px;
	background-position: 0 -153px;
}
.oserverahposi:before {
	width: 248px;
	height: 34px;
	background-position: -405px 0;
}
.oserverahposi:after {
	width: 6px;
	height: 34px;
	background-position: -399px 0;
}
.oserverahposi.red-stone:before {
	transform: rotate(-92deg);
	width: 63px;
	height: 64px;
	background-position: -1314px -625px;
}
.oserverahposi.red-stone:after {
	transform: rotate(2deg);
	width: 63px;
	height: 64px;
	background-position: -1314px -625px;
}
.oserverahposi.yellow-stone:before {
	transform: rotate(-92deg);
	width: 59px;
	height: 63px;
	background-position: -518px -678px;
}
.oserverahposi.yellow-stone:after {
	transform: rotate(2deg);
	width: 59px;
	height: 63px;
	background-position: -518px -678px;
}
.oserverahposi.green-stone:before {
	transform: rotate(-92deg);
	width: 59px;
	height: 60px;
	background-position: -997px -27px;
}
.oserverahposi.green-stone:after {
	transform: rotate(2deg);
	width: 59px;
	height: 60px;
	background-position: -997px -27px;
}
.oserverahposi.blue-stone:before {
	transform: rotate(-92deg);
	width: 58px;
	height: 59px;
	background-position: -653px 0;
}
.oserverahposi.blue-stone:after {
	transform: rotate(2deg);
	width: 58px;
	height: 59px;
	background-position: -653px 0;
}

footer .foot-left .footer-logo {
	width: 95px;
	height: 27px;
	background-position: -997px 0;
}

.server.blue {
	width: 201px;
	height: 104px;
	background-position: -191px -153px;
}
.server.crown {
	width: 201px;
	height: 104px;
} /*background-position:-392px -153px; -506px -87px */
.server.crown-blue {
	width: 201px;
	height: 104px;
	background-position: -191px -153px;
}
.server.crown-red {
	width: 201px;
	height: 104px;
	background-position: -191px -153px;
}
.server.duals {
	width: 201px;
	height: 104px;
	background-position: -794px -153px;
}
.server.craft {
	width: 201px;
	height: 104px;
	background-position: -593px -153px;
}
.server.crown .servername i {
	width: 178px;
	height: 33px;
	background-image: url(/theme/img/red.png);
	background-position: 0 0;
} /* -506px -87px  background-position:-338px -87px;*/
.server.crown-blue .servername i {
	width: 178px;
	height: 33px;
	background-position: -506px -87px;
}
.server.crown-red .servername i {
	width: 178px;
	height: 33px;
	background-position: -506px -87px;
}
.server .servername i,
.server.duals .servername i,
.server.craft .servername i {
	width: 168px;
	height: 34px;
	background-position: -506px -87px;
} /* -338px -87px */
.server em.on:before {
	width: 18px;
	height: 18px;
	background-position: -18px -601px;
}
.server em.off:before {
	width: 18px;
	height: 18px;
	background-position: 0 -601px;
}
.server.crown:before {
	width: 201px;
	height: 104px;
	background-image: url(/theme/img/new-crown.png);
	background-position: 0 0;
} /*background-position:-392px -153px; -506px -87px */
.server.crown-blue:before {
	width: 201px;
	height: 104px;
	background-position: -191px -153px;
}
.server.crown-red:before {
	width: 201px;
	height: 104px;
	background-position: -191px -153px;
}
.server.craft .servername i {
	width: 178px;
	height: 33px;
	background-position: -506px -87px;
}

.server.crown-blue {
	background-image: url(/theme/img/event-1.png);
	background-position: 0 0;
}
.server.crown-blue:before {
	background-image: url(/theme/img/event-1.png);
	background-position: 0 0;
}

.server.crown-red {
	background-image: url(/theme/img/event-2.png);
	background-position: 0 0;
}
.server.crown-red:before {
	background-image: url(/theme/img/event-2.png);
	background-position: 0 0;
}

.server.crown {
	background-image: url(/theme/img/new-crown.png);
	background-position: 0 0;
}
.server .servername i.red {
	width: 178px;
	height: 33px;
	background-image: url(/theme/img/red.png);
	background-position: 0 0;
} /* -506px -87px  background-position:-338px -87px;*/
.server .servername i.green {
	width: 178px;
	height: 33px;
	background-image: url(/theme/img/green.png);
	background-position: 0 0;
} /* -506px -87px  background-position:-338px -87px;*/
.server .servername i.darkgreen {
	width: 178px;
	height: 33px;
	background-image: url(/theme/img/darkgreen.png);
	background-position: 0 0;
} /* -506px -87px  background-position:-338px -87px;*/
.server .servername i.purple {
	width: 178px;
	height: 33px;
	background-image: url(/theme/img/purple.png);
	background-position: 0 0;
} /* -506px -87px  background-position:-338px -87px;*/
.server .servername i.blue {
	width: 178px;
	height: 33px;
	background-image: url(/theme/img/blue.png);
	background-position: 0 0;
} /* -506px -87px  background-position:-338px -87px;*/

.stream-item:after {
	width: 219px;
	height: 123px;
	background-position: -1630px -625px;
}
.stream-item:after {
	width: 193px;
	height: 110px;
	background-image: url(/theme/img/stream-new.png);
	background-position: 0 0;
}

.ketrafoot {
	width: 95px;
	height: 27px;
	background-position: -997px 0;
}
.ncsoftfoot {
	width: 66px;
	height: 16px;
	background-position: -1115px -601px;
}
.lineage2foot {
	width: 100px;
	height: 21px;
	background-position: -36px -601px;
}

.mymodal {
	width: 817px;
	height: 601px;
	background-position: -1092px 0;
}
.mymodalback {
	background-image: url(/theme/java-modal-img-red.jpg);
	background-size: cover;
	background-position: 42% 50%;
}
.mymodalprogress {
	width: 684px;
	height: 24px;
	background-position: -1181px -601px;
}
.mymodalprogress:after {
	width: 1px;
	height: 14px;
	background-image: url("/theme/img/prog.png");
	background-repeat: repeat-x;
}
/*.mymodal .mymodalback:after {width:23px;height:40px;background-position:-1056px -27px;}*/
.mymodalcontent span:before {
	width: 87px;
	height: 24px;
	background-position: 0 -87px;
}
.mymodalcontent span:after {
	width: 87px;
	height: 24px;
	background-position: -87px -87px;
}
.mymodalcontent span i:before {
	width: 175px;
	height: 59px;
	background-position: 0 -748px;
}

.startbutton:before {
	background-image: url(/theme/img/new-knopka.png);
	background-repeat: no-repeat;
}
.startbutton_upd:before {
	background-image: url(/theme/img/new-knopka.png);
	background-repeat: no-repeat;
}

.social {
	text-align: center;
	padding: 0 10px 10px 0;
}
.social:after {
	display: table;
	width: 100%;
	clear: both;
	content: "";
}
.social a {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 0 5px 5px 0;
	float: left;
}
.social a:after {
	box-sizing: border-box;
	font-size: 20px;
	color: #65411d;
	border: 1px solid #faf0a3;
	background: rgba(255, 255, 255, 0.3);
	font-family: "fontello";
	display: block;
	width: 40px;
	height: 40px;
	line-height: 38px;
	border-radius: 50%;
}
.social a.vkontakte:after {
	content: "\F189";
}
.social a.facebook:after {
	content: "\F300";
}
.social a.instagram:after {
	content: "\F32D";
}
.social a.telegram:after {
	content: "\f1d8";
}
.social a.youtubeicon:after {
	content: "\f16a";
}
.social a.discord:after {
	content: "\f16a";
}
.social a:hover:after {
	background: #ff6110;
	color: #fff;
	border: 1px solid #fff;
}

@media screen and (min-width: 1200px) {
	/* Анимашка */
	.pseudo {
		animation: mig 5s infinite ease-in-out;
	}
	nav {
		animation: menushka 0.5s ease-in-out;
		animation-fill-mode: forwards;
		animation-delay: 1s;
	}
	.header-logo:before {
		animation: langi 12s infinite ease-in-out;
	}
	.langs:before {
		animation: langi 15s infinite ease-in-out;
		animation-delay: 2s;
	}
	.megamaintitle i:before {
		animation: vspishka 10s infinite ease;
		animation-delay: 10s;
	}
	.antqueen {
		animation: svechenie1 3s infinite ease;
		animation-delay: 1s;
	}
	.valakas {
		animation: svechenie1 5s infinite ease;
		animation-delay: 3.3s;
	}
	.orfen {
		animation: svechenie1 6s infinite ease;
		animation-delay: 1.7s;
	}
	.baium {
		animation: svechenie3 2s infinite ease;
		animation-delay: 7.7s;
	}
	.antharas {
		animation: svechenie3 4s infinite ease;
		animation-delay: 4.2s;
	}
	.logo {
		animation: svechenie4 5s infinite ease;
	}
	.top-menu {
		animation: svechenie2 7s infinite ease;
	}
	.verevka {
		animation: kachanie 5s infinite ease;
	}
	.server.crown.one .servername i:before {
		animation: flashka 15s infinite ease;
	}
	.server.three .servername i {
		animation: dvij1 35s infinite ease, merc 35s infinite ease;
	}
	.server.four .servername i {
		animation: dvij2 155s infinite ease;
	}
	.server.one {
		animation: vriv 2s infinite ease;
	}
	.server.one:before {
		animation: vzriv 15s infinite ease;
		animation-delay: 0.3s;
	}
	@keyframes mig {
		0% {
			filter: brightness(100%);
		}
		50% {
			filter: brightness(105%) contrast(105%);
		}
		100% {
			filter: brightness(100%);
		}
	}
	@keyframes menushka {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
			transform: translateY(0px);
		}
	}
	@keyframes langis {
		0% {
			opacity: 0;
			transform: scale(0.5);
		}
		100% {
			opacity: 1;
			transform: scale(1);
		}
	}
	@keyframes langi {
		0% {
			transform: scale(1);
		}
		50% {
			transform: scale(1.3);
		}
		100% {
			transform: scale(1);
		}
	}
	@keyframes vspishka {
		0% {
			opacity: 1;
		}
		15% {
			left: 120%;
			opacity: 0;
		}
		100% {
			opacity: 0;
		}
	}
	@keyframes svechenie1 {
		0% {
			filter: brightness(100%) contrast(100%);
			transform: scale(1);
		}
		50% {
			transform: scale(1);
			filter: brightness(100%) contrast(135%);
		}
		100% {
			transform: scale(1);
			filter: brightness(100%) contrast(100%);
		}
	}
	@keyframes svechenie3 {
		0% {
			filter: brightness(100%) contrast(100%);
			transform: scale(1);
		}
		50% {
			transform: scale(1);
			filter: brightness(104%) contrast(155%);
		}
		100% {
			transform: scale(1);
			filter: brightness(100%) contrast(100%);
		}
	}
	@keyframes svechenie4 {
		0% {
			opacity: 0.1;
			filter: brightness(100%) contrast(100%);
		}
		50% {
			opacity: 0.9;
			filter: brightness(154%) contrast(90%);
		}
		100% {
			opacity: 0.1;
			filter: brightness(100%) contrast(100%);
		}
	}
	@keyframes svechenie2 {
		0% {
			filter: brightness(100%) contrast(100%);
		}
		50% {
			filter: brightness(103%) contrast(115%);
		}
		100% {
			filter: brightness(100%) contrast(100%);
		}
	}
	@keyframes kachanie {
		0% {
			transform: rotate(0.3deg) translateX(-1px);
		}
		50% {
			transform: rotate(-0.3deg) translateX(1px);
		}
		100% {
			transform: rotate(0.3deg) translateX(-1px);
		}
	}
	@keyframes flashka {
		0% {
			opacity: 1;
		}
		5% {
			left: 90%;
			opacity: 0;
		}
		100% {
			opacity: 0;
		}
	}
	@keyframes dvij1 {
		0% {
			transform: scaleX(1);
		}
		30% {
			transform: scaleX(1.1) translateX(4.5%);
		}
		100% {
			transform: scaleX(1);
		}
	}
	@keyframes merc {
		0% {
			filter: brightness(100%) contrast(100%);
		}
		30% {
			filter: brightness(103%) contrast(155%);
		}
		100% {
			filter: brightness(100%) contrast(100%);
		}
	}
	@keyframes dvij2 {
		0% {
			transform: scaleX(1);
		}
		40% {
			transform: scaleX(1.2) translateX(8.5%);
		}
		100% {
			transform: scaleX(1);
		}
	}
	@keyframes vriv {
		0% {
			transform: scale(1);
		}
		50% {
			transform: scale(1.05);
		}
		100% {
			transform: scale(1);
		}
	}
	@keyframes vzriv {
		0% {
			transform: scale(1);
		}
		5% {
			transform: scale(1.3);
			opacity: 0;
		}
		100% {
			opacity: 0;
		}
	}
	@keyframes loading {
		from {
			width: 40px;
		}
		to {
			width: 650px;
		}
	}
	@-webkit-keyframes fadeInUp {
		0% {
			opacity: 0;
			-webkit-transform: translateY(20px);
			transform: translateY(20px);
		}
		100% {
			opacity: 1;
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}
	}
	@keyframes fadeInUp {
		0% {
			opacity: 0;
			-webkit-transform: translateY(20px);
			-ms-transform: translateY(20px);
			transform: translateY(20px);
		}
		100% {
			opacity: 1;
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			transform: translateY(0);
		}
	}
	.fadeInUp {
		-webkit-animation-name: fadeInUp;
		animation-name: fadeInUp;
	}
}

.superinfo {
	z-index: 1000;
	transition: 1.5s;
	display: block;
	position: fixed;
	left: 30px;
	bottom: 30px;
	width: 490px;
}
.superinfo a {
	display: block;
}
.superinfo img {
	width: 100%;
	height: auto;
	text-align: center;
	object-fit: cover;
	border-radius: 4px;
}
.superinfoclose {
	cursor: pointer;
	position: absolute;
	right: -30px;
	top: -20px;
	line-height: 30px;
	text-align: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	color: #111;
}
.superinfoclose:hover {
	color: #fff;
	background: #000;
}
.superinfoclose:after {
	font-family: "fontello";
	content: "\2716";
	font-size: 20px;
	font-weight: bold;
}
.superinfo.close {
	transition: 1.5s;
	transform: translatex(-300%);
}
.superinfo a:hover {
}

.announcers {
	box-shadow: inset 0 -3px 2px rgba(0, 0, 0, 0.1);
	color: #fff;
	text-shadow: 0 0 10px rgba(255, 255, 255, 0.7);
	font-weight: normal;
	font-size: 20px;
	position: absolute;
	line-height: 50px;
	left: 0;
	right: 0;
	top: -50px;
	height: 50px;
	display: block;
	text-align: center;
	background-image: url("https://www.transparenttextures.com/patterns/transparent-square-tiles.png");
	background-color: #cb0000;
}
.announcers a {
	color: #fff;
	margin: 0 0 0 20px;
	text-decoration: underline;
	font-weight: bold;
}

.announcers_bf {
	color: #fff;
	font-weight: normal;
	font-size: 20px;
	position: absolute;
	line-height: 50px;
	left: 0;
	right: 0;
	top: -50px;
	height: 50px;
	display: block;
	text-align: center;
	background-color: #00ba3a;
}
.announcers_bf a {
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}

.close-announcers {
	cursor: pointer;
	position: absolute;
	right: 20px;
	top: 10px;
	line-height: 30px;
	text-align: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	color: #fff;
}
.close-announcers:hover {
	color: #fff;
	background: rgba(0, 0, 0, 0.7);
}
.close-announcers:after {
	font-family: "fontello";
	content: "\2716";
	font-size: 20px;
	font-weight: bold;
}

.left-splash {
	position: fixed;
	left: 1%;
	bottom: 2%;
	z-index: 1;
}

.left-splash-inner {
	position: relative;
}

.close-left-splash {
	cursor: pointer;
	position: fixed;
	left: 304px;
	bottom: 165px;
	line-height: 30px;
	text-align: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	color: #fff;
}

.close-left-splash:after {
	font-family: "fontello";
	content: "\2716";
	font-size: 20px;
	font-weight: bold;
}

.close-left-splash:hover {
	color: #fff;
	background: rgba(0, 0, 0, 0.7);
}

.close-left-splash-active {
	display: none;
}

.to-bottom {
	transition: 1s;
	top: 50px;
}
.superinfo.close .obtanons {
	animation: none;
}
.obnovi {
	border: 1px solid #faf0a3;
	transition: 1s;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.7);
	z-index: 1000;
	position: fixed;
	right: 30px;
	bottom: 30px;
	transform: translatey(0);
	padding: 20px 20px;
	width: 300px;
	border-radius: 4px;
	background: #f83414;
	color: rgba(255, 255, 255, 0.87);
}
.obnovi h5 {
	color: rgba(255, 255, 255, 0.99);
	font-size: 19px;
	text-align: center;
	font-weight: bold;
	margin: -20px -20px 20px -20px;
	padding: 10px 20px;
	background: rgba(0, 0, 0, 0.1);
}
.obnovi p {
	text-align: center;
	font-size: 16px;
}
.obnovi p a {
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}
.obnovi:hover {
	transform: translatey(0);
}
.obnovi .obnovi-buttons {
	display: block;
	text-align: center;
}
.obnovi .obnovi-buttons a {
	font-weight: bold;
	transition: 0.2s;
	display: inline-block;
	padding: 0 25px;
	margin: 0 5px 0 0;
	height: 35px;
	line-height: 35px;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	text-align: center;
}
.obnovi .obnovi-buttons a:hover {
	background: #fff;
	color: #f83414;
}

.obtanons {
	background-image: linear-gradient(to bottom, #08bdb6 0, #006186 100%),
		linear-gradient(to bottom, #08bdb6 0, #006186 100%);
	border: 3px solid transparent;
	border-left: none;
	border-right: none;
	border-top: 3px solid #08bdb6;
	border-bottom: 3px solid #006186; /*background-size: 3px 100%;background-position: 0 100%, 100% 0;*/
	background-repeat: no-repeat;
	display: block;
	text-align: center;
	border-radius: 0;
	margin: 0 0 0 0;
	color: #fff;
}
.obtanons p a {
	color: #fff;
	text-align: center;
	text-decoration: underline;
	font-size: 18px;
	margin: 7px 0 0 0;
}
.obtanons > span {
	display: block;
	background: transparent;
	margin: 0 3px;
	padding: 10px 5px 10px 5px;
}
.obtanons b {
	line-height: 35px;
	height: 35px;
	text-shadow: 0 0 10px rgba(255, 255, 255, 0.7);
	margin: 0 -5px 10px -5px;
	display: block;
	font-weight: bold;
	font-size: 20px;
}

@keyframes obtinfo {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
		margin: 20px 0 0 0;
	}
}
.obtanons #timer-element-c4907633000a7a63c2f7ab47c83e7fca-days,
#timer-element-c4907633000a7a63c2f7ab47c83e7fca-hours,
#timer-element-c4907633000a7a63c2f7ab47c83e7fca-minutes,
#timer-element-c4907633000a7a63c2f7ab47c83e7fca-secundes {
	position: relative;
}
.obtanons #timer-element-c4907633000a7a63c2f7ab47c83e7fca-days:after,
#timer-element-c4907633000a7a63c2f7ab47c83e7fca-hours:after,
#timer-element-c4907633000a7a63c2f7ab47c83e7fca-minutes:after,
#timer-element-c4907633000a7a63c2f7ab47c83e7fca-secundes:after {
	font-size: 9px;
	position: absolute;
	text-transform: uppercase;
	left: 50%;
	transform: translatex(-50%);
	bottom: -17px;
	display: block;
}
.obtanons.rus #timer-element-c4907633000a7a63c2f7ab47c83e7fca-days:after {
	content: "Дня";
}
.obtanons.rus #timer-element-c4907633000a7a63c2f7ab47c83e7fca-hours:after {
	content: "Часов";
}
.obtanons.rus #timer-element-c4907633000a7a63c2f7ab47c83e7fca-minutes:after {
	content: "Минут";
}
.obtanons.rus #timer-element-c4907633000a7a63c2f7ab47c83e7fca-secundes:after {
	content: "Секунд";
}
.obtanons.eng #timer-element-c4907633000a7a63c2f7ab47c83e7fca-days:after {
	content: "Days";
}
.obtanons.eng #timer-element-c4907633000a7a63c2f7ab47c83e7fca-hours:after {
	content: "Hours";
}
.obtanons.eng #timer-element-c4907633000a7a63c2f7ab47c83e7fca-minutes:after {
	content: "Minutes";
}
.obtanons.eng #timer-element-c4907633000a7a63c2f7ab47c83e7fca-secundes:after {
	content: "Secundes";
}

.timer-slide-new {
}

.streams a {
	margin: 0 auto;
	display: inline-block;
}

.zal {
	padding: 50px 15px 0 15px;
}
.zal b {
	display: block;
	font-weight: 400;
	padding: 0 35px 0 80px;
	text-transform: uppercase;
	text-align: center;
	height: 40px;
	line-height: 20px;
	margin: 0 0 10px 0px;
}
.zal b i {
	display: block;
	font-size: 14px;
	line-height: 20px;
}
.zal ol {
	padding: 0 25px 0 20px;
}
.zal ol li {
	margin: 0 0 15px 0;
	color: rgba(0, 0, 0, 0.5);
}
.zal ol li span {
	display: block;
}
.zal ol li span em {
	color: #354251;
	line-height: 20px;
	display: block;
	text-align: left;
	font-weight: bold;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
}
.zal ol li span em i {
	float: right;
}
.zal ol li span em:after {
	display: table;
	width: 100%;
	clear: both;
	content: "";
}
.zal ol li span p {
	line-height: 20px;
	font-size: 13px;
	display: block;
	text-align: left;
	font-weight: normal;
}
.zal ol li span p:after {
	display: table;
	width: 100%;
	clear: both;
	content: "";
}
.zal ol li span p strong {
	font-weight: normal;
	float: right;
}

.zal .zalinfo em:after {
	content: "\E844";
	font-family: fontello;
	font-size: 17px;
	display: inline;
	width: 20px;
	height: 20px;
	color: #f96e08 !important;
	text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 10px #f96e08, 0 0 20px #f96e08;
}
.zal .zalinfo em {
	font-weight: bold;
	font-size: 16px;
	display: inline;
	margin: 0;
	padding: 0;
	text-transform: normal;
}
.zal .zalinfo {
	font-size: 15px;
	text-align: center;
	padding: 0 20px 0 0;
	margin: 0 0 15px 0;
}
.zal .zalinfo strong {
	font-size: 16px;
	display: inline;
	margin: 0;
	padding: 0;
	text-transform: normal;
}

.changerz {
	background: rgba(0, 0, 0, 0.05);
	font-weight: bold;
	margin: 0 2px 0 0;
	color: #354251;
	font-size: 12px;
	cursor: pointer;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	padding: 0 9px;
	border-radius: 12px;
}
.changerz.active {
	background: #ff610f;
	color: #fff;
}
.changerz:hover {
	background: rgba(255, 98, 29, 0.7);
	color: #fff;
}

.bonus-start {
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
	display: block;
	background: #dfc98e;
	border: 1px solid #faf0a3;
	border-radius: 0px;
	padding: 0 20px;
	text-align: center;
	color: #65411d;
}
.bonus-start h2 {
	padding: 15px 0;
	font-weight: 500;
}
.bonus-start h3 {
	padding: 0;
	font-weight: 500;
	margin: -10px 0 20px 0;
	color: #36d4e7;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.5), 0 0 30px #36d4e7;
}
.bonus-start ul {
	list-style-type: none;
	text-align: left;
	margin: 0 0 15px 0;
}
.bonus-start ul li {
	margin: 0 -20px 0 -20px;
	padding: 10px 20px;
	line-height: 32px;
	height: 52px;
	display: block;
	font-size: 22px;
	background: rgba(255, 255, 255, 0.2);
}
.bonus-start ul li:after {
	content: "";
	display: table;
	clear: both;
	width: 100%;
}
.bonus-start ul li img {
	width: 32px;
	height: 32px;
	float: left;
	display: block;
	margin: 0 10px 0 0;
}
.bonus-start a {
	display: inline-block;
	margin-bottom: 15px;
}

.fb-modal {
	transition: 1s;
	border-radius: 4px;
	padding: 20px;
	z-index: 99999;
	box-shadow: 0 0 45px rgba(0, 0, 0, 0.9);
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
}
.fb-modal.close {
	transition: 1s;
	display: none;
	opacity: 0;
	z-index: -2000;
}
.fb-close:after {
	font-family: "fontello";
	content: "\2716";
	font-size: 20px;
	font-weight: bold;
}
.fb-close {
	cursor: pointer;
	position: absolute;
	right: -30px;
	top: -20px;
	line-height: 30px;
	text-align: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	color: #fff;
}
.fb-close:hover {
	color: #fff;
	background: #000;
}
.fb-buttons {
	position: absolute;
	left: 30px;
	bottom: 30px;
}
.fb-page {
}
.fb-layer {
	transition: 1s;
	z-index: 99000;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.8);
	display: block;
}
.fb-layer.close {
	transition: 1s;
	display: none;
	opacity: 0;
	z-index: -2000;
}

.countdown {
	position: relative;
	list-style-type: none;
	text-align: center;
	margin: 20px 0 !important;
	padding: 0 0 30px 0 !important;
	display: block;
}
/*.countdown:before {font-size:19px;text-align: center;display:block;height:30px;line-height:30px;margin:0 0 5px 0;}*/
.countdown-title {
	font-size: 19px !important;
	text-align: center;
	display: block;
	line-height: 30px !important;
	margin: 0 0 5px 0 !important;
	padding: 0 12px;
}

.countdown li {
	position: relative;
	display: inline-block;
}

.countdown li span {
	background: linear-gradient(to bottom, rgb(5 142 195) 0, #0d0c32 100%);
	display: block;
	text-align: center;
	height: 40px;
	line-height: 40px;
	width: 85px;
	border-radius: 3px;
	font-size: 29px;
	text-shadow: 0 0 15px rgba(255, 255, 255, 0.4);
	color: #fff;
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1),
		0 0 1px 1px rgba(255, 255, 255, 0.7), 0 0 5px 2px rgba(219, 186, 101, 0.9);
}
.countdown:after {
	display: table;
	width: 100%;
	clear: both;
	content: "";
}
.countdown li:after {
	position: absolute;
	height: 20px;
	line-height: 20px;
	bottom: -20px;
	left: 50%;
	transform: translateX(-50%);
}
/*.countdown.ru:before {content:"Открытие Interlude x100 через:";}*/
.countdown.ru li:nth-child(2):after {
	content: "Дней";
}
.countdown.ru li:nth-child(3):after {
	content: "Часов";
}
.countdown.ru li:nth-child(4):after {
	content: "Минут";
}
.countdown.ru li:nth-child(5):after {
	content: "Секунд";
}

/*.countdown.en:before {content:"Opening of Interlude 100х in:";}*/
.countdown.en li:nth-child(2):after {
	content: "Days";
}
.countdown.en li:nth-child(3):after {
	content: "Hours";
}
.countdown.en li:nth-child(4):after {
	content: "Minutes";
}
.countdown.en li:nth-child(5):after {
	content: "Seconds";
}

.tooltip {
	position: relative;
	display: inline-block;
	font-size: 13px;
	color: red;
	text-decoration: underline;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 80px;
	text-align: center;

	/* Position the tooltip */
	position: absolute;
	z-index: 1;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
	bottom: 100%;
	left: 50%;
	margin-left: -160px;
	z-index: 5;
}

/* YOUTUBE */

.youtube-videos {
	position: fixed;
	width: 300px;
	left: -300px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.877);
	overflow-y: scroll;
	padding: 30px;
	scrollbar-width: thin;
	scrollbar-color: #3d2c15 black;
	padding-right: 20px;
	z-index: 200;
}

.youtube-videos.active {
	left: 0 !important;
}

.youtube-videos::-webkit-scrollbar {
	width: 7px;
	background-color: #181818;
	border-radius: 20px;
}

.youtube-videos::-webkit-scrollbar-track {
	width: 7px;
	background-color: #181818;
	border-radius: 20px;
}

.youtube-videos::-webkit-scrollbar-thumb {
	width: 7px;
	background-color: #3d2c15;
	border-radius: 20px;
}

.youtube-videos iframe:not(:last-child) {
	margin-bottom: 20px;
}

.youtube-videos iframe {
	width: 100%;
	height: 140px;
	border: none;
}

.youtube {
	position: fixed;
	left: 30px;
	top: 25%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 100;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.youtube.active {
	left: 330px !important;
}

.youtube .rotate {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	margin-bottom: 35px;
}

.youtube span img {
	width: 20px;
	opacity: 0.4;
}

.youtube a {
	margin-bottom: 30px;
	cursor: pointer;
}

.youtube a:hover i {
	color: #ffe0ac;
	text-shadow: 0px 0px 20px #f7a832;
}

.youtube a i {
	font-size: 30px;
	-webkit-animation: glow 2s infinite;
	animation: glow 2s infinite;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

@keyframes glow {
	0% {
		color: rgba(63, 49, 49, 0.61);
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	50% {
		color: #ffe0ac;
		text-shadow: 0px 0px 20px #f7a832;
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	100% {
		color: rgba(63, 49, 49, 0.61);
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@media (max-width: 768px) {
	.youtube {
		/*-webkit-transform: scale(0.65);
    transform: scale(0.65);
    left: 10px;*/
		display: none;
	}
}

@media (max-width: 450px) {
	.youtube {
		/*-webkit-transform: scale(0.65);
    transform: scale(0.65);
    left: 30px;*/
		display: none;
	}
}

.aposnow {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	z-index: 100;
}

.main-announce {
	display: flex;
	flex-direction: column;
	justify-content: end;
	border-radius: 4px;
	width: 100%;
	height: 250px;
	box-shadow: inset 0 0 10px rgb(0 0 0 / 30%),
		0 0 2px 1px rgb(255 255 255 / 70%), 0 0 5px 2px rgb(219 186 101 / 90%),
		0 2px 2px 2px rgb(219 186 101 / 90%);
}

.main-announce:after {
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	background: rgb(50, 48, 39);
	background: linear-gradient(180deg, rgb(6 62 255 / 0%) 40%, rgb(0 7 34) 78%);
	bottom: 0;
	z-index: 0;
}

.main-announce h1 {
	color: white;
	font-weight: 600;
	font-size: 28px;
	margin-bottom: 5px;
	background-color: #ffffff;
	/*    background-image: linear-gradient(0deg, #ff003a, #ff3975);*/
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.main-announce p {
	color: #f1efef;
	text-shadow: none;
	margin: 0;
}

.main-announce__content {
	display: flex;
	z-index: 1;
	flex-direction: column;
	justify-content: end;
	padding: 0 20px 20px 20px;
}
.main-announce__img {
	height: 100%;
	width: 100%;
	position: absolute;
	object-fit: cover;
}

.sociall {
	position: fixed;
	left: 30px;
	top: calc(50% - 90px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 100;
}

.sociall .rotate {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	margin-bottom: 35px;
}

.sociall span img {
	width: 20px;
	opacity: 0.4;
}

.sociall a {
	margin-bottom: 30px;
}

.sociall a:hover i {
	color: #ffe0ac;
	text-shadow: 0px 0px 20px #f7a832;
}

.sociall a i {
	font-size: 20px;
	color: #6a645e;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

@media (max-width: 768px) {
	.sociall {
		/*-webkit-transform: scale(0.65);
    transform: scale(0.65);
    right: 30px;*/
		display: none;
	}

	.left-splash {
		display: none;
	}
}

/*SERVERS*/

.serv-il {
	display: flex;
	flex-direction: column;
	background-color: #e7e1bb;
	border-radius: 4px;
	border: 1px solid #efe6aa;
}

.serv-il__img {
	background-image: url(/theme/img/il_bg-fx.jpg);
	background-size: cover;
	width: 100%;
	height: 110px;
	border-radius: 5px 5px 0 0;
}

.serv-il__title {
	font-size: 24px;
	font-weight: bold;
	color: #4c3d2f;
}

.serv-il__subtitle {
	margin-top: 5px;
	font-size: 14px;
	font-weight: normal;
	color: #605142;
	margin-bottom: 10px;
}

.serv-il__content {
	padding: 15px;
}

.serv-il__el {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #c3be9e;
	padding: 10px 0;
}

.serv-il__el:last-child {
	border-bottom: none;
	padding: 10px 0 0 0;
}

.serv-il__rates {
	background-color: #ff3e3e;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	border-radius: 4px;
	color: #fff;
	font-size: 12px;
}

.serv-il__rates-red {
	background-color: #ff3e3e;
}

.serv-il__rates-blue {
	background-color: #3770bd;
}

.serv-il__rates-orange {
	background-color: #ff903e;
}

.serv-il__rates-darkblue {
	background-color: #255eb2;
}

.serv-il__rates-green {
	background-color: #12a78d;
}

.serv-il__rates-darkgreen {
	background-color: #07895d;
}

.serv-il__status {
	display: flex;
	align-items: center;
	justify-content: start;
	width: 125px;
}

.serv-il__icon {
	width: 18px;
	height: 18px;
}

.serv-il__icon-on {
	background-image: url(/theme/img/on.png);
}

.serv-il__icon-off {
	background-image: url(/theme/img/off.png);
}

.serv-il__date {
	font-size: 12px;
	font-weight: normal;
	color: #605142;
}

.serv-il__desca {
	display: flex;
	align-items: center;
	justify-content: center;
}

.serv-il__desca:hover .serv-il__descp,
.serv-il__desca:hover .serv-il__book {
	color: #ff610f;
}

.serv-il__descp {
	font-size: 12px;
	font-weight: normal;
	color: #605142;
	margin-left: 5px;
	transition: 0.2s all;
}

.serv-il__book {
	color: #605142;
	transition: 0.2s all;
}

/* Remastered*/

.serv-rem {
	margin-top: 40px;
}

.serv-rem__img {
	background-image: url(/theme/img/rem_bg-fx.jpg);
}

.serv-essence__img {
	background-image: url(/theme/img/essence-bg.jpg);
}

/* consent */
[data-section="consent"] {
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 20;
	animation: consentShow 1s ease forwards;
	background: rgba(55, 50, 39, 0.32);
	backdrop-filter: blur(8px);
	box-shadow: 0 0 60px #000;
	box-sizing: border-box;
	padding-left: 16px;
	padding-right: 16px;
}

[data-container="consent"] {
	max-width: 1080px;
	margin: 0 auto;
}

@keyframes consentShow {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.consent {
	color: #fff;
	font-size: 14px;
	box-sizing: border-box;
	padding-top: 10px;
	padding-bottom: 10px;
	display: grid;
	align-items: center;
	text-align: center;
	grid-gap: 20px 50px;
	gap: 20px 50px;
}

@media (min-width: 680px) {
	.consent {
		grid-template-columns: 1fr auto;
		font-size: 16px;
		text-align: left;
		padding-top: 16px;
		padding-bottom: 20px;
	}
}

@media (min-width: 1200px) {
	.consent {
		padding-top: 22px;
		padding-bottom: 22px;
		font-size: 20px;
	}
}

@media (min-width: 680px) {
	.consent__btns {
		text-align: right;
	}
}

.bttn {
	min-width: 120px;
	cursor: pointer;
}

.color-yellow {
	color: #ffc72e;
}