@charset "utf-8";

html,

body,

div,

span,

applet,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

a,

abbr,

acronym,

address,

big,

cite,

code,

del,

dfn,

em,

img,

ins,

kbd,

q,

s,

samp,

small,

strike,

strong,

sub,

sup,

tt,

var,

b,

u,

i,

center,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

embed,

figure,

figcaption,

footer,

header,

hgroup,

menu,

nav,

output,

ruby,

section,

summary,

time,

mark,

audio,

video {

	margin: 0;

	padding: 0;

	border: 0;

	vertical-align: baseline

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

	display: block

}



body {

	line-height: 1

}



ol,

ul {

	list-style: none

}



blockquote,

q {

	quotes: none

}



blockquote:before,

blockquote:after,

q:before,

q:after {

	content: '';

	content: none

}



table {

	border-collapse: collapse;

	border-spacing: 0

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

nav,

section,

summary {

	display: block

}



* {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box

}



html,

body {

	position: relative;

	overflow-x: hidden

}



body {

	width: 100%;

	background: url(../img/body-bg.png) center top no-repeat;

	background-color: #01060a;

	font-family: "Open Sans", sans-serif;

	font-size: 14px;

	color: #696868;

	min-height: 100vh;

	overflow: hidden;

}



a {

	transition: all 0.3s ease;

	color: #c29540;

	text-decoration: none

}



a:hover {

	text-decoration: none;

	color: #ebb44d;

}



p {

	margin-bottom: 20px

}



h1,

h2,

h3 {

	color: #ffdda9;

	margin-bottom: 20px;

	line-height: 1.3;

	font-family: "Philosopher", sans-serif;

	letter-spacing: 2px

}



h1 {

	font-size: 20px

}



h2 {

	font-size: 18px;

	text-transform: uppercase;

}



h3 {

	font-size: 16px

}



hr {

	border-top: 0px!important;

	border-left: 0px!important;

	border-right: 0px!important;

	border-bottom: 1px solid rgba(255, 255, 255, 0.1)!important;

}



table {

	width: 100%

}



table tr {

	background-color: #0d0f17 !important;

}



table td {

	border-collapse: collapse;

	padding: 15px 18px;

	border-top: 1px solid #12141e;

	border-bottom: 1px solid #12141e;

	color: #fff;

	font-size: 14px;

	vertical-align: middle

}



table thead td {

	color: #a97fff;

	text-transform: uppercase

}



img {

	max-width: 100%

}



caption {

	margin-bottom: 15px

}



select {

	background: #040609;

	width: 100%;

	border: 1px solid #36383a;

	color: #fff;

	padding: 17px 40px 17px 15px;

	position: relative;

	color: #fff;

	font-size: 16px;

	-webkit-appearance: none;

	background-image: url(../img/select-icon.png);

	background-position: right 10px center;

	background-repeat: no-repeat;

	-moz-appearance: none;

	text-indent: 0.01px;

	text-overflow: '';

	-ms-appearance: none;

	appearance: none !important;

	transition: 0.3s;

	cursor: pointer

}



select:hover {

	border: 1px solid #fc9162;

	box-shadow: 0px 0px 10px 0px rgba(252, 142, 98, 0.6), inset 0px 0px 10px 0px rgba(252, 142, 98, 0.6)

}



input,

textarea {

	background: #040609;

	border: 1px solid #36383a;

	color: #fff;

	padding: 10px 15px;

	position: relative;

	font-size: 16px;

	transition: 0.3s;

	width: 100%;

	font-family: "Open Sans", sans-serif

}



input:hover,

textarea:hover {

	border: 1px solid #fc9162;

	box-shadow: 0px 0px 10px 0px rgba(252, 142, 98, 0.6), inset 0px 0px 10px 0px rgba(252, 142, 98, 0.6)

}



textarea {

	min-height: 120px

}





/* Change the white to any color */



input:-webkit-autofill,

input:-webkit-autofill:hover,

input:-webkit-autofill:focus,

input:-webkit-autofill:active {

	-webkit-box-shadow: 0 0 0 30px #040609 inset !important;

}





/*Change text in autofill textbox*/



input:-webkit-autofill {

	-webkit-text-fill-color: #ffffff !important;

}



.clean {

	padding: 0px;

	margin: 0px;

	background: transparent;

	border: 0px;

	width: 100%;

}



.clean tr {

	padding: 0px;

	margin: 0px;

	background: transparent;

	border: 0px;

}



.clean tr td {

	padding: 5px;

	margin: 0px;

	background: transparent;

	border: 0px;

	text-align: center;

}



.pd-tp-10 {

	padding-top: 10px;

}



.pd-bt-10 {

	padding-bottom: 10px;

}



.button2 {

	transition: all 0.3s ease;

	cursor: pointer;

	background: url(../img/button2.png.html) no-repeat;

	height: 40px;

	width: 328px;

	border: none;

	color: #ffffff !important;

	font-family: "Philosopher", sans-serif;

	font-size: 12px;

	position: relative;

	z-index: 1;

	text-align: center;

	text-transform: uppercase;

	letter-spacing: 2px;

	box-shadow: 0px 0px 22px 5px rgba(59, 36, 151, 0.2), 0px 10px 15px 4px rgba(0, 0, 0, 0.3)

}



.button3 {

	transition: all 0.3s ease;

	cursor: pointer;

	background: url(../img/button3.png.html) no-repeat;

	height: 40px;

	width: 328px;

	border: none;

	color: #ffffff !important;

	font-family: "Philosopher", sans-serif;

	font-size: 16px;

	position: relative;

	font-weight: bold;

	text-shadow: 1px 1px black;

	z-index: 1;

	text-align: center;

	text-transform: uppercase;

	letter-spacing: 2px;

	box-shadow: 0px 0px 22px 5px rgba(59, 36, 151, 0.2), 0px 10px 15px 4px rgba(0, 0, 0, 0.3)

}



.button4 {

	transition: all 0.3s ease;

	cursor: pointer;

	background: url(../img/button4.png.html) no-repeat;

	height: 57px;

	width: 328px;

	border: none;

	color: #ffffff !important;

	font-family: "Philosopher", sans-serif;

	font-size: 16px;

	position: relative;

	font-weight: bold;

	text-shadow: 1px 1px black;

	z-index: 1;

	text-align: center;

	text-transform: uppercase;

	letter-spacing: 2px;

	box-shadow: 0px 0px 22px 5px rgba(59, 36, 151, 0.2), 0px 10px 15px 4px rgba(0, 0, 0, 0.3)

}



.button5 {

	transition: all 0.3s ease;

	cursor: pointer;

	background: url(../img/button5.png.html) no-repeat;

	height: 40px;

	width: 328px;

	border: none;

	color: #ffffff !important;

	font-family: "Philosopher", sans-serif;

	font-size: 16px;

	position: relative;

	font-weight: bold;

	text-shadow: 1px 1px black;

	z-index: 1;

	text-align: center;

	text-transform: uppercase;

	letter-spacing: 2px;

	box-shadow: 0px 0px 22px 5px rgba(59, 36, 151, 0.2), 0px 10px 15px 4px rgba(0, 0, 0, 0.3)

}



.button6 {

	transition: all 0.3s ease;

	cursor: pointer;

	background: url(../img/button6.png.html) no-repeat;

	height: 40px;

	width: 206px;

	border: none;

	color: #ffffff !important;

	font-family: "Philosopher", sans-serif;

	font-size: 12px;

	position: relative;

	z-index: 1;

	text-align: center;

	text-transform: uppercase;

	letter-spacing: 2px;

	box-shadow: 0px 0px 22px 5px rgba(59, 36, 151, 0.2), 0px 10px 15px 4px rgba(0, 0, 0, 0.3)

}



.button-link {

	transition: all 0.3s ease;

	cursor: pointer;

	background: url(../img/button.png) center no-repeat;

	padding: 5px 20px;

	margin: 3px;

	border: none;

	color: #ffffff !important;

	font-family: "Philosopher", sans-serif;

	font-size: 12px;

	position: relative;

	z-index: 1;

	text-align: center;

	text-transform: uppercase;

	letter-spacing: 2px;

	line-height: 40px;

	box-shadow: 0px 0px 22px 5px rgba(59, 36, 151, 0.2), 0px 10px 15px 4px rgba(0, 0, 0, 0.3)

}



.button-buy-keys{

	transition:all .3s ease;

	cursor:pointer;

	background-color: rgba(65,25,21,.5);

	background:url(../img/button-buy-keys.png.html) no-repeat;

	height:48px;

	width:82px;

	border:none;

	color:#fff!important;

	font-family:philosopher,sans-serif;

	font-size:12px;

	padding-top: 12px;

	position:relative;

	z-index:1;

	text-align:center;

	text-transform:uppercase;

	letter-spacing:2px;

	box-shadow: 0px 0px 22px 5px rgba(59, 36, 151, 0.2), 0px 10px 15px 4px rgba(0, 0, 0, 0.3)

}



.mid-button {

	background: url(../img/mid-button-blue.png.html) no-repeat;

	background-size: cover;

	width: 202px;

	height: 55px;

	font-size: 15px;

	box-shadow: 0px 0px 20px 5px rgba(42, 87, 255, 0.2)

}



.big-button-blue {

	background: url(../img/button-blue-big.jpg) no-repeat;

	background-size: cover;

	width: 346px;

	height: 58px;

	font-size: 18px;

	box-shadow: 0px 0px 20px 5px rgba(42, 87, 255, 0.2)

}



.big-button-red {

	background: url(../img/button-red-big.jpg) no-repeat;

	background-size: cover;

	width: 346px;

	height: 58px;

	font-size: 18px;

	box-shadow: 0px 0px 20px 5px rgba(255, 87, 42, 0.2)

}



.big-button-green {

	background: url(../img/button-green-big.jpg) no-repeat;

	background-size: cover;

	width: 346px;

	height: 58px;

	font-size: 18px;

	box-shadow: 0px 0px 20px 5px rgba(42, 255, 87, 0.2)

}



.button-blue {

	background: url(../img/button-blue.png) no-repeat;

	transition: all 0.3s ease;

	cursor: pointer;

	height: 40px;

	width: 147px;

	border: none;

	color: #ffffff !important;

	font-family: "Philosopher", sans-serif;

	font-size: 12px;

	position: relative;

	z-index: 1;

	text-align: center;

	text-transform: uppercase;

	letter-spacing: 2px;

	box-shadow: 0px 0px 22px 5px rgba(59, 36, 151, 0.2), 0px 10px 15px 4px rgba(0, 0, 0, 0.3)

}



.button-blue:hover {

    filter: brightness(120%)

}





.mid-button-blue {

	background: url(../img/button-blue-big.jpg) no-repeat;

	background-size: cover;

	width: 300px;

	height: 58px;

	font-size: 18px;

	box-shadow: 0px 0px 20px 5px rgba(42, 87, 255, 0.2)

}



:focus {

	outline: none

}



::-webkit-input-placeholder {

	color: #656565

}



::-moz-placeholder {

	color: #656565

}



:-moz-placeholder {

	color: #656565

}



:-ms-input-placeholder {

	color: #656565

}



.wrapper {

	width: 1200px;

	padding: 0px 25px;

	margin: 0 auto;

	position: relative

}



.flex {

	display: flex;

	flex-wrap: wrap

}



.flex-c {

	display: flex;

	align-items: center;

	flex-wrap: wrap

}



.flex-s {

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap

}



.flex-s-c {

	display: flex;

	justify-content: space-between;

	align-items: center;

	flex-wrap: wrap

}



.flex-c-c {

	display: flex;

	justify-content: center;

	align-items: center;

	flex-wrap: wrap

}



.bright:hover {

	filter: brightness(120%)

}



.logo-mini {

	display: block;

	margin-right: 15px;

}



.topPanel {

	position: fixed;

	width: 100%;

	top: 0px;

	left: 0;

	right: 0;

	transition: 0.3s;

	z-index: 20

}



.topPanel-wrapper {

	width: 1200px;

	padding-left: 25px;

	margin: 0 auto;

	position: relative;

	justify-content: space-between;

	border-bottom: 1px solid rgba(255, 255, 255, 0.1)

}



.nav li{

	display:inline-block;

	position:relative;

	cursor:pointer

}

.nav li:first-child a{

	color:#fff

}

.nav li a{

	color:#fcedc0;

	font-family:philosopher,sans-serif;

	background-color: transparent !important;

	font-size:18px;

	display:block;

	height:90px;

	padding:0 20px;

	line-height:90px;

	position:relative;

	z-index:1

}

.nav li ul{

	position:absolute;

	left:0;

	top:calc(100%);

	background:rgba(0,0,0,.85);

	padding:25px 0;

	min-width:200px;

	display:none

}

.nav li ul li{

	display:block

}

.nav li ul li:after{

	content:"";

	position:absolute;

	background:url(../img/drop-menu-hover.png) no-repeat;

	width:308px;

	height:133px;

	left:-46px;

	top:0;

	margin-top:-47px;

	opacity:0;

	transition:.3s

}

.nav li ul li a{

	font-size:16px;

	padding:15px 50px;

	height:auto;

	line-height:1;

	color:#fcd4c0!important;

	background-image:url(../img/drop-menu-icon.png);

	background-position:left -20px center;

	background-repeat:no-repeat

}

.dropdown-menu{

	display:none;

	animation:.3s opas linear

}

.dropdown-toggle.active{

	color:#f88938

}

.nav li:hover a{

	color:#f88938

}

.nav li ul li:hover:after{

	opacity:1

}

.nav li ul li:hover a{

	color:#f88938!important;

	padding:15px 0 15px 70px;

	background-position:left 50px center

}

.nav .sub-menu a{

	padding:0 25px 0 20px

}

.nav .sub-menu li a{

	padding:15px 40px

}

.sub-menu:before{

	content:"";

	position:absolute;

	background:url(../img/drop-icon.png) no-repeat;

	width:12px;

	height:8px;

	top:50%;

	margin-top:-4px;

	right:5px

}

.sub-menu-nav:before{

	content:"";

	position:absolute;

	background:url(../img/drop-icon.png) no-repeat;

	width:12px;

	height:8px;

	top:50%;

	margin-top:-4px;

	right:0px;

}

.commun-link {

	padding-left: 27px;

	color: #fcedc0;

	font-size: 18px;

	font-family: "Philosopher", sans-serif;

}

.commun-link:hover {

	color: #cc7954;

}



.sign-in {

	padding-right: 60px;

	color: #fcedc0;

	font-size: 18px;

	font-family: "Philosopher", sans-serif;

	position: relative;

	cursor: pointer

}



.sign-in:hover, .sign-in:active, .sign-in:focus {

	color: #cc7954 !important;

}



.sign-in:after {

	content: "";

	background: url(../img/lock-icon.png) no-repeat;

	position: absolute;

	width: 91px;

	height: 87px;

	right: -26px;

	top: 50%;

	margin-top: -42px;

	transition: 0.3s

}



.sign-in:hover:after {

	color: #cc7954;

	filter: brightness(140%)

}



.logged {

	padding-right: 60px;

	color: #fcedc0;

	font-size: 18px;

	font-family: "Philosopher", sans-serif;

	position: relative;

	cursor: pointer

}



.logged:after {

	content: "";

	background: url(../img/user-icon.png.html) no-repeat;

	position: absolute;

	width: 91px;

	height: 87px;

	right: -26px;

	top: 50%;

	margin-top: -42px;

	transition: 0.3s

}



.logged:hover:after {

	filter: brightness(140%)

}



.topPanel.topPanel-fixed {

	background: rgba(7, 10, 17, 0.95);

	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2)

}



.topPanel.topPanel-fixed .nav li:hover {

	background: rgba(0, 0, 0, 0.95)

}



.topPanel.topPanel-fixed .dropdown-toggle.active {

	background: rgba(0, 0, 0, 0.95)

}



.topPanel.topPanel-fixed .topPanel-wrapper {

	border-bottom: 0px

}



.blue-light {

	background: url(../img/blue-light.png);

	width: 300px;

	height: 300px;

	top: 5px;

	left: 0px;

	position: absolute;

	animation: 12s p-next linear infinite;

	opacity: 0.7

}



.yellow-light {

	background: url(../img/light-hand.png);

	width: 350px;

	height: 350px;

	top: 5px;

	left: 725px;

	position: absolute;

	animation: 12s p-prev linear infinite;

	opacity: 0.5;

}

.reward-light{

	background:url(../img/reward-light.png.html);

	width:140px;

	height:140px;

	top:-10px;

	left:-5px;

	position:absolute;

	animation:12s p-prev linear infinite;

	opacity:.7

}

.reward-light-icon{

	background:url(../img/youtub-icon.png) no-repeat;

	position:absolute;

	width:93px;

	height:70px;

	top: 24px;

	left: 15px;

}



@keyframes p-next {

	0% {

		transform: rotate(0deg)

	}

	50% {

		transform: rotate(180deg)

	}

	100% {

		transform: rotate(360deg)

	}

}



@keyframes p-prev {

	0% {

		transform: rotate(0deg)

	}

	50% {

		transform: rotate(-180deg)

	}

	100% {

		transform: rotate(-360deg)

	}

}

.hand-animation {
	position: absolute;
	left: 50%;
    margin-left: -480px;
    top: 200px;
}



.light-hand {

	background: url(../img/light-hand.png);

	width: 350px;

	height: 350px;

	position: absolute;

	top: 0px;

	left: -50px;

	animation: 20s light-hand linear infinite;

	opacity: 0.7

}





.light-hand-two {

	background: url(../img/light-hand.png);

	width: 350px;

	height: 350px;

	position: absolute;

	top: 0px;

	left: -50px;

	animation: 20s light-hand-two linear infinite;

	opacity: 0.7

}



.rune-hand {

	background: url(../img/rune-hand.png);

	width: 350px;

	height: 350px;

	position: absolute;

	top: 0px;

	left: -50px;

	animation: 15s rune-hand linear infinite;

	opacity: 0.8

}



@keyframes light-hand {

	0% {

		transform: rotate(0deg)

	}

	50% {

		transform: rotate(-180deg)

	}

	100% {

		transform: rotate(-360deg)

	}

}



@keyframes light-hand-two {

	0% {

		transform: rotate(0deg)

	}

	50% {

		transform: rotate(180deg)

	}

	100% {

		transform: rotate(360deg)

	}

}



