/* ---------------------------------------------------------  */
/*  Layout exclusivamente programada pela equipe Nixie Games  */
/*      Copyright 2017. Proibida a cópia * Mu Single XII      */
/* ---------------------------------------------------------- */

* { padding: 0; margin: 0; }

@font-face {
	font-family: "gisha";
	src: url('../fonts/gisha.ttf');
}

@font-face {
	font-family: "flare";
	src: url('../fonts/Flareserif.ttf');
}

@font-face {
	font-family: "flareb";
	src: url('../fonts/Flareserifb.ttf');
}

@font-face {
	font-family: "franklin";
	src: url('../fonts/franklin.ttf');
}


div, html, body, p, input, select, button, h1, h2, h3, h4, i {
	outline: none;
}

/* Ajax */

.loading-login img {
	margin: 25px auto;
	display: block;
}

body {
	background: url('../images/background.png') no-repeat top center, #080c1d;
}
.clear { clear: both; }

.nav {
	background-color: rgba(1,1,4,0.7);
	height: 136px;
	position: fixed;
	width: 100%;
	z-index: 10;
	border-bottom: 1px solid #3c3d40;
}
.nav-wrapp {
	width: 1024px;
	margin: auto;
}
.nav .logo {
	background: url('../images/logo.png') no-repeat;
	width: 211px;
	height: 70px;
	margin: 38px 24px 0px;
	float: left;
}
.nav ul {
	display: block;
	list-style: none;
}
.nav li {
	float: left;
	color: #fcfcfc;
	font-family: flareb;
	font-size: 18px;
	text-transform: uppercase;
	margin-left: 50px;
	transition: all 0.4s ease 0s;
}
.nav li a {
	color: #fcfcfc;
	text-decoration: none;
	line-height: 140px;
	display: block;
}
.nav li a:hover {
	color: #fde76c;
	transition: all 0.4s ease 0s;
}
.nav li:hover .sub-nav-bg {
	visibility: visible;
	opacity: 1;
	transform: translateY(0%);
	transition-delay: 0s, 0s, 0.3s;
}
.nav li .sub-nav-bg {
	background-color: rgba(1,1,4,0.7);
	width: 100%;
	position: absolute;
	opacity: 0;
	left: 0;
	visibility: hidden;
	margin-top: -4px;
	border-radius: 0px 0px 3px 3px;
	transform: translateY(-2em);
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.nav li .sub-nav-bg .sub-nav {
	width: 20%;
}
.nav li .sub-nav-bg .sub-nav li {
	float: none;
	color: #f6fafe;
	font-size: 18px;
	font-family: gisha;
	margin-left: 10px;
	text-transform: none;
	text-align: left;
	font-weight: normal;
}
.nav li .sub-nav-bg .sub-nav li a {
	line-height: 50px;
}
.nav li .game {
	margin-left: 405px;
	display: block;
}
.nav li .ranking {
	margin-left: 512px;
	display: block;
}
.nav li .forum {
	margin-left: 654px;
	display: block;
}
.nav li .donate {
	margin-left: 772px;
	display: block;
}
.content {
	width: 1101px;
	margin: auto;
	clear: both;
	margin-top: 470px;
}
.video {
	width: 320px;
	margin-left: 57px;
}
.video video {
	width: 320px;
	margin-top: 20px;
	z-index: 1;
}
.video .video-play {
	background-color: rgba(1,1,4,0.7);
	width: 320px;
	height: 180px;
	position: absolute;
	top: 508px;
}
.video .video-play a {
	display: block;
	background: url('../images/btn-play.png') no-repeat;
	width: 61px;
	height: 58px;
	margin: 65px auto;
	cursor: pointer;
}
.nav-buttons {
	width: 545px;
	float: right;
	margin-top: -70px;
	position: relative;
	left: 43px; 
} 
.nav-buttons .btn-effect {
	float: left;
	width: 83px;
	margin-left: 5px;
}
.nav-buttons .btn-effect a {
	height: 90px;
	display: block;
}
.nav-buttons .btn-effect .btn-arg-events {
	background: url('../images/btn-arg.png') no-repeat;
	width: 83px;
	height: 97px;
	-webkit-transition: width 2s, height 2s, -webkit-transform 2s;
    transition: width 2s, height 2s, transform 2s;
	position: relative;
	top: -11px;
	right: 3px;
	cursor: pointer;
}
.nav-buttons .btn-effect .btn-arg-events:hover {
	-webkit-transform: rotate(360deg);
    transform: rotate(360deg);
	display: block;
}
.nav-buttons .btn-effect .btn-events {
	background: url('../images/btn-events.png') no-repeat;
	width: 77px;
	height: 74px;
	margin: auto;
	position: relative;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.nav-buttons .btn-effect .btn-events:hover {
	background: url('../images/btn-events-hover.png') no-repeat;
	width: 77px;
	height: 74px;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.nav-buttons .btn-effect .btn-cs {
	background: url('../images/btn-cs.png') no-repeat;
	width: 83px;
	height: 97px;
	margin-top: -11px;
	float: left;
	z-index: 4;
	position: absolute;
}
.nav-buttons .cs-home {
	background-color: rgba(4,4,5,0.7);
	width: 365px;
	height: 95px;
	float: left;
	position: relative;
	left: 48px;
	top: -10px;
}
.nav-buttons .cs-home .status {
	width: 360px;
	position: absolute;
	margin-top: -30px;
}
.nav-buttons .cs-home .status .green {
	color: #14cd37;
}
.nav-buttons .cs-home .status .green a {
	color: #14cd37;
	text-decoration: none;
}
.nav-buttons .cs-home .status .red {
	color: #f40000;
}
.nav-buttons .cs-home .status span {
	float: left;
	font-family: gisha;
	color: #fbf7f7;
	font-size: 17px;
}
.nav-buttons .cs-home .status p {
	float: right;
	font-family: gisha;
	color: #fbf7f7;
	font-size: 17px;
}
.nav-buttons .cs-home .cs-home-mark {
	width: 71px;
	height: 53px;
	margin-left: 50px;
	margin-top: 20px;
	float: left;
}
.nav-buttons .cs-home .cs-home-owner {
	float: left;
	margin-top: 25px;
	margin-left: 15px;
}
.nav-buttons .cs-home .cs-home-owner span {
	color: #fafbfe;
	font-size: 12px;
	font-family: arial;
}
.nav-buttons .cs-home .cs-home-owner p {
	color: #fafbfe;
	font-size: 15px;
	font-family: arial;
}
.nav-buttons .cs-home .cs-home-time {
	background-color: #fde76c;
	width: 90px;
	float: left;
	text-align: center;
	margin-top: 28px;
	margin-left: 25px;
	font-size: 15px;
	font-family: arial;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
	cursor: pointer;
}
.nav-buttons .cs-home .cs-home-time a {
	display: block;
	color: #422109;
	line-height: 35px;
	text-decoration: none;
}
.nav-buttons .cs-home .cs-home-time:hover {
	background-color: #f8e67e;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.panel-user {
	width: 282px;
	float: left;
	margin-top: 30px;
}
.panel-user li {
	color: #fefaf6;
	font-family: gisha;
	font-size: 16px;
	list-style: none;
	padding-left: 30px;
	border-bottom: 1px solid #282d3a;
}
.panel-user .p-active { 
	background-color: #1f242f; 
	border-bottom: none;
	line-height: 50px;	
}
.panel-user .p-active span {
	background-color: #fde76c; 
	display: block;
	float: right; 
	width: 73px;
	margin-right: 20px;
	margin-top: 7px;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.panel-user .p-active span:hover {
	background-color: #eedc78;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.panel-user .p-active span a {
	color: #56361d;
	line-height: 35px;
	display: block;
	font-family: franklin;
	font-size: 16px;
	text-align: center;
	text-decoration:4 none;
	text-transform: uppercase;
}
.panel-user .p-active span a:hover { color: #56361d; }
.panel-user .p-desative { border-bottom: none; } 
.panel-user li a {
	display: block;
	color: #fefaf6;
	text-decoration: none;
	line-height: 50px;
	cursor: pointer; 
}
.panel-user li a:hover {
	color: #fde76c;
}
.panel-user .btn-logout {
	background-color: #fde76c;
	width: 110px;
	margin: 15px 30px 13px;
	display: block;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.panel-user .btn-logout:hover {
	background-color: #eedc78;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.panel-user .btn-logout a {
	color: #56361d;
	line-height: 42px;
	display: block;
	font-family: franklin;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}
.panel-user .btn-download {
	background: url('../images/btn-download.jpg') no-repeat;
	width: 282px;
	height: 172px;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.panel-user .btn-download a {
	display: block;
	height: 172px;
}
.panel-user .btn-download:hover {
	background: url('../images/btn-download-hover.jpg') no-repeat;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.panel-user .panel-login {
	width: 282px;
	background-color: #181e28;
}
.panel-user .panel-login .input-login {
	background-color: #c5d7f8;
	width: 228px;
	height: 42px;
	margin: auto;
	margin-top: 5px;
}
.panel-user .panel-login .input-login .icon-user {
	display: block;
	background: url('../images/icon-user.jpg') no-repeat;
	width: 11px;
	height: 11px;
	margin-left: 18px;
	margin-top: 15px;
	float: left;
}
.panel-user .panel-login .input-login .icon-pass {
	display: block;
	background: url('../images/icon-pass.jpg') no-repeat;
	width: 9px;
	height: 11px;
	margin-left: 20px;
	margin-top: 15px;
	float: left;
}
.panel-user .panel-login .input-login input[type="text"], .panel-user .panel-login .input-login input[type="password"] {
	background-color: #c5d7f8;
	border: none;
	margin-left: 12px;
	line-height: 42px;
	color: #0c1c3a;
	font-size: 12px;
	font-family: arial;
	width: 187px;
	outline: none;
}
.panel-user .panel-login .input-login ::-webkit-input-placeholder { 
	color: #0c1c3a; 
	font-size:12px;
}
.panel-user .panel-login .input-login ::-moz-placeholder { 
	color: #0c1c3a; 
	font-size:12px; 
}
.panel-user .panel-login .input-login ::-moz-placeholder { 
	color: #0c1c3a; 
	font-size:12px; 
}
.panel-user .panel-login .input-login::-ms-input-placeholder { 
	color: #0c1c3a; 
	font-size:12px; 
}
.panel-user .panel-login .input-login ::-ms-input-placeholder { 
	color: #0c1c3a; 
	font-size:12px; 
}
.panel-user .panel-login button {
	background-color: #fde76c;
	border: none;
	width: 228px;
	line-height:  62px;
	color: #56361d;
	font-family: franklin;
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
	margin: auto;
	margin-top: 5px;
	display: block;
	outline: none;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
	cursor: pointer;
}
.panel-user .panel-login button:hover {
	background-color: #f8e67e;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.panel-user .panel-login p {
	color: #f4f6fb;
	font-size: 12px;
	font-family: arial;
	text-align: center;
	padding: 20px 0px 25px;
}
.panel-user .panel-login p a {
	color: #f4f6fb;
	text-decoration: none;
}
.panel-user .panel-login p a:hover {
	color: #fde76c;
}
.nav-r {
	background: url('../images/bg-nav-right.jpg') no-repeat;
	width: 245px;
	float: left;
	margin-left: 10px;
	margin-top: 30px;
}
.nav-r li {
	color: #404143;
	font-size: 18px;
	font-family: gisha;
	border-bottom: 1px solid #bababa;
	list-style: none;
}
.nav-r li a {
	color: #404143;
	line-height: 81px;
	text-decoration: none;
	display: block;
	padding-left: 40px;
}
.nav-r li .icon-pack {
	background: url('../images/icon-pack.png') no-repeat;
	width: 39px;
	height: 39px;
	position: relative;
	margin-top: 22px;
	display: block;
	-ms-transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
	float: left;
	margin-right: 20px;
}
.nav-r li a .icon-donate {
	background: url('../images/icon-donate.png') no-repeat;
	width: 39px;
	height: 39px;
	position: relative;
	margin-top: 22px;
	display: block;
	-ms-transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
	float: left;
	margin-right: 20px;
}
.nav-r li a .icon-vip {
	background: url('../images/icon-vip.png') no-repeat;
	width: 39px;
	height: 39px;
	position: relative;
	margin-top: 22px;
	display: block;
	-ms-transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
	float: left;
	margin-right: 20px;
}
.nav-r li a .icon-support { 
	background: url('../images/icon-support.png') no-repeat;
	width: 39px;
	height: 39px;
	position: relative;
	margin-top: 22px;
	display: block;
	-ms-transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
	float: left;
	margin-right: 20px;
}
.nav-r .rotate {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}
.game-guide {
	background: url('../images/game-guide.jpg') no-repeat;
	width: 280px;
	height: 387px;
	float: left;
	margin-left: 2px;
	margin-top: -15px;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.game-guide a {
	display: block;
	height: 387px;
}
.game-guide:hover {
	background: url('../images/game-guide-hover.jpg') no-repeat;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.black-spin {
	width: 274px;
	float: left;
	margin-top: -15px;
	margin-left: 10px;
}
.black-spin .crystal {
	background: url('../images/Crystal.jpg') no-repeat;
	width: 274px;
	height: 190px;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.black-spin .crystal a {
	display: block;
	height: 190px;
}
.black-spin .crystal:hover {
	background: url('../images/Crystal-hover.jpg') no-repeat;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.black-spin .factory {
	background: url('../images/Factory-Crystal.jpg') no-repeat;
	width: 274px;
	height: 190px;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
	margin-top: 7px;
}
.black-spin .factory a {
	display: block;
	height: 190px;
}
.black-spin .factory:hover {
	background: url('../images/Factory-Crystal-hover.jpg') no-repeat;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.news {
	background-color: #242932;
	width: 525px;
	float: left;
	margin-top: -15px;
	margin-left: 10px;
	height: 387px;
}
.news .news-title {
	width: 453px;
	margin: auto;
	margin-top: 5px;
}
.news .news-title h1 {
	float: left;
	color: #f9f7f7;
	font-size: 17px;
	font-family: arial;
	font-weight: normal;
	margin-left: 10px;
	line-height: 50px;
}
.news .news-title span {
	float: right;
	color: #222325;
	font-size: 14px;
	font-family: arial;
	background-color: #fde76c;
	width: 25px;
	text-align: center;
	line-height: 20px;
	margin-top: 12px;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.news .news-title span a {
	color: #222325;
	text-decoration: none;
	display: block;
}
.news .news-title span:hover {
	background-color: #f8e67e;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.news .news-title .divisor-o {
	background-color: #fde76c;
	width: 60px;
	height: 3px;
	clear: both;
	
}
.news .news-title .divisor {
	background-color: #3a3a3b;
	width: 100%;
	height: 1px;
}
.news .news-banner {
	background-color: #0a0c10;
	width: 454px;
	height: 87px;
	margin: auto;
	margin-top: 20px;
}
.news .news-post {
	width: 453px;
	margin: auto;
	border-bottom: 1px solid #3a3a3b;
	overflow: hidden;
}
.news .news-post p {
	color: #fdfcfc;
	font-size: 14px;
	font-family: arial;
	float: left;
	line-height: 60px;
	padding-left: 15px;
}
.news .news-post p a {
	color: #fdfcfc;
	text-decoration: none;
}
.news .news-post p a:hover {
	color: #fde76c;
}
.news .news-post span {
	color: #85c4f5;
	font-size: 12px;
	font-family: arial;
	float: right;
	line-height: 60px;
	padding-right: 15px;
}
.news .news-post .news-one {
	font-weight: bold;
}
.ranking-h {
	background-color: #242932;
	width: 779px;
	margin-left: 2px;
	margin-top: 15px;
	overflow: hidden;
	height: 500px;
	float: left;
}
.ranking-h .nav-ranking {
	width: 779px;
}
.ranking-h .nav-ranking div {
	color: #fcfcfd;
}
.ranking-h .nav-ranking li {
	list-style: none;
	float: left;
	font-size: 17px;
	font-family: arial;
	margin-top: 30px;
	margin-left: 35px;
	line-height: 40px;
	padding-right: 5px;
	padding-left: 5px;
}
.ranking-h span {
	color: #222325;
	float: right;
	font-size: 14px;
	font-family: arial;
	background-color: #fde76c;
	width: 25px;
	text-align: center;
	line-height: 20px;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
	margin-top: 38px;
	margin-right: 30px;
	position: relative;
}
.ranking-h span a {
	color: #222325;
	text-decoration: none;
	display: block;
}
.ranking-h span:hover {
	background-color: #f8e67e;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.border-ranking,
.border-ranking:active, 
.hover-border-ranking:hover {
	border-bottom: 3px solid #fde76c; 
	color: #fde76c;
}
.ranking-h-b {
	width: 779px;
	margin-top: 20px;
	float: left;
}
.ranking-h-t {
	width: 793px;
	margin-top: 18px;
	float: left;
}
.ranking-h-b h2, .ranking-h-t h2 {
	color: #fafaf7;
	font-size: 24px;
	font-family: arial;
	position: relative;
	margin-top: 70px;
	margin-left: 50px;
}
.ranking-h-b h2 img, .ranking-h-t h2 img {
	width: 30px;
	height: 29px;
	position: relative;
	top: 7px;
	right: 2px;
	cursor: pointer;
}
.ranking-h-b p, .ranking-h-t p {
	color: #fefdf9;
	font-size: 14px;
	font-family: arial;
	margin-left: 50px;
	margin-top: 10px;
}
.ranking-h-b .build, .ranking-h-t .build {
	font-size: 12px;
	float: left;
	width: 70px;
}
.ranking-h-b h1, .ranking-h-t h1 {
	color: #fefdf9;
	font-size: 16px;
	font-family: arial;
	margin-left: 50px;
	margin-top: 20px;
}
.ranking-h-b .progress-build, .ranking-h-t .progress-build {
	background-color: #222325;
	width: 250px;
	float: left;
	height: 7px;
	margin-top: 14px;
	margin-left: 10px;
	cursor: pointer;
}
.ranking-h-b .progress-build .progress-build-b, .ranking-h-t .progress-build .progress-build-b {
	background-color: #fde76c;
	height: 7px;
}
.ranking-h-b .progress-rr, .ranking-h-t .progress-rr {
	background-color: #222325;
	width: 330px;
	height: 7px;
	margin-top: 14px;
	margin-left: 50px;
	cursor: pointer;
}
.ranking-h-b .progress-rr-b, .ranking-h-t .progress-rr-b {
	background-color: #fde76c;
	height: 7px;
}

.progress-tooltip {
    line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
    color: #fefdf9;
	font-family: arial;
	font-size: 12px;
    background-color: #040405;
    position: relative;
	margin-top: -5px;
}

.progress-tooltip:after {
    content: '';
    position: absolute;
    border: 10px solid transparent;
    border-left-color: #040405;
    top: -10px;
    right: 30px;
    z-index: -1;
}
.ranking-b-bk {
	background: url('../images/ranking/BK.png') no-repeat;
	width: 779px;
	height: 407px;
}
.ranking-b-sm {
	background: url('../images/ranking/SM.png') no-repeat;
	width: 779px;
	height: 407px;
}
.ranking-b-elf {
	background: url('../images/ranking/ELF.png') no-repeat;
	width: 779px;
	height: 407px;
}
.ranking-b-mg {
	background: url('../images/ranking/MG.png') no-repeat;
	width: 779px;
	height: 407px;
}
.ranking-b-dl {
	background: url('../images/ranking/DL.png') no-repeat;
	width: 779px;
	height: 407px;
}
.ranking-b-sum {
	background: url('../images/ranking/SUM.png') no-repeat;
	width: 779px;
	height: 407px;
}
.ranking-b-rf {
	background: url('../images/ranking/RF.png') no-repeat;
	width: 779px;
	height: 407px;
}
.ranking-b-gl {
	background: url('../images/ranking/GL.png') no-repeat;
	width: 779px;
	height: 407px;
}
.ranking-t-bk {
	background: url('../images/top-class/BK.png') no-repeat;
	width: 793px;
	height: 508px;
}
.ranking-t-sm {
	background: url('../images/top-class/SM.png') no-repeat;
	width: 793px;
	height: 508px;
}
.ranking-t-elf {
	background: url('../images/top-class/ELF.png') no-repeat;
	width: 793px;
	height: 508px;
}
.ranking-t-mg {
	background: url('../images/top-class/MG.png') no-repeat;
	width: 793px;
	height: 508px;
}
.ranking-t-dl {
	background: url('../images/top-class/DL.png') no-repeat;
	width: 793px;
	height: 508px;
}
.ranking-t-sum {
	background: url('../images/top-class/SUM.png') no-repeat;
	width: 793px;
	height: 508px;
}
.ranking-t-rf {
	background: url('../images/top-class/RF.png') no-repeat;
	width: 793px;
	height: 508px;
}
.ranking-t-gl {
	background: url('../images/top-class/GL.png') no-repeat;
	width: 793px;
	height: 508px;
}
.gens-h {
	width: 315px;
	float: left;
	margin-left: 5px;
	margin-top: 15px;
}
.gens-h .vantert-h {
	background: url('../images/vanert.jpg') no-repeat;
	width: 315px;
	height: 249px;
	cursor: pointer;
}
.gens-h .vantert-h span {
	display: none;
	
}
.gens-h .vantert-h:hover span {
	display: block;
	width: 315px;
	background-color: rgba(1,1,4,0.7);
	height: 249px;
}
.gens-h .vantert-h:hover span h1 {
	color: #fcfcfc;
	font-size: 24px;
	text-align: center;
	font-family: gisha;
	top: 100px;
	position: relative;
}
.gens-h .vantert-h:hover span p {
	color: #fcfcfc;
	font-size: 16px;
	text-align: center;
	font-family: gisha;
	top: 100px;
	position: relative;
}
.gens-h .duprian-h {
	background: url('../images/duprian.jpg') no-repeat;
	width: 315px;
	height: 249px;
	cursor: pointer;
	margin-top: 2px;
}
.gens-h .duprian-h span {
	display: none;
	
}
.gens-h .duprian-h:hover span {
	display: block;
	width: 315px;
	background-color: rgba(1,1,4,0.7);
	height: 249px;
}
.gens-h .duprian-h:hover span h1 {
	color: #fcfcfc;
	font-size: 24px;
	text-align: center;
	font-family: gisha;
	top: 100px;
	position: relative;
}
.gens-h .duprian-h:hover span p {
	color: #fcfcfc;
	font-size: 16px;
	text-align: center;
	font-family: gisha;
	top: 100px;
	position: relative;
}
.nav-topclass {
	background-color: #242932;
	width: 306px;
	height: 508px;
	float: left;
	margin-top: 18px;
}
.nav-topclass-wrapp {
	width: 213px;
	margin: auto;
}
.nav-topclass p {
	color: #fafaf7;
	font-size: 16px;
	font-family: arial;
	text-align: center;
	margin-top: 40px;
	text-transform: uppercase;
}
.nav-topclass .n-topclass {
	width: 81px;
	height: 95px;
	float: left;
	margin-top: 3px;
	margin-left: 18px;
	cursor: pointer;
}
.nav-topclass .arg-topclass {
	background: url('../images/top-class/arg.jpg') no-repeat;
	width: 81px;
	height: 95px;
	-webkit-transition: width 2s, height 2s, -webkit-transform 2s;
    transition: width 2s, height 2s, transform 2s;
}
.nav-topclass .icon-class-gl {
	background: url('../images/top-class/icon-topclass-gl.png') no-repeat;
	width: 81px;
	height: 79px;
	position: relative;
	top: 8px;
}
.nav-topclass .icon-class-bk{
	background: url('../images/top-class/icon-topclass-bk.png') no-repeat;
	width: 81px;
	height: 79px;
	position: relative;
	top: 8px;
}
.nav-topclass .icon-class-sm {
	background: url('../images/top-class/icon-topclass-sm.png') no-repeat;
	width: 81px;
	height: 79px;
	position: relative;
	top: 8px;
}
.nav-topclass .icon-class-su {
	background: url('../images/top-class/icon-topclass-su.png') no-repeat;
	width: 81px;
	height: 79px;
	position: relative;
	top: 8px;
}
.nav-topclass .icon-class-rf {
	background: url('../images/top-class/icon-topclass-rf.png') no-repeat;
	width: 81px;
	height: 79px;
	position: relative;
	top: 8px;
}
.nav-topclass .icon-class-ef {
	background: url('../images/top-class/icon-topclass-ef.png') no-repeat;
	width: 81px;
	height: 79px;
	position: relative;
	top: 8px;
}
.nav-topclass .icon-class-dl {
	background: url('../images/top-class/icon-topclass-dl.png') no-repeat;
	width: 81px;
	height: 79px;
	position: relative;
	top: 8px;
}
.nav-topclass .icon-class-mg {
	background: url('../images/top-class/icon-topclass-mg.png') no-repeat;
	width: 81px;
	height: 79px;
	position: relative;
	top: 8px;
}
.nav-topclass .border-topclass,
.nav-topclass .border-topclass:active, 
.nav-topclass .hover-topclassg:hover {
	background: url('../images/top-class/arg-hover.png') no-repeat;
	width: 81px;
	height: 95px;
}
.topclass-tooltip {
    line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
    color: #fefdf9;
	font-family: arial;
	font-size: 12px;
    background-color: #040405;
    position: relative;
	margin-top: -10px;
	margin-left: 8px;
}

.topclass-tooltip:after {
    content: '';
    position: absolute;
    border: 10px solid transparent;
    border-left-color: #040405;
    top: -10px;
    right: 30px;
    z-index: -1;
}
.patente-tooltip {
    line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
    color: #fefdf9;
	font-family: arial;
	font-size: 12px;
    background-color: #040405;
    position: relative;
	margin-top: -10px;
	margin-left: 8px;
}
.nav-footer {
	background-color: #212227;
	margin: 90px 0px 0px;
	height: 269px;
	overflow: hidden;
}
.nav-footer .box-footer {
	border-right: 1px solid #2f2f32;
	height: 269px;
	float: left;
	padding: 0px 50px 0px;
}
.content-footer { width: 1024px; margin: auto; }
.nav-footer .box-footer h1 {
	color: #c4c4c4;
	font-family: gisha;
	font-size: 16px;
	padding-top: 50px;
	text-align: left;
}
.nav-footer .box-footer ul {
	list-style: none;
	display: block;
	margin-top: 15px;
}
.nav-footer .box-footer ul li {
	color: #c4c4c4;
	font-family: gisha; 
	font-size: 14px;
	line-height: 20px;
}
.nav-footer .box-footer ul li a {
	color: #c4c4c4;
	text-decoration: none;
}
.nav-footer .box-footer ul li a:hover {
	color: #fde76c;
}
footer {
	background-color: #0b0c11;
	height: 131px;
	z-index: 30;
	position: relative;
}
.footer-wr { width: 850px; margin: auto; }	
.footer-wr .dev {
	background: url('../images/logo-footer.jpg') no-repeat;
	width: 78px;
	height: 22px;
	position: relative;
	float: left;
	margin: 60px 20px 0px;
}
.footer-wr p {
	float: left;
	color: #f6f6f9;
	font-family: gisha;
	font-size: 14px;
	margin: 56px 30px 0px;
}

.modal {
    display: none; 
    position: fixed; 
    padding-top: 100px; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4); 
	z-index: 10;
}
.modal_events {
    display: none; 
    position: fixed; 
    z-index: 999; 
    padding-top: 100px; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
	overflow:hidden;
}
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    width: 395px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}
.block-content {
	color: #fff;
	line-height: 20px;
}
.pull-right {
	background: #232323;
	color: #fff;
	float: right;
	display: block;
	padding: 3px;
	text-align: center;
}
.close, .close_two, .close_three {
    color: #fcfcfc;
    float: right;
    font-size: 18px;
    font-weight: bold;
	margin-top: 22px;
	font-family: gisha;
	margin-right: 10px;
}

.close:hover,
.close:focus {
    color: gray;
    text-decoration: none;
    cursor: pointer;
}
.close_two:hover,
.close_two:focus {
    color: gray;
    text-decoration: none;
    cursor: pointer;
}

.close_three:hover,
.close_three:focus {
    color: gray;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #000000;
	border-bottom: 1px solid #141313;
}
.modal-header h2 {
	font-size: 20px;
	font-family: gisha;
    color: #fff;
	line-height: 70px;
	font-weight: normal;
}
.modal-body {
	padding: 2px 16px;
	background-color: #000000;
}
.modal-body p {
	color: #fcfcfc;
	font-size: 15px;
	font-family: gisha;
	line-height: 50px;
	text-align: center;
}
.modal-body_events {
	padding: 2px 16px;
	background-color: #000000;
	height: 730px;
	overflow-x:hidden;
}
.modal-body_events p {
	color: #fcfcfc;
	font-size: 15px;
	font-family: gisha;
	line-height: 50px;
	text-align: center;
}
.modal-body_events::-webkit-scrollbar-track {
    background-color: #000;
}
.modal-body_events::-webkit-scrollbar {
    width: 5px;
    background: #333;
}
.modal-body_events::-webkit-scrollbar-thumb {
    background: #333;
}

.events {
	color: #fcfcfc;
	font-size: 15px;
	font-family: gisha;
	line-height: 30px;
}
.events span {
	float: right;
	font-size: 15px;
	font-family: gisha;
	margin-right: 20px;
	display: block;
}
.events .hour-open {
	font-weight: bold;
	color: #31f911;
}
.events .hour-start {
	font-weight: bold;
	color: #4169E1;
}
.cs-ini {
	color: #31f911;
}
.title-pag {
	background-color: rgba(0,0,0,0.8);
	width: 772px;
	margin-left: 7px;
	margin-top: 30px;
	float: left;
	color: #faeded;
	font-family: gisha;
	font-size: 24px;
	padding-left: 40px;
	line-height: 100px; 
}
.title-pag-panel {
	background-color: rgba(0,0,0,0.8);
	width: 811px; 
	margin-left: 7px;
	margin-top: 30px;
	float: left;
	color: #faeded;
	font-family: gisha;
	font-size: 24px;
	line-height: 100px; 
}
.nav-pag { 
	width: 630px;
	float: right;
}
.nav-pag-panel { width: 100%; float: none; padding-left: 0px; }
.nav-pag ul {
	display: block;
	list-style: none;
}
.nav-pag li {
	float: left;
	font-family: gisha;
	font-size: 17px;
	margin-left: 50px;
}
.nav-pag-panel li { font-size: 12px; } 
.nav-pag li a {
	color: #faeded;
	text-decoration: none;
	display: block;
	line-height: 100px; 
	
}
.nav-pag li a:hover {
	color: #fde76c;
}
.nav-pag li:hover .sub-nav-pag {
	visibility: visible;
	opacity: 1;
	transform: translateY(0%);
	transition-delay: 0s, 0s, 0.3s;
}
.nav-pag li .sub-nav-pag {
	background-color: rgba(4,4,4,0.9);
	width: 187px;
	float: left;
	position: absolute;
	visibility: hidden;
	margin: 0px 0px 20px;
	margin-left: -50px; 
	transform: translateY(-2em);  
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
	z-index: 50; 
	
}
.nav-pag li .sub-nav-pag li {
	color: #fbfbfc;
	font-family: gisha;
	font-size: 14px;
	float: none; 
}
.nav-pag li .sub-nav-pag li a {
	display: block;
	line-height: 40px;
}

.content-pag {
	background-color: #f8fafc;
	width: 811px; 
	margin-left: 7px;
	float: left;
}
.wrapp-d {
	width: 673px;
	margin:  20px auto 50px; 
	overflow: hidden;
}
.wrapp-d .btn-d-mega {
	background: url('../images/download/btn-mega.jpg') no-repeat;
	width: 212px;
	height: 70px;
	margin-top: 50px;
	float: left;
}
.wrapp-d .btn-d-mega a {
	display: block;
	height: 70px;
}
.wrapp-d .btn-d-google {
	background: url('../images/download/btn-google.jpg') no-repeat;
	width: 212px;
	height: 70px;
	margin-top: 50px;
	float: left;
	margin-left: 18px;
}
.wrapp-d .btn-d-google a {
	display: block;
	height: 70px;
}
.wrapp-d .btn-d-direct {
	background: url('../images/download/btn-direct.jpg') no-repeat;
	width: 212px;
	height: 70px;
	margin-top: 50px;
	float: left;
	margin-left: 18px; 
}  
.wrapp-d .btn-d-direct a {
	display: block;
	height: 70px;
}
.wrapp-d h1 {
	color: #292420;
	font-family: gisha;
	font-size: 18px;
	margin: 40px 0px 20px;  
}
.wrapp-d h2 {
	color: #2e2f31;
	font-family: gisha;  
	font-size: 26px;
	margin: 40px 0px 20px;  
	font-weight: bold;
}
.wrapp-d .tab-require {
	display: block;
}
.wrapp-d .tab-require .td {
	line-height: 70px;
	border-bottom: 1px solid #a0a1a1;
	color: 25272b#;
	font-family: gisha;
	font-size: 15px;
	padding-left: 30px;
}
.wrapp-d .tab-require .td span { 
	width: 272px;
	display: block;
	float: right;
}
.wrapp-d .tab-require .td-select {
	background-color: #1d1f24;
	color: #fcfbfb;
}
.wrapp-d .box-s-u {
	background-color: #343434;
	line-height: 70px;
	color: #faf7f4;
	font-family: gisha;
	font-size: 16px;
	padding-left: 30px;
	margin-top: 5px;
}
.wrapp-d .box-s-u span {
	background-color: #050505;
	float: right;
	margin-right: 10px;
	color: #faf7f4;
	font-family: gisha;
	font-size: 14px;
	display: block;
	margin-top: 10px;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.wrapp-d .box-s-u span a {
	color: #faf7f4;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 20px; 
	line-height: 50px;	
	display: block;
}
.wrapp-d .box-s-u span:hover {
	background-color: #191818;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.wrapp-d .box-s-u span .icon-down {
	background: url('../images/download/icon-down.png') no-repeat;
	width: 14px;
	height: 16px;
	display: block; 
	float: left;
	margin-top: 17px;
	padding-right: 7px;
	padding-left: 7px;
}
.box-driver {
	float: left;
}
.input {
	background-color: #252628;
	line-height: 50px;
	outline: none;
	border: none;
	width: 100%;
	padding: 0px 20px 0px;
	color: #f4f6fc;
	font-family: arial;
	font-size: 16px;
	margin-top: 10px;
}
.select-all {
	background-color: #252628;
	height: 50px;
	outline: none;
	border: none;
	width: 100%;
	padding: 0px 20px 0px;
	color: #f4f6fc;
	font-family: arial;
	font-size: 16px;
	margin-top: 10px;
}
.input-field {
	background-color: #252628;
	line-height: 50px;
	outline: none;
	border: none;
	width: 100%;
	padding: 0px 20px 0px;
	color: #f4f6fc;
	font-family: arial;
	font-size: 16px;
	margin-top: 10px;
}
.input::-webkit-input-placeholder { color: #f4f6fc; }
.input::-moz-placeholder { color: #f4f6fc; }
.input::-moz-placeholder { color: #f4f6fc; }
.input::-ms-input-placeholder { color: #f4f6fc; }
.input::-ms-input-placeholder { color: #f4f6fc; }
.btn-submit {
	background: url('../images/btn-submit.jpg') no-repeat;
	width: 173px;
	line-height: 56px;
	color: #583312;
	font-family: franklin;
	font-size: 16px;
	text-align: center;
	outline: none;
	border: none;
	margin-top: 40px;
	text-transform: uppercase;
	cursor: pointer;
}
.reload-captcha {
	color: #f4f6fc;
    font-family: gisha;
    font-size: 14px;
    margin: 20px 0px 10px;
	background-color: #252628;
	border-radius: 5px;
	width: 150px;
	text-align: center;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.reload-captcha a {
	color: #f4f6fc;
	text-decoration: none;
	line-height: 30px;
	display: block;
	outline: none;
}
.reload-captcha:hover {
	background-color: #191818;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.terms {
	margin-top: 20px;
}
.terms a {
	color: #292420;
    font-family: gisha;
    font-size: 14px;
	text-decoration: none; 
} 
.error-message {
	font-family: gisha;
	color: #ff0000;
	font-size: 14px;
	line-height: 30px;
	margin-top: 5px;
}
.progress-g {
	background: url('../images/bg-progress.jpg') no-repeat;
	height: 1365px;
}
.progress-g .no-patente {
	margin: 30px 35px 10px;
}
.progress-g .training {
	margin: 0px 485px 10px;
}
.progress-g .combatant {
	margin: 22px 35px 10px;
}
.progress-g .commander {
	margin: 0px 485px 10px;
}
.progress-g .necromancer {
	margin: 12px 35px 10px;
}
.progress-g .holy {
	margin: 0px 485px 10px;
}
.progress-g-info-left, .progress-g-info-right {
	width: 287px;
}
.progress-g-info-left h2 {
	color: #1b1616;
	font-size: 18px;
	font-family: gisha;
	padding: 0px 10px 0px;
	line-height: 40px;
}
.progress-g-info-left h2 span {
	font-size: 16px;
	font-weight: normal;
	float: right;
	margin-right: 20px;
}
.progress-g-info-right h2 {
	color: #1b1616;
	font-size: 18px;
	font-family: gisha;
	padding: 0px 25px 0px;
	line-height: 40px;
}
.progress-g-info-right h2 span {
	font-size: 16px;
	font-weight: normal;
	float: right;
	margin-right: 10px;
}
.progress-g-info-left .progress-box-left {
	background: url('../images/progress-left.png') no-repeat;
	width: 287px;
	height: 159px;
}
.progress-g-info-left .progress-box-left h1 {
	color: #fde76c;
	font-size: 16px;
	font-family: gisha;
	font-weight: normal;
	padding: 0px 30px 0px;
	margin: 10px 0px 0px;
}
.progress-g-info-left .progress-box-left p {
	color: #faeded;
	font-size: 14px;
	font-family: gisha;
	font-weight: normal;
	padding: 0px 30px 0px;
	margin: 10px 0px 0px;
}
.progress-g-info-right .progress-box-right h1 {
	color: #fde76c;
	font-size: 16px;
	font-family: gisha;
	font-weight: normal;
	padding: 0px 45px 0px;
	margin: 10px 0px 0px;
}
.progress-g-info-right .progress-box-right p {
	color: #faeded;
	font-size: 14px;
	font-family: gisha;
	font-weight: normal;
	padding: 0px 45px 0px;
	margin: 10px 0px 0px;
}
.progress-g-info-right .progress-box-right {
	background: url('../images/progress-right.png') no-repeat;
	width: 287px;
	height: 159px;
}
	
.box-recharge {
	width: 343px;
	height: 203px;
	float: left;
	margin-top: 10px;
	margin-left: 15px;
}
.box-recharge-w {
	width: 125px;
	float: right;
	margin-right: 40px;
	margin-top: 25px; 
}
.box-recharge-w span {
	color: #f9fdfb;
	font-family: gisha;
	font-size: 18px;
	text-align: center;
	display: block; 
}
.box-recharge-w h1 {
	margin: 0px;
	color: #f9fdfb;
	font-family: gisha;
	font-size: 16px;
	text-align: center;
}
.box-recharge-w p {
	color: #f9fdfb;
	font-family: gisha;
	font-size: 20px;
	text-align: center;
	margin-top: 17px;
}
.btn-buy {
	background: url('../images/btn-buy.jpg') no-repeat;
	width: 125px;
	color: #f7f8fb;
	font-family: gisha;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	margin-top: 15px; 
}
.btn-buy a {
	display: block;
	line-height: 46px;
	color: #f9fdfb;
	text-decoration: none;
}
.crystal-lite {
	background: url('../images/recarga/crystal/lite.jpg') no-repeat;
	width: 343px;
	height: 203px;
	margin-left: 0px;
}
.crystal-medium {
	background: url('../images/recarga/crystal/medium.jpg') no-repeat;
	width: 343px;
	height: 203px;
}
.crystal-large {
	background: url('../images/recarga/crystal/large.jpg') no-repeat;
	width: 343px;
	height: 203px;
	margin-left: 0px; 
}
.crystal-ultra {
	background: url('../images/recarga/crystal/ultra.jpg') no-repeat;
	width: 343px;
	height: 203px;
}
.fcrystal-lite {
	background: url('../images/recarga/factory-crystal/lite.jpg') no-repeat;
	width: 343px;
	height: 203px;
	margin-left: 0px;
}
.fcrystal-medium {
	background: url('../images/recarga/factory-crystal/medium.jpg') no-repeat;
	width: 343px;
	height: 203px;
}
.fcrystal-large {
	background: url('../images/recarga/factory-crystal/large.jpg') no-repeat;
	width: 343px;
	height: 203px;
	margin-left: 0px; 
}
.fcrystal-ultra {
	background: url('../images/recarga/factory-crystal/ultra.jpg') no-repeat;
	width: 343px;
	height: 203px;
}
.tab-ranking {
	width: 100%;
}
.tab-ranking tr {
	color: #231f1f;
	font-size: 16px;
	font-family: gisha;
	line-height: 40px;
	text-align: left; 
	border-bottom: 1px solid #adaaaa;
	display: block; 
}
.tab-ranking tr a {
	color: #231f1f;
	text-decoration: none;
}
.tab-ranking tr a:hover {
	color: #fde76c;
}
.tab-ranking tr td { padding: 0px 15px 0px; }  
.tab-ranking-ac {
	width: 100%;
	background-color: #0d0c0c;
	border: none;
}
.tab-ranking-ac tr {
	color: #faeded;
	font-size: 14px;
	border: none;
}
.tab-ranking tr img { position: relative; top: 7px; } 
.tab-ranking tr .Online { color: #2fa809; }
.tab-ranking tr .Offline { color: #fe0000; }
.tab-ranking tr .top { width: 30px; }
.tab-ranking tr .top-g { width: 20px; }
.tab-ranking tr .name { width: 80px; }
.tab-ranking tr .name-g { width: 72px; }
.tab-ranking tr .classe { width: 39px; }
.tab-ranking tr .patente { width: 59px; }
.tab-ranking tr .guild { width: 80px; }
.tab-ranking tr .guild-g { width: 20px; }
.tab-ranking tr .status { width: 95px; }
.tab-ranking tr .owner { width: 90px; }
.tab-ranking tr .member { width: 58px; } 
.tab-ranking tr .aliance { width: 70px; }

.table-vip { width: 712px; margin: 40px auto 0px; border-collapse: collapse; }
.table-vip .icon-vip { 
	background: url('../images/icon-vip.jpg') no-repeat; 
	width: 33px; 
	height: 26px; 
	position: absolute; 
	display: block;
	margin-left: 40px;
	margin-top: 16px;   
}
.table-vip-s { margin: 0px auto 40px; } 
.table-vip th, .table-vip td { 
	border-top: 1px solid #a3a2a2;
	border-bottom: 1px solid #a3a2a2;
	border-left: 1px solid #a3a2a2;
	border-right: 1px solid #a3a2a2;	
}
.table-vip .table-vip-c { border-bottom: none;  } 
.table-vip tr { vertical-align: none; display: block; }
.table-vip-s td { line-height: 40px; padding: 0px 20px 0px; color: #302d2d; font-family: gisha; font-size: 14px; }
.table-vip-s td:nth-child(2) { background-color: #eff0ef; text-align: center; } 
.table-vip-s td:nth-child(3) { text-align: center; }  
.table-vip .title th:nth-child(2) { background-color: #eff0ef; }
.table-vip .title th { line-height: 60px; text-align: center; }  
.table-vip .title { 
	color: #4f4e4e;  
	font-family: gisha; 
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	
}
.box-i {
	background-color: #121821;
	width: 196px;
	float: left;
	margin-left: 30px;
	margin-top: 20px;
}
.no-i { margin-left: 0px; }
.box-i p {
	color: #f4f6fb;
	font-family: gisha;
	font-size: 17px;
	text-align: center;
	margin-top: 20px;
}
.box-i span {
	color: #f4f6fb;
	font-family: gisha;
	font-size: 14px;
	text-align: center;
	display: block;
	margin: 5px 0px 40px;
}
.perfil {
	background-color: rgba(181,180,180,0.3); 
	width: 693px;
	margin: 40px auto 0px;
	border-bottom: 1px solid #b5b4b4;
	height: 113px;
}
.perfil-info { float: left; }
.perfil-info h1 {
	color: #151212;
	font-size: 24px;
	font-family: gisha;
	padding: 0px 40px 0px; 
}
.perfil-info p {
	color: #221918;
	font-size: 18px;
	font-family: gisha;
	padding: 0px 40px 0px;
	margin-top: 5px;
}
.perfil-info p img { position: relative; top: 3px; }
.perfil-info p b { font-size: 16px; }
.perfil-info p .offline { color: #ed170c; }
.perfil-class { margin: -2px 110px 0px; float: left; width: 250px; }
.perfil-class img { float: left; }
.perfil-class h1 { 
	color: #221918;
	font-family: flare;
	font-size: 26px;
	text-transform: uppercase;
	margin: 18px 0px 0px;
	position: relative;
	left: 20px; 
}
.perfil-class p { 
	color: #221918;
	font-family: flare;
	font-size: 14px;
	text-transform: uppercase;
	position: relative;
	left: 20px; 
}
.progress { margin: 0px 0px 0px; }
.progress h1 { color: #221918; font-size: 24px; font-family: gisha; margin: 30px 60px 20px; }
.progress .no-patente { margin-top: 8px; margin-left: 60px; }
.progress .training { margin-top: 8px; margin-left: 10px; }
.warehouse-extended{text-align:center;width:256px;margin-bottom:6px}
.workshop-bg-warehouse {
	background: url('../../../../resources/images/warehouse/bg-ware.jpg');
	width: 341px;
	height: 565px;
	margin: 40px 20px 50px;
	overflow: hidden;
	float: left;
	z-index: 1; 
}
.workshop-warehouse{
	background:url(../../../../resources/images/warehouse/clear.gif);
	width:256px;
	height:480px;
	position:relative;
	float:left;
	margin-left:43px;
	margin-top: 43px;
	z-index: 1; 
}
.workshop-warehouse .item{
	box-sizing:border-box;
	text-align:center;
	position:absolute;
	background: url(../../../../resources/images/warehouse/128x128.gif);
	border:solid 1px #383731; 
	z-index: 1; 
}
.workshop-bg-info {
	background: url('../../../../resources/images/warehouse/bg-info.jpg');
	width: 407px;
	height: 932px;
	float: left;
	margin: 40px 5px 40px;
}
.workshop-warehouse .item.active{
	border-color:#ff0000;
}
.workshop-warehouse .item .image {
	width:100%;height:100%;position:relative;
}
.workshop-warehouse .item img{
	position:absolute;
}
.workshop-warehouse .item:hover{
	border-color:#54513f;
}
.workshop-warehouse .item-desc p{
	color:#fff;
	margin:0;
	font-size:11px;
	font-family:Verdana;
	text-align:center;
}
.workshop-warehouse .item-desc p.bold{
	font-weight:700;
}
.workshop-warehouse .item-desc .ancient{
	color:#9f0;
	background-color:#06f;
}
.workshop-warehouse .item-desc .socket{
	font-weight:700;
	color:#C3C;
}
.workshop-warehouse .item-desc .normal{
	color:#eee;
}
.workshop-warehouse .item-desc .high-level{
	color:#fc3;
}
.workshop-warehouse .item-desc .luck{
	color:#7daeff;
}
.workshop-warehouse .item-desc .excellent{
	color:#19ff80;
}
.workshop-warehouse .item-desc p.blue{
	color:#97afd5;
}
.workshop-warehouse .item-desc p.yellow{
	color:#f1cb46;
}
.workshop-warehouse .item-desc p.animate{
	color:red;font-size:10px;
}
.workshop-item{
	width:288px;float:left;
}
.workshop-item .skew{
	position:relative;
	background:0 0;
	z-index:1;
}
.workshop-item .skew:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:-1;
	-webkit-transform:skew(-7deg);
	-ms-transform:skew(-7deg);
	-o-transform:skew(-7deg);
	transform:skew(-7deg);
	background:rgba(255,255,255,.1);
}
.workshop-credit {
	color: #fbf9f8;
	font-size: 14px;
	font-family: gisha;
	margin: 85px 40px 20px;
}
.workshop-item .item-option{
	display:table;
	width:100%;
	margin-bottom:5px;
}
.item-option-one {
	margin: 55px 40px 0px;
}
.item-option-two {
	margin: 85px 40px 0px;
}
.item-option-three {
	margin: 125px 40px 0px;
}
.item-option-one p {
	color: #fefdf7;
	font-size: 16px;
	font-family: gisha;
	margin-top: 50px;
}
.item-option-two p {
	color: #ecde3d;
	font-size: 16px;
	font-family: gisha;
	margin-top: 50px;
}
.item-option-three p {
	color: #ecde3d;
	font-size: 16px;
	font-family: gisha;
	margin-top: 50px;
}
.item-option-one p span {
	color: #ecde3d;
}
.item-option-one .option-name {
	color: #fefdf7;
	font-size: 16px;
	font-family: gisha;
	margin-top: 20px;
	float: left;
}
.item-option-two .option-name {
	color: #fefdf7;
	font-size: 13px;
	font-family: gisha;
	margin-top: 20px;
	float: left;
}
.item-option-one .option-info {
	background-color: #1b1716;
	width: 55px;
	float: right;
	color: #fefdf7;
	font-size: 12px;
	font-family: gisha;
	line-height: 36px;
	padding: 0px 10px 0px;
	margin-top: 13px;
	margin-right: 15px;
}
.item-option-three label {
	color: #fefdf7;
	font-size: 14px;
	font-family: gisha;
	display: block;
	margin-top: 20px;
}
.item-option-three select {
	background-color: #010101;
	border: 1px solid #1f1d1d;
	outline: none;
	width: 308px;
	height: 31px;
	color: #fefdf7;
	font-size: 14px;
	font-family: gisha;
	margin-top: 10px;
}
.item-option-three optgroup {
    background-color: black;
    color: #fefdf7;
} 
.item-option-one .option-info .btn {
	background: url('../../../../resources/images/warehouse/btn-work.png') no-repeat;
	width: 25px;
	height: 21px;
	float: right;
	margin-top: 7px;
}
.item-option-one .option-info .btn a {
	display: block;
	height: 21px;
}
.item-option-two .btn {
	background: url('../../../../resources/images/warehouse/btn-work.png') no-repeat;
	width: 25px;
	height: 21px;
	float: right;
	position: relative;
	top: 16px;
	margin-right: 10px;
}
.item-option-two .btn a {
	display: block;
	height: 21px;
}
.item-socket {
	background: url('../../../../resources/images/warehouse/bg-socket.jpg') no-repeat;
	width: 407px;
	height: 382px;
	margin: 0px 0px 50px;
}
.item-socket .option-socket {
	margin: 70px 40px 0px;
}
.item-socket .option-socket label {
	color: #fefdf7;
	font-size: 14px;
	font-family: gisha;
	display: block;
	margin-top: 10px;
	float: left;
	line-height: 37px;
}
.item-socket .option-socket select {
	background-color: #010101;
	border: 1px solid #1f1d1d;
	outline: none;
	width: 214px;
	height: 37px;
	color: #fefdf7;
	font-size: 14px;
	font-family: gisha;
	margin-top: 10px;
	float: right; 
}
.item-socket .option-socket optgroup {
    background-color: black;
    color: #fefdf7;
}  
.workshop-item .item-option:last-child{margin-bottom:0}
.workshop-item .item-option .label{
	display:table-cell;
	font-weight:700;
	vertical-align:middle;
}
.workshop-item .item-option .btn-upgrade,.workshop-item .item-option .btn-upgrade-disabled{
	display:table-cell;
	padding:3px 15px;
	font-size:16px;
	width:10px;
	color:#fff;
	vertical-align:middle;
}
.workshop-item .item-option .btn-upgrade-disabled:hover,.workshop-item .item-option .btn-upgrade:hover{text-decoration:none}
.workshop-item .item-option .btn-upgrade-disabled{color:#ccc;cursor:default}
.workshop-item .item-option .btn-upgrade-disabled:before{background-color:#FFF;opacity:.6}
.workshop-item .item-option .btn-upgrade:before{background-color:#2BD964;opacity:1}
.workshop-item .item-option .btn-upgrade:hover:before{border:2px solid #fff}
.workshop-item .item-option .value{
	display:table-cell;
	padding:5px 20px;
	vertical-align:middle;
	width:10px;
	color:#fff;
}
.workshop-item .item-option .value:before{background-color:#0F2546;opacity:.6}
.workshop-item .item-option .select-upgrade{padding:3px;width:170px;display:table-cell;float:right}
.btn-premio {
	background-color: #fde76c;
	width: 110px;
    margin: -18px 60px 5px;
	display: block;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
	border: none;
	cursor: pointer;
	float: none;
	color: #56361d;
	font-size: 18px;
	font-family: gisha; 
}
.center {

	text-align: center;
}
.btn-helpdesk {
	background: url('../images/btn-submit.jpg') no-repeat;
	width: 173px;
	line-height: 56px;
	color: #583312;
	font-family: franklin;
	font-size: 16px;
	text-align: center;
	outline: none;
	border: none;
	margin-top: 40px;
	text-transform: uppercase;
	cursor: pointer;
}
.btn-helpdesk a {
	background: url('../images/btn-submit.jpg') no-repeat;
	width: 173px;
	line-height: 56px;
	color: #583312;
	font-family: franklin;
	font-size: 16px;
	text-align: center;
	outline: none;
	border: none;
	margin-top: 40px;
	text-transform: uppercase;
	cursor: pointer;
}
#helpdesk-images ul {
	
	width: 173px;
	line-height: 56px;
	color: #583312;
	font-family: franklin;
	font-size: 16px;
	text-align: center;
	outline: none;
	border: none;
	margin-top: 40px;
	text-transform: uppercase;

}
.select {
    width:450px; 
    overflow:hidden;
}
.select select {
      background: url(../images/icon-select.png) no-repeat #262628;
      background-position: 400px center;
      width: 470px; 
      height:48px; 
      font-family: arial;
      font-size:18px;
      padding: 13px 20px 13px 12px; 
      color:#fff;
      text-indent: 0.01px;
      text-overflow: "";
      border: none;     
      select::-ms-expand {display: none;} 
}
.info-text  {
	width: 280px;
	height: 30px;
	background-color: #262628;
	opacity: 0.5;
	font-family: arial;
	font-size: 15px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	border: none;
	position: relative;
	padding: 0px 0px 35px;
	bottom: 40px;
	left: 450px;

}
.services {
	padding: 0px;
}
.services ul {
	display: block;
	list-style: none;
}
.services ul li {
	width: 173px;
	background: url('../images/btn-submit.jpg') no-repeat;
	font-family: frankilin;
	font-size: 14px;
	float: left;
	margin: 10px 10px 0px;
	color: #583312;
	text-align: center;
	text-transform: uppercase;
}
.services ul li a {
	color: #583312;
	text-decoration: none;
	line-height: 56px;
	display: block;
}
/* Alerts */
.dange-alert {
	color:#a94442;
	background-color:#f2dede;
	border-color:#ebccd1;
	margin-bottom:20px;
	border-radius:4px;
	font-size: 14px;
	margin: 20px 0px 0px;
	line-height: 30px;
	text-align: center;
	padding: 0px 10px 0px;	
	font-family: gisha;
}
.info-server {
	width: 256px;
	margin-left: 50px;
	background-color: #212227;
	border: 1px solid #212227;
	display: inline-block;
	transition: all 0.4s ease 0s;
	-webkit-transform: skew(-8deg);
    -ms-transform: skew(-8deg);
    -o-transform: skew(-8deg);
    transform: skew(-8deg);
}
.info-server:hover {
	background-color: #333;
	transition: all 0.4s ease 0s;
}
.info-server li {
	list-style: none;
	color: #fff;
	font-size: 12px;
	font-family: gisha;
	line-height: 30px;
	text-align: center;
}
.text-info {
	font-size: 14px;
	font-family: gisha;
	line-height: 30px;
	text-align: center;
	color: #000;
}
.char-nix {
 position:relative;
 width:960px;
 margin:0 auto 90px
}
.char-nix .char-list {
 width:100%;
 overflow:hidden;
 background:url("images/1st/bg_char.png") 0 0 no-repeat
}
.char-nix .char-list li {
 display:none;
 height:100%
}
.char-nix .char-list li.on {
 display:block
}
.char-nix .char-list li .char-img {
 position:relative;
 float:left;
 width:439px;
 height:100%;
 text-align:center
}
.char-nix .char-list li .char-img .zoom {
 position:absolute;
 top:75px;
 right:65px;
 display:block;
 width:55px;
 height:49px;
 background:url("images/btn_zoom.png") 0 0 no-repeat
}
.char-nix .char-list li .char-img .zoom:hover {
 background-position:0 -49px
}
.char-nix .char-list li .char-des {
 float:left;
 width:510px;
 margin-left:11px;
 word-break:break-all
}
.char-nix .char-list li .char-des h3 {
 font-size:36px;
 margin:68px 0 15px
}
.char-nix .char-list li .char-des h3 small {
 font-size:14px
}
.char-nix .char-roll {
 width:439px;
 position:absolute;
 top:180px;
 left:0;
 overflow:hidden
}
.char-nix .char-roll a {
 display:block;
 width:25px;
 height:44px;
 background-position:0 0;
 background-repeat:no-repeat
}
.char-nix .char-roll a:hover {
 background-position:0 -44px
}
.char-nix .char-roll .prev {
 float:left;
 margin-left:23px;
 background-image:url("images/btn_prev.png")
}
.char-nix .char-roll .next {
 float:right;
 margin-right:23px;
 background-image:url("images/btn_next.png")
}
.char-nix .more-link {
 position:absolute;
 left:450px
}
.char-nix .char-nav {
 width:460px;
 overflow:hidden;
 position:absolute;
 right:60px;
 bottom:84px
}
.char-nix .char-nav a {
 display:block;
 float:left;
 width:107px;
 height:95px;
 margin:4px;
 font-size:14px;
 line-height:16px;
 overflow:hidden;
 text-align:center;
 color:#96beff;
 font-weight:500;
 background:url("images/bg_char_nav.png") 0 0 no-repeat
}
.char-nix .char-nav a:hover,.char-nix .char-nav a.on {
 background-position:0 -95px;
 color:#fff
}
.char-nix .char-nav a span {
 padding:0 20px
}
.e-update-cont1 .char-nix .char-list li .char-des {
 padding:0 0 225px 0
}
.e-update-cont1 .char-nix .more-link {
 bottom:30px
}
.e-update-cont2 .char-nix .char-list li .char-img .right {
 right:60px
}
.e-update-cont2 .char-nix .char-list li .char-img .left {
 left:55px;
 top:235px
}
.e-update-cont2 .char-nix .char-list li .char-des {
 padding:0 0 117px 0
}
.e-update-cont2 .char-nix .more-link {
 bottom:60px
}
.e-update-cont3 .char-nix {
 min-height:495px
}
.e-update-cont3 .char-nix .char-list li .char-des {
 padding:0 0 323px 0
}
.e-update-cont3 .char-nix .char-nav {
 bottom:100px
}
.e-update-cont3 .char-nix .more-link {
 bottom:52px
}