* {
	margin: 0px;
	padding: 0px;
	outline: none;
}

body {
	background: #0e0d11;
	color: #dadfef;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
}
.kom{
	width:600px;
	border:1px solid grey;
	padding:3px;
	margin:auto;
	position:fixed;
	top:10px;
	left:0;
	right:0;
	cursor:pointer;
	z-index:88;
}
.kom div{
	background:rgba(0,0,0,0.5);
	padding:10px;
	text-shadow:0px 0px 1px #000;
}
.kom.red div{
	border-top:5px solid red;
	animation:komfail 0.4s infinite;
}
@keyframes komfail { 
	0% {border-top:5px solid red;}
	50% {border-top:5px solid orange;}
	100% {border-top:5px solid red;}
}
.kom.green div{
	border-top:5px solid green;
}
#loged{
	line-height:60px;
	font-size:20px;
	text-align:right;
	position:absolute;
	right:0;
}
.login_form .g-recaptcha{
	z-index:99999999;
	position:absolute;
	top:50px;
}
.simple_inp{
	background:black;
	border:1px solid grey;
	padding:3px;
}
.simple_btn{
	background:silver;
	border:1px solid grey;
	padding:3px;
	color:black;
	min-width:50px;
	text-transform:uppercase;
	cursor:pointer;
}
.admin_opt{
	float:left;
	background:rgba(0,0,0,0.4);
	padding:3px;
	margin:4px;
}
.initial_hide{
	display:none;
}
.small_input{
	background:linear-gradient(silver,white) !important;
	color:black !important; 
}
.red{color:red !important;}
.silver{color:silver;}
.vrank1{background:rgba(0,255,0,0.3) !important;}
.vrank2{background:rgba(0,255,0,0.2) !important;}
.vrank3{background:rgba(0,255,0,0.1) !important;}
/*====================================================*/
/*====================================================*/
/*====================================================*/
a {
	-webkit-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	transition:all 0.3s ease;
	text-decoration: none;
	cursor: pointer;
	color: #ffb64e;
}

a:hover {
	color: #ff804e;
}

b, th, strong, h1, h2, h3, h4, h5, h6 {
	
}