@keyframes rune-hand {

	0% {

		transform: rotate(0deg)

	}

	50% {

		transform: rotate(180deg)

	}

	100% {

		transform: rotate(360deg)

	}

}



.sparks>div {

	position: absolute

}



.sparks .spark_1 {

	background: url(../img/spark_1.png) no-repeat;

	width: 764px;

	height: 313px;

	right: 0;

	bottom: -120px;

	transform: scale(0.6);

	animation: spark-1 4s linear infinite;

	animation-delay: 1s

}



@keyframes spark-1 {

	0% {

		bottom: -320px;

		transform: scale(0.6);

		opacity: 1

	}

	25% {

		bottom: -240px;

		transform: scale(0.7);

		opacity: 1

	}

	50% {

		bottom: -160px;

		transform: scale(0.8);

		opacity: 1

	}

	75% {

		bottom: -80px;

		transform: scale(0.9);

		opacity: 0.5

	}

	to {

		bottom: 0;

		transform: scale(1);

		opacity: 0

	}

}



.sparks .spark_2 {

	background: url(../img/spark_2.png) no-repeat;

	width: 149px;

	height: 335px;

	right: 230px;

	bottom: -320px;

	transform: scale(0.6);

	animation: spark-1 4s linear infinite;

	animation-delay: 2s

}



.sparks .spark_3 {

	background: url(../img/spark_3.png) no-repeat;

	width: 128px;

	height: 165px;

	right: 280px;

	bottom: -140px;

	transform: scale(0.6);

	animation: spark-3 4s linear infinite;

	animation-delay: 2s

}



@keyframes spark-3 {

	0% {

		bottom: -140px;

		-webkit-transform: scale(0.6);

		transform: scale(0.6);

		opacity: 1

	}

	25% {

		bottom: -80px;

		-webkit-transform: scale(0.7);

		transform: scale(0.7);

		opacity: 1

	}

	50% {

		bottom: -20px;

		-webkit-transform: scale(0.8);

		transform: scale(0.8);

		opacity: 1

	}

	75% {

		bottom: 40px;

		-webkit-transform: scale(0.9);

		transform: scale(0.9);

		opacity: 0.5

	}

	to {

		bottom: 100px;

		-webkit-transform: scale(1);

		transform: scale(1);

		opacity: 0

	}

}



.sparks .spark-big {

	background: url(../img/spark_4.png) no-repeat;

	width: 794px;

	height: 176px;

	right: 0;

	bottom: -180px;

	transform: scale(0.6);

	animation: spark-5 4s linear infinite

}



@keyframes spark-5 {

	0% {

		bottom: -180px;

		transform: scale(0.6);

		opacity: 1

	}

	25% {

		bottom: -120px;

		transform: scale(0.7);

		opacity: 1

	}

	50% {

		bottom: -60px;

		transform: scale(0.8);

		opacity: 1

	}

	75% {

		bottom: 0;

		transform: scale(0.9);

		opacity: 0.5

	}

	to {

		bottom: 60px;

		transform: scale(1);

		opacity: 0

	}

}



header {

	height: 600px;

	position: relative

}



.logo {

	position: absolute;

	top: 220px;

	left: 0px;

	width: 100%;

}



.online {

	bottom: 45px;

	position: relative; 

	top: -10px;

	transition: transform .3s;

	filter: brightness(1.0);

	cursor: pointer;

	transform: scale(0.6);

}



.online:hover {

	filter: brightness(130%);

	transform: scale(0.7);

}



.online-active {

	filter: brightness(0.8);

}



.onlineReg {

	padding-top: -10px

}



.only {

	transform: scale(0.7);

}



.only:hover {

	transform: scale(0.8);

}



.vbadge{

	position:absolute;

	top:-10px;

	right:-20px;

	padding:2px;

	border-radius:50px;

	background:#9e5f01;

	color:#fff;

	font-size:8px;

}



.onlineBlock {

	background: url(../img/online-img.png) bottom center no-repeat;

	width: 300px;

	height: 250px;

	text-align: center;

	font-size: 16px;

	color: #fff;

	letter-spacing: 3px;

	font-family: "Philosopher", sans-serif;

	padding-left: 3px;

	padding-top: 18px;

	position: relative;

	z-index: 2

}



.onlineBlock span {

	display: block;

	font-size: 48px;

	color: #ffdda9;

	letter-spacing: 8px;

	padding-top: 3px;

	text-shadow: 0px 0px 20px rgba(255, 118, 18, 0.7)

}



.onlineReg-block {

	width: 107px;

	min-height: 120px;

	text-align: center;

	color: #ffffff;

	font-size: 12px;

	font-family: "Philosopher", sans-serif;

	padding-top: 95px;

	letter-spacing: 1px

}



.onlineReg-block span {

	display: block;

	color: #ffdda9;

	font-size: 18px;

	margin-bottom: 5px;

	letter-spacing: 2px

}



.onlineReg-block-player {

	background: url(../img/online-sprite.png) top left -3px no-repeat

}



.onlineReg-block-clans {

	background: url(../img/online-sprite.png) top right -3px no-repeat

}



.block-50 {

	width: calc(50% - 13px);

	height: 300px;

	box-shadow: 0px 10px 10px 10px rgba(0, 0, 0, 0.2)

}



.swiper-container {

	width: 100%;

	height: 100%

}



.swiper-news .swiper-slide img {

	max-width: 100%;

	height: 100%

}



.swiper-news .swiper-slide .swiper-news_info {

	opacity: 0;

	transition: 1.5s

}



.swiper-news .swiper-slide.swiper-slide-active .swiper-news_info {

	opacity: 1

}



.swiper-news_info {

	background: url(../img/slider-shadow.png) left bottom no-repeat;

	width: 561px;

	height: 245px;

	position: absolute;

	left: 0;

	bottom: 0;

	z-index: 1;

	padding: 0px 0px 35px 50px;

	display: flex;

	align-items: flex-end;

	flex-wrap: wrap;

	align-content: flex-end;

	font-family: "Philosopher", sans-serif

}



.swiper-news_info span {

	display: block;

	width: 100%;

	background: linear-gradient(#fdde91, #9b311d);

	-webkit-background-clip: text;

	color: transparent;

	font-size: 60px;

	filter: drop-shadow(0px 0px 20px rgba(200, 128, 82, 0.7));

	display: block;

	margin-bottom: 15px;

	font-weight: 700;

	width: 350px

}



.swiper-news_info p {

	color: #696868;

	font-size: 22px;

	width: 350px;

	margin-bottom: 0px;

	line-height: 1.2

}



.swiper-news-pagination {

	position: absolute;

	background: url(../img/slider-arrow-bg.png) no-repeat;

	width: 108px;

	height: 40px;

	right: 35px;

	bottom: 35px;

	z-index: 3

}



.swiper-news-pagination .swiper-button-prev {

	background: url(../img/left.png) no-repeat;

	width: 24px;

	height: 28px;

	top: 50%;

	margin-top: -14px;

	filter: drop-shadow(0px 0px 20px #c88052)

}



.swiper-news-pagination .swiper-button-prev:after {

	display: none

}



.swiper-news-pagination .swiper-button-next {

	background: url(../img/right.png) no-repeat;

	width: 24px;

	height: 28px;

	top: 50%;

	margin-top: -14px;

	filter: drop-shadow(0px 0px 20px #c88052)

}



.swiper-news-pagination .swiper-button-next:after {

	display: none

}



.swiper-news-pagination .swiper-pagination {

	color: #fff;

	font-size: 12px;

	bottom: 13px

}



.swiper-news-pagination .swiper-pagination .swiper-pagination-current {

	color: #cc7954

}



.download {

	position: absolute;

	right: -54px;

	bottom: -80px

}



.download-button {

	background: url(../img/download.png) no-repeat;

	width: 447px;

	height: 333px;

	display: block;

	font-family: "Philosopher", sans-serif;

	color: #ffffff;

	font-size: 18px;

	letter-spacing: 3px;

	text-transform: uppercase;

	padding: 116px 0px 0px 183px

}



.download-button span {

	display: block;

	font-size: 14px;

	color: #cc7954;

	text-transform: none;

	margin-top: 4px

}



.more-downloads {

	top: -135px;

	position: relative;

	z-index: 2;

	color: #fff;

	padding-left: 5px;

	transition: 0.3s

}



.more-downloads a {

	color: #fff;

	font-size: 12px;

	letter-spacing: 1px;

	display: block;

	margin: 0px 20px;

	padding: 10px 0px 10px 22px;

	opacity: 0.4

}



.more-downloads a:hover {

	opacity: 1

}



.more-downloads span {

	opacity: 0.4

}



.lang-en {

	background: url(../img/flag-icon-en.png.html) left center no-repeat

}



.lang-pt {

	background: url(../img/flag-icon-pt.png.html) left center no-repeat

}



.lang-es {

	background: url(../img/flag-icon-es.png.html) left center no-repeat

}



main {

	position: relative;

	z-index: 4;

	min-height: 500px

}



.newsBlock {

	background: url(../img/news-home-bg.jpg) no-repeat;

	padding: 40px 45px

}



.newsBlock-sidebar {

	background: url(../img/news-home-bg.jpg) no-repeat;

	padding: 40px 25px

}



.h2-title {

	align-items: flex-end;

	margin-bottom: 25px

}



.h2-title span {

	position: relative;

	text-transform: uppercase;

	color: #cc7954;

	font-size: 18px;

	font-family: "Philosopher", sans-serif;

	display: block;

	padding-left: 25px

}



.h2-title span:before {

	content: "";

	position: absolute;

	background: url(../img/title-icon.png) no-repeat;

	width: 26px;

	height: 26px;

	left: -5px;

	top: 50%;

	margin-top: -13px;

	filter: drop-shadow(0px 0px 10px #ff2a00)

}



.h2-title a {

	color: #696868;

	font-size: 14px

}



.h2-title a:hover {

	color: #fff

}



.newsLink-news {

	background: url(../img/news-icon.png) left top 12px no-repeat

}



.newsLink-maintenance {

	background: url(../img/maintenance-icon.png.html) left top 12px no-repeat

}



.newsLink-events {

	background: url(../img/events-icon.png.html) left top 12px no-repeat

}



.newsLink-patch-notes {

	background: url(../img/patch-notes-icon.png.html) left top 12px no-repeat

}



.newsLink {

	position: relative;

	padding: 13px 0px 13px 50px;

}



.newsLink:after {

	content: "";

	background: url(../img/news-hover.png) no-repeat;

	position: absolute;

	width: 64px;

	height: 178px;

	right: -60px;

	top: 50%;

	margin-top: -89px;

	opacity: 0

}



.newsLink-info a {

	display: block;

	color: #fcedc0;

	margin-bottom: 5px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	width: 300px;

	padding: 1px 0px

}



.newsLink-info span {

	color: #696868

}



.newsLink-more {

	color: #cc7954;

	display: block;

	position: relative;

	padding-right: 20px

}



.newsLink-more span {

	opacity: 0;

	transition: 0.3s

}



.newsLink-more:after {

	content: "";

	position: absolute;

	background: url(../img/h-right.png) no-repeat;

	width: 8px;

	height: 12px;

	right: 0px;

	top: 50%;

	margin-top: -6px;

	transition: 0.3s

}



.newsLink:hover:after {

	opacity: 1

}



.newsLink:hover .newsLink-info a {

	color: #ffffff;

	text-decoration: underline

}



.newsLink:hover .newsLink-more span {

	opacity: 1

}



.newsLink:hover .newsLink-more:after {

	background: url(../img/right.png) no-repeat;

	width: 24px;

	height: 28px;

	margin-top: -14px;

	right: -20px;

	filter: drop-shadow(0px 0px 10px #ff2a00)

}



.rightBodyLinks {

	position: fixed;

	right: 0;

	top: calc(50% - 252px);

	background: transparent;

	background-image: url(../img/rbodylink.png);

	padding: 3px 5px 7px 45px;

	height: 505px;

	width: 121px;

	z-index: 8

}



.tableBlock-conten_name_two {

	width: 90%;

	display: flex !important;

	align-items: center;

	color: #fff;

	line-height: 1.2

}



.rightBodyLinks a {

	display: block;

	text-align: center;

	color: #fcedc0;

	font-family: "Philosopher", sans-serif;

	font-size: 14px;

	margin: 8px 0px

}



.rightBodyLinks a span {

	display: block;

	background-image: url(../img/right-panel-bg.png);

	width: 70px;

	height: 70px;

	position: relative;

	transition: 0.3s

}



.rightBodyLinks a span img {

	position: absolute

}



.rightBodyLinks a:hover span {

	background-image: url(../img/right-panel-bg-hover.png)

}



.r-wiki span img {

	bottom: 18px;

	left: 18px

}



.r-shop span img {

	bottom: 16px;

	left: 16px

}



.r-forum span img {

	bottom: 16px;

	left: 16px

}



.toTop {

	background: url(../img/totop-img.png) left center no-repeat;

	height: 100px;

	display: flex;

	align-items: center;

	min-width: 100px;

	position: fixed;

	left: 0px;

	bottom: 50px;

	padding-left: 105px;

	cursor: pointer;

	transform: rotate(-90deg);

	z-index: 8

}



.toTop span {

	font-size: 12px;

	color: #fff;

	opacity: 0.2;

	font-family: "Philosopher", sans-serif;

	transition: 0.3s

}



.toTop:hover span {

	opacity: 1

}



.line {

	display: block;

	background: url(../img/line.png) center no-repeat;

	width: 100%;

	overflow-x: hidden;

	height: 86px

}



.mainHomeBlock {

	margin-bottom: 40px

}



.mainHomeBlock>div {

	height: 610px

}



.blockHome {

    background:url(../img/block-top-bg.png) center top no-repeat,url(../img/block-bottom-bg.png) center bottom no-repeat,url(../img/block-mid-bg.png.html) center top no-repeat;

	background-color: #12141f;

	box-shadow: 0px 10px 15px 4px rgba(0, 0, 0, 0.3);

	padding: 35px 35px;

	width: 364px;

    min-height: 340px;

}



.mainHomeBlockPlugin {

	margin-bottom: 0px

}



.mainHomeBlockPlugin>div {

	height: 210px

}



.blockHomePlugin {

	background: url(../img/block-arka.jpg) center top no-repeat;

	background-color: #12141f;

	box-shadow: 0px 10px 15px 4px rgba(0, 0, 0, 0.3);

	padding: 35px 35px;

	width: 364px

}



.h2-title-table {

	border-bottom: 1px solid #22252d;

	padding-bottom: 25px;

	position: relative

}



.tabTable-block {

	display: none

}



.tabTable-block.active {

	display: block

}



/* arka */

.tabTable-block-arca {

    display: none

}



.tabTable-block-arca.active {

    display: block

}



.tabTable-block-ice {

    display: none

}



.tabTable-block-ice.active {

    display: block

}





/* cs */

.tabTable-block-cs {

	display: none

}



.tabTable-block-cs.active {

	display: block

}



.tabTable {

	margin-right: -12px

}



.tabTable-button {

	cursor: pointer;

	display: inline-block;

	margin: 0px 6px;

	position: relative

}



.tabTable-button:after {

	content: "";

	position: absolute;

	width: 50%;

	margin-left: -25%;

	height: 1px;

	background: #fff;

	left: 50%;

	bottom: -26px;

	opacity: 0

}



.tabTable-button.active {

	color: #fff

}



.tabTable-button.active:after {

	opacity: 1

}



/* arka */

.tabTable-button-arca {

    cursor: pointer;

    display: inline-block;

    margin: 0 12px;

    position: relative

}



.tabTable-button-arca:after {

    content: "";

    position: absolute;

    width: 50%;

    margin-left: -25%;

    height: 1px;

    background: #fff;

    left: 50%;

    bottom: -26px;

    opacity: 0

}



.tabTable-button-arca.active {

    color: #fff

}



.tabTable-button-arca.active:after {

    opacity: 1

}



.tabTable-button-ice {

    cursor: pointer;

    display: inline-block;

    margin: 0 12px;

    position: relative

}



.tabTable-button-ice:after {

    content: "";

    position: absolute;

    width: 50%;

    margin-left: -25%;

    height: 1px;

    background: #fff;

    left: 50%;

    bottom: -26px;

    opacity: 0

}



.tabTable-button-ice.active {

    color: #fff

}



.tabTable-button-ice.active:after {

    opacity: 1

}



/* cs */

.tabTable-button-cs {

	cursor: pointer;

	display: inline-block;

	margin: 0px 12px;

	position: relative

}



.tabTable-button-cs:after {

	content: "";

	position: absolute;

	width: 50%;

	margin-left: -25%;

	height: 1px;

	background: #fff;

	left: 50%;

	bottom: -26px;

	opacity: 0

}



.tabTable-button-cs.active {

	color: #fff

}



.tabTable-button-cs.active:after {

	opacity: 1

}





.tab-button {

	cursor: pointer;

	display: inline-block;

	margin: 0px 12px;

	position: relative;

	color: #666 !important;

}



.tab-button:after {

	content: "";

	position: absolute;

	width: 50%;

	margin-left: -25%;

	height: 1px;

	background: #fff;

	left: 50%;

	bottom: -26px;

	opacity: 0

}



.tab-button.active {

	color: #fff !important;

}



.tab-button.active:after {

	opacity: 1

}



.tableBlock-title {

	background: url(../img/top-table-bg.png) repeat-x;

	height: 36px;

	padding: 0px 17px;

	display: flex;

	align-items: center;

	box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.2);

	margin-bottom: 10px;

	width: 100%

}



.tableBlock-title span {

	color: #696868;

	text-transform: uppercase;

	font-size: 10px;

	font-weight: 600;

	display: block

}

.tableBlock-title_number {

	width: 22%

}



.tableBlock-title_player {

	width: 52%

}



.tableBlock-title_level {

	width: 17%;

	text-align: center

}



.tableBlock-title_score {

	width: 21%;

	text-align: right

}



.tableBlock-content {

	display: flex;

	align-items: center;

	padding: 0px 50px;

	width: 100%;

	position: relative;

	background-repeat: no-repeat;

	background-position: center;

	width: 365px;

	margin-left: -35px

}



.tableBlock-content>div {

	font-size: 12px;

	font-weight: 600;

	display: flex;

	align-items: center;

	position: relative;

	height: 37px;

	padding-bottom: 1px

}



.tableBlock-content:nth-child(odd) {

	background-color: rgba(0, 0, 0, 0.1)

}



.tableBlock-content:hover {

	background-image: url(../img/hover-table.png)

}



.tableBlock-conten_number {

	width: 10%

}



.tableBlock-conten_name {

	width: 52%;

	display: flex !important;

	align-items: center;

	color: #fff;

	line-height: 1.2

}



.tableBlock-conten_name img {

	width: 22px;

	height: 22px;

	border-radius: 50%;

	position: relative;

	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.4);

	margin-right: 12px

}



.tableBlock-conten_name a {

	color: #fff;

	position: relative

}



.tableBlock-server {

	align-items: center;

	color: #fff;

	line-height: 1.2

}



.tableBlock-server img {

	width: 22px;

	height: 22px;

	position: relative;

	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.4);

	margin-right: 12px

}



.tableBlock-server a {

	color: #fff;

	position: relative

}



.tableBlock-conten_lvl {

	width: 17%;

	justify-content: center;

	color: #a97fff

}



.tableBlock-conten_scr {

	width: 21%;

	justify-content: flex-end;

	color: #ffdda9

}



.color-purple{

	color:#a97fff!important

}

.color-blue{

	color:#4990df!important

}

.color-green{

	color:#4ac08d!important

}

.color-yellow{

	color:#e0a45e!important

}

.color-orange{

	color:#ffa07f!important

}

.color-red{

	color:#ff7f7f!important

}

.color-gray{

	color:rgba(255,255,255,.5)!important

}



.all-button {

	text-align: center;

	margin-top: 25px

}



.tablePopup {

	position: absolute;

	background: #000;

	padding: 15px 25px;

	width: 215px;

	z-index: 10;

	right: calc(100% + 15px);

	top: -40px;

	display: none

}



.tablePopup:after {

	content: '';

	position: absolute;

	right: -20px;

	top: 36px;

	border: 10px solid transparent;

	border-left: 10px solid #000

}



.tablePopup-title {

	font-size: 12px;

	color: #fff;

	font-weight: 600;

	display: block;

	text-align: center;

	margin-bottom: 18px

}



.tablePopup-ava {

	text-align: center;

	margin-bottom: 18px

}



.tablePopup-ava img {

	width: 75px;

	height: 75px;

	border-radius: 50%

}



.tablePopup-block {

	display: flex;

	justify-content: space-between;

	margin-bottom: 18px

}



.tablePopup-block:last-child {

	margin-bottom: 18px

}



.tablePopup-block span {

	display: block

}



.tablePopup-block span:first-child {

	color: #8485a4

}



.tablePopup-block span:last-child {

	text-align: right

}



.tableBlock-conten_name a:hover .tablePopup {

	display: block;

	animation: 0.5s opas linear

}



.tableBlock-server a:hover .tablePopup {

	display: block;

	animation: 0.5s opas linear

}



.tableBlock-conten_name .show:hover .tablePopup{

	display:block;

	animation:.5s opas linear

}



.tableBlock-server .show:hover .tablePopup{

	display:block;

	animation:.5s opas linear

}



.tablePopup-server {

	position: absolute;

	background: #000;

	padding: 15px 25px;

	width: 215px;

	z-index: 10;

	left: 25px;

	top: 200px;

	display: none;

	border-radius: 10px;

	border: 1px solid rgba(255, 255, 255, 0.07);

}



.tablePopup-server:after {

	content: '';

	position: absolute;

	top: -60px;

	left: 36px;

	border: 10px solid transparent;

	border-bottom: 10px solid 000

}



.tablePopup-server-title {

	font-size: 16px;

	color: #fff;

	font-weight: 600;

	line-height: 130%;

	display: block;

	text-align: center;

	margin-bottom: 18px

}



.tablePopup-server-ava {

	text-align: center;

	margin-bottom: 18px

}



.tablePopup-server-ava img {

	width: 75px;

	height: 75px;

	border-radius: 50%

}



.tablePopup-server-block {

	display: flex;

	justify-content: space-between;

	margin-bottom: 18px

}



.tablePopup-server-block:last-child {

	margin-bottom: 18px

}



.tablePopup-server-block span {

	display: block

}



.tablePopup-server-block span:first-child {

	color: #8485a4

}



.tablePopup-server-block span:last-child {

	text-align: right

}



.tableBlock-conten_name a:hover .tablePopup-server {

	display: block;

	animation: 0.5s opas linear

}



.tableBlock-server a:hover .tablePopup-server {

	display: block;

	animation: 0.5s opas linear

}



.forumBlock-content {

	margin-top: -15px

}



.forumBlock {

	display: flex;

	border-bottom: 1px solid rgba(255, 255, 255, 0.1);

	padding: 15px 0px

}



.forumBlock-ava {

	width: 55px

}



.forumBlock-ava img {

	width: 36px;

	height: 36px;

	border-radius: 50%;

	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5)

}



.forumBlock-text {

	width: calc(100% - 55px)

}



.forumBlock-text_link {

	color: #fcedc0;

	font-size: 13px;

	display: block;

	margin-bottom: 10px;

	line-height: 1.2

}



.forumBlock-text_link:hover {

	color: #fff;

	text-decoration: underline

}



.forumBlock-text_info {

	font-size: 11px;

	display: flex

}



.forumBlock-text_info-nick {

	margin-right: 10px;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

	display: block;

	max-width: 90px;

	padding: 1px 0px

}



.forumBlock-text_info-nick a {

	color: #686868

}



.forumBlock-text_info-nick a:hover {

	color: #fff

}



.forumBlock-text_info-date {

	margin-left: 10px

}



.forumBlock-text_info-comments {

	margin-left: 20px;

	background: url(../img/comment-icon.png) left center no-repeat;

	padding-left: 15px

}



.admin-group {

	color: #6579fe !important

}



.admin-group:hover {

	color: #fff !important

}



.socHome{

	width:365px

}

.socButton{

	width:365px;

	height:115px;

	display:flex;

	align-items:center;

	align-content:center;

	flex-wrap:wrap;

	font-size:30px;

	color:#fff;

	font-family:philosopher,sans-serif;

	font-weight:700;

	padding-left:110px;

	position:relative;

	margin-bottom:26px;

	box-shadow:0 10px 15px 4px rgba(0,0,0,.3)

}

.socButton:hover{

	padding-left:130px

}

.socButton span{

	display:block;

	width:100%;

	color:#fcd4c0;

	font-size:13px;

	font-weight:400;

	font-family:open sans,sans-serif;

	margin-top:5px

}

.socButton:before{

	content:"";

	position:absolute;

	left:40px;

	top:50%

}

.socButton.socYoutube{

	background:url(../img/soc-button-red.png) no-repeat

}

.socButton.socYoutube:before{

	/*background:url(../img/youtub-icon.png) no-repeat;*/

	width:93px;

	height:70px;

	margin-top:-33px;

	margin-left:-25px

}

.socButton.socDiscord{

	background:url(../img/soc-button-purple.png) no-repeat

}

.socButton.socDiscord:before{

	background:url(../img/discord-icon.png) no-repeat;

	width:93px;

	height:70px;

	margin-top:-33px;

	margin-left:-25px

}

.socButton.socFacebook{

	background:url(../img/soc-button-blue.png) no-repeat

}

.socButton.socFacebook:before{

	background:url(../img/facebook-icon.png) no-repeat;

	width:93px;

	height:70px;

	margin-top:-33px;

	margin-left:-25px

}

.socBlock{

	background:url(../img/soc-block.jpg) no-repeat;

	width:365px;

	height:187px;

	position:relative;

	box-shadow:0 10px 15px 4px rgba(0,0,0,.3)

}

.socBlock:after{

	content:"";

	position:absolute;

	left:50%;

	width:1px;

	height:130px;

	top:50%;

	margin-top:-65px;

	background-color:rgba(255,255,255,.1)

}

.socBlock-button{

	text-align:center;

	width:50%;

	height:100%;

	padding:20px;

	font-size:30px;

	color:#fff;

	font-family:philosopher,sans-serif;

	font-weight:700;

	position:relative;

	padding-top:100px

}

.socBlock-button span{

	display:block;

	width:100%;

	color:#fcd4c0;

	font-size:13px;

	font-weight:400;

	font-family:open sans,sans-serif;

	margin-top:5px

}

.socBlock-button:before{

	content:"";

	position:absolute;

	width:93px;

	height:93px;

	top:10px;

	left:50%;

	margin-left:-46px;

	transition:.3s

}

.socBlock-button.socBlock-guides:before{

	background:url(../img/guides-icon.png) no-repeat

}

.socBlock-button.socBlock-forum:before{

	background:url(../img/forum-icon.png) no-repeat

}

.socBlock-button:hover:before{

	top:0

}

.bigSlider {

	position: relative

}



.bigSlider:after {

	content: "CLASSES";

	color: #161d2f;

	font-size: 122px;

	font-family: "Philosopher", sans-serif;

	position: absolute;

	top: -35px;

	left: 140px;

	letter-spacing: 10px;

	opacity: 0.2

}



.slider-for {

	width: 100%;

	background: url(../img/big-slider-bg.jpg) center top 50px no-repeat;

	z-index: 2;

	position: relative

}



.slider-for:before {

	content: "";

	position: absolute;

	background: url(../img/line.png) no-repeat;

	width: 1148px;

	height: 86px;

	left: 50%;

	margin-left: -574px;

	top: 10px

}



.tabs-content {

	display: none;

	opacity: 0

}



.tabs-content.active {

	display: block;

	opacity: 1;

	animation: 1s opas linear

}



.slideTabs {

	position: relative

}



.slideContent {

	position: relative;

	padding: 120px 120px 70px 140px;

	height: 760px

}



.hero-logo {

	position: absolute;

	left: -10px;

	top: 65px

}



.slide-hero {

	position: absolute;

	right: 0;

	top: 0px;

	z-index: 1

}



.slide-tabs-caption {

	position: absolute;

	display: flex;

	z-index: 3;

	transform: rotate(-90deg);

	top: 300px;

	left: -20px

}



.slide-tabs-caption li {

	margin: 0px 15px;

	cursor: pointer

}



.slide-tabs-caption .active {

	color: #fff

}



.slideInfo {

	position: relative;

	z-index: 2

}



.slideInfo-name {

	color: #fff;

	font-size: 50px;

	display: block;

	font-family: "Philosopher", sans-serif;

	letter-spacing: 5px;

	margin-bottom: 40px;

	text-transform: uppercase;

	line-height: 30px;

	max-width: 100%;

}



.slideInfo-name small {

	font-size: 20px;

	color: #999;

	font-style: italic;

	text-align: center;

	margin-left: auto;

}



.slideInfo-text {

	width: 100%;

	max-width: 530px;

	font-size: 12px;

	font-style: italic;

	line-height: 1.4;

	margin-bottom: 45px

}



.slideInfo-stats {

	max-width: 580px

}



.slideInfo-stats_title {

	color: #cc7954;

	font-size: 18px;

	font-family: "Philosopher", sans-serif;

	text-transform: uppercase;

	margin-bottom: 20px;

	display: block

}



.stats {

	padding: 10px 0px;

	display: inline-flex;

	align-items: center;

	flex-wrap: wrap;

	margin-right: 20px

}



.stats span {

	display: block

}



.stats-name {

	color: #fff;

	font-size: 12px;

	font-weight: 600;

	width: 80px

}



.stats-bar {

	width: 140px;

	background: rgba(255, 255, 255, 0.1);

	height: 3px;

	margin-right: 15px

}



.stats-bar span {

	width: 0%;

	height: 3px;

	position: relative;

	transition: 3s

}



.stats-bar span:after {

	content: "";

	position: absolute;

	right: 0px;

	top: 0px;

	width: 8px;

	height: 3px

}



.stats-number {

	font-size: 12px;

	width: 30px

}



.stat-green {

	color: #46c022

}



.stat-green span {

	background: linear-gradient(to right, #1e3621, #4fee20)

}



.stat-green span:after {

	box-shadow: 0px 0px 10px 1px #4fee20

}



.stat-red {

	color: #cf4721

}



.stat-red span {

	background: linear-gradient(to right, #451b15, #cf3e14)

}



.stat-red span:after {

	box-shadow: 0px 0px 10px 1px #cf3e14

}



.stat-yellow {

	color: #cd8c21

}



.stat-yellow span {

	background: linear-gradient(to right, #332615, #cf8914)

}



.stat-yellow span:after {

	box-shadow: 0px 0px 10px 1px #cf8914

}



.stat-blue {

	color: #218ccd

}



.stat-blue span {

	background: linear-gradient(to right, #152633, #1489cf)

}



.stat-blue span:after {

	box-shadow: 0px 0px 10px 1px #1489cf

}



@keyframes opas {

	0% {

		display: none;

		opacity: 0

	}

	1% {

		display: block;

		opacity: 0

	}

	100% {

		display: block;

		opacity: 1

	}

}



.slick-active .slideFor .stats-bar span {

	width: 100%

}



.hero_3 {

	right: 0

}



.bigSlider .slick-arrow {

	width: 150px;

	height: 150px;

	font-size: 0px;

	position: absolute;

	top: 50%;

	margin-top: -75px;

	box-shadow: none

}



.bigSlider .slick-arrow:hover {

	filter: brightness(100%)

}



.bigSlider .slick-arrow.slick-prev {

	background: url(../img/slick-left.jpg) no-repeat;

	left: -85px

}



.bigSlider .slick-arrow.slick-next {

	background: url(../img/slick-right.jpg) no-repeat;

	right: -85px

}



.slideNav {

	cursor: pointer;

	transition: 0.3s

}



.slideNav-img {

	background: url(../img/hero-slider-mini-bg.png) center no-repeat;

	width: 120px;

	height: 120px;

	position: relative;

	margin: 0 auto;

	transition: 0.3s

}



.slideNav-img img {

	position: absolute;

	bottom: 0px;

	transition: 0.3s

}



.slideNav-text {

	text-align: center;

	color: #fcedc0;

	font-size: 16px;

	font-family: "Philosopher", sans-serif;

	position: relative;

	top: -10px;

	transition: 0.3s

}



.slider-nav {

	width: 100%;

	max-width: 1050px;

	margin: 0 auto;

	margin-top: -180px;

	z-index: 5

}



.slider-nav:before {

	content: "";

	position: absolute;

	background: url(../img/hero-border.png) no-repeat;

	width: 1000px;

	height: 257px;

	left: 50%;

	margin-left: -489px;

	top: -100px

}



.bigSlider .slick-center .slideNav-img {

	background: url(../img/hero-slider-mini-hover-bg.png) center no-repeat;

	filter: drop-shadow(0px 0px 25px rgba(248, 72, 21, 0.7))

}



.bigSlider .slick-center .slideNav-img img {

	transform: scale(1.3)

}



.bigSlider .slick-center .slideNav-text {

	font-size: 20px;

	top: 5px

}



.sliderGallery {

	position: relative;

	margin-top: -10px;

	margin-bottom: 30px

}



.slider-nav .slick-track {

	height: 180px;

	padding-top: 30px

}



.sliderGallery .slick-list {

	padding: 20px 0px;

	max-width: 960px;

	width: 100%;

	margin: 0 auto

}



.sliderGallery .slick-arrow {

	width: 65px;

	height: 65px;

	font-size: 0px;

	position: absolute;

	top: 50%;

	margin-top: -32px;

	filter: drop-shadow(0px 20px 10px rgba(0, 0, 0, 0.5));

	transition: 0.3s;

	box-shadow: none

}



.sliderGallery .slick-arrow:hover {

	width: 93px;

	height: 93px;

	margin-top: -46px

}



.sliderGallery .slick-arrow.slick-prev {

	background: url(../img/c-left.png) no-repeat;

	left: 0px

}



.sliderGallery .slick-arrow.slick-prev:hover {

	background: url(../img/c-left-hover.png) no-repeat;

	left: -15px

}



.sliderGallery .slick-arrow.slick-next {

	background: url(../img/c-right.png) no-repeat;

	right: 0px

}



.sliderGallery .slick-arrow.slick-next:hover {

	background: url(../img/c-right-hover.png) no-repeat;

	right: -15px

}



.sliderImg img {

	width: 220px;

	height: 145px;

	transition: 0.3s;

	margin: 0 auto

}



.sliderImg img:hover {

	transform: scale(1.1);

	box-shadow: 20px 0px 15px 1px rgba(0, 0, 0, 0.5), -20px 0px 15px 1px rgba(0, 0, 0, 0.5)

}



footer {

	background: #04060c;

	padding: 55px 0px

}



.footerMenu-block {

	width: 25%

}



.f-menu li a {

	position: relative;

	color: #fff;

	opacity: 0.3;

	display: block;

	background: url(../img/menu-f-icon.png) left center no-repeat;

	padding: 11px 0px 11px 24px

}



.f-menu li a:hover {

	opacity: 1

}



.f-soc-icons {

	padding-top: 10px;

	display: flex

}



.f-soc-icons a {

	display: block;

	height: 16px;

	opacity: 0.3;

	margin-right: 16px

}



.f-soc-icons a:hover {

	opacity: 1

}



.f-soc-icons .discord {

	background: url(../img/soc-icons.png) left top no-repeat;

	width: 23px

}



.f-soc-icons .telegram {

	background: url(../img/soc-icons.png) left -33px top no-repeat;

	width: 20px

}



.f-soc-icons .facebook {

	background: url(../img/soc-icons.png) left -74px top no-repeat;

	width: 15px

}



.f-soc-icons .twitch {

	background: url(../img/soc-icons.png) left -110px top no-repeat;

	width: 16px

}



.footerInfo-block {

	margin-bottom: 40px

}



.playments img {

	opacity: 0.4

}



.copy span {

	color: #fff;

	opacity: 0.3

}



.copy a {

	color: #fff;

	opacity: 1

}



.copy a:hover {

	text-decoration: underline

}



.f-text {

	text-transform: uppercase;

	font-size: 10px;

	line-height: 1.3;

	color: #fff;

	opacity: 0.3

}



.modal_div {

	width: 100%;

	min-height: 400px;

	max-width: 480px;

	background: url(../img/modal-bg.png) center bottom no-repeat;

	background-color: rgba(0, 0, 0, 0.95);

	position: fixed;

	top: 15%;

	left: 50%;

	margin-left: -240px;

	display: none;

	opacity: 0;

	z-index: 35;

	padding: 50px 60px;

	box-shadow: 0px 10px 20px 1px rgba(0, 0, 0, 0.5)

}



.modal_div .modal_close {

	width: 56px;

	height: 56px;

	position: absolute;

	top: -28px;

	right: -28px;

	cursor: pointer;

	display: block;

	background: url(../img/close-icon.png) no-repeat;

	transition: 0.3s;

	filter: drop-shadow(0px 10px 14px rgba(0, 0, 0, 0.6))

}



.modal_div .modal_close:hover {

	filter: brightness(120%)

}











.modal_div_two {

	width: 100%;

	min-height: 347px;

	max-width: 303px;

	position: fixed;

	top: 15%;

	left: 50%;

	margin-left: -150px;

	display: none;

	opacity: 0;

	z-index: 35;

	padding: 0;

	box-shadow: 0px 10px 20px 1px rgba(0, 0, 0, 0.5)

}





.modal_div_two .modal_close_two:hover {

	filter: brightness(120%)

}



#overlay {

	z-index: 30;

	position: fixed;

	background-color: #070a11;

	opacity: 0.8;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	cursor: pointer;

	display: none

}



#overlay_two {

	z-index: 30;

	position: fixed;

	background-color: #070a11;

	opacity: 0.8;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	cursor: pointer;

	display: none

}



.modalTitle {

	color: #cc7954;

	font-size: 24px;

	font-family: "Philosopher", sans-serif;

	display: block;

	padding-bottom: 30px;

	border-bottom: 1px solid rgba(255, 255, 255, 0.1);

	text-transform: uppercase;

	margin-bottom: 30px

}



.enterButtons {

	padding-bottom: 30px;

	border-bottom: 1px solid rgba(255, 255, 255, 0.1);

	margin-bottom: 30px

}



.enterButtons a {

	display: flex;

	align-items: center;

	width: 346px;

	height: 58px;

	font-size: 18px;

	font-weight: 700;

	font-family: "Philosopher", sans-serif;

	line-height: 1.3;

	padding-left: 85px;

	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);

	letter-spacing: 2px

}



.facebook-button {

	background: url(../img/facebook-button.png) left no-repeat;

	color: #fff;

	margin-bottom: 15px

}



.google-button {

	background: url(../img/google-button.png) left no-repeat;

	color: #000;

	text-shadow: none !important

}



.fieldGroup {

	position: relative;

	margin: 20px 0px

}



.fieldGroup input {

	width: 100%;

	height: 100%

}



.fieldGroup span {

	position: absolute;

	color: #696868;

	font-size: 11px;

	z-index: 1;

	display: block;

	padding: 5px;

	background: #040609;

	left: 10px;

	top: -12px;

	text-transform: uppercase

}



.fieldGroup:hover span {

	color: #fc9162;

	text-shadow: 1px 1px 10px #fc9162, -1px -1px 10px #fc9162

}



.coin-1 {

	max-width: 49%;

	float: left;

	height: 50px;

}



.coin-2 {

	max-width: 49%;

	float: right;

	height: 50px;

}



.enter {

	padding-top: 10px

}



.enterLinks p {

	margin-bottom: 0px;

	margin: 5px 0px

}



.enterLinks a {

	font-size: 14px

}



.enterLinks a:hover {

	color: #fff

}



.forgot {

	color: #696868;

	margin-bottom: 6px

}



.sign {

	color: #fcedc0;

	text-decoration: underline

}



/*MY-ACCOUNT*/

.form-horizontal .control-label {

	text-align: left !important;

}



/*BOTON*/



.btn-primary {

    color: #fff;

    background-color: #3f6588;

	border-color: #5596d0;

	-moz-transition: all .1s ease-in;

    -o-transition: all .1s ease-in;

    -webkit-transition: all .1s ease-in;

    transition: all .1s ease-in;

	-moz-border-radius: 0px;

	border-radius: 4px;

	padding: 8px;

}

.btn-primary:active, .btn-primary:focus, .btn-primary:hover {

    color: #fff !important;

    background-color: #4c7397 !important;

	border-color: #5596d0 !important;

}



.btn2 {

	position: fixed;

	top: 12px;

	left: 20px;

	z-index: 15;

	transition: 0.3s

}



.btn2 span {

	display: block;

	width: 25px;

	height: 3px;

	background: #fff;

	margin: 5px 0px;

	opacity: 0.8;

	border-radius: 2px;

	transition: 0.3s;

	position: relative

}



.btn2.active {

	left: 270px;

	top: 20px

}



.btn2.active span:nth-child(1) {

	transform: rotate(45deg);

	top: 8px

}



.btn2.active span:nth-child(2) {

	display: none

}



.btn2.active span:nth-child(3) {

	transform: rotate(-45deg)

}



.main {

	display: flex;

	justify-content: space-between;

	margin-bottom: 190px

}



aside {

	max-width: 365px;

	width: 100%

}



aside>div {

	margin-bottom: 15px

}



aside>div:last-child {

	margin-bottom: 0px

}



.content {

	width: calc(100% - 365px - 25px);

	box-shadow: 0px 10px 15px 4px rgba(0, 0, 0, 0.3);

	background: url(../img/content-top-bg.jpg) center top repeat-x, url(../img/content-bottom-bg.jpg) center bottom repeat-x;

	background-color: #12141e;

	padding: 35px

}



.content-page {

	color: #feffff;

	line-height: 1.6

}



.content-page a {

	color: #ffdda9;

	text-decoration: none

}



.content-page a:hover {

	color: #696868

}



.content-page p {

	margin-bottom: 25px

}



.h2-title-content {

	border-bottom: 1px solid rgba(255, 255, 255, 0.1);

	padding-bottom: 25px;

	line-height: 1

}



.h2-title-content a {

	color: #fff;

	text-decoration: none;

	position: relative

}



.h2-title-content a:after {

	content: "";

	position: absolute;

	width: 50%;

	margin-left: -25%;

	height: 1px;

	background: #fff;

	left: 50%;

	bottom: -26px

}



.page-date {

	font-size: 13px;

	color: #fcedc0

}



.page-date span {

	font-weight: 600;

	font-size: 18px

}



.downloadBlock-content {

	padding-top: 40px;

	padding-bottom: 20px

}



.downloadBlock {

	background: url(../img/down-block-bg.jpg) center no-repeat;

	background-size: cover;

	max-width: 100%;

	width: 100%;

	padding: 40px 30px 55px 30px;

	margin: 0 auto;

	margin-bottom: 30px;

	text-decoration: none

}



.downloadBlock-title {

	display: block;

	color: #ffdda9;

	font-size: 18px;

	font-weight: 600;

	text-align: center;

	margin-bottom: 35px

}



.downloadBlock-title span {

	color: #fff

}



.downloadBlock-text {

	color: #ffffff;

	line-height: 1.3;

	text-align: center;

	margin-bottom: 35px

}



.downloadBlock-button {

	text-align: center

}



.d-button {

	display: block;

	width: 155px;

	height: 105px;

	text-align: center;

	padding-top: 78px;

	font-size: 13px;

	font-weight: 600

}



.d-button.googleButton {

	background: url(../img/google-img.png) center top 20px no-repeat;

	background-color: #453b90;

	color: #fff

}



.d-button.googledriveButton {

	background: url(../img/google-img.png) center top 20px no-repeat;

	background-color: #453b90;

	color: #fff

}



.d-button.dropboxButton {

	background: url(../img/dropbox-img.png) center top 20px no-repeat;

	background-color: #1a2535;

	color: #696868

}



.d-button.megaButton {

	background: url(../img/mega-img.png) center top 20px no-repeat;

	background-color: #555555;

	color: #fff

}



.d-button.media-fireButton {

	background: url(../img/media-fire.png.html) center top 20px no-repeat;

	background-color: #1a2535;

	color: #696868

}



.d-button:hover {

	transform: scale(1.1);

	color: #fff

}



.drivers {

	margin-bottom: 80px

}



.drivers span {

	display: block;

	text-align: center;

	color: #ffdda9;

	font-size: 15px;

	margin-bottom: 20px

}



.mirror-title {

	color: #ffdda9;

	font-size: 15px;

	font-weight: 600;

	display: block;

	text-align: center;

	margin-bottom: 60px

}



.mirrorBlock {

	text-align: center;

	margin-bottom: 65px

}



.mirrorBlock p {

	color: #ffffff;

	font-weight: 600;

	margin-bottom: 20px

}



.mirrorBlock p span {

	color: #a97fff

}



.acc {

	padding-bottom: 30px;

	border-bottom: 1px solid rgba(255, 255, 255, 0.1);

	margin-bottom: 30px

}



.acc-title {

	display: block;

	text-align: center;

	color: #ffdda9;

	font-size: 15px;

	font-weight: 600;

	margin-bottom: 15px

}



.fieldGroup-input {

	background: #040609;

	border: 1px solid #36383a;

	color: #fff;

	padding: 10px 15px;

	position: relative;

	font-size: 16px;

	transition: 0.3s

}



.accBlock-content {

	width: calc(50% - 15px)

}



.formGroup {

	position: relative;

	margin-top: 15px;

	padding-bottom: 15px

}



.formGroup input {

	padding: 15px

}



.formGroup div {

	padding: 15px

}



.formGroup span {

	position: absolute;

	color: #696868;

	font-size: 12px;

	z-index: 1;

	display: block;

	padding: 5px;

	background: url(../img/span-bg-input.jpg) center repeat-x;

	left: 10px;

	top: -10px;

	display: block;

	transition: 0.3s

}



.formGroup span img {

	margin-top: -1px;

	max-height: 15px;

	margin-bottom: -3px;

}



.formGroup:hover span {

	color: #fc9162;

	text-shadow: 1px 1px 10px #fc9162, -1px -1px 10px #fc9162

}



.formGroup:hover div {

	border: 1px solid #fc9162;

	box-shadow: 0px 0px 10px 0px rgba(252, 142, 98, 0.6), inset 0px 0px 10px 0px rgba(252, 142, 98, 0.6)

}



.change-button {

	text-align: center;

	padding: 40px 0px;

}



.support {

	border-bottom: 1px solid rgba(255, 255, 255, 0.1);

	padding-bottom: 60px

}



.supportButton {

	width: 50%;

	text-align: center

}





.block-6 {

	width: 50%;

	padding: 0px 15px

}



.heroLeft-img {

	height: 310px;

	background: radial-gradient(#282240, #08090e 70%);

	margin-bottom: 15px;

	text-align: center

}



.heroLeft-button button,

.heroLeft-button .button {

	width: 100%

}



.heroName {

	font-family: "Philosopher", sans-serif;

	font-size: 30px;

	color: #fff;

	display: flex;

	align-items: center;

	justify-content: center;

	text-transform: uppercase;

	background-color: #030508;

	width: 100%;

	height: 81px;

	margin-bottom: 20px

}



.heroflex {

	display: flex;

	justify-content: space-between;

	margin-bottom: 20px

}



.flexBlock {

	width: calc(100% - 1px);

	display: flex;

	align-items: center;

	justify-content: center;

	height: 81px;

	background-color: #030508;

	color: #a97fff;

	font-size: 28px;

	position: relative;

	border: 1px solid #3f4045

}



.flexBlock b {

	font-weight: 400;

	font-size: 14px;

	display: block;

	margin-left: 5px;

	padding-top: 12px

}



.flexBlock .flexBlock-sp {

	position: absolute;

	top: 0px;

	left: 0px;

	height: 21px;

	margin-top: -11px;

	width: 100%;

	display: flex;

	justify-content: center;

	z-index: 1

}



.flexBlock .flexBlock-sp span {

	color: #fff;

	font-size: 11px;

	text-transform: uppercase;

	display: inline-block;

	padding: 0px 10px;

	height: 21px;

	line-height: 21px;

	background: url(../img/span-bg.jpg) repeat-x

}



.flexBlock-flag {

	border: none

}



.flexBlock-lvl {

	border: none;

	background: #090b11

}



.hero {

	margin-bottom: 50px

}



.heroInfo {

	margin-bottom: 50px

}



.heroInfo-title {

	text-align: center;

	color: #ffdda9;

	font-weight: 600;

	font-size: 15px;

	margin-bottom: 30px

}



.heroInfo-row {

	display: flex;

	justify-content: space-between;

	background-color: #0d0f17;

	margin-bottom: 2px

}



.heroInfo-row span {

	padding: 17px;

	color: #fff

}



.heroInfo-row span:last-child {

	color: #a97fff

}



.flexBlock-guild {

	background-color: #090b10;

	border: none;

	font-size: 20px

}



.flexBlock-guild b {

	padding-top: 6px

}



.infoTitle {

	display: block;

	text-align: center;

	color: #ffdda9;

	font-size: 18px;

	padding-top: 15px;

	padding-bottom: 30px

}



.t-button {

	display: flex;

	align-items: center;

	justify-content: center;

	background: url(../img/transfer-button.jpg) no-repeat;

	max-width: 469px;

	width: 100%;

	height: 87px;

	margin: 0 auto;

	margin-bottom: 15px;

	cursor: pointer;

	transition: 0.3s;

	color: #fff;

	font-size: 20px;

	text-transform: uppercase;

	letter-spacing: 1px

}



.t-button:hover {

	filter: brightness(120%)

}



.ticketTitle {

	margin-bottom: 25px

}



.ticketTitle-number {

	color: #ffdda9;

	font-size: 18px;

	font-family: "Philosopher", sans-serif;

	text-transform: uppercase;

	margin: 10px

}



.ticketTitle-number span {

	display: block;

	color: #fff;

	font-size: 12px;

	padding-top: 5px

}



.table-row {

	margin-right: -35px;

	margin-left: -35px

}



.tableTicket thead tr {

	background: url(../img/top-table-bg.png) repeat-x

}



.tableTicket thead tr td {

	color: #696868;

	font-size: 10px;

	padding: 13px 12px 13px 12px;

	white-space: nowrap

}



.tableTicket thead tr td:first-child {

	padding: 13px 0px 13px 30px

}



.tableTicket thead tr td:last-child {

	padding: 13px 30px 13px 12px

}



.tableTicket thead tr td:nth-child(2) {

	padding: 13px 12px 13px 0px

}



.tableTicket tbody tr td {

	padding: 16px 12px 16px 12px;

	border-bottom: 1px solid #030508;

	border-top: 1px solid #12141e;

	line-height: 1.3

}



.tableTicket tbody tr td:first-child {

	padding: 16px 0px 16px 30px

}



.tableTicket tbody tr td:last-child {

	padding: 16px 30px 16px 12px

}



.tableTicket tbody tr td:nth-child(2) {

	padding: 16px 12px 16px 0px;

	white-space: nowrap

}



.tableTicket tbody tr td:nth-child(3) {

	white-space: nowrap

}



.tableTicket tbody tr td:nth-child(4) {

	background: #1a182a;

	text-align: center

}



.message-button {

	border: 2px solid #a97fff;

	color: #a97fff;

	text-transform: uppercase;

	padding: 12px 18px;

	display: block;

	cursor: pointer;

	transition: 0.3s;

	white-space: nowrap;

	text-align: center

}



.message-button:hover {

	background: #a97fff;

	color: #fff

}



.pagination {

	display: flex;

	align-items: center;

	justify-content: center;

	flex-wrap: wrap;

	padding: 40px 0px

}



.pagination .number {

	display: flex;

	align-items: center;

	justify-content: center;

	background: url(../img/row.png) no-repeat;

	width: 93px;

	height: 93px;

	position: relative;

	z-index: 1;

	margin: 0px -2px;

	font-weight: 600;

	color: #707280;

	filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.4))

}



.pagination .number.pag:after {

	content: '';

	width: 24px;

	height: 28px;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-top: -14px

}



.pagination .number.pag-prev:after {

	background: url(../img/left.png) no-repeat;

	margin-left: -15px

}



.pagination .number.pag-next:after {

	background: url(../img/right.png) no-repeat;

	margin-left: -11px

}



.pagination .number.active {

	color: #fff;

	background: url(../img/row-hover.png) no-repeat

}



.pagination .number:hover {

	color: #fff;

	background: url(../img/row-hover.png) no-repeat

}



.chatBlock {

	display: flex;

	padding: 20px 0px

}



.chatBlock-ava {

	width: 85px;

	display: flex

}



.chatBlock-ava img {

	width: 60px;

	height: 60px;

	border-radius: 50%

}



.chatBlock-content {

	width: calc(100% - 85px);

	background: #21212f;

	box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.3);

	padding: 25px;

	position: relative

}