@font-face {
	font-family: 'Colus-Regular';
	src:url('../fonts/Colus-Regular.eot');
	src:url('../fonts/Colus-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Colus-Regular.woff') format('woff'),
		url('../fonts/Colus-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
input, select, textarea {
	color:#fffee7;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
}

button {
	cursor: pointer;
	-webkit-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	transition:all 0.3s ease;
	outline: none;
	font-family: 'Roboto', sans-serif;
}

::-webkit-input-placeholder { 
	color:#fffee7;
	-webkit-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	transition:all 0.3s ease; 
}
:-moz-placeholder { 
	color:#fffee7;
	-webkit-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	transition:all 0.3s ease; 
}
::-moz-placeholder { 
	color:#fffee7; 
	-webkit-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	transition:all 0.3s ease; 
}
:-ms-input-placeholder { 
	color:#fffee7;
	-webkit-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	transition:all 0.3s ease; 
}

textarea::-webkit-input-placeholder { 
	color:#fffee7;
	-webkit-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	transition:all 0.3s ease; 
}
textarea:-moz-placeholder { 
	color:#fffee7;
	-webkit-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	transition:all 0.3s ease; 
}
textarea::-moz-placeholder { 
	color:#fffee7; 
	-webkit-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	transition:all 0.3s ease; 
}
textarea:-ms-input-placeholder { 
	color:#fffee7;
	-webkit-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	transition:all 0.3s ease; 
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { 
	-webkit-transform:scale(0.9); 
	-moz-transform:scale(0.9); 
	-o-transform:scale(0.9); 
	transform:scale(0.9); 
	opacity:0; 
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { 
	-webkit-transform:scale(0.9); 
	-moz-transform:scale(0.9); 
	-o-transform:scale(0.9);
	transform:scale(0.9); 
	opacity:0; 
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder { 
	-webkit-transform:scale(0.9); 
	-moz-transform:scale(0.9); 
	-o-transform:scale(0.9); 
	transform:scale(0.9); 
	opacity:0; 
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { 
	-webkit-transform:scale(0.9); 
	-moz-transform:scale(0.9); 
	-o-transform:scale(0.9); 
	transform:scale(0.9); 
	opacity:0;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
#launcher{
	min-width: 480px;
	background: black url(../images/bg-1.jpg);
	display: block;
	margin: 0 auto;
	overflow: hidden;
}
#general {
	position: relative;
	display: block;
	width: 100%;
	max-width: 1920px;
	min-width: 1200px;
	margin: 0 auto;
	background: url(../images/bg-1.jpg) no-repeat center top 0px,
				url(../images/bg-3.jpg) no-repeat center bottom 0px;
	overflow: hidden;
}

#general .wrapper {
	position: relative;
	display: block;
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
}

#general .wrapper .inner {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.navi {
	height: 70px;
}

.navi:before {
	content: '';
	position: absolute;
	display: block;
	width: 1920px;
	height: 72px;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background: url(../images/bg-nav-top.jpg) no-repeat center top;
}

.navi .grid-block {
	position: relative;
	display: grid;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	grid-template-columns: auto 1fr;
}

.navi .grid-block .status {
	position: relative;
	display: inline-block;
	align-self: center;
}

.navi .grid-block .status .item {
	position: relative;
	display: inline-grid;
	float: left;
	margin-left: 10px;
	align-self: center;
	grid-template-columns: 70px 1fr;
}

.navi .grid-block .status .item:first-child {
	margin-left: 0;
}

.navi .grid-block .status .item .ico {
	position: relative;
	display: block;
	align-self: center;
	justify-self: start;
}

.navi .grid-block .status .item .ico img {
	position: relative;
	display: block;
}

.navi .grid-block .status .item .text {
	position: relative;
	display: block;
	align-self: center;
	justify-self: start;
}

.navi .grid-block .status .item .text .online {
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 12px;
}

.navi .grid-block .status .item .text .online:after {
	content: attr(data-status);
	position: relative;
	display: inline-block;
	margin-left: 4px;
	font-size: 12px;
	text-transform: uppercase;
}

.navi .grid-block .status .item .text .online[data-status="on"]:after {
	color: #78ac11;
}
.navi .grid-block .status .item .text .online[data-status="off"]:after {
	color: #ff3636;
}

.navi .grid-block .status .item .text .desc {
	position: relative;
	display: block;
	color: #a5a5b4;
	font-size: 12px;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.navi .grid-block .form {
	position: relative;
	display: grid;
	grid-template-columns: 90px 209px 209px 170px auto;
	align-self: center;
	justify-self: end;
	grid-gap: 10px;
}

.navi .grid-block .form .item-input {
	position: relative;
	display: block;
	align-self: center;
	width: 199px;
	height: 39px;
	z-index: 1;
}

.navi .grid-block .form .item-input:after {
	content: '';
	position: absolute;
	display: block;
	width: 209px;
	height: 50px;
	bottom: 0;
	left: 0;
	background: url(../images/navi-input.png) no-repeat;
	z-index: -1;
}

.navi .grid-block .form .item-input label {
	position: absolute;
	display: block;
	width: 36px;
	height: 36px;
	bottom: 3px;
	left: -1px;
	-webkit-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	transition:all 0.3s ease;
}

.navi .grid-block .form .item-input label.text {
	background: url(../images/navi-ico-1.png) no-repeat center;
}
.navi .grid-block .form .item-input label.password {
	background: url(../images/navi-ico-2.png) no-repeat center;
}

.navi .grid-block .form .item-input input {
	position: relative;
	display: block;
	width: 119px;
	height: 39px;
	margin-left: 70px;
	text-align: left;
	color: #fffee7;
	font-size: 12px;
	border: none;
	background: none;
}

.navi .grid-block .form .item-input input:focus + label.text {
	background: url(../images/navi-ico-1v2.png) no-repeat center;
}
.navi .grid-block .form .item-input input:focus + label.password {
	background: url(../images/navi-ico-2v2.png) no-repeat center;
}

.navi .grid-block .form .item-remember {
	position: relative;
	display: block;
	align-self: center;
	justify-self: center;
}

.navi .grid-block .form .item-remember input[type="checkbox"] {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 1;
	cursor: pointer;
}

.navi .grid-block .form .item-remember .checkbox {
	position: relative;
	display: block;
	color: #838286;
	font-size: 12px;
	padding-left: 32px;
}

.navi .grid-block .form .item-remember .checkbox:before {
	content: '';
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	background: url(../images/navi-checkbox-1.png) no-repeat;
	top: 0;
	left: 0;
}

.navi .grid-block .form .item-remember input[type="checkbox"]:checked + .checkbox:before {
	background: url(../images/navi-checkbox-2.png) no-repeat;
}

.navi .grid-block .form .item-button {
	position: relative;
	display: block;
	align-self: center;
}

.navi .grid-block .form .item-button input {
	position: relative;
	display: block;
	width: 133px;
	height: 40px;
	background: none;
	border: none;
	cursor: pointer;
	outline: none;
	z-index: 1;
	color: #fcffd8;
	font-size: 14px;
	font-weight: 700;
	line-height: 43px;
}

.navi .grid-block .form .item-button label.button {
	position: absolute;
	display: block;
	width: 167px;
	height: 76px;
	background: url(../images/navi-btn.png) no-repeat;
	top: -16px;
	left: -17px;
	-webkit-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	transition:all 0.3s ease;
}

.navi .grid-block .form .item-button input:hover + label.button {
	-webkit-filter: contrast(135%); 
	-moz-filter: contrast(135%); 
	-o-filter: contrast(135%); 
	filter: contrast(135%); 
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.header {
	height: 400px;
}

.header .logo {
	position: absolute;
	display: block;
	width: 300px;
	height: 263px;
	top: 30px;
    left: 0;
	right:0;
	margin:auto;
}

.header .logo:before {
	content: '';
	position: absolute;
	display: block;
	width: 300px;
	height: 263px;
	background: url(../images/logo.png) no-repeat;
	top: 0;
    left: 0;
    -webkit-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	transition:all 0.3s ease;
	visibility: hidden;
	opacity: 0;
}

.header .logo:after {
	content: '';
	position: absolute;
	display: block;
	width: 300px;
	height: 263px;
	background: url(../images/logo.png) no-repeat;
	top: 0;
    left: 0;
    -webkit-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	transition:all 0.3s ease;
	z-index: 1;
}

.header .logo:hover:before {
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    visibility: visible;
    opacity: 0.5;
    -webkit-filter: blur(5px); 
	-moz-filter: blur(5px); 
	-o-filter: blur(5px); 
	filter: blur(5px); 
}

.header .logo:hover:after {
	-webkit-filter: contrast(155%); 
	-moz-filter: contrast(155%); 
	-o-filter: contrast(155%); 
	filter: contrast(155%); 
}

.header .text-block {
	position: absolute;
	display: block;
	width: 100%;
	top: 300px;
	text-align: center;
	color: #fcffd8;
	font-size: 14px;
	opacity: 0.7;
}
.header .text-block a{
	background:rgba(0,0,0,0.4);
	border-radius:10px;
	padding:5px;
	color:orange;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
}
.header .text-block a:hover{
	color:yellow;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.header .grid-block {
	position: absolute;
	display: grid;
	width: 100%;
	grid-template-columns: auto minmax(190px, 1fr) auto;
	grid-gap: 12px;
	bottom: 11px;
	left: 0;
	z-index:99;
}

.header .grid-block .btn {
	position: relative;
	display: block;
	align-self: center;
}

.header .grid-block .btn a {
	position: relative;
	display: inline-grid;
	padding: 0 20px;
	height: 38px;
	border: 1px solid #b5bc44;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	color: #ffffff;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
}

.header .grid-block .btn a span {
	position: relative;
	display: inline-block;
	align-self: center;
	justify-self: center;
	padding-right: 45px;
}

.header .grid-block .btn a span:after {
	content: '';
	position: absolute;
	display: block;
	width: 38px;
	height: 40px;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.header .grid-block .btn a.discord span:after {
	background: url(../images/ico-discord.png) no-repeat center right;
}

.header .grid-block .btn a:before {
	content: '';
	position: absolute;
	display: block;
	top: 1px;
	left: 1px;
	right: 1px;
	bottom: 1px;
	background: #b5bc44;
	-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    visibility: hidden;
    opacity: 0;
    -webkit-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	transition:all 0.3s ease;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.header .grid-block .btn a:hover:before {
	-webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    transform: scale(1.0);
    visibility: visible;
    opacity: 1;
}

.header .grid-block .desc {
	position: relative;
	display: block;
	align-self: center;
	justify-self: end;
	color: #ffffff;
	font-size: 14px;
	font-family: 'Colus-Regular';
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.header .grid-block .list {
	position: relative;
	display: inline-block;
	align-self: center;
}

.header .grid-block .list li {
	position: relative;
	display: inline-block;
	float: left;
	margin: 2px 10px 2px 0;
}

.header .grid-block .list li:last-child {
	margin-right: 0;
}

.header .grid-block .list li a {
	position: relative;
	display: grid;
	grid-template-columns: auto 1fr;
	background: rgba(8,10,12,0.52);
	border: 1px solid #535159;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	height: 26px;
}

.header .grid-block .list li a .ico {
	position: relative;
	display: block;
	padding: 0 12px;
	align-self: center;
}

.header .grid-block .list li a .ico img {
	position: relative;
	display: block;
}

.header .grid-block .list li a .text {
	position: relative;
	display: block;
	align-self: center;
	color: #ffffff;
	font-size: 14px;
	font-family: 'Colus-Regular';
	padding-right: 18px;
}

.header .grid-block .list li a:hover {
	background: rgba(8,10,12,0.92);
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.menu {
	height: 90px;
}

.menu:before {
	content: '';
	position: absolute;
	display: block;
	width: 1275px;
	height: 158px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: url(../images/bg-nav-bottom.png) no-repeat center;
}

.menu ul {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	width: 1080px;
	height: 100%;
	padding: 0 45px;
}

.menu ul li {
	position: relative;
	display: inline-block;
	float: left;
}

.menu ul li a {
	position: relative;
	display: block;
}

.menu ul li a span {
	position: relative;
	display: block;
	color: #c1bdcb;
	font-size: 14px;
}

.menu ul li a p {
	position: relative;
	display: block;
	color: #4c4c4d;
	text-shadow: 0 0 0 #4c4c4d;
	font-size: 12px;
	margin-top: 1px;
	-webkit-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	transition:all 0.3s ease;
}

.menu ul li a:hover p {
	color: #c1bdcb;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.content {
	min-height: 390px;
	padding-top: 20px;
}

.content .grid-block {
	position: relative;
	display: grid;
	width: 100%;
	max-width: 1155px;
	min-height: 390px;
	grid-template-columns: 798px 1fr;
	margin: 0 auto;
}

.content .grid-block .content-left {
	position: relative;
	display: block;
	width: 798px;
	background: url(../images/content-left-1.jpg) repeat-y center top;
	overflow: hidden;
}

.content .grid-block .content-right {
	position: relative;
	display: block;
	width: 340px;
	background: url(../images/content-right-1.jpg) repeat-y center top;
	overflow: hidden;
	justify-self: end;
}

.content .grid-block .content-left .content-inner {
	position: relative;
	display: inline-block;
	width: 712px;
	padding: 24px 43px;
}

.content .grid-block .content-right .content-inner {
	position: relative;
	display: inline-block;
	width: 300px;
	padding: 24px 20px;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.content .grid-block .content-right .btn-register {
	position: relative;
	display: block;
	width: 298px;
	height: 90px;
	margin: 0 auto;
	z-index: 1;
}

.content .grid-block .content-right .btn-register a {
	position: relative;
	display: grid;
	width: 298px;
	height: 90px;
	margin: 0 auto;
}

.content .grid-block .content-right .btn-register a span {
	position: relative;
	display: block;
	align-self: center;
	padding-left: 95px;
}

.content .grid-block .content-right .btn-register a span strong {
	position: relative;
	display: block;
	color: #fcffd8;
	font-size: 16px;
	font-weight: 700;
}

.content .grid-block .content-right .btn-register a span p {
	position: relative;
	display: block;
	color: #8d8f79;
	text-shadow: 0 0 0 #8d8f79;
	font-size: 12px;
	margin-top: 3px;
}

.content .grid-block .content-right .btn-register .label {
	position: absolute;
	display: block;
	width: 339px;
	height: 143px;
	background: url(../images/btn-register.png) no-repeat;
	top: -27px;
	left: -26px;
	z-index: -1;
	-webkit-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	transition:all 0.3s ease;
}

.content .grid-block .content-right .btn-register a:hover + .label {
	-webkit-filter: contrast(135%); 
	-moz-filter: contrast(135%); 
	-o-filter: contrast(135%); 
	filter: contrast(135%); 
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.content .grid-block .content-right .side-block {
	position: relative;
	display: block;
	width: 100%;
	margin: 40px auto 0;
}

.content .grid-block .content-right .side-block .side-title {
	position: relative;
	display: block;
	margin: 0 auto 20px;
	padding-left: 70px;
}

.content .grid-block .content-right .side-block .side-title:before {
	content: '';
	position: absolute;
	display: block;
	width: 64px;
	height: 61px;
	background: url(../images/side-title.png) no-repeat;
	top: 50%;
	left: -6px;
	transform: translateY(-50%);
}

.content .grid-block .content-right .side-block .side-title span {
	position: relative;
	display: block;
	color: #fcffd8;
	font-size: 14px;
}

.content .grid-block .content-right .side-block .side-title p {
	position: relative;
	display: block;
	color: #3b393c;
	text-shadow: 0 0 0 #3b393c;
	font-size: 12px;
	margin-top: 2px;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.content .grid-block .content-right .game-statistic {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}

.content .grid-block .content-right .game-statistic li {
	position: relative;
	display: grid;
	width: 100%;
	margin: 0 auto 3px;
	grid-template-columns: 1fr 60px;
	grid-gap: 5px;
	background: #0e0d11;
	padding: 5px 0;
}

.content .grid-block .content-right .game-statistic li .left {
	position: relative;
	display: block;
	align-self: center;
	color: #837e8a;
	font-size: 12px;
	padding-left: 24px;
}

.content .grid-block .content-right .game-statistic li .right {
	position: relative;
	display: block;
	align-self: center;
	color: #fbeabc;
	font-size: 12px;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.content .grid-block .content-right .upcoming-events {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}

.content .grid-block .content-right .upcoming-events li {
	position: relative;
	display: grid;
	width: 100%;
	margin: 0 auto 3px;
	grid-template-columns: 1fr 70px;
	grid-gap: 5px;
	background: #0e0d11;
	padding: 5px 0;
}

.content .grid-block .content-right .upcoming-events li .left {
	position: relative;
	display: block;
	align-self: center;
	color: #c1beba;
	font-size: 12px;
	padding-left: 24px;
}

.content .grid-block .content-right .upcoming-events li:first-child .left {
	color: #ffac00;
}

.content .grid-block .content-right .upcoming-events li .right {
	position: relative;
	display: block;
	align-self: center;
	color: #757473;
	font-size: 12px;
}

.content .grid-block .content-right .upcoming-events li .right span {
	color: #dfff73;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.content .grid-block .content-right .game-rates {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}

.content .grid-block .content-right .game-rates li {
	position: relative;
	display: grid;
	width: 100%;
	margin: 0 auto 3px;
	grid-template-columns: 1fr auto;
	grid-gap: 5px;
	background: #0e0d11;
	padding: 5px 0;
}

.content .grid-block .content-right .game-rates li .left {
	position: relative;
	display: block;
	align-self: center;
	color: #c1beb9;
	font-size: 12px;
	padding-left: 24px;
	justify-self: start;
	padding-right: 30px;
}

.content .grid-block .content-right .game-rates li .left.gji:before {
	content: '';
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	background:url(../gfx/money.png) 0 -16px;
}

.content .grid-block .content-right .game-rates li .left.orange {
	color: #ffac00;
}
.rate_bon{color:lime;}
.clr{clear:both;}
.content .grid-block .content-right .game-rates li .right {
	position: relative;
	display: block;
	align-self: center;
	color: #e9d6ff;
	font-size: 12px;
	padding-right: 24px;
	text-align: right;
}

.content .grid-block .content-right .game-rates li .right span {
	color: #5e5866;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.content .grid-block .content-right .random-online {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}

.content .grid-block .content-right .random-online li {
	position: relative;
	display: grid;
	width: 100%;
	margin: 0 auto 3px;
	grid-template-columns: 1fr auto;
	grid-gap: 5px;
	background: #0e0d11;
	padding: 5px 0;
}

.content .grid-block .content-right .random-online li .left {
	position: relative;
	display: block;
	align-self: center;
	color: #ffac00;
	font-size: 12px;
	padding-left: 24px;
}

.content .grid-block .content-right .random-online li .left img {
	position: relative;
	display: inline-block;
	float: left;
	top: -1px;
	margin-right: 8px;
}

.content .grid-block .content-right .random-online li .right {
	position: relative;
	display: block;
	align-self: center;
	color: #d5c3eb;
	font-size: 12px;
	padding-right: 24px;
	text-align: right;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.content .grid-block .content-right .social {
	position: relative;
	display: grid;
	width: 100%;
	margin: 0 auto;
	grid-template-columns: auto 1fr;
	grid-gap: 15px;
}

.content .grid-block .content-right .social li.text {
	position: relative;
	display: grid;
	height: 40px;
}

.content .grid-block .content-right .social li.text span {
	position: relative;
	display: block;
	align-self: center;
	color: #ffffff;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
}

.content .grid-block .content-right .social li.list {
	position: relative;
	display: grid;
	width: 100%;
	grid-template-columns: repeat(auto-fit, 40px);
	grid-gap: 9px;
}

.content .grid-block .content-right .social li.list a {
	position: relative;
	display: grid;
	width: 38px;
	height: 38px;
	background: #0f0d11;
	border: 1px solid #242127;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.content .grid-block .content-right .social li.list a img {
	position: relative;
	display: block;
	align-self: center;
	justify-self: center;
	max-width: 100%;
	max-height: 100%;
}

.content .grid-block .content-right .social li.list a:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	border: 1px solid #444146;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.footer {
	height: 212px;
}

.footer .grid-block-1 {
	position: relative;
	display: grid;
	width: 100%;
	padding-top: 60px;
	margin: 0 auto 42px;
	grid-template-columns: auto 1fr;
	grid-gap: 60px;
}

.list-games {
	position: relative;
	display: grid;
	grid-template-columns: auto auto;
	grid-gap: 10px;
}

.list-games .left {
	position: relative;
	display: grid;
	color: #ffffff;
	font-size: 14px;
	font-family: 'Colus-Regular';
}

.list-games .left span {
	position: relative;
	display: block;
	align-self: center;
}

.list-games .right {
	position: relative;
	display: inline-block;
	padding: 5px 0;
}

.list-games .right .active {
	position: relative;
	display: grid;
	grid-template-columns: auto 1fr;
	background: rgba(8,10,12,0.52);
	border: 1px solid #535159;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	height: 26px;
}

.list-games .right .active:after {
	content: '';
	position: absolute;
	display: block;
	width: 11px;
	height: 9px;
	background: url(../images/list-select.png) no-repeat center right;
	top: 50%;
	left: 100%;
	transform: translateY(-50%);
	padding-left: 12px;
}

.list-games .right .active .ico {
	position: relative;
	display: block;
	padding: 0 12px;
	align-self: center;
}

.list-games .right .active .ico img {
	position: relative;
	display: block;
}

.list-games .right .active .text {
	position: relative;
	display: block;
	align-self: center;
	color: #ffffff;
	font-size: 14px;
	font-family: 'Colus-Regular';
	padding-right: 18px;
}

.list-games .right .active:hover {
	background: rgba(8,10,12,0.92);
}

.list-games .right .sub {
	position: absolute;
	display: block;
	top: 100%;
	left: 50%;
	width: 240px;
	padding: 5px 10px;
	background: rgba(8,10,12,0.52);
	border: 1px solid #535159;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-transform: perspective(600px) rotateX(-90deg) translateX(-50%);
    -ms-transform: perspective(600px) rotateX(-90deg) translateX(-50%);
    transform: perspective(600px) rotateX(-90deg) translateX(-50%);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition:all 0.2s ease; 
	-o-transition:all 0.2s ease; 
	-moz-transition:all 0.2s ease; 
	transition:all 0.2s ease;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
}

.list-games .right:hover .sub {
	-webkit-transform: perspective(600px) rotateX(0deg) translateX(-50%);
    -ms-transform: perspective(600px) rotateX(0deg) translateX(-50%);
    transform: perspective(600px) rotateX(0deg) translateX(-50%);
    visibility: visible;
    opacity: 1;
}

.list-games .right .sub a {
	position: relative;
	display: grid;
	grid-template-columns: 50px 1fr;
	padding: 6px 0;
}

.list-games .right .sub a .ico {
	position: relative;
	display: block;
	align-self: center;
	justify-self: center;
}

.list-games .right .sub a .text {
	position: relative;
	display: block;
	align-self: center;
	color: #ffffff;
	font-size: 14px;
	font-family: 'Colus-Regular';
	-webkit-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	transition:all 0.3s ease;
}

.list-games .right .sub a:hover .text {
	color: #f89700;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.footer .grid-block-1 .navigation {
	position: relative;
	display: inline-flex;
	align-items: center;
	width: 100%;
	height: 100%;
	justify-content: space-between;
}

.footer .grid-block-1 .navigation li {
	position: relative;
	display: inline-block;
	float: left;
}

.footer .grid-block-1 .navigation li a {
	position: relative;
	display: block;
	color: #ffb64e;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
	z-index: 1;
}

.footer .grid-block-1 .navigation li a:before {
	content: '';
	position: absolute;
	display: block;
	top: -10px;
	left: -19px;
	right: -19px;
	bottom: -10px;
	background: #0f0d11;
	border: 1px solid #242127;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	z-index: -1;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	transition:all 0.3s ease;
}

.footer .grid-block-1 .navigation li a:hover:before {
	-webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    transform: scale(1.0);
    visibility: visible;
    opacity: 1;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.footer .grid-block-2 {
	position: relative;
	display: grid;
	width: 100%;
	margin: 0 auto;
	grid-template-columns: 1fr auto;
	grid-gap: 60px;
}

.footer .grid-block-2 .copyright {
	position: relative;
	display: block;
	align-self: start;
	color: #574b5d;
	font-size: 12px;
	line-height: 20px;
}

.footer .grid-block-2 .coolness {
	position: relative;
	display: block;
	align-self: start;
	width: 122px;
	height: 31px;
	background: url(../images/coolness.png) no-repeat;
}

.footer .grid-block-2 .coolness:hover {
	opacity: 0.7;
}
/*====================================================*/
/*====================================================*/ /*=== index ---*/
/*====================================================*/
.about-video-block {
	position: relative;
	display: inline-block;
	width: 100%;
	margin: 0;
	background: url(../images/about-line.png) no-repeat center bottom;
	padding-bottom: 55px;
}

.about-video-block .title {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto 40px;
}

.about-video-block .title span {
	position: relative;
	display: block;
	color: #ffb74e;
	font-size: 30px;
	font-weight: 900;
}

.about-video-block .title p {
	position: relative;
	display: block;
	color: #95919c;
	font-size: 12px;
	margin-top: 3px;
}

.about-video-block .frame {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto 24px;
	background: #060608;
}

.about-video-block .frame iframe {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}

.about-video-block .list {
	position: relative;
	display: grid;
	width: 100%;
	margin: 0 auto;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 12px;
}

.about-video-block .list ul {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}

.about-video-block .list ul li {
	position: relative;
	display: block;
	padding: 5px 15px 5px 42px;
	background: #0b090c;
	margin: 0 auto 4px;
	color: #95919c;
	font-size: 12px;
	line-height: 18px;
}

.about-video-block .list ul li:before {
	content: '';
	position: absolute;
	display: block;
	width: 16px;
	height: 26px;
	background: url(../images/ico-about-1.png) no-repeat;
	top: 1px;
	left: 19px;
}

.about-video-block .list ul li span {
	color: #ffb64e;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.news-block {
	position: relative;
	display: block;
	width: 100%;
	margin: 22px auto 0;
}
.news-block .news {
	position: relative;
	display: block;
	width: calc(100% - 2px);
	height: 222px;
	background: #060608;
	border: 1px solid #242127;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 16px auto 0;
}

.news-block .news .frame {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #000;
}

.news-block .news .frame img {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.news-block .news .frame:after {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/news-fade.png) no-repeat center bottom;
	top: 0;
	left: 0;
}

.news-block .news .desc {
	position: absolute;
	display: grid;
	width: calc(100% - 50px);
	bottom: 0;
	left: 0;
	grid-template-columns: 1fr auto;
	grid-gap: 20px;
	padding: 0 25px 15px;
}

.news-block .news .desc .left {
	position: relative;
	display: block;
}

.news-block .news .desc .left .title {
	position: relative;
	display: block;
	color: #ffb64e;
	font-size: 24px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}

.news-block .news .desc .left .date {
	position: relative;
	display: block;
	color: #565c6c;
	text-shadow: 0 0 0 #565c6c;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
	margin-top: 3px;
}

.news-block .news .desc .left .text {
	position: relative;
	display: block;
	color: #dadfef;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
	margin-top: 10px;
}

.news-block .news .desc .right {
	position: relative;
	display: block;
	align-self: end;
}

.news-block .news .desc .right a {
	position: relative;
	display: block;
	background: #101013;
	border: 1px solid #242127;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	padding: 8px 19px;
	color: #ffb64e;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
}

.news-block .news .desc .right a:hover {
	color: #fff;
	background: #5b2400;
}
.launcher-news{
	padding:10px;
	width:480px;
}
.launcher-news .news{
	padding-bottom:10px;
	border-bottom:3px solid #FFB266;
}

.launcher-news .news .desc .left .title{
	position: relative;
	display: block;
	color: #ffb64e;
	font-size: 24px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}
.launcher-news .news .desc .left .date {
	position: relative;
	display: block;
	color: green;
	
	text-shadow: 0 0 0 #565c6c;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
	margin-top: 3px;
}

.launcher-news .news .desc .left .text {
	position: relative;
	display: block;
	color: #dadfef;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
	margin-top: 10px;
}
.launcher-news .news .desc .right{
	float:right;
}
.launcher-news .news .desc .right a {
	position: relative;
	display: block;
	width:100px;
	background: #101013;
	border: 1px solid #242127;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	padding: 8px 19px;
	color: #ffb64e;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
}

.launcher-news .news .desc .right a:hover {
	color: #fff;
	background: #5b2400;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.pagine-block {
	position: relative;
	display: grid;
	width: 100%;
	grid-template-columns: repeat(auto-fit, 34px);
	grid-gap: 6px;
	margin: 26px auto;
}

.pagine-block li {
	position: relative;
	display: block;
	width: 34px;
	height: 34px;
}

.pagine-block li a {
	position: relative;
	display: block;
	width: 32px;
	height: 32px;
	background: rgb(15, 13, 17);
	border: 1px solid rgb(70, 67, 75);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	line-height: 32px;
	text-align: center;
	color: #fefefe;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
}

.pagine-block li a:hover,
.pagine-block li.active a {
	color: #ffb64e;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.class-block {
	position: relative;
	display: grid;
	width: calc(100% - 18px);
	padding: 8px;
	border: 1px solid #242127;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	grid-template-columns: 251px 1fr;
	grid-gap: 22px;
}

.class-block .left {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}

.class-block .left ul {
	position: relative;
	display: grid;
	width: 100%;
	margin: 0 auto;
	grid-gap: 3px;
}

.class-block .left ul li {
	position: relative;
	display: block;
	width: 100%;
}

.class-block .left ul li a {
	position: relative;
	display: grid;
	width: calc(100% - 2px);
	height: 45px;
	background: rgb(8, 10, 12);
	border: 1px solid rgb(36, 33, 39);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	opacity: 0.3;
	grid-template-columns: 50px 1fr;
}

.class-block .left ul li.active a,
.class-block .left ul li a:hover {
	opacity: 1;
}

.class-block .left ul li a .ico {
	position: relative;
	display: block;
	align-self: center;
	justify-self: center;
}

.class-block .left ul li a .ico img {
	position: relative;
	display: block;
}

.class-block .left ul li a .name {
	position: relative;
	display: block;
	align-self: center;
	justify-self: start;
	color: #ffad4c;
	font-size: 14px;
	font-family: 'Colus-Regular';
}

.class-block .left ul li a .img {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	opacity: 0.13;
}

.class-block .left ul li a .img img {
	position: absolute;
	display: block;
	bottom: 5px;
	right: 0;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.class-block .right {
	position: relative;
	display: block;
	width: calc(100% - 14px);
	margin: 0 auto;
	padding-top: 27px;
	padding-right: 14px;
}

.class-block .right .class-content {
	position: relative;
	display: none;
	width: 100%;
}

.class-block .right .class-content.active {
	display: block;
}

.class-block .right .class-content .stats-block {
	position: relative;
	display: grid;
	width: 100%;
	grid-template-columns: 180px 1fr;
	grid-gap: 21px;
}

.class-block .right .class-content .stats-block #states{
	height:20px;
	position:absolute;
	top:-30px;
}

.choose_state{
	display: inline-block;
	background: #101013;
	border: 1px solid #242127;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	padding: 3px 5px;
	width:140px;
	color: #ffb64e;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
}
.choose_state:hover{
	color:red;
}
.choose_state.active{
	border:1px solid orange;
}

.class-block .right .class-content .stats-block ul.name-rates {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}

.class-block .right .class-content .stats-block ul.name-rates li {
	position: relative;
	display: grid;
	width: 100%;
	grid-template-columns: 1fr auto;
	margin: 15px auto 0;
}

.class-block .right .class-content .stats-block ul.name-rates li:first-child {
	margin-top: 0;
}

.class-block .right .class-content .stats-block ul.name-rates li .name {
	position: relative;
	display: block;
	align-self: center;
	color: #fff1bc;
	font-size: 12px;
}

.class-block .right .class-content .stats-block ul.name-rates li .stars {
	position: relative;
	display: grid;
	grid-template-columns: repeat(5, 15px);
	grid-gap: 5px;
	align-self: center;
}

.class-block .right .class-content .stats-block ul.name-rates li .stars span {
	position: relative;
	display: block;
	width: 15px;
	height: 15px;
	background: url(../images/star-1.png) no-repeat;
	align-self: center;
	justify-self: center;
}

.class-block .right .class-content .stats-block ul.name-rates li .stars span.star {
	background: url(../images/star-2.png) no-repeat;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.class-block .right .class-content .stats-block .frame-block {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}

.class-block .right .class-content .stats-block .frame-block .block {
	position: relative;
	display: block;
	width: 100%;
	height: 150px;
	background: #080a0c;
}

.class-block .right .class-content .stats-block .frame-block .block iframe {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.class-block .right .class-content .stats-block .frame-block .text {
	position: relative;
	display: block;
	color: #8c8a87;
	font-size: 12px;
	margin-top: 8px;
}

.class-block .right .class-content .text-block {
	position: relative;
	display: inline-block;
	width: 100%;
	margin-top: 30px;
	color: #f0f0f0;
	font-size: 12px;
}
/*====================================================*/
/*====================================================*/ /*=== hall-of-fame ---*/
/*====================================================*/
.content-title {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto 15px;
	padding-top: 20px;
	padding-bottom: 60px;
	background: url(../images/about-line.png) no-repeat center bottom;
}

.content-title span {
	position: relative;
	display: block;
	color: #ffb74e;
	font-size: 30px;
	font-weight: 900;
}

.content-title p {
	position: relative;
	display: block;
	color: #95919c;
	font-size: 12px;
	margin-top: 3px;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.ranking-block {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

.ranking-block.active {
	display: block;
}

.ranking-block .title {
	position: relative;
	display: grid;
	width: 100%;
	min-height: 40px;
	margin: 0 auto 15px;
	grid-template-columns: 1fr auto;
	grid-gap: 20px;
}

.ranking-block .title .text {
	position: relative;
	display: block;
	align-self: center;
	color: #ffb64e;
	font-size: 18px;
	font-weight: 700;
}

.ranking-block .title .btn {
	position: relative;
	display: block;
	align-self: center;
}

.ranking-block .title .btn a {
	position: relative;
	display: block;
	width: 133px;
	height: 40px;
	background: none;
	border: none;
	cursor: pointer;
	outline: none;
	z-index: 1;
	color: #fcffd8;
	font-size: 14px;
	font-weight: 700;
	line-height: 43px;
	text-align: center;
}

.ranking-block .title .btn .label {
	position: absolute;
	display: block;
	width: 167px;
	height: 76px;
	background: url(../images/navi-btn.png) no-repeat;
	top: -16px;
	left: -17px;
	-webkit-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	transition:all 0.3s ease;
}

.ranking-block .title .btn a:hover + .label {
	-webkit-filter: contrast(135%); 
	-moz-filter: contrast(135%); 
	-o-filter: contrast(135%); 
	filter: contrast(135%); 
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.ranking-block .ranking-list {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}

.ranking-block .ranking-list .item {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto 6px;
	border: 1px solid rgb(36, 33, 39);
	background: rgb(15, 13, 17);
}

.ranking-block .ranking-list .item .top {
	position: relative;
	display: grid;
	width: calc(100% - 50px);
	padding: 6px 25px;
	grid-template-columns: 1fr minmax(220px, auto) auto;
	grid-gap: 20px;
}

.ranking-block .ranking-list .item .top .name {
	position: relative;
	display: block;
	align-self: center;
	color: #ffffff;
	font-size: 14px;
}

.ranking-block .ranking-list .item .top .desc {
	position: relative;
	display: block;
	align-self: center;
	justify-self: center;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
}

.ranking-block .ranking-list .item .top .desc span {
	color: #afc85b;
}

.ranking-block .ranking-list .item .top .desc p {
	position: relative;
	display: block;
	color: #8e8e8e;
	font-size: 14px;
	margin-top: 1px;
}

.ranking-block .ranking-list .item .top .sub {
	position: relative;
	display: block;
	align-self: center;
	justify-self: end;
	color: #f4f4f4;
	font-size: 14px;
	text-align: right;
}

.ranking-block .ranking-list .item .bottom {
	position: relative;
	display: grid;
	width: calc(100% - 50px);
	padding: 10px 25px;
	grid-template-columns: 1fr auto;
	grid-gap: 20px;
	border-top: 1px solid rgb(36, 33, 39);
}

.ranking-block .ranking-list .item .bottom .name {
	position: relative;
	display: block;
	align-self: center;
	color: #ffffff;
	font-size: 14px;
}

.ranking-block .ranking-list .item .bottom .sub {
	position: relative;
	display: block;
	align-self: center;
	justify-self: end;
	color: #f4f4f4;
	font-size: 14px;
	text-align: right;
}

.ranking-block .ranking-list .item .bottom .sub a {
	color: #afc85a;
	text-decoration: underline;
}

.ranking-block .ranking-list .item .bottom .sub a:hover {
	text-decoration: none;
}

.ranking-block .ranking-list .item.challenge_done .top {
	background: #2c3628;
}
.ranking-block .ranking-list .item.challenge_done .bottom {
	background: #10160e;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.list-pagine {
	position: relative;
	display: inline-grid;
	grid-template-columns: 60px auto 60px;
	grid-gap: 12px;
	margin: 0 auto 35px;
}
.list-pagine li {
	position: relative;
	display: block;
	align-self: center;
	color: #a8a8a8;
	font-size: 12px;
}

.list-pagine li a.prev {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 27px;
	background: url(../images/ico-prev.png) no-repeat;
}
.list-pagine li a.prev2 {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 27px;
	float:left;
	background: url(../images/ico-prev2.png) no-repeat;
}

.list-pagine li a.next {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 27px;
	background: url(../images/ico-next.png) no-repeat;
}
.list-pagine li a.next2 {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 27px;
	float:right;
	background: url(../images/ico-next2.png) no-repeat;
}

.list-pagine li a:hover {
	-webkit-filter: contrast(135%); 
	-moz-filter: contrast(135%); 
	-o-filter: contrast(135%); 
	filter: contrast(135%); 
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.ranking-block .table {
	position: relative;
	width: 100%;
	border-collapse: separate;
    border-spacing: 0 4px;
}

.ranking-block .table th {
	color: #a8a8a8;
	font-size: 12px;
	padding: 10px 9px;
}

.ranking-block .table th:nth-child(1) {
	width: 20px;
}

.ranking-block .table th:nth-child(2) {
	text-align: left;
}

.ranking-block .table td {
	text-align: center;
	padding: 10px 0;
}

.ranking-block .table td:nth-child(1) {
	width: 20px;
}

.ranking-block .table td:nth-child(2) {
	text-align: left;
	color: #ffb64e;
}

.ranking-block .table td:nth-child(2) img {
	position: relative;
	display: inline-block;
	float: left;
	top: -1px;
	margin-right: 11px;
}

.ranking-block .table tbody tr {
	background: #0f0d11;
}
/*====================================================*/
/*====================================================*/ /*=== events ---*/
/*====================================================*/
.events-list {
	position: relative;
	display: block;
	width: 100%;
	margin: 25px auto 0;
}

.events-list .table {
	position: relative;
	width: 100%;
	border-collapse: separate;
    border-spacing: 0 4px;
}

.events-list .table th {
	color: #a8a8a8;
	font-size: 12px;
	padding: 10px 0;
}

.events-list .table td {
	text-align: center;
	padding: 10px 0;
	position: relative;
}

.events-list .table td.nt-1 span {
	position: relative;
	display: block;
	color: #789123;
	font-size: 14px;
}

.events-list .table td.nt-1 p {
	position: relative;
	display: block;
	color: #f8c731;
	font-size: 12px;
	margin-top: 3px;
}

.events-list .table td.nt-1:before {
	content: '';
	position: absolute;
	display: block;
	width: 6px;
	height: 100%;
	background: #799122;
	top: 0;
	left: 0;
}

.events-list .table td.nt-2 {
	color: #cdcac1;
	font-size: 12px;
}

.events-list .table td.nt-3 {
	color: #789123;
	font-size: 12px;
}

.events-list .table td.nt-4 span {
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 12px;
}

.events-list .table td.nt-4 p {
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 14px;
	margin-top: 1px;
}

.events-list .table td.nt-5 {
	color: #a8a8a8;
	font-size: 12px;
}

.events-list .table td.nt-6 span {
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 12px;
}

.events-list .table td.nt-6 p {
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 14px;
	margin-top: 1px;
}

.events-list .table td.nt-7 {
	width: 150px;
}

.events-list .table tbody tr {
	background: #0f0d11;
}
/*====================================================*/
/*====================================================*/ /*=== rules ---*/
/*====================================================*/
.rules-text {
	position: relative;
	display: block;
	width: 100%;
	margin: 25px auto 0;
}

.rules-text .text-1 {
	position: relative;
	display: block;
	color: #ffb64e;
	font-size: 12px;
	margin: 0 auto 30px;
}

.rules-text ul.list {
	position: relative;
	display: block;
	width: 100%;
	margin: 30px auto;
}

.rules-text ul.list li {
	position: relative;
	display: block;
	color: #ffffff;
	line-height: 24px;
	font-size: 12px;
}

.rules-text ul.list li span {
	color: #ffb64e;
}

.rules-text .text-2 {
	position: relative;
	display: block;
	color: #a5ff6a;
	font-size: 12px;
	margin: 0 auto 30px;
}

.rules-text .text-3 {
	position: relative;
	display: block;
	color: #ff1717;
	font-size: 12px;
	margin: 0 auto 30px;
}
/*====================================================*/
/*====================================================*/ /*=== game-info ---*/
/*====================================================*/
.game-info {
	position: relative;
	display: grid;
	width: 100%;
	grid-template-columns: repeat(3, 230px);
	grid-gap: 11px;
	margin: 30px auto 0;
}

.game-info li {
	position: relative;
	display: block;
}

.game-info li a {
	position: relative;
	display: grid;
	width: 230px;
	height: 80px;
	z-index: 1;
	color: #ffb64e;
	font-size: 14px;
	font-weight: 700;
}

.game-info li a span {
	position: relative;
	display: block;
	align-self: center;
	justify-self: center;
}

.game-info li a:before {
	content: '';
	position: absolute;
	display: block;
	width: 230px;
	height: 80px;
	background: url(../images/btn-info.png) no-repeat;
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	transition:all 0.3s ease;
}

.game-info li a:hover:before {
	-webkit-filter: brightness(1.3); 
	-moz-filter: brightness(1.3); 
	-o-filter: brightness(1.3); 
	filter: brightness(1.3);
}
/*====================================================*/
/*====================================================*/ /*=== register ---*/
/*====================================================*/
.register-form {
	position: relative;
	display: block;
	width: 100%;
	margin: 30px auto 0;
}

.register-form .input-item {
	position: relative;
	display: grid;
	width: 100%;
	grid-template-columns: 1fr 1fr;
	grid-gap: 40px 52px;
	padding-top: 30px;
	margin-bottom: 35px;
	border-top: 2px solid #2a292e;
}

.register-form .input-item:first-child {
	border-top: none;
}

.register-form .input-item .item {
	position: relative;
	display: block;
	align-self: center;
}

.register-form .input-item .item label {
	position: relative;
	display: block;
	width: 100%;
	color: #ffffff;
	font-size: 14px;
	margin: 0 auto 11px;
}

.register-form .input-item .item label span {
	color: #4f4f4f;
	text-shadow: 0 0 0 #4f4f4f;
	font-size: 12px;
}

.register-form .input-item .item input {
	position: relative;
	display: block;
	width: calc(100% - 70px);
	height: 44px;
	background: rgb(8, 7, 10);
	border: 1px solid rgb(42, 41, 46);
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px;
	padding: 0 34px;
	color: #a9a9a9;
	font-size: 14px;
}

.register-form .input-item .item input::-webkit-input-placeholder { 
	color:#a9a9a9;
	-webkit-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	transition:all 0.3s ease; 
}
.register-form .input-item .item input:-moz-placeholder { 
	color:#a9a9a9;
	-webkit-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	transition:all 0.3s ease; 
}
.register-form .input-item .item input::-moz-placeholder { 
	color:#a9a9a9; 
	-webkit-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	transition:all 0.3s ease; 
}
.register-form .input-item .item input:-ms-input-placeholder { 
	color:#a9a9a9;
	-webkit-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	transition:all 0.3s ease; 
}

.register-form .input-item .text {
	position: relative;
	display: block;
	height: 46px;
	line-height: 46px;
	align-self: end;
	justify-self: end;
	color: #ffffff;
	font-size: 14px;
	padding-right: 50px;
}

.register-form .input-item .text span {
	color: #ffb64e;
}

.register-form .input-item .text:after {
	content: '';
	position: absolute;
	display: block;
	width: 50px;
	height: 46px;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.register-form .input-item .text[data-stat="true"]:after {
	background: url(../images/input-true.png) no-repeat center;
}
.register-form .input-item .text[data-stat="false"]:after {
	background: url(../images/input-false.png) no-repeat center;
}

.register-form .input-checkbox {
	position: relative;
	display: grid;
	width: 100%;
	margin: 50px auto 40px;
	grid-template-columns: auto 1fr;
	grid-gap: 17px;
}

.register-form .input-checkbox .checkbox {
	position: relative;
	display: block;
	align-self: center;
	width: 19px;
	height: 19px;
}

.register-form .input-checkbox .checkbox input {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 1;
	cursor: pointer;
}

.register-form .input-checkbox .checkbox label {
	position: relative;
	display: block;
	width: 19px;
	height: 19px;
	background: url(../images/register-check-1.png) no-repeat;
}

.register-form .input-checkbox .checkbox input:checked + label {
	background: url(../images/register-check-2.png) no-repeat;
}

.register-form .input-checkbox .text {
	position: relative;
	display: block;
	align-self: center;
	color: #fefefe;
	font-size: 14px;
}

.register-form .input-checkbox .text a {
	color: #d6f46e;
	text-decoration: underline;
}

.register-form .input-checkbox .text a:hover {
	text-decoration: none;
}

.register-form .input-button {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}

.register-form .input-button button {
	position: relative;
	display: block;
	width: 196px;
	height: 40px;
	background: url(../images/register-btn.png) no-repeat;
	border: none;
	outline: none;
	color: #fcffd8;
	font-size: 14px;
	font-weight: 700;
	line-height: 43px;
}

.register-form .input-button button:hover {
	-webkit-filter: contrast(135%); 
	-moz-filter: contrast(135%); 
	-o-filter: contrast(135%); 
	filter: contrast(135%);
}
/*====================================================*/
/*====================================================*/ /*=== download ---*/
/*====================================================*/
.download-block {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}

.download-block .loads {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto 25px;
}

.download-block .loads .title {
	position: relative;
	display: block;
	width: 100%;
	margin: 25px auto 15px;
	color: #ffb64e;
	font-size: 18px;
	font-weight: 700;
}

.download-block .loads .item {
	position: relative;
	display: grid;
	width: calc(100% - 46px);
	padding: 4px 22px;
	margin: 0 auto 4px;
  	background: rgb(15, 13, 17);
 	border: 1px solid rgb(36, 33, 39);
 	grid-template-columns: 1fr auto;
 	grid-gap: 15px;
}

.download-block .loads .item .text {
	position: relative;
	display: block;
	color: #959595;
	font-size: 14px;
	align-self: center;
}

.download-block .loads .item .links {
	position: relative;
	display: inline-block;
	align-self: center;
	justify-self: end;
}

.download-block .loads .item .links a {
	position: relative;
	display: inline-grid;
	margin-right: 35px;
}

.download-block .loads .item .links a:last-child {
	margin-right: 0;
}

.download-block .loads .item .links a.btn {
	width: 133px;
	height: 30px;
	background: url(../images/load-btn.png) no-repeat;
	color: #fcffd8;
	font-size: 14px;
	font-weight: 700;
}

.download-block .loads .item .links a.btn span {
	position: relative;
	display: block;
	align-self: center;
	justify-self: center;
}

.download-block .loads .item .links a.btn:hover {
	-webkit-filter: contrast(135%); 
	-moz-filter: contrast(135%); 
	-o-filter: contrast(135%); 
	filter: contrast(135%);
}

.download-block .loads .item .links a.href {
	color: #a2b951;
	text-decoration: underline;
}

.download-block .loads .item .links a.href:hover {
	text-decoration: none;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.download-block .load-list {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto 50px;
}

.download-block .load-list li {
	position: relative;
	display: block;
	color: #cccfb1;
	font-size: 14px;
	line-height: 24px;
}

.download-block .load-list li span {
	color: #ffffff;
}

.download-block .load-list li a {
	color: #8ca046;
	text-decoration: underline;
}

.download-block .load-list li a:hover {
	text-decoration: none;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.download-block .load-system {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}

.download-block .load-system .title {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto 15px;
	color: #ffb64e;
	font-size: 18px;
	font-weight: 700;
}

.download-block .load-system .block {
	position: relative;
	display: block;
	width: calc(100% - 2px);
	background: rgb(15, 13, 17);
 	border: 1px solid rgb(36, 33, 39);
}

.download-block .load-system .block .item {
	position: relative;
	display: grid;
	width: 100%;
	grid-template-columns: 170px 1fr;
 	border-bottom: 1px solid rgb(36, 33, 39);
}

.download-block .load-system .block .item:last-child {
	border-bottom: none;
}

.download-block .load-system .block .item .left {
	position: relative;
	display: block;
	padding: 15px 5px 15px 20px;
	color: #fff5e7;
	font-size: 14px;
	line-height: 18px;
}

.download-block .load-system .block .item .right {
	position: relative;
	display: block;
	padding: 15px 5px 15px 20px;
	color: #fff5e7;
	font-size: 14px;
	line-height: 18px;
 	border-left: 1px solid rgb(36, 33, 39);
}
/*====================================================*/
/*====================================================*/ /*=== account ---*/
/*====================================================*/
.account-head {
	position: relative;
	display: grid;
	width: 100%;
	grid-template-columns: 1fr 185px auto;
	grid-gap: 10px;
	padding-bottom: 50px;
    background: url(../images/about-line.png) no-repeat center bottom;
    margin: 0 auto 20px;
}

.account-head .info {
	position: relative;
	display: block;
	align-self: center;
}

.account-head .info .name {
	position: relative;
	display: block;
	color: #978d83;
	font-size: 18px;
	margin-bottom: 8px;
}

.account-head .info .name span {
	color: #ffb74e;
	font-weight: 900;
}

.account-head .info .stat {
	position: relative;
	display: block;
	color: #95919c;
	font-size: 12px;
}

.account-head .info .stat:after {
	content: attr(data-stat);
	position: relative;
	display: inline-block;
	font-size: 12px;
	margin-left: 4px;
}

.account-head .info .stat[data-stat="online"]:after {
	color: #6eff61;
}
.account-head .info .stat[data-stat="offline"]:after {
	color: #ff5151;
}

.account-head .count {
	position: relative;
	display: block;
	align-self: center;
}

.account-head .count li {
	position: relative;
	display: block;
	color: #deff26;
	font-size: 14px;
	padding: 7px 0 7px 30px;
}

.account-head .count li.gj:before {
	content: '';
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	background:url(../gfx/money.png) 0 -16px no-repeat;
	top: -1px;
	left: 0;
	bottom: 0;
	margin: auto;
}

.account-head .count li.zen:before {
	content: '';
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	background:url(../gfx/money.png) 0 -0 no-repeat;
	top: -1px;
	left: 0;
	bottom: 0;
	margin: auto;
}

.account-head .count li.gold:before {
	content: '';
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	background:url(../gfx/money.png) 0 -64px no-repeat;
	top: -1px;
	left: 0;
	bottom: 0;
	margin: auto;
}

.account-head .count li span {
	font-weight: 700;
}

.account-head .btn-exit {
	position: relative;
	display: grid;
	width: 188px;
	height: 45px;
	background: url(../images/account/btn-exit.png) no-repeat;
	align-self: center;
	justify-self: center;
	color: #fcffd8;
	font-size: 12px;
	font-weight: 700;
}

.account-head .btn-exit span {
	position: relative;
	display: block;
	align-self: center;
	justify-self: center;
}

.account-head .btn-exit:hover {
	-webkit-filter: brightness(1.3);
	-moz-filter: brightness(1.3);
	-o-filter: brightness(1.3);
	filter: brightness(1.3);
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.account-body {
	position: relative;
	display: grid;
	width: 100%;
	margin: 0 auto;
	grid-template-columns: 202px 1fr;
	grid-gap: 18px;
}

.account-body .accout-tabs {
	position: relative;
	display: block;
	width: calc(100% - 1px);
	margin: 0 auto;
	border-right: 1px solid #2a292e; 
}

.account-body .accout-tabs li {
	position: relative;
	display: block;
	width: 188px;
	margin-top: 15px;
}

.account-body .accout-tabs li:first-child {
	margin-top: 0;
}

.account-body .accout-tabs li a {
	position: relative;
	display: grid;
	width: 188px;
	height: 45px;
	color: #fcffd8;
	font-size: 12px;
	font-weight: 700;
	opacity: 0.6;
}

.account-body .accout-tabs li a.btn-1 {
	background: url(../images/account/btn-tab-1.png) no-repeat;
}
.account-body .accout-tabs li a.btn-2 {
	background: url(../images/account/btn-tab-2.png) no-repeat;
}

.account-body .accout-tabs li a span {
	position: relative;
	display: block;
	align-self: center;
	justify-self: center;
	top: 2px;
}

.account-body .accout-tabs li a:hover,
.account-body .accout-tabs li a.active {
	opacity: 1;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.account-body .account-content {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}

.account-body .account-content .title-1 {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto 20px;
}

.account-body .account-content .title-1 span {
	position: relative;
	display: block;
	color: #ffb64e;
	font-size: 18px;
	font-weight: 700;
}

.account-body .account-content .title-1 p {
	position: relative;
	display: block;
	color: #818181;
	font-size: 14px;
	margin-top: 1px;
}

.account-body .account-content .text-1 {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto 15px;
}

.account-body .account-content .text-1 span {
	position: relative;
	display: block;
	color: #fcffd8;
	font-size: 14px;
	font-weight: 700;
}

.account-body .account-content .text-1 p {
	position: relative;
	display: block;
	color: #888886;
	font-size: 12px;
}

.account-body .account-content .text-2 {
	position: relative;
	display: block;
	width: 100%;
	margin: 20px auto 0;
}

.account-body .account-content .text-2 span {
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 12px;
	line-height: 18px;
}

.account-body .account-content .text-3 {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto 0;
}

.account-body .account-content .text-3 span {
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 14px;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.account-body .account-content .item-block-links {
	position: relative;
	display: grid;
	width: 100%;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 35px;
	margin: 0 auto 35px;
}

.account-body .account-content .item-block-links .item {
	position: relative;
	display: block;
	width: calc(100% - 2px);
	background: rgb(8, 7, 10);
	border: 1px solid rgb(42, 41, 46);
	padding: 6px 0 12px;
}

.account-body .account-content .item-block-links .item:hover {
	background: rgb(0, 0, 0);
    border: 1px solid rgb(71, 70, 75);
}

.account-body .account-content .item-block-links .item .img {
	position: relative;
	display: grid;
	width: 117px;
	height: 75px;
	padding: 5px;
	background: url(../images/account/img-frame-item.png) no-repeat;
	margin: 0 auto 12px;
}

.account-body .account-content .item-block-links .item .img img {
	position: absolute;
	display: block;
	align-self: center;
	justify-self: center;
	-webkit-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	transition:all 0.3s ease;
}

.account-body .account-content .item-block-links .item:hover .img img {
	-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}

.account-body .account-content .item-block-links .item .desc-1 {
	position: relative;
	display: block;
	width: 127px;
	margin: 0 auto;
	text-align: center;
}

.account-body .account-content .item-block-links .item .desc-1 .title {
	position: relative;
	display: block;
	color: #ffefdd;
	font-size: 12px;
}

.account-body .account-content .item-block-links .item .desc-1 .count {
	position: relative;
	display: inline-block;
	color: #deff26;
	font-size: 14px;
	padding: 5px 32px 5px 0;
	margin-top: 4px;
}

.account-body .account-content .item-block-links .item .desc-1 .count:before {
	content: '';
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	background:url(../gfx/money.png) 0 -16px;
	top: -2px;
	right: 0;
	bottom: 0;
	margin: auto;
}

.account-body .account-content .item-block-links .item .desc-1 .text {
	position: relative;
	display: block;
	color: #deff26;
	font-size: 14px;
}

.account-body .account-content .item-block-links .item .desc-2 {
	position: relative;
	display: block;
	width: 127px;
	margin: 0 auto;
	text-align: center;
}

.account-body .account-content .item-block-links .item .desc-2 .title {
	position: relative;
	display: block;
	color: #ffefdd;
	font-size: 12px;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.account-body .account-content table {
	position: relative;
	width: 100%;
	border-collapse: separate;
    border-spacing: 0 4px;
}

.account-body .account-content table th {
	color: #a8a8a8;
	font-size: 12px;
	padding: 10px 0;
}

.account-body .account-content table td {
	color: #ffffff;
	font-size: 12px;
	padding: 8px 0;
}

.account-body .account-content table tbody tr {
	background: #0f0d11;
}

.account-body .account-content .table-1 th {
	color: #a8a8a8;
	font-size: 12px;
	padding: 10px;
}

.account-body .account-content .table-1 th:nth-child(1) {
	width: 44px;
	text-align: center;
}
.account-body .account-content .table-1 th:nth-child(2) {
	text-align: left;
	padding-left: 36px;
}
.account-body .account-content .table-1 th:nth-child(3) {
	width: 110px;
	text-align: center;
}

.account-body .account-content .table-1 td {
	color: #ffffff;
	font-size: 12px;
	padding: 8px;
}

.account-body .account-content .table-1 td:nth-child(1) {
	width: 44px;
	text-align: center;
}
.account-body .account-content .table-1 td:nth-child(2) {
	text-align: left;
	padding-left: 36px;
	color: #ffb64e;
}
.account-body .account-content .table-1 td:nth-child(2) img {
	position: relative;
	display: inline-block;
	float: left;
	top: -1px;
	margin-right: 10px;
}
.account-body .account-content .table-1 td:nth-child(3) {
	width: 110px;
	text-align: center;
}

.account-body .account-content .table-1 tbody tr {
	background: #0f0d11;
}
/*====================================================*/
/*====================================================*/ /*=== account-trader ---*/
/*====================================================*/
.account-body .account-content .trade-count {
	position: relative;
	display: inline-block;
	width: 100%;
	margin: 15px auto 20px;
}

.account-body .account-content .trade-count li {
	position: relative;
	display: inline-block;
	float: left;
	margin-right: 30px;
	padding: 5px 0;
	color: #ffb64e;
	font-size: 12px;
}

.account-body .account-content .trade-count li:last-child {
	margin-right: 0;
}

.account-body .account-content .trade-count li img {
	position: relative;
	display: inline-block;
	float: left;
	margin-right: 8px;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.account-body .account-content .trade-form-1 {
	position: relative;
	display: grid;
	width: 100%;
	margin: 0 auto 10px;
	background: #0b090c;
	padding: 5px 0;
	grid-template-columns: 205px 1fr auto;
}

.account-body .account-content .trade-form-1:last-child {
	margin-bottom: 0;
}

.account-body .account-content .trade-form-1 .item-1 {
	position: relative;
	display: inline-block;
	align-self: center;
	padding-left: 30px;
	color: #ffb64e;
	font-size: 12px;
}

.account-body .account-content .trade-form-1 .item-1 span {
	position: relative;
	display: inline-block;
	margin-left: 20px;
}

.account-body .account-content .trade-form-1 .item-1 span img {
	position: relative;
	display: inline-block;
	float: left;
	margin-right: 5px;
}

.account-body .account-content .trade-form-1 .item-2 {
	position: relative;
	display: inline-block;
	width: 89px;
	height: 31px;
	background: #2a292e;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.account-body .account-content .trade-form-1 .item-2 input {
	position: relative;
	display: block;
	width: 27px;
	height: 31px;
	margin: 0 auto;
	border: none;
	background: none;
	text-align: center;
	color: #ffffff;
	font-size: 12px;
}

.account-body .account-content .trade-form-1 .item-2 input::-webkit-outer-spin-button,
.account-body .account-content .trade-form-1 .item-2 input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none !important;
	-moz-appearance: none;
}
.account-body .account-content .trade-form-1 .item-2 input[type='number'] {
    -moz-appearance: textfield;
}

.account-body .account-content .trade-form-1 .item-2 a.minus {
	position: absolute;
    display: block;
    width: 31px;
    height: 31px;
    top: 0;
    left: 0;
    line-height: 31px;
    text-align: center;
    font-size: 21px;
    color: #fff;
    background: #201f23;
    -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	visibility: hidden;
	opacity: 0;
}

.account-body .account-content .trade-form-1 .item-2 a.plus {
	position: absolute;
    display: block;
    width: 31px;
    height: 31px;
    top: 0;
    right: 0;
    line-height: 31px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    background: #201f23;
    -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	visibility: hidden;
	opacity: 0;
}

.account-body .account-content .trade-form-1 .item-2:hover a {
	visibility: visible;
	opacity: 1;
}

.account-body .account-content .trade-form-1 .item-3 {
	position: relative;
	display: block;
	align-self: center;
	padding-right: 8px;
}

.account-body .account-content .trade-form-1 .item-3 button {
	position: relative;
	display: block;
	width: 80px;
	height: 26px;
	background: url(../images/account/btn-buy.png) no-repeat;
	border: none;
	outline: none;
	color: #fcffd8;
	font-size: 12px;
	font-weight: 700;
	line-height: 29px;
}

.account-body .account-content .trade-form-1 .item-3 button:hover {
	-webkit-filter: contrast(135%); 
	-moz-filter: contrast(135%); 
	-o-filter: contrast(135%); 
	filter: contrast(135%); 
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.account-body .account-content .trade-list {
	position: relative;
	display: block;
	width: 100%;
	margin: 30px auto;
}

.account-body .account-content .trade-list li {
	position: relative;
	display: grid;
	margin: 20px auto 0;
	color: #ffffff;
	font-size: 12px;
	line-height: 18px;
	grid-template-columns: 25px 1fr;
}

.account-body .account-content .trade-list li span {
	color: #ffb64e;
}

.account-body .account-content .trade-list li i {
	color: #ff4e4e;
	font-style: normal;
}

.account-body .account-content .trade-list li img {
	position: relative;
	display: inline-block;
	top: 1px;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.account-body .account-content .trade-form-2 {
	position: relative;
	display: grid;
	width: 100%;
	margin: 0 auto 9px;
	background: #0b090c;
	padding: 8px 0;
	grid-template-columns: 70px 1fr 60px 45px 1fr 85px auto;
}

.account-body .account-content .trade-form-2.form-rare-1 {
	background: #0b090c url(../images/account/rare-1.png) no-repeat center left;
	background-size: auto 100%;
}
.account-body .account-content .trade-form-2.form-rare-2 {
	background: #0b090c url(../images/account/rare-2.png) no-repeat center left;
	background-size: auto 100%;
}
.account-body .account-content .trade-form-2.form-rare-3 {
	background: #0b090c url(../images/account/rare-3.png) no-repeat center left;
	background-size: auto 100%;
}
.account-body .account-content .trade-form-2.form-rare-4 {
	background: #0b090c url(../images/account/rare-4.png) no-repeat center left;
	background-size: auto 100%;
}

.account-body .account-content .trade-form-2:last-child {
	margin-bottom: 0;
}

.account-body .account-content .trade-form-2 .item-1 {
	position: relative;
	display: block;
	align-self: center;
	justify-self: center;
}

.account-body .account-content .trade-form-2 .item-1 img {
	position: relative;
	display: block;
}

.account-body .account-content .trade-form-2 .item-2 {
	position: relative;
	display: block;
	align-self: center;
	color: #e3e9d3;
	font-size: 12px;
}

.account-body .account-content .trade-form-2 .item-3 {
	position: relative;
	display: block;
	align-self: center;
	justify-self: center;
	text-align: center;
	color: #d7ff65;
	font-size: 12px;
}

.account-body .account-content .trade-form-2 .item-4 {
	position: relative;
	display: block;
	align-self: center;
	justify-self: center;
	text-align: center;
	color: #ffffff;
	font-size: 12px;
}

.account-body .account-content .trade-form-2 .item-5 {
	position: relative;
	display: block;
	align-self: center;
	justify-self: center;
	text-align: center;
	color: #ff3300;
	font-size: 12px;
}

.account-body .account-content .trade-form-2 .item-5 img {
	position: relative;
	display: inline-block;
	float: right;
	margin-left: 8px;
}

.account-body .account-content .trade-form-2 .item-6 {
	position: relative;
	display: block;
	align-self: center;
	justify-self: center;
	padding-right: 8px;
}

.account-body .account-content .trade-form-2 .item-6 button {
	position: relative;
	display: block;
	width: 80px;
	height: 26px;
	background: url(../images/account/btn-buy.png) no-repeat;
	border: none;
	outline: none;
	color: #fcffd8;
	font-size: 12px;
	font-weight: 700;
	line-height: 29px;
}

.account-body .account-content .trade-form-2 .item-6 button:hover {
	-webkit-filter: contrast(135%); 
	-moz-filter: contrast(135%); 
	-o-filter: contrast(135%); 
	filter: contrast(135%); 
}
/*====================================================*/
/*====================================================*/ /*=== account-bfs ---*/
/*====================================================*/
.account-body .account-content .bfs-stats {
	position: relative;
	display: grid;
	width: 100%;
	margin: 0 auto 30px;
	grid-template-columns: 1fr auto;
	grid-gap: 20px;
}

.account-body .account-content .bfs-stats ul {
	position: relative;
	display: block;
}

.account-body .account-content .bfs-stats ul li {
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 14px;
	line-height: 24px;
}

.account-body .account-content .bfs-stats ul li span {
	color: #ffb64e;
}

.account-body .account-content .bfs-stats .gift {
	position: relative;
	display: block;
	width: 127px;
	justify-self: center;
}

.account-body .account-content .bfs-stats .gift .title {
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	margin: 0 auto 5px;
}

.account-body .account-content .bfs-stats .gift .img {
	position: relative;
    display: grid;
    width: 117px;
    height: 75px;
    padding: 5px;
    background: url(../images/account/img-frame-item.png) no-repeat;
    margin: 0 auto 12px;
}

.account-body .account-content .bfs-stats .gift .img img {
    position: absolute;
    display: block;
    align-self: center;
    justify-self: center;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.account-body .account-content .bfs-text-1 {
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	line-height: 18px;
	margin: 0 auto 30px;
}

.account-body .account-content .bfs-text-1 span {
	color: #7e8f43;
}

.account-body .account-content .bfs-text-2 {
	position: relative;
	display: block;
	color: #ff5151;
	font-size: 12px;
	font-weight: 700;
	line-height: 18px;
	margin: 0 auto 30px;
}

.account-body .account-content .bfs-text-3 {
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	margin: 0 auto 22px;
}

.account-body .account-content .bfs-text-3 span {
	color: #ffb64e;
}

.account-body .account-content .bfs-text-3 i {
	color: #ff5151;
	font-style: normal;
}

.account-body .account-content .bfs-text-4 {
	position: relative;
	display: block;
	margin: 0 auto 30px;
	line-height: 18px;
}

.account-body .account-content .bfs-text-4 span {
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 14px;
	margin: 0 auto 22px;
}

.account-body .account-content .bfs-text-4 p {
	position: relative;
	display: block;
	color: #62626e;
	font-size: 14px;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.account-body .account-content .bfs-form-1 {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto 35px;
}

.account-body .account-content .bfs-form-1 .item-1 {
	position: relative;
	display: grid;
	width: 100%;
	grid-template-columns: auto 1fr;
	grid-gap: 15px;
}

.account-body .account-content .bfs-form-1 .item-1 label {
	position: relative;
	display: block;
	align-self: center;
	color: #ffffff;
	font-size: 14px;
}

.account-body .account-content .bfs-form-1 .item-1 .select {
	position: relative;
	display: block;
	align-self: center;
	z-index: 1;
}

.account-body .account-content .bfs-form-1 .item-1 a.trigger,
.account-body .account-content .bfs-form-1 .item-1 a.activetrigger {
	position: relative;
	display: block;
	width: calc(100% - 62px);
	padding: 0 30px;
	height: 44px;
	align-self: center;
	justify-self: start;
	border: 1px solid #2a292e;
	background-color: #08070a !important;
	line-height: 44px;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px;
	color: #a9a9a9;
	font-size: 14px;
}

.account-body .account-content .bfs-form-1 .item-1 a.trigger {
	background:  url(../images/account/ico-select-1.png) no-repeat center right 20px;
}
.account-body .account-content .bfs-form-1 .item-1 a.activetrigger {
	background:  url(../images/account/ico-select-2.png) no-repeat center right 20px;
}

.account-body .account-content .bfs-form-1 .item-1 .dropcontainer {
	position: absolute;
	display: block;
	width: 100%;
	top: calc(100% + 1px);
	left: 0;
	z-index: 1;
}

.account-body .account-content .bfs-form-1 .item-1 .dropcontainer ul {
	position: relative;
    display: none;
    width: calc(100% - 42px);
    border: 1px solid #2a292e;
	background-color: #08070a;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    padding: 5px 20px;
}

.account-body .account-content .bfs-form-1 .item-1 .dropcontainer ul.dropdownvisible {
	display: block;
}

.account-body .account-content .bfs-form-1 .item-1 .dropcontainer ul li {
	position: relative;
	display: block;
}

.account-body .account-content .bfs-form-1 .item-1 .dropcontainer ul li a {
	position: relative;
	display: block;
	padding: 10px 10px;
	border-bottom: 1px solid #2a292e;
    color: #fff;
    font-size: 14px;
}

.account-body .account-content .bfs-form-1 .item-1 .dropcontainer ul li a:hover {
	padding-left: 25px;
	color: #ff2727;
}

.account-body .account-content .bfs-form-1 .item-2 {
	position: relative;
	display: grid;
	width: 100%;
	margin: 16px auto 0;
}

.account-body .account-content .bfs-form-1 .item-2 button {
	position: relative;
	display: block;
	width: 109px;
	height: 35px;
	background: url(../images/account/btn-char.png) no-repeat;
	color: #fcffd8;
	font-size: 12px;
	font-weight: 700;
	line-height: 39px;
	border: none;
	align-self: center;
	justify-self: end;
}

.account-body .account-content .bfs-form-1 .item-2 button:hover {
	-webkit-filter: contrast(135%); 
	-moz-filter: contrast(135%); 
	-o-filter: contrast(135%); 
	filter: contrast(135%); 
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.account-body .account-content .bfs-table {
	position: relative;
	width: 100%;
}

.account-body .account-content .bfs-table th {
	color: #635f6a;
	font-size: 12px;
	padding: 10px;
}

.account-body .account-content .bfs-table td {
	color: #fff;
	font-size: 12px;
	padding: 10px;
	text-align: center;
}

.account-body .account-content .bfs-table th:first-child,
.account-body .account-content .bfs-table td:first-child {
	padding-left: 10px;
	text-align: left;
}

.account-body .account-content .bfs-table tbody tr {
	background: #08070c;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.account-body .account-content .bfs-links {
	position: relative;
	display: grid;
	width: 100%;
	margin: 0 auto 30px;
	grid-template-columns: repeat(auto-fit, 90px);
	grid-gap: 10px;
}

.account-body .account-content .bfs-links a {
	position: relative;
	display: grid;
	width: 90px;
	height: 35px;
	background: url(../images/account/btn-bfs-link.png) no-repeat;
	color: #fcffd8;
	font-size: 12px;
	font-weight: 700;
}

.account-body .account-content .bfs-links a span {
	position: relative;
	display: block;
	align-self: center;
	justify-self: center;
	top: 1px;
}

.account-body .account-content .bfs-links a:hover {
	-webkit-filter: contrast(135%); 
	-moz-filter: contrast(135%); 
	-o-filter: contrast(135%); 
	filter: contrast(135%); 
}
/*====================================================*/
/*====================================================*/ /*=== account-banker ---*/
/*====================================================*/
.account-body .account-content .banker-table-1 {
	position: relative;
	width: 100%;
	margin: 10px auto 30px;
}

.account-body .account-content .banker-table-1 th {
	color: #5c5c6d;
	font-size: 12px;
	padding: 10px 0;
}

.account-body .account-content .banker-table-1 th:first-child {
	padding-left: 25px;
	text-align: left;
}
.account-body .account-content .banker-table-1 th:last-child {
	padding-right: 57px;
	text-align: right;
}

.account-body .account-content .banker-table-1 tbody tr {
	background: #08070c;
}

.account-body .account-content .banker-table-1 td {
	padding: 3px 0;
}

.account-body .account-content .banker-table-1 td.nt-1 .count {
	position: relative;
	display: grid;
	grid-template-columns: 25px 1fr;
}

.account-body .account-content .banker-table-1 td.nt-1 .count img {
	position: relative;
	display: block;
	align-self: center;
	justify-self: center;
}

.account-body .account-content .banker-table-1 td.nt-1 .count span {
	position: relative;
	display: block;
	align-self: center;
	color: #ffb64e;
	font-size: 12px;
}

.account-body .account-content .banker-table-1 td.nt-2 {
	text-align: center;
	color: #d5c8bc;
	font-size: 12px;
}

.account-body .account-content .banker-table-1 td.nt-3 {

}

.account-body .account-content .banker-table-1 td.nt-3 .form {
	position: relative;
	display: grid;
	grid-template-columns: auto 55px 35px 88px;
	margin: 0 auto;
}

.account-body .account-content .banker-table-1 td.nt-3 .form .sell {
	position: relative;
	display: block;
	align-self: center;
	color: #ffffff;
	font-size: 12px;
	justify-self: end;
	padding-right: 12px;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.account-body .account-content .banker-table-1 td.nt-3 .input {
	position: relative;
	display: inline-block;
	width: 55px;
	height: 30px;
	background: #2a292e;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.account-body .account-content .banker-table-1 td.nt-3 .input input {
	position: relative;
	display: block;
	width: 45px;
	height: 30px;
	margin: 0 auto;
	border: none;
	background: none;
	text-align: center;
	color: #ffffff;
	font-size: 12px;
}

.account-body .account-content .banker-table-1 td.nt-3 .input input::-webkit-outer-spin-button,
.account-body .account-content .banker-table-1 td.nt-3 .input input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none !important;
	-moz-appearance: none;
}
.account-body .account-content .banker-table-1 td.nt-3 .input input[type='number'] {
    -moz-appearance: textfield;
}

.account-body .account-content .banker-table-1 td.nt-3 .input a.minus {
	position: absolute;
    display: block;
    width: 26px;
    height: 26px;
    top: 0;
    left: -10px;
    bottom: 0;
    margin: auto;
    line-height: 24px;
    text-align: center;
    font-size: 21px;
    color: #fff;
    background: #201f23;
    -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	visibility: hidden;
	opacity: 0;
}

.account-body .account-content .banker-table-1 td.nt-3 .input a.plus {
	position: absolute;
    display: block;
    width: 26px;
    height: 26px;
    top: 0;
    right: -9px;
    bottom: 0;
    margin: auto;
    line-height: 26px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    background: #201f23;
    -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	visibility: hidden;
	opacity: 0;
}

.account-body .account-content .banker-table-1 td.nt-3 .input:hover a {
	visibility: visible;
	opacity: 1;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.account-body .account-content .banker-table-1 td.nt-3 .img {
	position: relative;
	display: block;
	align-self: center;
	justify-self: center;
}

.account-body .account-content .banker-table-1 td.nt-3 .img img {
	position: relative;
	display: block;
}

.account-body .account-content .banker-table-1 td.nt-3 .button {
    position: relative;
    display: block;
    align-self: center;
    padding-right: 8px;
}

.account-body .account-content .banker-table-1 td.nt-3 .button input {
    position: relative;
    display: block;
    width: 80px;
    height: 26px;
    background: url(../images/account/btn-buy.png) no-repeat;
    border: none;
    outline: none;
    color: #fcffd8;
    font-size: 12px;
    font-weight: 700;
    line-height: 29px;
}

.account-body .account-content .banker-table-1 td.nt-3 .button input:hover {
	-webkit-filter: contrast(135%); 
	-moz-filter: contrast(135%); 
	-o-filter: contrast(135%); 
	filter: contrast(135%); 
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.account-body .account-content .banker-list {
	position: relative;
	display: grid;
	width: 100%;
	margin: 18px auto 30px;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 3px;
}

.account-body .account-content .banker-list li {
	position: relative;
	display: grid;
	width: calc(100% - 30px);
	padding: 10px 15px;
	background: #08070c;
	grid-template-columns: 1fr auto;
	grid-gap: 5px;
}

.account-body .account-content .banker-list li .left {
	position: relative;
	display: block;
	align-self: center;
	color: #ffffff;
	font-size: 12px;
}

.account-body .account-content .banker-list li .right {
	position: relative;
	display: block;
	align-self: center;
	color: #ffb64e;
	font-size: 12px;
}

.account-body .account-content .banker-list li .right img {
	position: relative;
	display: inline-block;
	float: left;
	margin-right: 3px;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.account-body .account-content .banker-form-1 {
	position: relative;
	display: grid;
	width: calc(100% - 40px);
	margin: 0 auto;
	background: #08070c;
	padding: 4px 20px;
	grid-template-columns: auto auto auto 80px;
	grid-gap: 12px;
}

.account-body .account-content .banker-form-1 .item-1 {
    position: relative;
    display: block;
    align-self: center;
    justify-self: start;
    color: #ffffff;
    font-size: 14px;
}

.account-body .account-content .banker-form-1 .item-1 img {
	position: relative;
	display: inline-block;
	float: right;
	margin-left: 5px;
	top: 2px;
}

.account-body .account-content .banker-form-1 .item-2,
.account-body .account-content .banker-form-1 .item-3 {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 55px;
	align-self: center;
	justify-self: start;
	grid-gap: 8px;
}

.account-body .account-content .banker-form-1 .item-2 {
	justify-self: end;
}

.account-body .account-content .banker-form-1 .item-2 label,
.account-body .account-content .banker-form-1 .item-3 label {
	position: relative;
	display: block;
	align-self: center;
	justify-self: end;
	color: #aba7b3;
	font-size: 14px;
}

.account-body .account-content .banker-form-1 .item-2 input,
.account-body .account-content .banker-form-1 .item-3 input {
	position: relative;
	display: block;
	align-self: center;
	width: 45px;
	padding: 0 5px;
    height: 30px;
    background: #2a292e;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: none;
    text-align: center;
}

.account-body .account-content .banker-form-1 .item-2 input::-webkit-outer-spin-button,
.account-body .account-content .banker-form-1 .item-3 input::-webkit-outer-spin-button,
.account-body .account-content .banker-form-1 .item-2 input::-webkit-inner-spin-button,
.account-body .account-content .banker-form-1 .item-3 input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none !important;
	-moz-appearance: none;
}
.account-body .account-content .banker-form-1 .item-2 input[type='number'],
.account-body .account-content .banker-form-1 .item-3 input[type='number'] {
    -moz-appearance: textfield;
}

.account-body .account-content .banker-form-1 .item-4 {
    position: relative;
    display: block;
    align-self: center;
    padding-right: 8px;
}

.account-body .account-content .banker-form-1 .item-4 input[type='submit'] {
    position: relative;
    display: block;
    width: 80px;
    height: 26px;
    background: url(../images/account/btn-buy.png) no-repeat;
    border: none;
    outline: none;
    color: #fcffd8;
    font-size: 12px;
    font-weight: 700;
    line-height: 29px;
}

.account-body .account-content .banker-form-1 .item-4 input[type='submit']:hover {
	-webkit-filter: contrast(135%); 
	-moz-filter: contrast(135%); 
	-o-filter: contrast(135%); 
	filter: contrast(135%); 
}
.account-body .account-content .banker-form-1 .g-recaptcha{
	position:absolute;
	top:50px;
}
/*====================================================*/
/*====================================================*/ /*=== account-referral ---*/
/*====================================================*/
.account-body .account-content .referral-link {
	position: relative;
	display: grid;
	width: 100%;
	grid-template-columns: auto 1fr;
	grid-gap: 5px;
	margin: 0 auto 15px;
}

.account-body .account-content .referral-link label {
	position: relative;
	display: block;
	align-self: center;
	color: #ffffff;
	font-size: 14px;
}

.account-body .account-content .referral-link input {
	position: relative;
	display: block;
	align-self: center;
	color: #ffb64e;
	font-size: 14px;
	font-weight: 700;
	width: 100%;
	background: none;
	border: none;
	top: 1px;
}

.account-body .account-content .referral-link .success-link {
    position: absolute;
    display: inline-block;
    grid-column: 2;
    bottom: calc(100% + 3px);
    padding: 5px 10px;
    color: #54ff7d;
    font-size: 11px;
    border: 1px solid #2a292e;
	background-color: #08070a;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	justify-self: center;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.account-body .account-content .ref-text-1 {
	position: relative;
	display: block;
	margin: 0 auto 25px;
	color: #ffffff;
	font-size: 14px;
}

.account-body .account-content .ref-text-1 span {
	color: #ffb64e;
	font-size: 14px;
	font-weight: 700;
}

.account-body .account-content .ref-text-2 {
	position: relative;
	display: block;
	margin: 0 auto 5px;
	color: #fcffd8;
	font-size: 12px;
	font-weight: 700;
}

.account-body .account-content .referral-table {
	position: relative;
	width: 100%;
	margin-bottom: 20px;
}

.account-body .account-content .referral-table th {
	color: #a8a8a8;
	font-size: 12px;
	padding: 10px 0;
}

.account-body .account-content .referral-table tbody tr {
	background: #08070c;
}

.account-body .account-content .referral-table td {
	color: #fff;
	font-size: 12px;
	padding: 8px 0;
	text-align: center;
}

.account-body .account-content .referral-table td:first-child {
	color: #ffac00;
}

.account-body .account-content .referral-table td a {
	color: #96b040;
	text-decoration: underline;
}

.account-body .account-content .referral-table td a:hover {
	text-decoration: none;
}

.account-body .account-content .ref-text-3 {
	position: relative;
	display: block;
	margin: 0 auto 35px;
	color: #ffffff;
	font-size: 12px;
	line-height: 24px;
}

.account-body .account-content .ref-text-3 span {
	color: #ffb64e;
}

.account-body .account-content .ref-text-3 img {
	position: relative;
	vertical-align: middle;
	top: -2px;
	margin: 0 2px;
}

.account-body .account-content .ref-text-4 {
	position: relative;
	display: block;
	margin: 0 auto 25px;
	color: #ffffff;
	font-size: 12px;
	line-height: 24px;
}

.account-body .account-content .ref-text-4 span {
	color: #ffb64e;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.account-body .account-content .referral-form {
	position: relative;
	display: grid;
	width: 100%;
	margin: 0 auto 25px;
	grid-template-columns: auto 1fr;
	grid-gap: 5px;
}

.account-body .account-content .referral-form label {
	position: relative;
	display: block;
	align-self: center;
	color: #ffffff;
	font-size: 14px;
}

.account-body .account-content .referral-form input {
	position: relative;
	display: block;
	align-self: center;
  	width: calc(100% - 72px);
  	padding: 0 35px;
  	height: 44px;
  	background-color: rgb(8, 7, 10);
  	border: 1px solid rgb(42, 41, 46);
  	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px;
	color: #a9a9a9;
	font-size: 14px;
}

.account-body .account-content .referral-form input::-webkit-input-placeholder { 
	color:#a9a9a9;
	-webkit-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	transition:all 0.3s ease; 
}
.account-body .account-content .referral-form input:-moz-placeholder { 
	color:#a9a9a9;
	-webkit-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	transition:all 0.3s ease; 
}
.account-body .account-content .referral-form input::-moz-placeholder { 
	color:#a9a9a9; 
	-webkit-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	transition:all 0.3s ease; 
}
.account-body .account-content .referral-form input:-ms-input-placeholder { 
	color:#a9a9a9;
	-webkit-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	transition:all 0.3s ease; 
}

.account-body .account-content .referral-form input[type="submit"] {
	position: relative;
	display: block;
	width: 109px;
	height: 35px;
	background: url(../images/account/btn-char.png) no-repeat;
	color: #fcffd8;
	font-size: 12px;
	font-weight: 700;
	line-height: 39px;
	border: none;
	align-self: center;
	justify-self: start;
}

.account-body .account-content .referral-form input[type="submit"]:hover {
	-webkit-filter: contrast(135%); 
	-moz-filter: contrast(135%); 
	-o-filter: contrast(135%); 
	filter: contrast(135%); 
}
/*====================================================*/
/*====================================================*/ /*=== account-vip ---*/
/*====================================================*/
.account-body .account-content .vip-text-1 {
	position: relative;
	display: block;
	margin: 0 auto 35px;
	color: #ffffff;
	font-size: 14px;
	line-height: 24px;
}

.account-body .account-content .vip-text-1 span {
	color: #ffb64e;
}

.account-body .account-content .vip-list {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto 35px;
	color: #ffffff;
	font-size: 14px;
}

.account-body .account-content .vip-list span {
	font-weight: 700;
}

.account-body .account-content .vip-list .title {
	position: relative;
	display: block;
	margin: 0 auto 15px;
}

.account-body .account-content .vip-list li {
	position: relative;
	display: grid;
	width: 100%;
	grid-template-columns: 25px 1fr;
	grid-gap: 3px;
	padding: 2px 0;
}

.account-body .account-content .vip-list li img {
	position: relative;
	display: block;
	align-self: center;
	justify-self: start;
}

.account-body .account-content .vip-list li .text {
	position: relative;
	display: block;
	align-self: center;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.account-body .account-content .vip-content {
	position: relative;
	display: block;
	width: calc(100% - 32px);
	border: 1px solid #232323;
	padding: 25px 15px 15px;
}

.account-body .account-content .vip-content .title {
	position: relative;
	display: block;
	margin: 0 auto 25px;
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.account-body .account-content .vip-content .vip-form-1 {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto 15px;
}

.account-body .account-content .vip-content .vip-form-1 .item-1 {
	position: relative;
	display: grid;
	width: 100%;
	grid-template-columns: auto 1fr;
	grid-gap: 15px;
}

.account-body .account-content .vip-content .vip-form-1 .item-1 label {
	position: relative;
	display: block;
	align-self: center;
	color: #ffffff;
	font-size: 14px;
}

.account-body .account-content .vip-content .vip-form-1 .item-1 .select {
	position: relative;
	display: block;
	align-self: center;
	z-index: 1;
}

.account-body .account-content .vip-content .vip-form-1 .item-1 a.trigger,
.account-body .account-content .vip-content .vip-form-1 .item-1 a.activetrigger {
	position: relative;
	display: block;
	width: calc(100% - 62px);
	padding: 0 30px;
	height: 44px;
	align-self: center;
	justify-self: start;
	border: 1px solid #2a292e;
	background-color: #08070a !important;
	line-height: 44px;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px;
	color: #a9a9a9;
	font-size: 14px;
}

.account-body .account-content .vip-content .vip-form-1 .item-1 a.trigger {
	background:  url(../images/account/ico-select-1.png) no-repeat center right 20px;
}
.account-body .account-content .vip-content .vip-form-1 .item-1 a.activetrigger {
	background:  url(../images/account/ico-select-2.png) no-repeat center right 20px;
}

.account-body .account-content .vip-content .vip-form-1 .item-1 .dropcontainer {
	position: absolute;
	display: block;
	width: 100%;
	top: calc(100% + 1px);
	left: 0;
	z-index: 1;
}

.account-body .account-content .vip-content .vip-form-1 .item-1 .dropcontainer ul {
	position: relative;
    display: none;
    width: calc(100% - 42px);
    border: 1px solid #2a292e;
	background-color: #08070a;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    padding: 5px 20px;
}

.account-body .account-content .vip-content .vip-form-1 .item-1 .dropcontainer ul.dropdownvisible {
	display: block;
}

.account-body .account-content .vip-content .vip-form-1 .item-1 .dropcontainer ul li {
	position: relative;
	display: block;
}

.account-body .account-content .vip-content .vip-form-1 .item-1 .dropcontainer ul li a {
	position: relative;
	display: block;
	padding: 10px 10px;
	border-bottom: 1px solid #2a292e;
    color: #fff;
    font-size: 14px;
}

.account-body .account-content .vip-content .vip-form-1 .item-1 .dropcontainer ul li a:hover {
	padding-left: 25px;
	color: #ff2727;
}

.account-body .account-content .vip-content .vip-form-1 .item-2 {
	position: relative;
	display: grid;
	width: 100%;
	margin: 16px auto 0;
}

.account-body .account-content .vip-content .vip-form-1 .item-2 button {
	position: relative;
	display: block;
	width: 109px;
	height: 35px;
	background: url(../images/account/btn-char.png) no-repeat;
	color: #fcffd8;
	font-size: 12px;
	font-weight: 700;
	line-height: 39px;
	border: none;
	align-self: center;
	justify-self: end;
}

.account-body .account-content .vip-content .vip-form-1 .item-2 button:hover {
	-webkit-filter: contrast(135%); 
	-moz-filter: contrast(135%); 
	-o-filter: contrast(135%); 
	filter: contrast(135%); 
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.account-body .account-content .vip-content .vips-block {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}

.account-body .account-content .vip-content .vips-block .item {
	position: relative;
	display: grid;
	width: calc(100% - 80px);
	padding: 7px 55px 7px 25px;
	grid-template-columns: 1fr auto;
	grid-gap: 15px;
	background: #08070c;
	margin: 0 auto 2px;
}

.account-body .account-content .vip-content .vips-block .item .left {
	position: relative;
	display: grid;
	grid-template-columns: 25px 1fr;
	grid-gap: 3px;
}

.account-body .account-content .vip-content .vips-block .item .left img {
	position: relative;
	display: block;
	align-self: center;
	justify-self: start;
}

.account-body .account-content .vip-content .vips-block .item .left .text {
	position: relative;
	display: block;
	align-self: center;
	justify-self: start;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
}

.account-body .account-content .vip-content .vips-block .item .left .text span {
	color: #ff2020;
}

.account-body .account-content .vip-content .vips-block .item .right {
	position: relative;
	display: inline-block;
	align-self: center;
}

.account-body .account-content .vip-content .vips-block .item .right li {
	position: relative;
	display: inline-grid;
	float: left;
	margin-right: 4px;
}

.account-body .account-content .vip-content .vips-block .item .right li img {
	position: relative;
	display: block;
	align-self: center;
	width:40px;
	height:40px;
}
.account-body .account-content .vip-content .vips-block .item .right li span {
	position: absolute;
	left:2px;
	bottom:2px;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
	color:orange;
}
/*====================================================*/
/*====================================================*/ /*=== account-rewards ---*/
/*====================================================*/
.account-body .account-content .reward-text-1 {
	position: relative;
	display: block;
	color: #fcffd8;
	font-size: 12px;
	font-weight: 700;
	margin: 0 auto 20px;
}

.account-body .account-content .reward-text-2 {
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 12px;
	line-height: 18px;
	margin: 0 auto 10px;
}

.account-body .account-content .reward-text-2 span {
	color: #deff26;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.account-body .account-content .reward-links {
	position: relative;
	display: grid;
	width: 100%;
	margin: 0 auto 25px;
	grid-template-columns: repeat(auto-fit, 90px);
	grid-gap: 10px;
}

.account-body .account-content .reward-links a {
	position: relative;
	display: grid;
	width: 90px;
	height: 35px;
	background: url(../images/account/btn-bfs-link.png) no-repeat;
	color: #fcffd8;
	font-size: 12px;
	font-weight: 700;
}

.account-body .account-content .reward-links a span {
	position: relative;
	display: block;
	align-self: center;
	justify-self: center;
	top: 1px;
}

.account-body .account-content .reward-links a:hover {
	-webkit-filter: contrast(135%); 
	-moz-filter: contrast(135%); 
	-o-filter: contrast(135%); 
	filter: contrast(135%); 
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.account-body .account-content .reward-table {
	border-spacing: 0 10px;
}

.account-body .account-content .reward-table th {
	color: #514d4d;
	padding: 5px 0;
}

.account-body .account-content .reward-table th:nth-child(1),
.account-body .account-content .reward-table td:nth-child(1) {
	padding-left: 27px;
	text-align: left;
}

.account-body .account-content .reward-table th:nth-child(2),
.account-body .account-content .reward-table td:nth-child(2) {
	text-align: left;
}

.account-body .account-content .reward-table tbody tr {
	background: #0b090c;
}

.account-body .account-content .reward-table td {
	color: #ffffff;
	text-align: center;
	padding: 1px 0;
}

.account-body .account-content .reward-table td span {
	color: #b7d223;
}

.account-body .account-content .reward-table td ul.reward-list {
	position: relative;
	display: inline-block;
}

.account-body .account-content .reward-table td ul.reward-list li {
	position: relative;
	display: inline-grid;
	margin-right: 3px;
	float: left;
	width:32px;
	height:32px;
}

.account-body .account-content .reward-table td ul.reward-list li img {
	position: relative;
	display: block;
	align-self: center;
	width:32px;
	height:32px;
}

.account-body .account-content .reward-table td ul.reward-list li span {
	position: absolute;
	bottom:2px;
	left:2px;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
	color:orange;
}

.account-body .account-content .reward-table td a {
	color: #96b040;
	text-decoration: underline;
}

.account-body .account-content .reward-table td a:hover {
	text-decoration: none;
}
/*====================================================*/
/*====================================================*/ /*=== account-stash ---*/
/*====================================================*/
.account-body .account-content .title-1 a.btn-stash {
	position: absolute;
	display: grid;
	width: 109px;
	height: 35px;
	background: url(../images/account/btn-stash.png) no-repeat;
	color: #fcffd8;
	font-size: 12px;
	font-weight: 700;
	bottom: 0;
	right: 0;
}

.account-body .account-content .title-1 a.btn-stash span {
	position: relative;
	display: block;
	align-self: center;
	justify-self: center;
	top: 1px;
	color: #fcffd8;
	font-size: 12px;
	font-weight: 700;
}

.account-body .account-content .title-1 a.btn-stash:hover {
	-webkit-filter: contrast(135%); 
	-moz-filter: contrast(135%); 
	-o-filter: contrast(135%); 
	filter: contrast(135%); 
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.account-body .account-content .stash-form-1 {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto 15px;
}

.account-body .account-content .stash-form-1 .item-1 {
	position: relative;
	display: grid;
	width: 100%;
	grid-template-columns: auto 1fr;
	grid-gap: 15px;
}

.account-body .account-content .stash-form-1 .item-1 label {
	position: relative;
	display: block;
	align-self: center;
	color: #ffffff;
	font-size: 14px;
}

.account-body .account-content .stash-form-1 .item-1 .select {
	position: relative;
	display: block;
	align-self: center;
	z-index: 1;
}

.account-body .account-content .stash-form-1 .item-1 a.trigger,
.account-body .account-content .stash-form-1 .item-1 a.activetrigger {
	position: relative;
	display: block;
	width: calc(100% - 62px);
	padding: 0 30px;
	height: 44px;
	align-self: center;
	justify-self: start;
	border: 1px solid #2a292e;
	background-color: #08070a !important;
	line-height: 44px;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px;
	color: #a9a9a9;
	font-size: 14px;
}

.account-body .account-content .stash-form-1 .item-1 a.trigger {
	background:  url(../images/account/ico-select-1.png) no-repeat center right 20px;
}
.account-body .account-content .stash-form-1 .item-1 a.activetrigger {
	background:  url(../images/account/ico-select-2.png) no-repeat center right 20px;
}

.account-body .account-content .stash-form-1 .item-1 .dropcontainer {
	position: absolute;
	display: block;
	width: 100%;
	top: calc(100% + 1px);
	left: 0;
	z-index: 1;
}

.account-body .account-content .stash-form-1 .item-1 .dropcontainer ul {
	position: relative;
    display: none;
    width: calc(100% - 42px);
    border: 1px solid #2a292e;
	background-color: #08070a;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    padding: 5px 20px;
}

.account-body .account-content .stash-form-1 .item-1 .dropcontainer ul.dropdownvisible {
	display: block;
}

.account-body .account-content .stash-form-1 .item-1 .dropcontainer ul li {
	position: relative;
	display: block;
}

.account-body .account-content .stash-form-1 .item-1 .dropcontainer ul li a {
	position: relative;
	display: block;
	padding: 10px 10px;
	border-bottom: 1px solid #2a292e;
    color: #fff;
    font-size: 14px;
}

.account-body .account-content .stash-form-1 .item-1 .dropcontainer ul li a:hover {
	padding-left: 25px;
	color: #ff2727;
}

.account-body .account-content .stash-form-1 .item-2 {
	position: relative;
	display: block;
	width: 100%;
	margin: 20px auto 0;
	line-height: 18px;
}

.account-body .account-content .stash-form-1 .item-2 span {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto 16px;
	color: #c6cd6e;
	font-size: 14px;
}

.account-body .account-content .stash-form-1 .item-2 p {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
	color: #ff4648;
	font-size: 14px;
}

.account-body .account-content .stash-form-1 .item-3 {
	position: relative;
	display: grid;
	width: 100%;
	grid-template-columns: auto 1fr;
	grid-gap: 16px;
	margin: 30px auto;
}

.account-body .account-content .stash-form-1 .item-3 .checkbox {
	position: relative;
	display: inline-block;
	align-self: center;
}

.account-body .account-content .stash-form-1 .item-3 .checkbox input {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 1;
	cursor: pointer;
}

.account-body .account-content .stash-form-1 .item-3 .checkbox label {
	position: relative;
	display: block;
	padding-left: 32px;
	height: 19px;
	line-height: 19px;
	color: #fcffd8;
	font-size: 12px;
}

.account-body .account-content .stash-form-1 .item-3 .checkbox label:before {
	content: '';
	position: absolute;
	display: block;
	width: 19px;
	height: 19px;
	background: url(../images/account/ico-check-1.png) no-repeat;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}

.account-body .account-content .stash-form-1 .item-3 .checkbox input:checked + label:before {
	background: url(../images/account/ico-check-2.png) no-repeat;
}

.account-body .account-content .stash-form-1 .item-3 input.btn {
	position: relative;
	display: grid;
	width: 109px;
	height: 35px;
	background: url(../images/account/btn-stash.png) no-repeat;
	color: #fcffd8;
	font-size: 12px;
	font-weight: 700;
	align-self: center;
	border:0;
	cursor:pointer;
}

.account-body .account-content .stash-form-1 .item-3 input.btn span {
	position: relative;
	display: block;
	align-self: center;
	justify-self: center;
	top: 1px;
	color: #fcffd8;
	font-size: 12px;
	font-weight: 700;
}

.account-body .account-content .stash-form-1 .item-3 input.btn:hover {
	-webkit-filter: contrast(135%); 
	-moz-filter: contrast(135%); 
	-o-filter: contrast(135%); 
	filter: contrast(135%); 
}

.account-body .account-content .stash-form-1 .item-4 div {
	position: relative;
	display: grid;
	width: 188px;
	height: 45px;
	background: url(../images/account/btn-exit.png) no-repeat;
	align-self: center;
	justify-self: center;
	color: #fcffd8;
	font-size: 12px;
	font-weight: 700;
	border: none;
	cursor:pointer;
	text-align:center;
	line-height:45px;
}
.account-body .account-content .stash-form-1 .item-4 div:hover{
	color:pink;
}
.account-body .account-content .stash-form-1 .item-4 button span {
	position: relative;
	display: block;
	align-self: center;
	justify-self: center;
}

.account-body .account-content .stash-form-1 .item-4 button:hover {
	-webkit-filter: brightness(1.3);
	-moz-filter: brightness(1.3);
	-o-filter: brightness(1.3);
	filter: brightness(1.3);
}
/*====================================================*/
/*====================================================*/ /*=== account-shop ---*/
/*====================================================*/
.account-body .account-content .shop-form-1 {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto 15px;
}

.account-body .account-content .shop-form-1 .item-1 {
	position: relative;
	display: grid;
	width: 100%;
	grid-template-columns: auto 1fr;
	grid-gap: 15px;
}

.account-body .account-content .shop-form-1 .item-1 label {
	position: relative;
	display: block;
	align-self: center;
	color: #ffffff;
	font-size: 14px;
}

.account-body .account-content .shop-form-1 .item-1 .select {
	position: relative;
	display: block;
	align-self: center;
	z-index: 1;
}

.account-body .account-content .shop-form-1 .item-1 a.trigger,
.account-body .account-content .shop-form-1 .item-1 a.activetrigger {
	position: relative;
	display: block;
	width: calc(100% - 62px);
	padding: 0 30px;
	height: 44px;
	align-self: center;
	justify-self: start;
	border: 1px solid #2a292e;
	background-color: #08070a !important;
	line-height: 44px;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px;
	color: #a9a9a9;
	font-size: 14px;
}

.account-body .account-content .shop-form-1 .item-1 a.trigger {
	background:  url(../images/account/ico-select-1.png) no-repeat center right 20px;
}
.account-body .account-content .shop-form-1 .item-1 a.activetrigger {
	background:  url(../images/account/ico-select-2.png) no-repeat center right 20px;
}

.account-body .account-content .shop-form-1 .item-1 .dropcontainer {
	position: absolute;
	display: block;
	width: 100%;
	top: calc(100% + 1px);
	left: 0;
	z-index: 1;
}

.account-body .account-content .shop-form-1 .item-1 .dropcontainer ul {
	position: relative;
    display: none;
    width: calc(100% - 42px);
    border: 1px solid #2a292e;
	background-color: #08070a;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    padding: 5px 20px;
}

.account-body .account-content .shop-form-1 .item-1 .dropcontainer ul.dropdownvisible {
	display: block;
}

.account-body .account-content .shop-form-1 .item-1 .dropcontainer ul li {
	position: relative;
	display: block;
}

.account-body .account-content .shop-form-1 .item-1 .dropcontainer ul li a {
	position: relative;
	display: block;
	padding: 10px 10px;
	border-bottom: 1px solid #2a292e;
    color: #fff;
    font-size: 14px;
}

.account-body .account-content .shop-form-1 .item-1 .dropcontainer ul li a:hover {
	padding-left: 25px;
	color: #ff2727;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.account-body .account-content .shop-form-1 .item-2 {
	position: relative;
	display: block;
	width: 100%;
	margin: 20px auto 15px;
}

.account-body .account-content .shop-form-1 .item-2 .shop-links {
	position: relative;
	display: grid;
	width: 100%;
	margin: 0 auto;
	grid-template-columns: repeat(auto-fit, 90px);
	grid-gap: 10px;
}

.account-body .account-content .shop-form-1 .item-2 .shop-links a {
	position: relative;
	display: grid;
	width: 90px;
	height: 35px;
	background: url(../images/account/btn-bfs-link.png) no-repeat;
	color: #fcffd8;
	font-size: 12px;
	font-weight: 700;
}

.account-body .account-content .shop-form-1 .item-2 .shop-links a span {
	position: relative;
	display: block;
	align-self: center;
	justify-self: center;
	top: 1px;
}

.account-body .account-content .shop-form-1 .item-2 .shop-links a:hover {
	-webkit-filter: contrast(135%); 
	-moz-filter: contrast(135%); 
	-o-filter: contrast(135%); 
	filter: contrast(135%); 
}
.account-body .account-content .shop-form-1 .item-2 .shop-links a.active {
	color:green;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.account-body .account-content .shop-form-1 .item-3 {
	position: relative;
	display: block;
	color: #ff4f4f;
	font-size: 12px;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.account-body .account-content .shop-content {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}

.account-body .account-content .shop-content .shop-tabs {
	position: relative;
	display: inline-block;
	width: 100%;
	grid-gap: 6px;
}

.account-body .account-content .shop-content .shop-tabs li {
	position: relative;
	display: inline-grid;
	float: left;
	align-self: center;
	margin-right: 6px;
}

.account-body .account-content .shop-content .shop-tabs li:last-child {
	margin-right: 0;
}

.account-body .account-content .shop-content .shop-tabs li a {
	position: relative;
	display: block;
	background: #08070a;
	border: 1px solid #2a292e;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	padding: 7px 19px;
	color: #ffffff;
	font-size: 12px;
	z-index: 1;
	text-align:center;
}

.account-body .account-content .shop-content .shop-tabs li a:before {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	background: url(../images/account/btn-donate.png) no-repeat center bottom;
	z-index: -1;
	opacity: 0;
	-webkit-transition:all 0.1s ease; 
	-o-transition:all 0.1s ease; 
	-moz-transition:all 0.1s ease; 
	transition:all 0.1s ease;
}

.account-body .account-content .shop-content .shop-tabs li a:hover:before {
	opacity: 1;
}
.account-body .account-content .shop-content .shop-tabs li a.active {
	background: green;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.account-body .account-content .shop-content .shop-block {
	position: relative;
	display: grid;
	width: 100%;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 10px;
	margin: 20px auto 0;
}

.account-body .account-content .shop-content .shop-block .item {
	position: relative;
	display: block;
	width: calc(100% - 22px);
	padding: 10px;
	background: #08070a;
	border: 1px solid #242228;
}

.account-body .account-content .shop-content .shop-block .item .top {
	position: relative;
	display: grid;
	width: 100%;
	grid-template-columns: 36px 1fr;
	grid-gap: 10px;
	margin: 0 auto 10px;
}

.account-body .account-content .shop-content .shop-block .item .top .img {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}

.account-body .account-content .shop-content .shop-block .item .top .img img {
	position: relative;
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.account-body .account-content .shop-content .shop-block .item .top .text {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
	z-index: 1;
}


.account-body .account-content .shop-content .shop-block .item .top .text .ico-list {
	position: absolute;
	display: inline-block;
	z-index: -1;
	top: -15px;
	right: -10px;
}

.account-body .account-content .shop-content .shop-block .item .top .text .ico-list li {
	position: relative;
	display: inline-grid;
	float: left;
	margin-left: 5px;
}

.account-body .account-content .shop-content .shop-block .item .top .text .ico-list li img {
	position: relative;
	display: block;
	align-self: center;
}

.account-body .account-content .shop-content .shop-block .item .top .text .title {
	position: relative;
	display: block;
	margin: 0 auto;
	color: #ffb64e;
	font-size: 12px;
}

.account-body .account-content .shop-content .shop-block .item .top .text .desc {
	position: relative;
	display: block;
	margin: 3px auto 0;
	color: #ffffff;
	font-size: 12px;
	justify-self: start;
}

.account-body .account-content .shop-content .shop-block .item .top .text .desc span {
	position: relative;
	display: inline-block;
	color: #847c70;
	margin-left: 18px;
}

.account-body .account-content .shop-content .shop-block .item .top .text .desc span img {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	top: -2px;
	margin-left: 5px;
}

.account-body .account-content .shop-content .shop-block .item .bottom {
	position: relative;
	display: grid;
	width: 100%;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 16px;
}

.account-body .account-content .shop-content .shop-block .item .bottom .right {
	position: relative;
	display: block;
	align-self: center;
}

.account-body .account-content .shop-content .shop-block .item .bottom .right button {
	position: relative;
	display: block;
	width: 80px;
	height: 26px;
	background: url(../images/account/btn-donate.png) no-repeat;
	color: #fcffd8;
	font-size: 12px;
	font-weight: 700;
	line-height: 29px;
	border: none;
	align-self: center;
	justify-self: start;
}

.account-body .account-content .shop-content .shop-block .item .bottom .right button:hover {
	-webkit-filter: contrast(135%); 
	-moz-filter: contrast(135%); 
	-o-filter: contrast(135%); 
	filter: contrast(135%); 
}

.account-body .account-content .shop-content .shop-block .item .bottom .left {
	position: relative;
	display: grid;
	width: 100%;
	align-self: center;
}

.account-body .account-content .shop-content .shop-block .item .bottom .left input {
    position: relative;
    display: block;
    align-self: center;
    width: 40px;
    padding: 0 3px;
    height: 31px;
    background-color: #2a292e;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    align-self: center;
    justify-self: end;
    border: none;
}

.account-body .account-content .shop-content .shop-block .item .bottom .left input::-webkit-input-placeholder { 
	color:#ffffff;
}
.account-body .account-content .shop-content .shop-block .item .bottom .left input:-moz-placeholder { 
	color:#ffffff;
}
.account-body .account-content .shop-content .shop-block .item .bottom .left input::-moz-placeholder { 
	color:#ffffff;
}
.account-body .account-content .shop-content .shop-block .item .bottom .left input:-ms-input-placeholder { 
	color:#ffffff;
}

.account-body .account-content .shop-content .shop-block .item .bottom .left input::-webkit-outer-spin-button,
.account-body .account-content .shop-content .shop-block .item .bottom .left input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none !important;
	-moz-appearance: none;
}
.account-body .account-content .shop-content .shop-block .item .bottom .left input[type='number'] {
    -moz-appearance: textfield;
}

.account-body .account-content .shop-content .shop-block .item .bottom .left .claim {
	position: relative;
	display: block;
	align-self: center;
	color: #847c70;
	font-size: 12px;
}

.account-body .account-content .shop-content .shop-block .item .bottom .left .claim span {
	color: #ffffff;
}
/*====================================================*/
/*====================================================*/ /*=== account-logs ---*/
/*====================================================*/
.account-body .account-content .logs-links {
	position: relative;
	display: grid;
	width: 100%;
	margin: 0 auto 20px;
	grid-template-columns: repeat(auto-fit, 120px);
	grid-gap: 10px;
}

.account-body .account-content .logs-links a {
	position: relative;
	display: grid;
	width: 120px;
	height: 35px;
	background: url(../images/account/btn-logs.png) no-repeat;
	color: #fcffd8;
	font-size: 12px;
	font-weight: 700;
}

.account-body .account-content .logs-links a span {
	position: relative;
	display: block;
	align-self: center;
	justify-self: center;
	top: 1px;
}

.account-body .account-content .logs-links a:hover {
	-webkit-filter: contrast(135%); 
	-moz-filter: contrast(135%); 
	-o-filter: contrast(135%); 
	filter: contrast(135%); 
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.account-body .account-content .logs-table {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

.account-body .account-content .logs-table th {
	padding: 10px 0;
}

.account-body .account-content .logs-table th:nth-child(1),
.account-body .account-content .logs-table td:nth-child(1) {
	text-align: left;
	padding-left: 25px;
}

.account-body .account-content .logs-table th:nth-child(2),
.account-body .account-content .logs-table td:nth-child(2) {
	text-align: left;
}
.account-body .account-content .logs-table td:nth-child(2) {
	color: #ffb64e;
}

.account-body .account-content .logs-table th:nth-child(3),
.account-body .account-content .logs-table td:nth-child(3) {
	text-align: center;
}
/*====================================================*/
/*====================================================*/ /*=== account-pve ---*/
/*====================================================*/
.account-body .account-content .pve-table {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

.account-body .account-content .pve-table th {
	color: #514d4d;
	padding: 5px 0;
}

.account-body .account-content .pve-table td {
	text-align: center;
}

.account-body .account-content .pve-table th:nth-child(1),
.account-body .account-content .pve-table td:nth-child(1) {
	text-align: left;
	padding-left: 25px;
}
.account-body .account-content .pve-table td:nth-child(1) {
	color: #b7d223;
}
.account-body .account-content .pve-table td:nth-child(2) {
	color: #ffb64e;
}

.account-body .account-content .pve-table td:nth-child(3) .desc {
	position: relative;
	display: inline-grid;
	grid-template-columns: auto 1fr;
	grid-gap: 10px;
}

.account-body .account-content .pve-table td:nth-child(3) .desc ul {
	position: relative;
	display: inline-block;
	align-self: center;
	justify-self: end;
}

.account-body .account-content .pve-table td:nth-child(3) .desc ul li {
	position: relative;
	display: inline-grid;
	float: left;
	margin-right: 4px;
}

.account-body .account-content .pve-table td:nth-child(3) .desc ul li:last-child {
	margin-right: 0;
}

.account-body .account-content .pve-table td:nth-child(3) .desc ul li img {
	position: relative;
	display: block;
	align-self: center;
}

.account-body .account-content .pve-table td:nth-child(4) {
	color: #ffffff;
}

.account-body .account-content .pve-table td:nth-child(3) .desc .text {
	position: relative;
	display: block;
	align-self: center;
	justify-self: start;
	text-align: left;
	color: #ffffff;
}
/*====================================================*/
/*====================================================*/ /*=== account-account ---*/
/*====================================================*/
.account-body .account-content .change-form-1 {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}

.account-body .account-content .change-form-1 .item {
	position: relative;
	display: grid;
	width: 100%;
	grid-template-columns: 1fr 330px;
	grid-gap: 10px;
	margin: 0 auto 14px;
}

.account-body .account-content .change-form-1 .item label {
	position: relative;
	display: block;
	align-self: center;
	color: #ffffff;
	font-size: 14px;
}

.account-body .account-content .change-form-1 .item input {
	position: relative;
	display: block;
	width: calc(100% - 62px);
	padding: 0 30px;
	height: 44px;
	border: 1px solid #2a292e;
	background: #08070a;
	align-self: center;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px;
	color: #a9a9a9;
	font-size: 14px;
}

.account-body .account-content .change-form-1 .item input::-webkit-input-placeholder { 
	color:#a9a9a9;
	-webkit-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	transition:all 0.3s ease; 
}
.account-body .account-content .change-form-1 .item input:-moz-placeholder { 
	color:#a9a9a9;
	-webkit-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	transition:all 0.3s ease; 
}
.account-body .account-content .change-form-1 .item input::-moz-placeholder { 
	color:#a9a9a9; 
	-webkit-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	transition:all 0.3s ease; 
}
.account-body .account-content .change-form-1 .item input:-ms-input-placeholder { 
	color:#a9a9a9;
	-webkit-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	transition:all 0.3s ease; 
}

.account-body .account-content .change-form-1 .item button {
	position: relative;
	display: block;
	width: 109px;
	height: 35px;
	background: url(../images/account/btn-char.png) no-repeat;
	color: #fcffd8;
	font-size: 12px;
	font-weight: 700;
	line-height: 39px;
	border: none;
	align-self: center;
	justify-self: start;
	margin-top: 10px;
}

.account-body .account-content .change-form-1 .item button:hover {
	-webkit-filter: contrast(135%); 
	-moz-filter: contrast(135%); 
	-o-filter: contrast(135%); 
	filter: contrast(135%); 
}

.account-body .account-content .change-form-1 .text {
	position: relative;
	display: block;
	color: #fcffd8;
	font-size: 12px;
	font-weight: 700;
	margin-top: 20px;
}
/*====================================================*/
/*====================================================*/ /*=== account-donate ---*/
/*====================================================*/
.account-body .account-content .donate-form-1 {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto 15px;
}

.account-body .account-content .donate-form-1 .item-1 {
	position: relative;
	display: grid;
	width: 100%;
	grid-template-columns: auto 1fr 90px;
	grid-gap: 15px;
	margin: 0 auto 20px;
}

.account-body .account-content .donate-form-1 .item-1 .img {
	position: relative;
	display: block;
	align-self: center;
}

.account-body .account-content .donate-form-1 .item-1 .img img {
	position: relative;
	display: block;
}

.account-body .account-content .donate-form-1 .item-1 .button {
	position: relative;
	display: block;
	align-self: center;
}

.account-body .account-content .donate-form-1 .item-1 .button button {
	position: relative;
	display: block;
	width: 90px;
	height: 35px;
	background: url(../images/account/btn-donate.png) no-repeat;
	color: #fcffd8;
	font-size: 12px;
	font-weight: 700;
	line-height: 39px;
	border: none;
	align-self: center;
	justify-self: start;
}

.account-body .account-content .donate-form-1 .item-1 .button button:hover {
	-webkit-filter: contrast(135%); 
	-moz-filter: contrast(135%); 
	-o-filter: contrast(135%); 
	filter: contrast(135%); 
}

.account-body .account-content .donate-form-1 .item-1 .select {
	position: relative;
	display: block;
	align-self: center;
	z-index: 1;
}

.account-body .account-content .donate-form-1 .item-1 a.trigger,
.account-body .account-content .donate-form-1 .item-1 a.activetrigger {
	position: relative;
	display: block;
	width: calc(100% - 62px);
	padding: 0 30px;
	height: 44px;
	align-self: center;
	justify-self: start;
	border: 1px solid #2a292e;
	background-color: #08070a !important;
	line-height: 44px;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px;
	color: #a9a9a9;
	font-size: 14px;
}

.account-body .account-content .donate-form-1 .item-1 a.trigger {
	background:  url(../images/account/ico-select-1.png) no-repeat center right 20px;
}
.account-body .account-content .donate-form-1 .item-1 a.activetrigger {
	background:  url(../images/account/ico-select-2.png) no-repeat center right 20px;
}

.account-body .account-content .donate-form-1 .item-1 .dropcontainer {
	position: absolute;
	display: block;
	width: 100%;
	top: calc(100% + 1px);
	left: 0;
	z-index: 1;
}

.account-body .account-content .donate-form-1 .item-1 .dropcontainer ul {
	position: relative;
    display: none;
    width: calc(100% - 42px);
    border: 1px solid #2a292e;
	background-color: #08070a;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    padding: 5px 20px;
}

.account-body .account-content .donate-form-1 .item-1 .dropcontainer ul.dropdownvisible {
	display: block;
}

.account-body .account-content .donate-form-1 .item-1 .dropcontainer ul li {
	position: relative;
	display: block;
}

.account-body .account-content .donate-form-1 .item-1 .dropcontainer ul li a {
	position: relative;
	display: block;
	padding: 10px 10px;
	border-bottom: 1px solid #2a292e;
    color: #fff;
    font-size: 14px;
}

.account-body .account-content .donate-form-1 .item-1 .dropcontainer ul li a:hover {
	padding-left: 25px;
	color: #ff2727;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.account-body .account-content .donate-form-1 .item-2 {
	position: relative;
	display: grid;
	width: 100%;
	grid-template-columns: auto 1fr;
	grid-gap: 12px;
}

.account-body .account-content .donate-form-1 .item-2 .checkbox {
	position: relative;
	display: block;
	width: 19px;
	height: 19px;
}

.account-body .account-content .donate-form-1 .item-2 .checkbox input {
	position: absolute;
	display: block;
	width: 19px;
	height: 19px;
	opacity: 0;
	z-index: 1;
	cursor: pointer;
}

.account-body .account-content .donate-form-1 .item-2 .checkbox label {
	position: relative;
	display: block;
	width: 19px;
	height: 19px;
	background: url(../images/account/ico-check-1.png) no-repeat;
}

.account-body .account-content .donate-form-1 .item-2 .checkbox input:checked + label {
	background: url(../images/account/ico-check-2.png) no-repeat;
}

.account-body .account-content .donate-form-1 .item-2 .text {
	position: relative;
	display: block;
	color: #d53c3d;
	font-size: 12px;
	line-height: 16px;
}
/*====================================================*/
/*====================================================*/ /*=== account-characters ---*/
/*====================================================*/
.account-body .account-content .characters-form-1 {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto 35px;
}

.account-body .account-content .characters-form-1 .item-1 {
	position: relative;
	display: grid;
	width: 100%;
	grid-template-columns: auto 1fr;
	grid-gap: 15px;
}

.account-body .account-content .characters-form-1 .item-1 label {
	position: relative;
	display: block;
	align-self: center;
	color: #ffffff;
	font-size: 14px;
}

.account-body .account-content .characters-form-1 .item-1 .select {
	position: relative;
	display: block;
	align-self: center;
	z-index: 1;
}

.account-body .account-content .characters-form-1 .item-1 a.trigger,
.account-body .account-content .characters-form-1 .item-1 a.activetrigger {
	position: relative;
	display: block;
	width: calc(100% - 62px);
	padding: 0 30px;
	height: 44px;
	align-self: center;
	justify-self: start;
	border: 1px solid #2a292e;
	background-color: #08070a !important;
	line-height: 44px;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px;
	color: #a9a9a9;
	font-size: 14px;
}

.account-body .account-content .characters-form-1 .item-1 a.trigger {
	background:  url(../images/account/ico-select-1.png) no-repeat center right 20px;
}
.account-body .account-content .characters-form-1 .item-1 a.activetrigger {
	background:  url(../images/account/ico-select-2.png) no-repeat center right 20px;
}

.account-body .account-content .characters-form-1 .item-1 .dropcontainer {
	position: absolute;
	display: block;
	width: 100%;
	top: calc(100% + 1px);
	left: 0;
	z-index: 1;
}

.account-body .account-content .characters-form-1 .item-1 .dropcontainer ul {
	position: relative;
    display: none;
    width: calc(100% - 42px);
    border: 1px solid #2a292e;
	background-color: #08070a;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    padding: 5px 20px;
}

.account-body .account-content .characters-form-1 .item-1 .dropcontainer ul.dropdownvisible {
	display: block;
}

.account-body .account-content .characters-form-1 .item-1 .dropcontainer ul li {
	position: relative;
	display: block;
}

.account-body .account-content .characters-form-1 .item-1 .dropcontainer ul li a {
	position: relative;
	display: block;
	padding: 10px 10px;
	border-bottom: 1px solid #2a292e;
    color: #fff;
    font-size: 14px;
}

.account-body .account-content .characters-form-1 .item-1 .dropcontainer ul li a:hover {
	padding-left: 25px;
	color: #ff2727;
}

.account-body .account-content .characters-form-1 .item-2 {
	position: relative;
	display: grid;
	width: 100%;
	margin: 16px auto 0;
}

.account-body .account-content .characters-form-1 .item-2 button {
	position: relative;
	display: block;
	width: 109px;
	height: 35px;
	background: url(../images/account/btn-char.png) no-repeat;
	color: #fcffd8;
	font-size: 12px;
	font-weight: 700;
	line-height: 39px;
	border: none;
	align-self: center;
	justify-self: start;
}

.account-body .account-content .characters-form-1 .item-2 button:hover {
	-webkit-filter: contrast(135%); 
	-moz-filter: contrast(135%); 
	-o-filter: contrast(135%); 
	filter: contrast(135%); 
}
/*====================================================*/
/*====================================================*/ /*=== account-redeem ---*/
/*====================================================*/
.account-body .account-content .redeem-form-1 {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto 35px;
}

.account-body .account-content .redeem-form-1 .item-1 {
	position: relative;
	display: grid;
	width: 100%;
	grid-template-columns: auto 328px;
	grid-gap: 15px;
}

.account-body .account-content .redeem-form-1 .item-1 label {
	position: relative;
	display: block;
	align-self: center;
	color: #ffffff;
	font-size: 14px;
}

.account-body .account-content .redeem-form-1 .item-1 input {
    position: relative;
    display: block;
    align-self: center;
    width: calc(100% - 72px);
    padding: 0 35px;
    height: 44px;
    background-color: rgb(8, 7, 10);
    border: 1px solid rgb(42, 41, 46);
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    color: #a9a9a9;
    font-size: 14px;
}

.account-body .account-content .redeem-form-1 .item-1 input::-webkit-input-placeholder { 
	color:#a9a9a9;
}
.account-body .account-content .redeem-form-1 .item-1 input:-moz-placeholder { 
	color:#a9a9a9;
}
.account-body .account-content .redeem-form-1 .item-1 input::-moz-placeholder { 
	color:#a9a9a9;
}
.account-body .account-content .redeem-form-1 .item-1 input:-ms-input-placeholder { 
	color:#a9a9a9;
}

.account-body .account-content .redeem-form-1 .item-2 {
	position: relative;
	display: grid;
	width: 100%;
	margin: 16px auto 0;
}

.account-body .account-content .redeem-form-1 .item-2 input[type="submit"] {
	position: relative;
	display: block;
	width: 109px;
	height: 35px;
	background: url(../images/account/btn-char.png) no-repeat;
	color: #fcffd8;
	font-size: 12px;
	font-weight: 700;
	line-height: 39px;
	border: none;
	align-self: center;
	justify-self: start;
}

.account-body .account-content .redeem-form-1 .item-2 input[type="submit"]:hover {
	-webkit-filter: contrast(135%); 
	-moz-filter: contrast(135%); 
	-o-filter: contrast(135%); 
	filter: contrast(135%); 
}
/*====================================================*/
/*====================================================*/ /*=== account-lotteries ---*/
/*====================================================*/
.account-body .account-content .lotteries-text-1 {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto 20px;
	color: #ffffff;
	font-size: 14px;
	line-height: 18px;
}

.account-body .account-content .lotteries-text-1 a {
	color: #b7d223;
}

.account-body .account-content .lotteries-text-1 a:hover {
	text-decoration: underline;
}

.account-body .account-content .lotteries-form-1 {
	position: relative;
	display: grid;
	width: calc(100% - 8px);
	padding: 6px;
	border: 1px dashed #232323;
	background: #0e0c10;
	grid-template-columns: 158px 1fr;
	grid-gap: 40px;
	margin: 0 auto 24px;
}

.account-body .account-content .lotteries-form-1 .left {
	position: relative;
	display: block;
	border-right: 1px solid #232323;
	width: calc(100% - 35px);
	padding: 5px 20px 5px 14px;
	justify-self: center;
}

.account-body .account-content .lotteries-form-1 .left .title {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto 10px;
	color: #fff3dc;
	line-height: 18px;
	font-size: 14px;
	text-align: center;
}

.account-body .account-content .lotteries-form-1 .left .desc {
	position: relative;
	display: grid;
	width: 100%;
	margin: 0 auto 5px;
}

.account-body .account-content .lotteries-form-1 .left .desc span {
	position: relative;
	display: inline-block;
	justify-self: center;
	color: #847c70;
	font-size: 12px;
}

.account-body .account-content .lotteries-form-1 .left .desc span img {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	top: -2px;
	margin-left: 3px;
}

.account-body .account-content .lotteries-form-1 .left .img {
	position: relative;
	display: grid;
	width: 100%;
	margin: 0 auto 10px;
}

.account-body .account-content .lotteries-form-1 .left .img img {
	position: relative;
	display: block;
	justify-self: center;
}

.account-body .account-content .lotteries-form-1 .left .input {
	position: relative;
	display: grid;
	width: 100%;
	margin: 0 auto 15px;
}

.account-body .account-content .lotteries-form-1 .left .input input {
	position: relative;
    display: block;
    width: 45px;
    height: 30px;
    margin: 0 auto;
    border: none;
    background: #2a292e;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    justify-self: center;
}

.account-body .account-content .lotteries-form-1 .left .input input::-webkit-outer-spin-button,
.account-body .account-content .lotteries-form-1 .left .input input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none !important;
	-moz-appearance: none;
}
.account-body .account-content .lotteries-form-1 .left .input input[type='number'] {
    -moz-appearance: textfield;
}

.account-body .account-content .lotteries-form-1 .left .button {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}

.account-body .account-content .lotteries-form-1 .left .button button {
    position: relative;
    display: block;
    width: 80px;
    height: 26px;
    background: url(../images/account/btn-buy.png) no-repeat;
    border: none;
    outline: none;
    color: #fcffd8;
    font-size: 12px;
    font-weight: 700;
    line-height: 29px;
	margin: 0 auto;
}

.account-body .account-content .lotteries-form-1 .left .button button:hover {
	-webkit-filter: contrast(135%); 
	-moz-filter: contrast(135%); 
	-o-filter: contrast(135%); 
	filter: contrast(135%); 
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.account-body .account-content .lotteries-form-1 .right {
	position: relative;
	display: block;
	width: 100%;
	padding: 5px 0;
}

.account-body .account-content .lotteries-form-1 .right .item {
	position: relative;
	display: block;
	width: 100%;
	margin: 15px auto 0;
}

.account-body .account-content .lotteries-form-1 .right .item:first-child {
	margin-top: 0;
}

.account-body .account-content .lotteries-form-1 .right .item .title {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto 10px;
	color: #ffffff;
	font-size: 12px;
}

.account-body .account-content .lotteries-form-1 .right .item ul {
	position: relative;
	display: inline-block;
}

.account-body .account-content .lotteries-form-1 .right .item ul li {
	position: relative;
	display: inline-grid;
	float: left;
	margin-right: 4px;
}

.account-body .account-content .lotteries-form-1 .right .item ul li img {
	position: relative;
	display: block;
	align-self: center;
	width:40px;
	height:40px;
}
.account-body .account-content .lotteries-form-1 .right .item ul li span {
	position: absolute;
	left:2px;
	bottom:2px;
	color:orange;
	display: block;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/

.money_icon{
	width:16px;
	height:16px;
	vertical-align:middle;
	margin-left:5px;
	display:inline-block;
}
.money_icon.jaden{
	background:url(../gfx/money.png) 0 0;
}
.money_icon.gj{
	background:url(../gfx/money.png) 0 -16px;
}
.money_icon.gold{
	background:url(../gfx/money.png) 0 -64px;
}
.money_icon.event{
	background:url(../gfx/money.png) 0 -80px;
}
.old_price{
	text-decoration: line-through;
	color:red !important;
}
.admindata{
	background:white;
	padding:5px;
	border:1px solid black;
	color:black;
}
.admindata i{
	color:green;
}
#char_editor{
	max-width:1200px;
	min-height:800px;
	background:white;
	color:black;
	border:1px solid green;
	position:fixed;
	top:30px;
	left:0;
	right:0;
	margin:auto;
	padding:10px;
	z-index:9999;
}
#editor_handler{
	overflow-x:auto;
	height:700px;
	background:rgba(0,0,0,0.05);
}
#char_editor .item{
	width:36px;
	height:36px;
	position:relative;
	float:left;
	margin:3px;
}
#char_editor .item .icon{
	float:left; 
	margin-right:3px;
	cursor:pointer;
	width:36px;
	height:36px;
}
#char_editor .item span{
	position:absolute;
	display:block;
	bottom:-3px;
	left:3px;
	color:white;
	font-size:12px;
	pointer-events:none;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
}
.initial_hide{
	display:none;
}
#char_editor .option{
	cursor:pointer;
	color:blue !important;
	font-weight:bold;
}
.editor_btn{
	width:150px;
	color:black;
	font-size:12px;
	padding:10px;
}
.editor_btn.active{
	background:orange;
}
.data_editor{
	width:500px;
	min-height:300px;
	border:1px solid silver;
	padding:5px;
	position:absolute;
	margin:auto;
	background:yellow;
	left:0;
	right:0;
	top:50px;
	font-size:12px;
}
#char_editor .section{
	background:silver;
	padding:5px;
	float:left;
	margin:3px;
	font-size:12px;
	
}
#char_editor .section > div{
	width:310px;
	clear:both;
	border-bottom:1px solid grey;
}
#char_editor .section input{
	font-size:12px;
	width:100px;
	float:right;
	color:black;
	padding:2px;
	display:inline-block;
}
#char_editor .section input.octets{
	width:300px;
	color:grey;
}
#char_editor .section span{
	display:inline-block;
	width:200px;
	height:28px;
	line-height:28px;
}
#char_editor .section span u{
	color:blue;
}
#char_editor .section.bag{
	width:270px;
}
#char_editor .section .bag{
	width:270px;
}
.itnam{width:300px;}
.add_item{
	background:url('../gfx/slot.png');
	width:36px;
	height:36px;
}
.role_json{
	position:fixed;
	width:400px;
	height:400px;
	background:orange;
	color:black;
	font-size:12px;
}
.role_json textarea{
	width:400px;
	height:370px;
	font-size:12px;
	color:black;
}
.pull-right{float:right;}
.pull-left{float:left;}
.race{
	width:22px;
	height:22px;
	background-image:url('../gfx/profession.png');
	vertical-align:middle;
	display:inline-block;
	position:relative;
	z-index:1;
	border-radius:20px;
}
.race.r0{background-position:0 0;}
.race.r1{background-position:0 -22px;}
.race.r2{background-position:0 -44px;}
.race.r3{background-position:0 -66px;}
.race.r4{background-position:0 -88px;}
.race.r5{background-position:0 -110px;}
.race.r6{background-position:0 -132px;}
.race.r7{background-position:0 -154px;}
.race.r8{background-position:0 -176px;}
.race.r9{background-position:0 -198px;}

.stash_item{
	width:40px;
	height:60px;
	float:left;
	margin:2px;
	position:relative;
	background:linear-gradient(#202020,#606060);
	border-radius:2px;
	padding-top:1px;
	text-align:center;
}
.stash_item img{
	width:40px;
	height:40px;
}
.stash_item span{
	position:absolute;
	top:27px;
	left:4px;
	color:white;
	font-size:11px;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
}
.stash_item.disabled{
	opacity:0.3;
	pointer-events:none;
}
.stash_item.bounder{
	background:orange;
}
.global-btn {
	position: relative;
	display: grid;
	width: 109px;
	height: 35px;
	background: url(../images/account/btn-stash.png) no-repeat;
	color: #fcffd8;
	font-size: 12px;
	font-weight: 700;
	align-self: center;
	border:0;
	cursor:pointer;
}

.global-btn span {
	position: relative;
	display: block;
	align-self: center;
	justify-self: center;
	top: 1px;
	color: #fcffd8;
	font-size: 12px;
	font-weight: 700;
}

.global-btn:hover {
	-webkit-filter: contrast(135%); 
	-moz-filter: contrast(135%); 
	-o-filter: contrast(135%); 
	filter: contrast(135%); 
}
.claimed{opacity:0.5;}
.lotto_reward{
	position:fixed;
	text-align:center;
	padding:5px;
	width:100px;
	height:100px;
	padding-top:10px;
	z-index:9999999999999;
}
.lotto_reward.grade0{
	background:yellow;
}
.lotto_reward.grade1{
	background:orange;
}
.lotto_reward.grade2{
	background:silver;
}
.lotto_reward.grade3{
	background:grey;
}
.sitem{
	display:inline-block;
	background:black;
	padding:3px;
	border-radius:5px;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	color:white;
}
.sitem img{
	width:40px;
	height:40px;
	vertical-align:middle;
	margin-right:5px;
}
.premium_item{
	background:linear-gradient(#202020,#404040);
	font-size:15px;
	color:#9999FF;
	padding:12px;
	text-align:center;
}
.premium_item b{
	color:white;
}
.premium_item h1{
	color:#0066CC;
	font-size:15px;
}

.eclass.c1{background:white;}
.eclass.c2{background:yellow;}
.eclass.c3{background:#FF99FF;}
.eclass.c4{background:#FF9933;}
.eclass.c5{background:#6666FF;}
.eclass.c6{background:#FF6666;}
.eclass.c7{background:#F7F12D; animation: divineclass1 2s infinite;}

.xclass.c1{background:linear-gradient(to right,rgba(255,255,255,0.3) 0%,rgba(0,0,0,0) 50%);}
.xclass.c2{background:linear-gradient(to right,rgba(255,255,0,0.3) 0%,rgba(0,0,0,0) 50%);}
.xclass.c3{background:linear-gradient(to right,rgba(255,153,255,0.3) 0%,rgba(0,0,0,0) 50%);}
.xclass.c4{background:linear-gradient(to right,rgba(255,153,51,0.6) 0%,rgba(0,0,0,0) 50%);}
.xclass.c5{background:linear-gradient(to right,rgba(102,102,255,0.6) 0%,rgba(0,0,0,0) 50%);}
.xclass.c6{background:linear-gradient(to right,rgba(255,102,102,0.6) 0%,rgba(0,0,0,0) 50%);}
.xclass.c7{background:linear-gradient(to right,rgba(247,241,45,0.6) 0%,rgba(0,0,0,0) 50%);}

@keyframes divineclass1 {
  0% {background:#F7F12D;}
  50% {background:#23D5DB;}
  100% {background:#F7F12D;}
}

.event.c1{color:white !important;}
.event.c2{color:yellow !important;}
.event.c3{color:#FF99FF!important;}
.event.c4{color:#FF9933 !important;}
.event.c5{color:#6666FF !important;}
.event.c6{color:#FF6666 !important;}
.event.c7{color:#F7F12D; animation: divineclass2 2s infinite;}

@keyframes divineclass2 {
  0% {color:#F7F12D ;}
  50% {color:#23D5DB ;}
  100% {color:#F7F12D ;}
}

.event_top{
	background:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.9));
	margin-top:-30px;
	margin-left:-30px;
	padding:20px;
	position:relative;
}
.event_top h2{
	 margin:0;
}
.ev_goback{
	text-transform:uppercase;
	color:#879EA9;
	display:inline-block;
	width:100px;
	position:absolute;
	right:0;
}
.ev_goback i{
	width:40px;
	height:40px;
	display:block;
	float:left;
	background:url('../gfx/goBack.png');
}
.ev_goback:hover i{
	background:url('../gfx/goBack.png') 0 -40px;
}
.event_desc{
	background:rgba(0,0,0,0.3);
	padding:10px;
	border-style: solid; 
	border-width: 7px; 
	-moz-border-image: url('../gfx/ramka_kontener.png') 7 stretch; 
	-webkit-border-image: url('../gfx/ramka_kontener.png') 7 stretch; 
	-o-border-image: url('../gfx/ramka_kontener.png') 7 stretch; 
	border-image: url('../gfx/ramka_kontener.png') 7 fill stretch;
	border-radius:5px;
	width:420px;
	float:left;
}
.orange{color:orange !important;}
.green{color:green !important;}
.event_rewards{
	background:rgba(0,0,0,0.3);
	padding:10px;
	border-style: solid; 
	border-width: 7px; 
	-moz-border-image: url('../gfx/ramka_kontener.png') 7 stretch; 
	-webkit-border-image: url('../gfx/ramka_kontener.png') 7 stretch; 
	-o-border-image: url('../gfx/ramka_kontener.png') 7 stretch; 
	border-image: url('../gfx/ramka_kontener.png') 7 fill stretch;
	width:220px;
	float:right;
}
.event_rewards > div{
	background:rgba(0,0,0,0.3);
	padding:10px;
	color:#879EA9;
	text-transform:uppercase;
	font-size:11px;
}
.top_reward{
	text-transform:uppercase;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
	 color:white;
	 font-size:18px;
}
.event_group{
	background:linear-gradient(black,grey) !important;
	border-bottom:2px solid black;
}
.kill_log{
	padding:10px;
	border-style: solid; 
	border-width: 7px; 
	-moz-border-image: url('../gfx/ramka_kontener.png') 7 stretch; 
	-webkit-border-image: url('../gfx/ramka_kontener.png') 7 stretch; 
	-o-border-image: url('../gfx/ramka_kontener.png') 7 stretch; 
	border-image: url('../gfx/ramka_kontener.png') 7 fill stretch;
	border-radius:5px;
	background:rgba(0,0,0,0.1);
	color:white;
	width:430px;
	padding:5px;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
}
.kill_log .killer{
	color:#00ff99;
}
.kill_log .corpse{
	color:#ff3300;
}
.kill_log span{
	color:grey;
}
.pt_points{
	border:none;
	background:none;
	color:orange;
}
table.event_table{
	width:100%;
	margin-top:20px;
	background:none;
}
table.event_table td{
	padding:5px;
}
table.event_table td.kills{
	color:lime;
}
table.event_table td.death{
	color:red;
}
table tr.first{
	background:linear-gradient(#151F2B,#1D3045) !important;
	color:white;
	border:2px solid black !important;
	text-transform:uppercase !important;
}
.greyb{
	color:grey;
	font-size:18px;
}
.pve_set{
	width:235px;
	background:rgba(0,76,153,0.1);
	padding:5px;
}
.trader_head{
	text-align:left;
	padding-left:20px;
	text-transform:uppercase;
}
.trader_head.d{
	background:linear-gradient(to right,rgba(0,102,0,0.8),rgba(0,255,0,0.1))
}
.trader_head.m{
	background:linear-gradient(to right,rgba(255,102,0,0.8),rgba(0,255,0,0.1))
}
.vip{
	width:20px;
	height:20px;
	display:inline-block;
	vertical-align:middle;
}
.vip.lvl1{background:url(../gfx/vipsymbol.png) 0 0;}
.vip.lvl2{background:url(../gfx/vipsymbol.png) 0 -20px;}
.vip.lvl3{background:url(../gfx/vipsymbol.png) 0 -40px;}
.vip.lvl4{background:url(../gfx/vipsymbol.png) 0 -60px;}
.vip.lvl5{background:url(../gfx/vipsymbol.png) 0 -80px;}
.vip.lvl6{background:url(../gfx/vipsymbol.png) 0 -100px;}
.stat{color:#99FFFF;}