.chatBlock-content_name {

	color: #a27af5;

	margin-bottom: 15px

}



.chatBlock-content_text {

	line-height: 1.4;

	margin-bottom: 15px;

	color: #fff

}



.chatBlock-content_date {

	color: #6a6a87;

	font-weight: 600;

	font-size: 12px

}



.chatBlock-content:before {

	content: "";

	position: absolute;

	right: 100%;

	top: 23px;

	border: 10px solid transparent;

	border-right: 10px solid #21212f

}



.chatBlock-content textarea {

	background: #1a1a26;

	border: 1px solid #1a1a26;

	display: block;

	margin-bottom: 25px;

	min-height: 120px

}



.chatBlock-content textarea:hover {

	border: 1px solid #fc9162

}



.chatBlock-user {

	flex-direction: row-reverse

}



.chatBlock-user .chatBlock-ava {

	justify-content: flex-end

}



.chatBlock-user .chatBlock-content {

	text-align: right;

	background: #1e253d

}



.chatBlock-user .chatBlock-content:before {

	right: auto;

	left: 100%;

	border-left: 10px solid #1e253d;

	border-right: none

}



.chatBlock-user .chatBlock-content_name {

	color: #4a92c0

}



.form {

	width: 100%;

	max-width: 330px;

	margin: 0 auto

}



.form button,

.form .button {

	width: 100%;

	max-width: 330px;

	margin-top: 15px

}



.topTitle {

	color: #ffdda9;

	font-family: "Philosopher", sans-serif;

	font-size: 18px;

	text-transform: uppercase;

	margin-bottom: 20px

}





/* Rankings Players */



.rankingTable td {

	white-space: nowrap;

	padding: 15px 10px

}



.rankingTable td:first-child {

	padding: 15px 0px 15px 35px

}



.rankingTable td:last-child {

	padding: 15px 35px 15px 10px;

	text-align: right

}



.rankingTable thead tr {

	background: #1a1d2d

}



.rankingTable thead tr td {

	color: #908585;

	font-size: 15px;

	text-transform: uppercase;

	padding: 20px 10px

}



.rankingTable thead tr td:first-child {

	padding: 20px 0px 20px 35px

}



.rankingTable thead tr td:last-child {

	padding: 20px 35px 20px 10px

}



.rankingTable tbody tr {

	transition: 0.3s;

	background-image: url(../img/hover-xbig.png);

	background-position: center top -100px;

	background-repeat: no-repeat

}



.rankingTable tbody tr:nth-child(even) {

	background-color: #13131e

}



.rankingTable tbody tr:nth-child(odd) {

	background-color: #1a1b25

}



.rankingTable tbody tr:hover {

	background-position: center top -2px

}



.rankingTable tbody tr td {

	color: #696868

}



.rankingTable tbody tr td:nth-child(1) {

	font-size: 13px;

	border: 0px;

}



.rankingTable tbody tr td:nth-child(2) {

	font-weight: 600;

	color: #fff !important;

	border: 0px;

	text-shadow: 0px 0px 5px #999;

}



.rankingTable tbody tr td:nth-child(3) {

	display: flex;

	width: 170px !important;

	align-items: center;

	white-space: normal;

	border: 0px;

}



.rankingTable tbody tr td:nth-child(3) img {

	margin-right: 15px;

	width: 24px;

	height: 24px;

	border-radius: 50%

}



.rankingTable thead tr td:nth-child(3) {

	width: 170px !important;

}



.rankingTable tbody tr td:nth-child(4) {

	font-weight: 600;

	color: #ccc;

	border: 0px;

}



.rankingTable tbody tr td:nth-child(5) {

	font-size: 13px;

	text-align: right;

	border: 0px;

}



.rankingTable thead tr td:nth-child(5) {

	text-align: right !important;

}



.rankingTable tbody tr td:nth-child(5) span {

	color: #f08d2f

}



.rankingTable tbody tr td:nth-child(6) {

	width: 130px !important;

	white-space: normal;

	border: 0px;

}



.rankingTable thead tr td:nth-child(6) {

	width: 130px !important;

}





/*Rankings Guild */



.rankingTableGuild td {

	white-space: nowrap;

	padding: 15px 10px

}



.rankingTableGuild td:first-child {

	padding: 15px 0px 15px 35px

}



.rankingTableGuild td:last-child {

	padding: 15px 35px 15px 10px;

	text-align: right

}



.rankingTableGuild thead tr {

	background: #1a1d2d

}



.rankingTableGuild thead tr td {

	color: #908585;

	font-size: 15px;

	text-transform: uppercase;

	padding: 20px 10px

}



.rankingTableGuild thead tr td:first-child {

	padding: 20px 0px 20px 35px

}



.rankingTableGuild thead tr td:last-child {

	padding: 20px 35px 20px 10px

}



.rankingTableGuild tbody tr {

	transition: 0.3s;

	background-image: url(../img/hover-xbig.png);

	background-position: center top -100px;

	background-repeat: no-repeat

}



.rankingTableGuild tbody tr:nth-child(even) {

	background-color: #13131e

}



.rankingTableGuild tbody tr:nth-child(odd) {

	background-color: #1a1b25

}



.rankingTableGuild tbody tr:hover {

	background-position: center top -2px

}



.rankingTableGuild tbody tr td {

	color: #696868

}



.rankingTableGuild tbody tr td:nth-child(1) {

	font-size: 13px;

	border: 0px;

}



.rankingTableGuild thead tr td:nth-child(2) {

	text-align: center !important;

}



.rankingTableGuild tbody tr td:nth-child(2) {

	font-weight: 600;

	color: #fff;

	border: 0px;

	text-align: center !important;

}



.rankingTableGuild tbody tr td:nth-child(3) {

	color: #fff;

	font-weight: 600;

	border: 0px;

	width: 180px;

	text-shadow: 0px 0px 5px #999;

}



.rankingTableGuild tbody tr td:nth-child(3) a {

	color: #fff;

	font-weight: 600;

	border: 0px;

	width: 180px;

	text-shadow: 0px 0px 5px #999;

}



.rankingTableGuild tbody tr td:nth-child(4) {

	font-weight: 600;

	color: #999;

	border: 0px;

}



.rankingTableGuild tbody tr td:nth-child(5) {

	font-size: 13px;

	text-align: center;

	border: 0px;

}



.rankingTableGuild thead tr td:nth-child(5) {

	text-align: center !important;

}



.rankingTableGuild tbody tr td:nth-child(5) span {

	color: #f08d2f

}



.register header {

	height: 530px

}



.mainRegister {

	max-width: 980px;

	width: 100%;

	position: relative;

	margin: 0 auto;

	display: flex;

	justify-content: center

}



.blockR {

	width: 100%;

	max-width: 75%;

	margin: 13px

}



.regBlock {

	background: url(../img/modal-bg.png) center bottom no-repeat;

	background-color: #030508;

	padding: 50px 65px;

	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2)

}



.regBlock .modalTitle {

	margin-bottom: 50px

}



.regBlock .fieldGroup {

	margin: 0px 0px 55px 0px

}



.regBlock .enterLinks {

	display: flex;

	margin-left: -8px;

	margin-bottom: 40px

}



.regBlock .enterLinks p {

	margin: 0px 8px

}



.infoBlock{

    box-shadow: 0 10px 15px 4px rgb(0 0 0 / 30%);

    background: url(../img/infoBlock.png) center top repeat-x,url(../img/content-bottom-bg.jpg) center bottom repeat-x;

    background-color: #131621;

    padding:50px 65px;

}

.infoBlock .modalTitle{

    margin-bottom:50px

}

.infoBlock .fieldGroup{

    margin:0 0 55px

}

.infoBlock .enterLinks{

    display:flex;

    margin-left:-8px;

    margin-bottom:40px

}

.infoBlock .enterLinks p{

    margin:0 8px

}



.s-server {

	display: flex;

	justify-content: center;

	align-items: center;

	flex-wrap: wrap;

	background-color: #030508;

	margin-bottom: 25px

}



.s-server li {

	background: url(../img/ch-bg.png) no-repeat;

	height: 54px;

	width: 56px;

	display: flex;

	justify-content: center;

	align-items: center;

	color: #ffdda9;

	font-family: "Philosopher", sans-serif;

	cursor: pointer;

	padding-right: 2px;

	margin: 12px 8px;

	transition: 0.3s;

	position: relative

}



.s-server li:before {

	content: "";

	position: absolute;

	background: radial-gradient(#2b3492, #141941);

	width: 34px;

	height: 34px;

	border-radius: 50%;

	top: 50%;

	left: 50%;

	margin-top: -17px;

	margin-left: -18px;

	transition: 0.3s;

	opacity: 0

}



.s-server li:hover:before {

	opacity: 1

}



.s-server li.active:before {

	opacity: 1

}



.s-server li span {

	position: relative;

	z-index: 1

}



.s-acc {

	background: url(../img/modal-bg.png) center bottom no-repeat;

	background-color: #030508;

	padding: 35px 65px;

	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);

	height: 100%

}



.check-container {

	display: block;

	position: relative;

	width: 19px;

	height: 19px;

	cursor: pointer;

	user-select: none

}



.h3-title {

	display: block

}



.check-container input {

	position: absolute;

	opacity: 0;

	cursor: pointer;

	height: 0;

	width: 0

}



.checkmark {

	position: absolute;

	top: 0;

	left: 0;

	height: 19px;

	width: 19px;

	background-color: #030508

}



.checkmark:after {

	content: "";

	position: absolute;

	display: none

}



.check-container input:checked~.checkmark:after {

	display: block

}



.check-container .checkmark:after {

	background: url(../img/check.png) no-repeat;

	left: 4px;

	top: 5px;

	width: 12px;

	height: 9px

}



.check-container-close .checkmark:after {

	background: url(../img/check-close.png) no-repeat;

	left: 5px

}



.select-acc_check {

	display: flex

}



.select-acc_check label {

	margin-right: 9px

}



.select-acc {

	background: url(../img/top-table-bg.png) repeat-x;

	height: 36px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	padding-left: 18px;

	color: #fff;

	font-size: 12px;

	font-weight: 600;

	margin-bottom: 9px

}



.select-acc:last-child {

	margin-bottom: 0px

}





/*  Custom CSS  */



#loading {

	background-image: url(../img/l_bg.png);

	border-radius: 0 0 4px 4px;

	color: #fff;

	display: none;

	position: fixed;

	top: 0;

	left: 48%;

	z-index: 1000;

	padding: 6px;

}



.text-center {

	text-align: center!important;

}



.text-normal {

	font-weight: normal;

}



.width-100 {

	width: 100%;

}



.width-50 {

	width: 50%;

}



.width-45 {

	width: 45%;

}



.width-40 {

	width: 40%;

}



.width-30 {

	width: 30%;

}



.width-20 {

	width: 20%;

}



.width-15 {

	width: 15%;

}



.space-20 {

	width: 100%;

	height: 20px;

}



.space-30 {

	width: 100%;

	height: 30px;

}



.space-40 {

	width: 100%;

	height: 40px;

}



.space-50 {

	width: 100%;

	height: 50px;

}



.space-60 {

	width: 100%;

	height: 60px;

}



.space-70 {

	width: 100%;

	height: 70px;

}



.space-80 {

	width: 100%;

	height: 80px;

}



.m-top-less-10 {

	margin-top: -10px;

}



.m-top-less-30 {

	margin-top: -30px !important;

}



.m-top-less-50 {

	margin-top: -50px !important;

}



.p-right-0 {

	padding-right: 0px;

}



.p-left-0 {

	padding-left: 0px;

}



.line-height-20 {

	line-height: 20px;

}



.float-left {

	float: left !important;

}



.float-right {

	float: right !important;

}





/* Flags Ranking */



.f16 .flag {

	display: inline-block;

	height: 16px;

	width: 16px;

	vertical-align: text-top;

	line-height: 16px;

	background: url(../img/flags.png) no-repeat;

}



.f16 ._African_Union {

	background-position: 0 -16px;

}



.f16 ._Arab_League {

	background-position: 0 -32px;

}



.f16 ._ASEAN {

	background-position: 0 -48px;

}



.f16 ._CARICOM {

	background-position: 0 -64px;

}



.f16 ._CIS {

	background-position: 0 -80px;

}



.f16 ._Commonwealth {

	background-position: 0 -96px;

}



.f16 ._England {

	background-position: 0 -112px;

}



.f16 ._European_Union,

.f16 .eu {

	background-position: 0 -128px;

}



.f16 ._Islamic_Conference {

	background-position: 0 -144px;

}



.f16 ._Kosovo {

	background-position: 0 -160px;

}



.f16 ._NATO {

	background-position: 0 -176px;

}



.f16 ._Northern_Cyprus {

	background-position: 0 -192px;

}



.f16 ._Northern_Ireland {

	background-position: 0 -208px;

}



.f16 ._Olimpic_Movement {

	background-position: 0 -224px;

}



.f16 ._OPEC {

	background-position: 0 -240px;

}



.f16 ._Red_Cross {

	background-position: 0 -256px;

}



.f16 ._Scotland {

	background-position: 0 -272px;

}



.f16 ._Somaliland {

	background-position: 0 -288px;

}



.f16 ._Tibet {

	background-position: 0 -304px;

}



.f16 ._United_Nations {

	background-position: 0 -320px;

}



.f16 ._Wales {

	background-position: 0 -336px;

}



.f16 .ad {

	background-position: 0 -352px;

}



.f16 .ae {

	background-position: 0 -368px;

}



.f16 .af {

	background-position: 0 -384px;

}



.f16 .ag {

	background-position: 0 -400px;

}



.f16 .ai {

	background-position: 0 -416px;

}



.f16 .al {

	background-position: 0 -432px;

}



.f16 .am {

	background-position: 0 -448px;

}



.f16 .ao {

	background-position: 0 -464px;

}



.f16 .aq {

	background-position: 0 -480px;

}



.f16 .ar {

	background-position: 0 -496px;

}



.f16 .as {

	background-position: 0 -512px;

}



.f16 .at {

	background-position: 0 -528px;

}



.f16 .au {

	background-position: 0 -544px;

}



.f16 .aw {

	background-position: 0 -560px;

}



.f16 .ax {

	background-position: 0 -576px;

}



.f16 .az {

	background-position: 0 -592px;

}



.f16 .ba {

	background-position: 0 -608px;

}



.f16 .bb {

	background-position: 0 -624px;

}



.f16 .bd {

	background-position: 0 -640px;

}



.f16 .be {

	background-position: 0 -656px;

}



.f16 .bf {

	background-position: 0 -672px;

}



.f16 .bg {

	background-position: 0 -688px;

}



.f16 .bh {

	background-position: 0 -704px;

}



.f16 .bi {

	background-position: 0 -720px;

}



.f16 .bj {

	background-position: 0 -736px;

}



.f16 .bm {

	background-position: 0 -752px;

}



.f16 .bn {

	background-position: 0 -768px;

}



.f16 .bo {

	background-position: 0 -784px;

}



.f16 .br {

	background-position: 0 -800px;

}



.f16 .bs {

	background-position: 0 -816px;

}



.f16 .bt {

	background-position: 0 -832px;

}



.f16 .bw {

	background-position: 0 -848px;

}



.f16 .by {

	background-position: 0 -864px;

}



.f16 .bz {

	background-position: 0 -880px;

}



.f16 .ca {

	background-position: 0 -896px;

}



.f16 .cg {

	background-position: 0 -912px;

}



.f16 .cf {

	background-position: 0 -928px;

}



.f16 .cd {

	background-position: 0 -944px;

}



.f16 .ch {

	background-position: 0 -960px;

}



.f16 .ci {

	background-position: 0 -976px;

}



.f16 .ck {

	background-position: 0 -992px;

}



.f16 .cl {

	background-position: 0 -1008px;

}



.f16 .cm {

	background-position: 0 -1024px;

}



.f16 .cn {

	background-position: 0 -1040px;

}



.f16 .co {

	background-position: 0 -1056px;

}



.f16 .cr {

	background-position: 0 -1072px;

}



.f16 .cu {

	background-position: 0 -1088px;

}



.f16 .cv {

	background-position: 0 -1104px;

}



.f16 .cy {

	background-position: 0 -1120px;

}



.f16 .cz {

	background-position: 0 -1136px;

}



.f16 .de {

	background-position: 0 -1152px;

}



.f16 .dj {

	background-position: 0 -1168px;

}



.f16 .dk {

	background-position: 0 -1184px;

}



.f16 .dm {

	background-position: 0 -1200px;

}



.f16 .do {

	background-position: 0 -1216px;

}



.f16 .dz {

	background-position: 0 -1232px;

}



.f16 .ec {

	background-position: 0 -1248px;

}



.f16 .ee {

	background-position: 0 -1264px;

}



.f16 .eg {

	background-position: 0 -1280px;

}



.f16 .eh {

	background-position: 0 -1296px;

}



.f16 .er {

	background-position: 0 -1312px;

}



.f16 .es {

	background-position: 0 -1328px;

}



.f16 .et {

	background-position: 0 -1344px;

}



.f16 .fi {

	background-position: 0 -1360px;

}



.f16 .fj {

	background-position: 0 -1376px;

}



.f16 .fm {

	background-position: 0 -1392px;

}



.f16 .fo {

	background-position: 0 -1408px;

}



.f16 .fr {

	background-position: 0 -1424px;

}



.f16 .bl,

.f16 .cp,

.f16 .mf,

.f16 .yt {

	background-position: 0 -1424px;

}



.f16 .ga {

	background-position: 0 -1440px;

}



.f16 .gb {

	background-position: 0 -1456px;

}



.f16 .sh {

	background-position: 0 -1456px;

}



.f16 .gd {

	background-position: 0 -1472px;

}



.f16 .ge {

	background-position: 0 -1488px;

}



.f16 .gg {

	background-position: 0 -1504px;

}



.f16 .gh {

	background-position: 0 -1520px;

}



.f16 .gi {

	background-position: 0 -1536px;

}



.f16 .gl {

	background-position: 0 -1552px;

}



.f16 .gm {

	background-position: 0 -1568px;

}



.f16 .gn {

	background-position: 0 -1584px;

}



.f16 .gp {

	background-position: 0 -1600px;

}



.f16 .gq {

	background-position: 0 -1616px;

}



.f16 .gr {

	background-position: 0 -1632px;

}



.f16 .gt {

	background-position: 0 -1648px;

}



.f16 .gu {

	background-position: 0 -1664px;

}



.f16 .gw {

	background-position: 0 -1680px;

}



.f16 .gy {

	background-position: 0 -1696px;

}



.f16 .hk {

	background-position: 0 -1712px;

}



.f16 .hn {

	background-position: 0 -1728px;

}



.f16 .hr {

	background-position: 0 -1744px;

}



.f16 .ht {

	background-position: 0 -1760px;

}



.f16 .hu {

	background-position: 0 -1776px;

}



.f16 .id {

	background-position: 0 -1792px;

}



.f16 .mc {

	background-position: 0 -1792px;

}



.f16 .ie {

	background-position: 0 -1808px;

}



.f16 .il {

	background-position: 0 -1824px;

}



.f16 .im {

	background-position: 0 -1840px;

}



.f16 .in {

	background-position: 0 -1856px;

}



.f16 .iq {

	background-position: 0 -1872px;

}



.f16 .ir {

	background-position: 0 -1888px;

}



.f16 .is {

	background-position: 0 -1904px;

}



.f16 .it {

	background-position: 0 -1920px;

}



.f16 .je {

	background-position: 0 -1936px;

}



.f16 .jm {

	background-position: 0 -1952px;

}



.f16 .jo {

	background-position: 0 -1968px;

}



.f16 .jp {

	background-position: 0 -1984px;

}



.f16 .ke {

	background-position: 0 -2000px;

}



.f16 .kg {

	background-position: 0 -2016px;

}



.f16 .kh {

	background-position: 0 -2032px;

}



.f16 .ki {

	background-position: 0 -2048px;

}



.f16 .km {

	background-position: 0 -2064px;

}



.f16 .kn {

	background-position: 0 -2080px;

}



.f16 .kp {

	background-position: 0 -2096px;

}



.f16 .kr {

	background-position: 0 -2112px;

}



.f16 .kw {

	background-position: 0 -2128px;

}



.f16 .ky {

	background-position: 0 -2144px;

}



.f16 .kz {

	background-position: 0 -2160px;

}



.f16 .la {

	background-position: 0 -2176px;

}



.f16 .lb {

	background-position: 0 -2192px;

}



.f16 .lc {

	background-position: 0 -2208px;

}



.f16 .li {

	background-position: 0 -2224px;

}



.f16 .lk {

	background-position: 0 -2240px;

}



.f16 .lr {

	background-position: 0 -2256px;

}



.f16 .ls {

	background-position: 0 -2272px;

}



.f16 .lt {

	background-position: 0 -2288px;

}



.f16 .lu {

	background-position: 0 -2304px;

}



.f16 .lv {

	background-position: 0 -2320px;

}



.f16 .ly {

	background-position: 0 -2336px;

}



.f16 .ma {

	background-position: 0 -2352px;

}



.f16 .md {

	background-position: 0 -2368px;

}



.f16 .me {

	background-position: 0 -2384px;

}



.f16 .mg {

	background-position: 0 -2400px;

}



.f16 .mh {

	background-position: 0 -2416px;

}



.f16 .mk {

	background-position: 0 -2432px;

}



.f16 .ml {

	background-position: 0 -2448px;

}



.f16 .mm {

	background-position: 0 -2464px;

}



.f16 .mn {

	background-position: 0 -2480px;

}



.f16 .mo {

	background-position: 0 -2496px;

}



.f16 .mq {

	background-position: 0 -2512px;

}



.f16 .mr {

	background-position: 0 -2528px;

}



.f16 .ms {

	background-position: 0 -2544px;

}



.f16 .mt {

	background-position: 0 -2560px;

}



.f16 .mu {

	background-position: 0 -2576px;

}



.f16 .mv {

	background-position: 0 -2592px;

}



.f16 .mw {

	background-position: 0 -2608px;

}



.f16 .mx {

	background-position: 0 -2624px;

}



.f16 .my {

	background-position: 0 -2640px;

}



.f16 .mz {

	background-position: 0 -2656px;

}



.f16 .na {

	background-position: 0 -2672px;

}



.f16 .nc {

	background-position: 0 -2688px;

}



.f16 .ne {

	background-position: 0 -2704px;

}



.f16 .ng {

	background-position: 0 -2720px;

}



.f16 .ni {

	background-position: 0 -2736px;

}



.f16 .nl {

	background-position: 0 -2752px;

}



.f16 .bq {

	background-position: 0 -2752px;

}



.f16 .no {

	background-position: 0 -2768px;

}



.f16 .bv,

.f16 .nq,

.f16 .sj {

	background-position: 0 -2768px;

}



.f16 .np {

	background-position: 0 -2784px;

}



.f16 .nr {

	background-position: 0 -2800px;

}



.f16 .nz {

	background-position: 0 -2816px;

}



.f16 .om {

	background-position: 0 -2832px;

}



.f16 .pa {

	background-position: 0 -2848px;

}



.f16 .pe {

	background-position: 0 -2864px;

}



.f16 .pf {

	background-position: 0 -2880px;

}



.f16 .pg {

	background-position: 0 -2896px;

}



.f16 .ph {

	background-position: 0 -2912px;

}



.f16 .pk {

	background-position: 0 -2928px;

}



.f16 .pl {

	background-position: 0 -2944px;

}



.f16 .pr {

	background-position: 0 -2960px;

}



.f16 .ps {

	background-position: 0 -2976px;

}



.f16 .pt {

	background-position: 0 -2992px;

}



.f16 .pw {

	background-position: 0 -3008px;

}



.f16 .py {

	background-position: 0 -3024px;

}



.f16 .qa {

	background-position: 0 -3040px;

}



.f16 .re {

	background-position: 0 -3056px;

}



.f16 .ro {

	background-position: 0 -3072px;

}



.f16 .rs {

	background-position: 0 -3088px;

}



.f16 .ru {

	background-position: 0 -3104px;

}



.f16 .rw {

	background-position: 0 -3120px;

}



.f16 .sa {

	background-position: 0 -3136px;

}



.f16 .sb {

	background-position: 0 -3152px;

}



.f16 .sc {

	background-position: 0 -3168px;

}



.f16 .sd {

	background-position: 0 -3184px;

}



.f16 .se {

	background-position: 0 -3200px;

}



.f16 .sg {

	background-position: 0 -3216px;

}



.f16 .si {

	background-position: 0 -3232px;

}



.f16 .sk {

	background-position: 0 -3248px;

}



.f16 .sl {

	background-position: 0 -3264px;

}



.f16 .sm {

	background-position: 0 -3280px;

}



.f16 .sn {

	background-position: 0 -3296px;

}



.f16 .so {

	background-position: 0 -3312px;

}



.f16 .sr {

	background-position: 0 -3328px;

}



.f16 .st {

	background-position: 0 -3344px;

}



.f16 .sv {

	background-position: 0 -3360px;

}



.f16 .sy {

	background-position: 0 -3376px;

}



.f16 .sz {

	background-position: 0 -3392px;

}



.f16 .tc {

	background-position: 0 -3408px;

}



.f16 .td {

	background-position: 0 -3424px;

}



.f16 .tg {

	background-position: 0 -3440px;

}



.f16 .th {

	background-position: 0 -3456px;

}



.f16 .tj {

	background-position: 0 -3472px;

}



.f16 .tl {

	background-position: 0 -3488px;

}



.f16 .tm {

	background-position: 0 -3504px;

}



.f16 .tn {

	background-position: 0 -3520px;

}



.f16 .to {

	background-position: 0 -3536px;

}



.f16 .tr {

	background-position: 0 -3552px;

}



.f16 .tt {

	background-position: 0 -3568px;

}



.f16 .tv {

	background-position: 0 -3584px;

}



.f16 .tw {

	background-position: 0 -3600px;

}



.f16 .tz {

	background-position: 0 -3616px;

}



.f16 .ua {

	background-position: 0 -3632px;

}



.f16 .ug {

	background-position: 0 -3648px;

}



.f16 .us {

	background-position: 0 -3664px;

}



.f16 .uy {

	background-position: 0 -3680px;

}



.f16 .uz {

	background-position: 0 -3696px;

}



.f16 .va {

	background-position: 0 -3712px;

}



.f16 .vc {

	background-position: 0 -3728px;

}



.f16 .ve {

	background-position: 0 -3744px;

}



.f16 .vg {

	background-position: 0 -3760px;

}



.f16 .vi {

	background-position: 0 -3776px;

}



.f16 .vn {

	background-position: 0 -3792px;

}



.f16 .vu {

	background-position: 0 -3808px;

}



.f16 .ws {

	background-position: 0 -3824px;

}



.f16 .ye {

	background-position: 0 -3840px;

}



.f16 .za {

	background-position: 0 -3856px;

}



.f16 .zm {

	background-position: 0 -3872px;

}



.f16 .zw {

	background-position: 0 -3888px;

}



.f16 .sx {

	background-position: 0 -3904px;

}



.f16 .cw {

	background-position: 0 -3920px;

}



.f16 .ss {

	background-position: 0 -3936px;

}



.f16 .nu {

	background-position: 0 -3952px;

}





/* Inventário */



#inventoryc {

	background-image: url('../img/inventoryc.png.html');

	width: 399px;

	height: 320px;

	text-align: center;

	display: inline-block;

	position: relative;

}



#inventoryc>img {

	position: absolute;

	top: 90px;

	left: 145px;

	border-radius: 50%;

	border: 3px solid #24314e;

}



#inventoryc>div {

	position: absolute;

	background-repeat: no-repeat;

	background-position: center center;

}



#in_weapon {

	width: 90px;

	height: 136px;

	bottom: 0;

	left: -6px;

}



#in_shield {

	width: 60px;

	height: 136px;

	bottom: 0;

	right: 8px;

}



#in_helm {

	width: 68px;

	height: 68px;

	top: 2px;

	left: 66px;

}



#in_armor {

	width: 72px;

	height: 110px;

	top: 72px;

	left: 40px;

}



#in_pants {

	width: 68px;

	height: 68px;

	bottom: 8px;

	left: 82px;

}



#in_gloves {

	width: 68px;

	height: 68px;

	top: 116px;

	right: 54px;

}



#in_boots {

	width: 68px;

	height: 68px;

	bottom: 8px;

	right: 82px;

}



#in_wings {

	width: 138px;

	height: 102px;

	top: 8px;

	right: -2px;

}



#in_zoo {

	width: 42px;

	height: 42px;

	top: 15px;

	left: 10px;

}



#in_pendant {

	width: 38px;

	height: 38px;

	top: 20px;

	right: 136px;

}



#in_ring1 {

	width: 38px;

	height: 38px;

	bottom: 92px;

	left: 96px;

}



#in_ring2 {

	width: 38px;

	height: 38px;

	bottom: 92px;

	right: 96px;

}



#in_pentagram {

	width: 64px;

	height: 64px;

	bottom: 8px;

	right: 169px;

}



#in_ear1 {

	width: 32px;

	height: 32px;

	top: 72px;

	left: 0px;

}



#in_ear2 {

	width: 32px;

	height: 32px;

	top: 72px;

	left: 115px;

}





/* Tooltip Items */



#tooltip {

	position: absolute;

	z-index: 3000;

	border: 1px solid #111;

	background-color: #221f28;

	padding: 5px;

	opacity: 0.90;

	font: normal 10px Tahoma, Helvetica, sans-serif;

	text-align: center;

	color: #fff;

}



#tooltip h3,

#tooltip div {

	margin: 0;

}



.item_size_12 {

	font-size: 12px;

}



.item_font_family {

	font-family: tahoma;

}



.item_white {

	color: #FFFFFF;

}



.item_light_green {

	color: #00FF00;

}



.item_light_blue {

	color: #80B2FF;

}



.item_light_blue_2 {

	color: #3366FF;

}



.item_blue {

	color: #0066FF;

}



.item_pink {

	color: #FF1493;

}



.item_yellow {

	color: #FADE09;

}



.item_yellow_2 {

	color: #FFCC00;

}



.item_red {

	color: #FF0000;

}



.item_dark_red {

	color: #800000;

}



.item_dark_red_background {

	background-color: #800000;

}



.item_purple {

	color: #800080;

}



.item_socket {

	color: #B266FF;

}



.item_grey {

	color: #808080;

}



.item_yellow_title {

	color: #FFCC19;

}



.item_exe_title {

	color: #008000;

}



.item_socket_title {

	color: #B266FF;

}



.item_socket_exe_title {

	color: #7401DF;

}



.item_ancient_title {

	color: #01DF01;

}



.item_ancient_background {

	background-color: #0000FF;

}





/* Alerts */



.i_note,

.s_note,

.w_note,

.e_note {

	border: 1px solid;

	margin: 10px 0px;

	padding: 15px 10px 15px 50px;

	background-repeat: no-repeat;

	-moz-border-radius: .5em;

	-webkit-border-radius: .5em;

	border-radius: .5em;

	text-align: left;

	width: 100% !important;

}



.i_note {

	color: #00529B;

	background-color: #BDE5F8;

	background-image: url('../img/info.png');

	background-position: left center;

	background-position: 0px 0px 0px 10px;

	text-shadow: none;

}



.s_note {

	color: #4F8A10;

	background-color: #E8EFD3;

	background-image: url('../img/success.png');

	background-position: 0px 0px 0px 10px;

	background-position: left center;

}



.w_note {

	color: #9F6000;

	background-color: #FEEFB3;

	background-image: url('../img/warning.png');

	background-position: 0px 0px 0px 10px;

	background-position: left center;

}



.e_note {

	color: #D8000C;

	background-color: #F7E0CC;

	background-image: url('../img/error.png');

	background-position: 0px 0px 0px 10px;

	background-position: left center;

}



.row-ranking{

	display:flex;

	flex-wrap:wrap;

	margin-left:-15px;

	width:calc(100% + 15px)

}

#arca-conqueror .tableBlock table {

	margin-left: -20px;

	width: calc(100% + 40px);

}

#arca-conqueror .tableBlock table tr {

	background: transparent;

}

#arca-conqueror .tableBlock table tr td {

	border: 0px;

	width: 50% !important;

	vertical-align: top;

	padding-top: 0px;

	padding-bottom: 0px;

}

#arca-conqueror .tableBlock table tr td:last-child {

	padding-left: 20px;

}

#arca-conqueror .tableBlock table tr td h3 {

	line-height: 10px;

}

#arca-conqueror .tableBlock table tr td table tr {

	background: transparent;

}

#arca-conqueror .tableBlock table tr td table tr td {

	border: 0px;

	padding: 0px;

	font-size: 12px;

	line-height: 16px;

	font-style: italic;

}

#arca-conqueror .tableBlock table tr td table tr td:first-child {

	padding: 0px;

	width: 18% !important;

}

#arca-conqueror .tableBlock table tr td table tr td:last-child {

	padding-left: 5px !important;

}

#arca-conqueror .tableBlock table tr td table tr td img {

	border: 2px solid rgba(255, 255, 255, 0.1);

	padding: 2px;

	margin-top: 3px;

}

#arca-conqueror .tableBlock table tr td table tr td span {

	color: #999;

}



#castle-owner .tableBlock table {

	margin-left: -20px;

	width: calc(100% + 40px);

}

#castle-owner .tableBlock table tr {

	background: transparent;

}

#castle-owner .tableBlock table tr td {

	border: 0px;

	width: 50% !important;

	vertical-align: top;

	padding-top: 0px;

	padding-bottom: 0px;

}

#castle-owner .tableBlock table tr td:last-child {

	padding-left: 20px;

}

#castle-owner .tableBlock table tr td h3 {

	line-height: 10px;

}

#castle-owner .tableBlock table tr td table tr {

	background: transparent;

}

#castle-owner .tableBlock table tr td table tr td {

	border: 0px;

	padding: 0px;

	font-size: 12px;

	line-height: 16px;

	font-style: italic;

}

#castle-owner .tableBlock table tr td table tr td:first-child {

	padding: 0px;

	width: 18% !important;

}

#castle-owner .tableBlock table tr td table tr td:last-child {

	padding-left: 5px !important;

}

#castle-owner .tableBlock table tr td table tr td img {

	border: 2px solid rgba(255, 255, 255, 0.1);

	padding: 2px;

	margin-top: 3px;

}

#castle-owner .tableBlock table tr td table tr td span {

	color: #999;

}













#ice-owner .tableBlock table {

	margin-left: -20px;

	width: calc(100% + 40px);

}

#ice-owner .tableBlock table tr {

	background: transparent;

}

#ice-owner .tableBlock table tr td {

	border: 0px;

	width: 50% !important;

	vertical-align: top;

	padding-top: 0px;

	padding-bottom: 0px;

}

#ice-owner .tableBlock table tr td:last-child {

	padding-left: 20px;

}

#ice-owner .tableBlock table tr td h3 {

	line-height: 10px;

}

#ice-owner .tableBlock table tr td table tr {

	background: transparent;

}

#ice-owner .tableBlock table tr td table tr td {

	border: 0px;

	padding: 0px;

	font-size: 12px;

	line-height: 16px;

	font-style: italic;

}

#ice-owner .tableBlock table tr td table tr td:first-child {

	padding: 0px;

	width: 18% !important;

}

#ice-owner .tableBlock table tr td table tr td:last-child {

	padding-left: 5px !important;

}

#ice-owner .tableBlock table tr td table tr td img {

	border: 2px solid rgba(255, 255, 255, 0.1);

	padding: 2px;

	margin-top: 3px;

}

#ice-owner .tableBlock table tr td table tr td span {

	color: #999;

}

.countdown-start {

	width: 100%; height: 50px; top: 95px; text-align: center; position: fixed; z-index: 10; right: 0px;

}

.countdown-start-div {

	width: 400px; height: 138px; border: 1px solid rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 5px black; background: rgba(0, 0, 0, 0.5); margin-left: calc(50% - 200px); border-radius: 5px;

}

.countdown-start-div-two {

	float: left; padding-top: 12px; padding-left: 30px; color: #ffc532; font-family: philosopher,sans-serif; text-shadow: 0px 0px 2px #ffc532;

}

.countdown-start-div-three {

	float: left; padding-top: 12px; padding-left: 30px; color: #fff; font-family: philosopher,sans-serif; text-shadow: 0px 0px 2px #fff;

}

.countdown-start-b {

	font-size: 18px; text-shadow: 0px 0px 1px black, 0px 0px 1px black, 0px 0px 4px #ffc532;

}

.countdown-start-bb {

	font-size: 18px; text-shadow: 0px 0px 1px black, 0px 0px 1px black, 0px 0px 4px #fff;

}

.countdown-start-a {

	height: 25px; border-radius: 10px; margin-top: 9px; margin-right: 10px; padding-top: 0px; line-height: 210%; box-shadow: 0px 0px 3px black;

}

.countdown-start-m {

	width: 100%; height: 50px; top: 60px; position: absolute; text-align: center; transform: scale(0.7); right: -50px;

}

.countdown-start-m-div {

	width: 340px; height: 44px; border: 1px solid rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 5px black; background: rgba(0, 0, 0, 0.4); border-radius: 5px; float: left; margin-left: calc(50% - 170px);

}

.countdown-start-m-div-two {

	float: left; padding-top: 12px; padding-left: 30px; color: #ffc532; font-family: philosopher,sans-serif; text-shadow: 0px 0px 2px #ffc532;

}

.countdown-start-m-b {

	font-size: 18px; text-shadow: 0px 0px 1px black, 0px 0px 1px black, 0px 0px 4px #ffc532;

}













.SidenewsLink-news {

	background: url(../img/news-icon.png) left top 12px no-repeat

}



.SidenewsLink-maintenance {

	background: url(../img/maintenance-icon.png.html) left top 12px no-repeat

}



.SidenewsLink-events {

	background: url(../img/events-icon.png.html) left top 12px no-repeat

}



.SidenewsLink-patch-notes {

	background: url(../img/patch-notes-icon.png.html) left top 12px no-repeat

}



.SidenewsLink {

	position: relative;

	padding: 13px 0px 13px 50px;

}



.SidenewsLink:after {

	content: "";

	background: url(../img/news-hover.png) no-repeat;

	position: absolute;

	width: 64px;

	height: 178px;

	right: -40px;

	top: 50%;

	margin-top: -89px;

	opacity: 0

}



.SidenewsLink-info a {

	display: block;

	color: #fcedc0;

	margin-bottom: 5px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	width: 180px;

	padding: 1px 0px

}



.SidenewsLink-info span {

	color: #696868

}



.SidenewsLink-more {

	color: #cc7954;

	display: block;

	position: relative;

	padding-right: 10px;

	float: right;

}



.SidenewsLink-more span {

	opacity: 0;

	transition: 0.3s

}



.SidenewsLink-more:after {

	content: "";

	position: absolute;

	background: url(../img/h-right.png) no-repeat;

	width: 8px;

	height: 12px;

	right: 0px;

	top: 50%;

	margin-top: -6px;

	transition: 0.3s

}



.SidenewsLink:hover:after {

	opacity: 1

}



.SidenewsLink:hover .SidenewsLink-info a {

	color: #ffffff;

	text-decoration: underline

}



.SidenewsLink:hover .SidenewsLink-more span {

	opacity: 1

}



.SidenewsLink:hover .SidenewsLink-more:after {

	background: url(../img/right.png) no-repeat;

	width: 24px;

	height: 28px;

	margin-top: -14px;

	right: -20px;

	filter: drop-shadow(0px 0px 10px #ff2a00)

}

.guides {

    font-size: 13px;

}

.guides p {

    margin-bottom: 0px;

}

.guides table {

    margin-top: 10px;

}

.guides table thead tr th {

    padding: 10px;

    font-size: 16px;

}

.guides table tbody tr td {

    padding: 7px 20px;

    padding-bottom: 5px!important;

    font-weight: normal;

    font-size: 12px;

    color: #ccc;

}

.guides table tbody tr td strong {

    color: #fff;

}

.guides h3 {

    margin-top: 20px;

}

.vbadge {

	position: absolute;

	top: -10px;

	right: -20px;

	padding: 2px 2px;

	border-radius: 50px;

	background: #9e5f01;

	color: white;

	font-size: 8px;

}

		#pagination ul li a.on {

			padding: 2px 5px;

			border: 1px solid rgba(255, 255, 255, 0.1);

			border-radius: 5px;

			margin-left: 3px;

			margin-right: 3px;

			background: rgba(255, 255, 255, 0.05);

		}

		#pagination ul li a {

			padding: 2px 5px;

			border: 1px solid rgba(255, 255, 255, 0.1);

			border-radius: 5px;

			margin-left: 3px;

			margin-right: 3px;

		}

                .table-pack {

                  border: 3px solid rgb(255,255,255,.04); background: rgba(0,0,0,.3); border-radius: 5px; padding: 0px;

                }

                .table-pack table {

                  width: 100%;

                }

                .table-pack table tr td {

                  padding: 0px!important;

                  border: 0px!important;

                  text-align: center;

                  line-height: 100%;

                }

                .table-pack table tr td img {

                  z-index: 1!important; 

                  position: relative;

                }

                .table-pack table tr td .base {

                  margin-top: 20px;

                  font-size: 16px;

                  color: #ccc;

                }

                .table-pack table tr td .bonus {

                  margin-top: 6px;

                  margin-bottom: 3px;

                  font-size: 16px;

                  color: #ffdda9;

                }

                .table-pack table tr td .coupon {

                  text-align: center; line-height: 16px; color: #ccc; padding-top: 12px; font-size: 10px;

                }

                .table-pack table tr td .coupon .b-bonus {

                  font-size: 13px; color: #3bfc52;

                }

                .table-pack table tr td h3 {

                  font-weight: normal;

                  text-transform: none;

                  margin: 0px;

                  margin-top: 15px;

                  color: #fafafa;

                }

                .table-pack table tr td h2 {

                  font-weight: normal;

                  text-transform: none;

                  margin: 0px;

                  padding: 0px;

                  margin-top: 5px;

                  color: #fafafa;

                }

                .table-pack .right {

                  float: right;

                }

                .table-pack table tr td title {

                  margin-top: 23px;

                  transition: all .3s ease;

                  position: relative;

                  z-index: 1;

                  color: #fff!important;

                  background-image: url(../img/button-blue-big.jpg);

                  background-size: cover;

                  justify-content: center;

                  align-items: center;

                  box-shadow: 0 8px 15px rgb(0 0 0 / 30%);

                  text-shadow: 2px 2px #000;

                  height: 43px!important;

                  display: flex;

                  font-size: 20px;

                  font-family: "Philosopher", sans-serif;

                  padding-top: 5px;

                  border-radius: 20px;

                  padding: 0px 10px 0px 10px;

                  max-width: 90%!important;

                  margin-left: 5%!important;

                }

                .table-pack table tr td.select-buy {

                  padding-left: 10px!important;

                  padding-top: 7px;

                  padding-bottom: 20px!important;

                }

                .table-pack table tr td.button-buy {

                  padding-right: 10px!important;

                  padding-top: 0px!important;

                }

                .table-pack table tr td.buy {

                  padding: 30px!important;

                  text-align: center!important;

                }

                .table-pack table tr td .donate_text {

                  color: #fff;

                  text-shadow: 1px 1px 3px black;

                }

                .bonus-item {

                	padding-bottom: 0px;

                }

	        .effect {

	            animation: animate 

	                2.5s linear infinite;

	        }

	        @keyframes animate {

	            0% {

	                text-shadow: none;

	        		color: #fcedc0;

	            }

	  

	            50% {

	                opacity: 1;

	        		color: #cc7954;

	                text-shadow: 0px 0px 10px #cc7954;

	            }

	  

	            100% {

	                text-shadow: none;

	        		color: #fcedc0;

	            }

	        }



	        .menu-link{

	        	margin-right: 20px;

	        }



table.table-null {

    background: transparent;

    margin-right: 13px;

}



table.table-null tr {

    background: transparent !important;

}



table.table-null tr td {

    padding: 0px;

    border: 0px !important;

    background: transparent;

    line-height: 140%;

}



table.table-null tr td span {

    color: #333;

    font-size: 12px;

    font-weight: bold;

}



table.table-null tr td a {

    color: #999;

    font-size: 12px;

}



table.table-null tr td a:hover {

    color: #ccc;

    text-shadow: 0px 0px 4px #ccc;

    font-size: 12px;

}



table.table-null tr td img {

    margin-top: -20px;

    margin-bottom: -20px;

}



table.table-null tr td b.coin-one {

    color: #c29540;

    font-size: 11px;

}



table.table-null tr td b.coin-two {

    color: #c29540;

    font-size: 11px;

}



table.table-null tr td span.coin-one {

    background: #222;

    padding: 1px 5px;

    border-radius: 5px;

    color: #fff;

    font-size: 12px;

}



table.table-null tr td span.coin-two {

    background: #222;

    padding: 1px 5px;

    border-radius: 5px;

    color: #fff;

    font-size: 12px;

}



table.simple {

    border: 0px;

    background: transparent;

    padding: 0px;

    margin: 0px;

}



table.simple tr {

    border: 0px;

    background: transparent !important;

    padding: 0px;

    margin: 0px;

}



table.simple tr td {

    border: 0px;

    background: transparent;

    padding: 0px;

    margin: 0px;

}



table.simple tr td img {

    border: 0px;

    padding: 0px;

    margin: 0px;

    width: auto;

    height: auto;

    box-shadow: none;

}



hr.simple {

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    border-top: 0px;

    border-right: 0px;

    border-left: 0px;

}



.top-header thead tr {

    background: url(../img/top-table-bg.png);

    background-repeat: repeat-x;

    height: 35px;

    vertical-align: middle;

}



.top-header thead tr th {

    vertical-align: middle;

    color: #908585;

    font-weight: normal;

    text-align: left;

    padding-left: 18px;

}



.top-header thead tr td {

    vertical-align: middle;

    color: #908585;

    font-weight: normal;

    text-align: left;

    padding-left: 18px;

}



.blue thead tr th {

    background: url(../img/top-table-bg.png);

    background-repeat: repeat-x;

    height: 35px !important;

    font-size: 13px !important;

    padding: 0px !important;

    vertical-align: middle;

}



.blue tbody tr th {

    background: url(../img/top-table-bg.png);

    background-repeat: repeat-x;

    height: 35px !important;

    font-size: 13px !important;

    padding: 0px !important;

    vertical-align: middle;

}



.purple thead tr th {

    background: url(../img/top-table-bg.png);

    background-repeat: repeat-x;

    height: 35px !important;

    font-size: 13px !important;

    padding: 0px !important;

    vertical-align: middle;

}



.purple tbody tr th {

    background: url(../img/top-table-bg.png);

    background-repeat: repeat-x;

    height: 35px !important;

    font-size: 13px !important;

    padding: 0px !important;

    vertical-align: middle;

}



.yellow thead tr th {

    background: url(../img/top-table-bg.png);

    background-repeat: repeat-x;

    height: 35px !important;

    font-size: 13px !important;

    padding: 0px !important;

    vertical-align: middle;

}



.yellow tbody tr th {

    background: url(../img/top-table-bg.png);

    background-repeat: repeat-x;

    height: 35px !important;

    font-size: 13px !important;

    padding: 0px !important;

    vertical-align: middle;

}



.guides table tbody tr th {

    background: url(../img/top-table-bg.png);

    background-repeat: repeat-x;

    height: 35px !important;

    font-size: 13px !important;

    padding: 0px !important;

    vertical-align: middle;

}



@keyframes fa-blink {

    0% {

        opacity: 1;

    }



    25% {

        opacity: 0.60;

    }



    50% {

        opacity: 0.30;

    }



    75% {

        opacity: 0.60;

    }



    100% {

        opacity: 1;

    }

}



.fa-blink {

    -webkit-animation: fa-blink 2s linear infinite;

    -moz-animation: fa-blink 2s linear infinite;

    -ms-animation: fa-blink 2s linear infinite;

    -o-animation: fa-blink 2s linear infinite;

    animation: fa-blink 2s linear infinite;

}



.speech-promo {

    width: 90px;

    text-align: center;

    background: rgba(0, 0, 0, 0.4);

    padding: 5px 10px;

    text-align: center;

    font-size: 12px;

    border-radius: 5px;

    color: #fff;

    position: relative;

    margin-left: -110px;

    margin-top: -60px;

    text-shadow: 0px 0px 5px red;

    border: 1px solid red;

    box-shadow: 0px 0px 5px red;

}



.speech-promo:before {

    content: "";

    position: absolute;

    border-left: 5px solid red;

    border-right: 5px solid transparent;

    border-top: 5px solid red;

    border-bottom: 5px solid transparent;

    right: -10px;

    top: 5px;

}



@keyframes fa-blink-promo {

    0% {

        opacity: 1;

    }



    25% {

        opacity: 0.60;

    }



    50% {

        opacity: 0.30;

    }



    75% {

        opacity: 0.60;

    }



    100% {

        opacity: 1;

    }

}



.fa-blink-promo {

    -webkit-animation: fa-blink 1s linear infinite;

    -moz-animation: fa-blink 1s linear infinite;

    -ms-animation: fa-blink 1s linear infinite;

    -o-animation: fa-blink 1s linear infinite;

    animation: fa-blink 1s linear infinite;

}



ul.list {

    margin-top: -10px;

}



ul.list li {

    padding: 7px 0px 5px 30px;

    background: url(../img/right.png);

    background-repeat: no-repeat;

    background-position: top left;

    transition: 0.2s;

    color: #fff;

}



ul.list li.space {

    padding: 13px 0px 10px 30px;

    background: url(../img/right.png);

    background-repeat: no-repeat;

    background-position: top left;

    background-position-y: 6px;

    transition: 0.2s;

    color: #fff;

}



ul.list li a {

    color: #fff;

}



ul.list li:hover {

    filter: brightness(150%);

    text-shadow: 0px 0px 4px #fff;

    margin-left: 5px;

}



table.info {

    line-height: 130%;

}



table.info tbody tr td:first-child {

    background: url(../img/right.png);

    background-repeat: no-repeat;

    background-position-x: 7px;

    background-position-y: center;

    padding-left: 30px;

    color: rgba(255, 255, 255, 0.5);

}



.tag-link {

    background: #f88938;

    color: #fff;

    text-shadow: 1px 1px black;

    padding: 2px 4px 3px 4px;

    line-height: 80%;

    font-size: 8px;

    border-radius: 50px;

    margin-top: -5px;

    margin-left: 5px;

    position: absolute;

}



.tag-link a {

    color: #fff;

}



.tag-link-red {

    background: #f83838;

    color: #fff;

    text-shadow: 1px 1px black;

    padding: 2px 4px 3px 4px;

    line-height: 80%;

    font-size: 8px;

    border-radius: 50px;

    margin-top: -5px;

    margin-left: 5px;

    position: absolute;

}



.small-modal {

    max-height: 310px !important;

    min-height: 310px !important;

}



.journey .line-right {

    width: calc(100% + 5px);

    margin-right: -5px;

    height: 1px;

    border: 1px solid #5c2714;

    box-shadow: 0px 0px 3px #5c2714;

}



.journey .line-left {

    width: calc(100% + 5px);

    margin-left: -5px;

    height: 1px;

    border: 1px solid #5c2714;

    box-shadow: 0px 0px 3px #5c2714;

}



.journey .line-rc-100 {

    width: calc(100% + 5px);

    margin-right: -5px;

    height: 1px;

    border: 1px solid #5c2714;

    float: right;

    margin-top: 15px;

    margin-bottom: 15px;

    box-shadow: 0px 0px 3px #5c2714;

}



.journey .line-lc-100 {

    width: calc(100% + 5px);

    margin-left: -5px;

    height: 1px;

    border: 1px solid #5c2714;

    float: left;

    margin-top: 15px;

    margin-bottom: 15px;

    box-shadow: 0px 0px 3px #5c2714;

}



.journey .line-rc-50 {

    width: calc(50% + 5px);

    margin-right: -5px;

    height: 1px;

    border: 1px solid #5c2714;

    float: right;

    margin-top: 15px;

    margin-bottom: 15px;

    box-shadow: 0px 0px 3px #5c2714;

}



.journey .line-lc-50 {

    width: calc(50% + 5px);

    margin-left: -5px;

    height: 1px;

    border: 1px solid #5c2714;

    float: left;

    margin-top: 15px;

    margin-bottom: 15px;

    box-shadow: 0px 0px 3px #5c2714;

}



.journey .line-lv-t {

    width: 1px;

    border: 1px solid #5c2714;

    height: 17px;

    float: left;

    margin-bottom: 15px;

    box-shadow: 0px 0px 3px #5c2714;

}



.journey .line-rv-t {

    width: 1px;

    border: 1px solid #5c2714;

    height: 17px;

    float: right;

    margin-bottom: 15px;

    box-shadow: 0px 0px 3px #5c2714;

}



.journey .line-lv-b {

    width: 1px;

    border: 1px solid #5c2714;

    height: 17px;

    float: left;

    margin-top: 15px;

    box-shadow: 0px 0px 3px #5c2714;

}



.journey .line-rv-b {

    width: 1px;

    border: 1px solid #5c2714;

    height: 17px;

    float: right;

    margin-top: 15px;

    box-shadow: 0px 0px 3px #5c2714;

}



.journey .line-cv-a {

    width: 1px;

    border: 1px solid #5c2714;

    height: 32px;

    box-shadow: 0px 0px 3px #5c2714;

    margin-left: calc(50% - 1px);

}



.journey .min-width {

    vertical-align: middle;

    min-width: 5px;

}



.journey blockquote {

    background: url('../game_guides/img/pin_block.png.html') no-repeat top left, url('../game_guides/img/pin_block.png.html') no-repeat top right, url('../game_guides/img/pin_block.png.html') no-repeat bottom left, url('../game_guides/img/pin_block.png.html') no-repeat bottom right, rgba(0, 0, 0, 0.17);

    border-radius: 6px;

    padding: 10px;

    border: 1px solid rgba(0, 0, 0, 0.8);

    margin-left: 0px;

    margin-right: 0px;

    box-sizing: border-box;

    height: 100px;

}



.journey blockquote img {

    padding: 4px;

    border: 1px solid #f88938;

}



.journey blockquote table {

    margin-left: 0px;

}



.journey blockquote p {

    padding-left: 7px;

}



.journey blockquote ul li {

    margin-left: 30px;

}



.journey blockquote table tr {

    background: transparent;

}



.journey blockquote table tr td {

    border: transparent;

}



/* #f88938 // #d8d0cc // 5c2714 */

.journey blockquote table tr:first-child td {

    text-align: center;

    font-size: 12px;

}



.journey blockquote table tr:first-child td:first-child {

    max-width: 78px !important;

    width: 78px;

}



.journey blockquote table tr:first-child td:last-child {

    text-align: center;

    padding-right: 10px;

    padding-top: 7px;

    padding-bottom: 7px;

}



.journey blockquote table tr:first-child td img {

    width: 70px;

    margin-top: -5px;

    margin-bottom: -5px;

    margin-left: -5px;

}



.journey blockquote table tr:first-child td span {

    margin-left: -5px;

    color: #ac7950;

    font-weight: bold;

    text-shadow: 0px 0px 5px #ac7950;

}



.journey blockquote table tr:first-child td span.bronze {

    color: #ac7950;

    text-shadow: 0px 0px 5px #ac7950;

}



.journey blockquote table tr:first-child td span.silver {

    color: silver;

    text-shadow: 0px 0px 5px silver;

}



.journey blockquote table tr:first-child td span.gold {

    color: #c29540;

    text-shadow: 0px 0px 5px #c29540;

}



.journey blockquote table tr:first-child td span.emerald {

    color: #038839;

    text-shadow: 0px 0px 5px #038839;

}



.journey blockquote table tr:first-child td span.diamond {

    color: #89a7f9;

    text-shadow: 0px 0px 5px #89a7f9;

}



.journey blockquote table tr:first-child td span.legendary {

    color: #1caff3;

    text-shadow: 0px 0px 5px #1caff3;

}



.journey blockquote table tr:first-child td span.master {

    color: #e9ab06;

    text-shadow: 0px 0px 5px #e9ab06;

}



.journey blockquote table tr:first-child td span.elite {

    color: #9f68d8;

    text-shadow: 0px 0px 5px #9f68d8;

}



.journey blockquote table tr:first-child td span.supreme {

    color: #f88938;

    text-shadow: 0px 0px 5px #f88938;

}



.journey blockquote table tr:last-child td {

    font-size: 10px;

    vertical-align: top;

}



.journey blockquote table tr:last-child td span {

    color: #999;

}



.mainInfo {

    scroll-behavior: smooth;

}

.modal_div_two {

	width: 100%;

	min-height: 347px;

	max-width: 303px;

	position: fixed;

	top: 15%;

	left: 50%;

	margin-left: -150px;

	display: none;

	opacity: 0;

	z-index: 35;

	padding: 0;

	box-shadow: 0px 10px 20px 1px rgba(0, 0, 0, 0.5)

}

.modal_div_two .modal_close_two:hover {

	filter: brightness(120%)

}



#overlay_two {

	z-index: 30;

	position: fixed;

	background-color: #070a11;

	opacity: 0.8;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	cursor: pointer;

	display: none

}



/* CSS */

.button-join {

	align-items: center;

	appearance: none;

	background-clip: padding-box;

	background-color: initial;

	background-image: none;

	border-style: none;

	box-sizing: border-box;

	cursor: pointer;

	display: inline-block;

	flex-direction: row;

	flex-shrink: 0;

	font-size: 12px;

	justify-content: center;

	margin: 0;

	outline: none;

	overflow: visible;

	padding: 3px 0;

	pointer-events: auto;

	position: relative;

	text-align: center;

	text-decoration: none;

	text-transform: none;

	user-select: none;

	-webkit-user-select: none;

	touch-action: manipulation;

	vertical-align: middle;

	word-break: keep-all;

	z-index: 0;

	min-width: 60px;

	width: 60px;

	margin-right: -10px!important;

}



@media (min-width: 768px) {

	.button-join {

		padding: 3px 0;

	}

}



.button-join:before,

.button-join:after {

	border-radius: 5px;

}



.button-join:before {

	background-image: linear-gradient(92.83deg, #ff7426 0, #f93a13 100%);

	content: "";

	display: block;

	height: 100%;

	left: 0;

	overflow: hidden;

	position: absolute;

	top: 0;

	width: 100%;

	z-index: -2;

}



.button-join:after {

	background-color: initial;

	background-image: linear-gradient(#541a0f 0, #0c0d0d 100%);

	bottom: 1px;

	content: "";

	display: block;

	left: 1px;

	overflow: hidden;

	position: absolute;

	right: 1px;

	top: 1px;

	transition: all 100ms ease-out;

	z-index: -1;

}



.button-join:hover:not(:disabled):before {

	background: linear-gradient(92.83deg, rgb(255, 116, 38) 0%, rgb(249, 58, 19) 100%);

}



.button-join:hover:not(:disabled):after {

	bottom: 0;

	left: 0;

	right: 0;

	top: 0;

	transition-timing-function: ease-in;

	opacity: 0;

}



.button-join:active:not(:disabled) {

	color: #ccc;

}



.button-join:active:not(:disabled):before {

	background-image: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), linear-gradient(92.83deg, #ff7426 0, #f93a13 100%);

}



.button-join:active:not(:disabled):after {

	background-image: linear-gradient(#541a0f 0, #0c0d0d 100%);

	bottom: 1px;

	left: 1px;

	right: 1px;

	top: 1px;

}



.button-join:disabled {

	cursor: default;

	opacity: .24;

}







/* CSS */

.button-closed {

	filter: grayscale(100%);

	align-items: center;

	appearance: none;

	background-clip: padding-box;

	background-color: initial;

	background-image: none;

	border-style: none;

	box-sizing: border-box;

	cursor: pointer;

	display: inline-block;

	flex-direction: row;

	flex-shrink: 0;

	font-size: 12px;

	justify-content: center;

	margin: 0;

	outline: none;

	overflow: visible;

	padding: 3px 0;

	pointer-events: auto;

	position: relative;

	text-align: center;

	text-decoration: none;

	text-transform: none;

	user-select: none;

	-webkit-user-select: none;

	touch-action: manipulation;

	vertical-align: middle;

	word-break: keep-all;

	z-index: 0;

	min-width: 60px;

	width: 60px;

	margin-right: -10px!important;

}



@media (min-width: 768px) {

	.button-closed {

		padding: 3px 0;

	}

}



.button-closed:before,

.button-closed:after {

	border-radius: 5px;

}



.button-closed:before {

	background-image: linear-gradient(92.83deg, #ff2626 0, #981313 100%);

	content: "";

	display: block;

	height: 100%;

	left: 0;

	overflow: hidden;

	position: absolute;

	top: 0;

	width: 100%;

	z-index: -2;

}



.button-closed:after {

	background-color: initial;

	background-image: linear-gradient(#541a0f 0, #0c0d0d 100%);

	bottom: 1px;

	content: "";

	display: block;

	left: 1px;

	overflow: hidden;

	position: absolute;

	right: 1px;

	top: 1px;

	transition: all 100ms ease-out;

	z-index: -1;

}



.button-closed:hover:not(:disabled):before {

	background: linear-gradient(92.83deg, rgb(255, 38, 38) 0%, rgb(152, 19, 19) 100%);

}



.button-closed:hover:not(:disabled):after {

	bottom: 0;

	left: 0;

	right: 0;

	top: 0;

	transition-timing-function: ease-in;

	opacity: 0;

}



.button-closed:active:not(:disabled) {

	color: #ccc;

}



.button-closed:active:not(:disabled):before {

	background-image: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), linear-gradient(92.83deg, #ff2626 0, #981313 100%);

}



.button-closed:active:not(:disabled):after {

	background-image: linear-gradient(#541a0f 0, #0c0d0d 100%);

	bottom: 1px;

	left: 1px;

	right: 1px;

	top: 1px;

}



.button-closed:disabled {

	cursor: default;

	opacity: .24;

}



.table-pack {

    border: 3px solid rgb(255,255,255,.04);

    background: rgba(0,0,0,.3);

    border-radius: 5px;

    padding-top: 25px;

    padding-bottom: 25px;

}



.table-pack table {

    width: 100%

}



.table-pack table tr td {

    padding: 0!important;

    border: 0!important;

    text-align: center;

    line-height: 100%

}



.table-pack table tr td img {

    z-index: 1!important;

    position: relative;

    width: 70%;

}



.table-pack table tr td .base {

    margin-top: 20px;

    font-size: 16px;

    color: #ccc

}



.table-pack table tr td .bonus {

    margin-top: 6px;

    margin-bottom: 15px;

    font-size: 16px;

    color: #fbac3f;

}



.table-pack table tr td .coupon {

    text-align: center;

    line-height: 16px;

    color: #ccc;

    padding-top: 12px;

    font-size: 10px

}



.table-pack table tr td .coupon .b-bonus {

    font-size: 13px;

    color: #3bfc52

}



.table-pack table tr td h3 {

    font-weight: 400;

    text-transform: none;

    margin: 0;

    margin-top: 15px;

    margin-bottom: 15px;

    color: #fafafa

}



.table-pack table tr td h2 {

    font-weight: 400;

    text-transform: none;

    margin: 0;

    padding: 0;

    margin-top: 5px;

    color: #fafafa

}



.table-pack .right {

    float: right

}



.table-pack table tr td title {

    margin-top: 15px;

    margin-bottom: 10px;

    transition: all .3s ease;

    position: relative;

    z-index: 1;

    color: #fff!important;

    background-image: url(../img/button-blue-big.jpg);

    background-size: cover;

    justify-content: center;

    align-items: center;

    box-shadow: 0 8px 15px rgb(0 0 0/30%);

    text-shadow: 2px 2px #000;

    height: 43px!important;

    display: flex;

    font-size: 20px;

    font-family: philosopher,sans-serif;

    padding-top: 5px;

    border-radius: 20px;

    padding: 0 10px;

    max-width: 90%!important;

    margin-left: 5%!important

}



.table-pack table tr td.select-buy {

    padding-left: 10px!important;

    padding-top: 7px;

    padding-bottom: 20px!important

}



.table-pack table tr td.button-buy {

    padding-right: 10px!important;

    padding-top: 0!important

}



.table-pack table tr td.buy {

    padding: 30px!important;

    text-align: center!important

}



.table-pack table tr td .donate_text {

    color: #fff!important;

    text-shadow: 1px 1px 3px #000,1px 1px 3px #000;

    border-radius: 4px 5px 5px 5px;

    padding: 5px;

    margin-top: 7px;

    margin-right: 7px;

    border: 1px solid #ff4200;

    box-shadow: 0 0 5px #ff4200;

    background: 0 0

}



.bonus-item {

    padding-bottom: 0

}

.title-wcoin {

	color: #facb31;

    text-shadow: 0 0 10px #facb31;

    font-size: 22px;

    font-weight: bold;

}



@keyframes flicker {

	0% {

		opacity: 0.5;

	}

	100% {

		opacity: 1;

	}

}



.flicker {

	transition: all 0.5s ease-in-out; 

	animation: flicker 0.5s ease-in-out infinite alternate;

}



.arrow-info {

    background: url(../img/right.png) no-repeat;

    width: 24px;

    height: 28px;

    filter: drop-shadow(0px 0px 10px #ff2a00);

}



/* DOWNLOADS */

.panel-downloads {

    margin-bottom: 30px;

    background: #131726;

    border: 1px solid #2c3044;

    -moz-border-radius: 0px;

    border-radius: 0px;

    color: #ffffff;

}



.panel-downloads .panel-title {

    padding: 10px 8px;

}



.download-description {

	font-size: 11px;

	position: relative;

	top: -7px;

	color: #777;

}



.page-title {

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    padding-bottom: 25px;

    line-height: 1;

    align-items: flex-end;

    margin-bottom: 25px;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}



.page-title span {

    position: relative;

    text-transform: uppercase;

    color: #cc7954;

    font-size: 18px;

    font-family: "Philosopher", sans-serif;

    display: block;

    padding-left: 25px;

}



.page-title span:before {

	content: "";

	position: absolute;

	background: url(../img/title-icon.png) no-repeat;

	width: 26px;

	height: 26px;

	left: -5px;

	top: 50%;

	margin-top: -13px;

	filter: drop-shadow(0px 0px 10px #ff2a00)

}



/* PAYPAL */

.paypal-gateway-container {

	width: 100%;

}



.paypal-gateway-content {

	background: #fef2da;

	border: 3px solid #f79433;

	padding: 15px;

	overflow: auto;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	font-weight: bold;

}



.paypal-gateway-logo {

	width: 100%;

	height: 100px;

	background: #fff9ec url('../img/paypal-logo-200-68.png') no-repeat center;

	background-size: contain;

	margin-bottom: 15px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

}



.paypal-gateway-conversion-rate {

	margin: 0px auto;

	text-align: center;

	color: #000;

	font-size: 18px;

	padding: 10px 0px;

}



.paypal-gateway-form {

	width: 100%;

	margin: 20px auto;

	text-align: center;

}



.paypal-gateway-form div {

	display: inline-block;

	padding: 0px 10px;

	color: #000;

	font-size: 24px;

}



.paypal-gateway-form input[type=text] {

	width: 60px;

	font-size: 24px;

	border: 3px solid #f79433;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	color: #f79433;

}



.paypal-gateway-continue {

	margin: 0px auto;

	text-align: center;

}



.paypal-gateway-continue input[type=submit] {

	background: url('../img/paypal-submit.jpg') no-repeat;

	width: 200px;

	height: 40px;

	border: 0px;

}



/* ADD STATS MODULE */

.panel-addstats {

	margin-bottom: 30px;

	background: #f1f1f1;

	border: 1px solid #e3e3e3;

	-moz-border-radius: 0px;

	border-radius: 0px;

	color: #333;

}

.panel-addstats .character-avatar img {

	width: 100px;

	height: auto;

	-moz-box-shadow: 0 0 5px #666;

	-webkit-box-shadow: 0 0 5px #666;

	box-shadow: 0 0 5px #666;

	-moz-border-radius: 0px;

	border-radius: 0px;

}

.panel-addstats .character-name {

	color: #666;

	font-family: 'PT Sans', sans-serif;

	font-size: 18px;

	border-bottom: 1px solid #e3e3e3;

	padding: 20px 0px;

	margin-bottom: 20px !important;

	font-weight: bold;

}



/* WEBENGINE CMS */

.webengine-powered { color: #777 !important; }

.webengine-powered:active, .webengine-powered:hover { color: #ff3214 !important; }



/* MY ACCOUNT CHARACTER LIST */

.myaccount-character-block {

	background: #333;

	border: 1px solid #666;

	padding: 5px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	display: inline-block;

	margin: 0px auto;

	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);

	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);

	box-shadow: 0 0 10px rgba(0,0,0,0.5);

}

	.myaccount-character-block img {

		width: 100px;

		height: auto;

		-moz-border-radius: 3px;

		-webkit-border-radius: 3px;

		border-radius: 3px;

		-moz-box-shadow: 0 0 5px #000;

		-webkit-box-shadow: 0 0 5px #000;

		box-shadow: 0 0 5px #000;

		-moz-transition: all 0.3s ease;

		-o-transition: all 0.3s ease;

		-webkit-transition: all 0.3s ease;

		transition: all 0.3s ease;

	}

		.myaccount-character-block img:hover {

			-webkit-filter: brightness(120%);

			filter: brightness(120%);

		}

.myaccount-character-block-location {

	font-size: 12px;

	color: #000;

	margin-bottom: 20px;

	margin-top: 2px;

	line-height: 1.2;

}

.myaccount-character-block-level {

	position: relative;

	top: -77px;

	display: inline-block;

	background: rgba(0,0,0,0.5);

	padding: 0px 5px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	color: #fff;

	font-size: 10px;

}

.myaccount-character-name a {

	font-weight: bold;

	color: #000;

	font-size: 16px;

}



/* RANKINGS MODULE */

.rankings-table {

	width: 100%;

	border-spacing: 0;

	border-collapse: collapse;

}



.rankings-class-image {

	width: 30px;

	height: auto;

	-moz-box-shadow: 0 0 5px #666;

	-webkit-box-shadow: 0 0 5px #666;

	box-shadow: 0 0 5px #666;

	-moz-border-radius: 0px;

	border-radius: 0px;

}

.rankings-table tr td {

	border-bottom: 1px solid #e3e3e3;

	padding: 10px;

	font-size: 18px;

	vertical-align: middle !important;

	text-align: center;

}

.rankings-table-place {

	color: #666;

	font-weight: bold;

	font-size: 24px;

	text-align: center;

}

.rankings-table tr:first-child td {

	color: #ee9e05;

	border-bottom: 1px solid #fff;

}

.rankings-update-time {

	text-align: right;

	font-size: 11px;

	color: #ccc;

	padding: 10px 0px;

}

.rankings_menu {

	width: 100%;

	overflow: auto;

	text-align: center;

	margin-bottom: 10px;

}

.rankings_menu span {

	width: 100%;

	display: inline-block;

	padding: 10px 0px;

	color: #ccc;

	font-size: 24px;

}

.rankings_menu a {

    display: inline-block;

    width: 150px;

    border: 1px solid #5596d0;

    text-align: center;

    padding: 2px 0px;

    margin: 2px;

    background: #3f6588;

    -moz-border-radius: 2px;

    border-radius: 2px;

    color: #ccc;

}

.rankings_menu a.active {

	color: #fff;

	border-color: #5596d0;

}

.rankings_guild_logo tr td {

	border: 0px !important;

	padding: 0px !important;

	margin: 0px !important;

}

.rankings-gens-img {

	width: auto !important;

	height: 30px !important;

	border: 0 !important;

	-moz-box-shadow: 0 0 0px #000 !important;

	-webkit-box-shadow: 0 0 0px #000 !important;

	box-shadow: 0 0 0px #000 !important;

	-moz-border-radius: 0px !important;

	border-radius: 0px !important;

}



/* RANKINGS FILTER BY CLASS */



.rankings-class-filter {

	display: inline-block;

	list-style-type: none;

	margin: 20px auto;

	padding: 10px 20px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	-khtml-border-radius: 10px;

}



	.rankings-class-filter li {

		display: inline-block;

		-moz-transition: all 0.3s ease;

		-o-transition: all 0.3s ease;

		-webkit-transition: all 0.3s ease;

		transition: all 0.3s ease;

		margin-bottom: 10px;

	}

	

	.rankings-class-filter li:hover {

		-webkit-filter: grayscale(0%);

		filter: grayscale(0%);

	}



.rankings-class-filter-selection {

	display: inline-block;

	width: 75px;

	text-align: center;

	color: #fff;

	font-size: 11px;

	cursor: pointer;

}



	.rankings-class-filter-selection:hover {

		color: #d1d1d1 !important;

	}



	.rankings-class-filter-selection:hover img {

		-webkit-filter: brightness(120%);

		filter: brightness(120%);

	}



.rankings-class-filter-selection img {

	width: 40px;

	height: auto;

	-moz-border-radius: 50%;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	-khtml-border-radius: 50%;

	margin-bottom: 5px;

	-moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);

	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);

	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);

}



.rankings-class-filter-grayscale {

	-webkit-filter: grayscale(100%);

	filter: grayscale(100%);

}

.admincp-button {
	position: absolute;
    top: 5%;
    right: 400px;
	z-index: 999;
}


/**/

.online{
    position:absolute;
    bottom:45px
}
.onlineReg{
}
.onlineBlock{
    background:url(../img/online-img.png) bottom center no-repeat;
    width:300px;
    height:250px;
    text-align:center;
    font-size:16px;
    color:#fff;
    letter-spacing:3px;
    font-family:"Philosopher",sans-serif;
    padding-left:3px;
    padding-top:18px;
    position:relative;
    z-index:2
}
.onlineBlock span{
    display:block;
    font-size:48px;
    color:#ffdda9;
    letter-spacing:8px;
    padding-top:3px;
    text-shadow:0px 0px 20px rgba(255,118,18,0.7)
}
.onlineReg-block{
    width:115px;
    min-height:120px;
    text-align:center;
    color:#ffffff;
    font-size:12px;
    font-family:"Philosopher",sans-serif;
    padding-top:95px;
    letter-spacing:1px
}
.onlineReg-block span{
    display:block;
    color:#ffdda9;
    font-size:22px;
    margin-bottom:5px;
    letter-spacing:2px
}
.onlineReg-block-player{
    background:url(../img/online-sprite.png) top left -3px no-repeat
}
.onlineReg-block-clans{
    background:url(../img/online-sprite.png) top right -3px no-repeat
}

.panel-heading{
    background-color: #10121b;
    color: #fff;
}
.panel-body{
    background-color: #10121b;
    border-top: 1px solid #444e7b;
    color: #fff;
}

.panel-footer{
    background-color: #10121b;
    border-top: 1px solid #444e7b;
    color: #fff;
}