*{
	box-sizing: border-box;
}
html,body{
	height: 100%;
}
body{
	font-size: 14px;
	font-family: Roboto, sans-serif;
	color: #fff;
	margin: 0 auto;
	padding: 0;
	background: #000d20;
}
::-webkit-scrollbar { width: 2px;}
::-webkit-scrollbar-track { background: rgba(255,255,255,0.10);}
::-webkit-scrollbar-thumb { background: #42edf8;}
::scrollbar { -moz-width: 2px;}
::scrollbar-track { -moz-background: rgba(255,255,255,0.10);}
::scrollbar-thumb { -moz-background: #42edf8;}
a{text-decoration: none; outline: none; color: #fff; text-shadow: 1px 2px 0px #000;}
input{  font-family: 'Roboto', sans-serif; outline: none; border: none; color: #fff;}
input[type=button]{ cursor: pointer; color: #fff;text-shadow: 1px 2px 0px #000;}
input::-webkit-input-placeholder       {opacity: 1;   transition: all 0.5s ease; color: #878787}
p{padding: 0;margin: 0;}
img{ width: 100%; height: 100%; vertical-align:bottom;}
.row-100{width: 100%;position: relative; float: left;}
.row-50{width: 50%;position: relative; float: left;}
.row-33{width: 33.33%;position: relative; float: left;}
.row-25{width: 25%;position: relative; float: left;}
.row-100:before,.row-50:before,.row-25:before,.row-33:before{
	clear: both;
}
.pad-10{
	padding:80px 10px;
}
.color2213{
	    color: #5e7a8d;
}
.number{ font-family: 'Electrolize';}
.page-wrapper{
	min-height: 100%;
	width: 100%;
	position: relative;
	float: left;
	background: url(/img/gridbg.png) repeat center top;
}
.content-wrapper{
	min-height: 100%;
    padding-bottom: 60px;
    position: relative;
    float: right;
    width: 100%;
	background: rgba(0,0,0,0.4);
	padding-top: 60px;
}
.user-wrapper{
	min-height: 100%;
    padding-bottom: 60px;
    position: relative;
    float: right;
    width: calc(100% - 270px);
	background: rgba(0,0,0,0.4);
	padding-top: 60px;
}
.aside-wrap{
	position: fixed;
    left: 0;
    top: 60px;
    height: calc(100% - 60px);

    overflow: auto;
    width: 270px;
    box-shadow:0 0px 10px rgba(64,140,206,1);
}
.aside-wrap-bg{
	min-height: 100%;
    position: relative;
    background-image: url(/img/subnav-bg.png);
    padding-bottom: 10px;
}
.clear{
	clear: both;
}
.aside-wrap::-webkit-scrollbar { width: 2px;}
.aside-wrap::-webkit-scrollbar-track { background: rgba(255,255,255,0.10);}
.aside-wrap::-webkit-scrollbar-thumb { background: #42edf8;}
.aside-wrap::scrollbar { -moz-width: 2px;}
.aside-wrap::scrollbar-track { -moz-background: rgba(255,255,255,0.10);}
.aside-wrap::scrollbar-thumb { -moz-background: #42edf8;}
.aside-wrap-bg form{
	margin: 10px 0;
	position: relative;
	width: 100%;
	padding: 0 10px;
	float: left;
}
.user_name_wrapper img{
	width: 60px;
	height: 60px;
	float: left;
	box-shadow: 0 0px 4px rgba(64,140,206,.7);
}
.user_name_wrapper a{
	position: absolute;
	width: 60px;
	height: 60px;
	left: 0;
}
.user_name{
	text-align: center;
	width: calc(100% - 60px);
	position: relative;
	height: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 32px;
	float: left;
	color: #bbb;
    font-size: 18px;
    text-shadow: 0 0 30px #00edff;
    text-transform: uppercase;
    padding: 0 10px;
    background: linear-gradient(180deg, #fff 33%, #70679c 66%, #70679c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.quest-wrap-line{
	width: 100%;
	float: left;
	margin-top: 40px;
}
.snow{
	display: none;
}
.side-bar-wrapper{
	width: 100%;
	overflow: auto;
	position: relative;
	max-height: 400px;
	-moz-max-height: 400px;
}
.side-bar-wrapper::-webkit-scrollbar { width: 4px;}
.side-bar-wrapper::-webkit-scrollbar-track { background: rgba(255,255,255,0.10);}
.side-bar-wrapper::-webkit-scrollbar-thumb { background: #42edf8;}
.side-bar-wrapper::scrollbar { -moz-width: 4px;}
.side-bar-wrapper::scrollbar-track { -moz-background: rgba(255,255,255,0.10);}
.side-bar-wrapper::scrollbar-thumb { -moz-background: #42edf8;}
.side-bar-name {
    position: absolute;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1.2px;
    left: 10px;
    top: 0px;
    height: 40px;
    line-height: 40px;
}
.close_ineer_btn{
	position: absolute;
	right: 4px;
	color: red;
	cursor: pointer;
	font-weight: 700;
	width: 40px;
	height: 40px;
	font-size: 24px;
	line-height: 38px;
	text-align: center;
}
.side-bar-title{
	width: 266px;
	position: absolute;
	margin-top: 62px;
	background: #000;
	color: #999;
    padding:4px;
    z-index: 1000;
   border: 1px solid #1d3f62;
    box-shadow: inset 0 0px 10px rgba(64,140,206,.7);
}
.side-bar-title::after {
    content: '';
    position: absolute;
    left: -20px;
    top: 20px;
    border: 10px solid transparent;
    border-right: 10px solid rgba(44,140,191,1);
}
.aside-user-foto{
	position: relative;
}
.quest-wrap{
	width: 100%;
	position: relative;
	float: left;
	padding: 0px 10px 10px 10px;
	border-radius: 4px;
}
.quest-wrap:hover{
	background: rgba(255,255,255,0.1);
}
.quest-wrap-name{
	width: 100%;
	font-size: 16px;
	padding: 10px 0;
	border-top: 2px solid rgba(255,255,255,0.1);
}
.side-bar-title-btn {
	width: 100%;
	position: relative;
	text-align: center;
	border-bottom: 2px solid rgba(255,255,255,0.1);
	float: left;
	height: 60px;
}
.side-bar-title-btn input{
	box-shadow: 0 0px 3px rgba(29,255,0,.9);
	padding: 5px 10px;
	text-align: center;
	margin-top: 16px;
	background: #000d1a;
}
.side-bar-title-btn span{
	box-shadow: 0 0px 3px rgba(44,140,191,.9);
	padding: 5px 10px;
	text-align: center;
	cursor: default;
}
.side-bar-title-btn a{
	box-shadow: 0 0px 3px rgba(44,140,191,.9);
	padding: 5px 10px;
	text-align: center;
}
.user-aside-lvl{
	float: left;
    width: 40px;
    height: 40px;
    position: relative;
    margin-top: 0px;
    margin-right: 0px;
    text-align: center;
    line-height: 40px;
    color: #bbb;
    font-size: 16px;
    font-weight: 700;
    background: linear-gradient(180deg, #fff 33%, #70679c 66%, #70679c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.user-aside-lvl:before{
	content: "";
    position: absolute;
    background: url(/img/ability.png) no-repeat;
    background-size: 36px;
    background-position: 1px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.quest-btn{
	right: 0;
	width: calc(100% - 60px);
    height: 12px;
	position: absolute;
   	top: 44px;
   	text-align: center;
    line-height: 14px;
    color: #bbb;
    font-size: 14px;
    background: linear-gradient(180deg, #fff 33%, #70679c 66%, #70679c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    cursor: pointer;
}
.quest-btn:hover .border-top-left, .quest-btn:hover .border-top-right, .quest-btn:hover .border-bot-right, .quest-btn:hover .border-bot-left{
	transition-duration: 1s;
	transition-property: opacity;
	opacity: 1;
}

.border-top-left{
	transition-duration: 1s;
	transition-property: opacity;
	transition-delay: 0.1s;
	width: 6px;
	height: 6px;
	background: url(/img/border.png);
	position: absolute;
	left: 0;
	top: 0;

}
.border-top-right{
	transition-duration: 1s;
	transition-property: opacity;
	transition-delay: 0.3s;
	width: 6px;
	height: 6px;
	background: url(/img/border.png);
	position: absolute;
	right: 0;
	top: 0;
	transform: rotate(90deg);
}
.border-bot-left{
	transition-duration: 1s;
	transition-property: opacity;
	transition-delay: 0.5s;
	width: 6px;
	height: 6px;
	background: url(/img/border.png);
	position: absolute;
	left: 0;
	bottom: 0;
	transform: rotate(-90deg);

}
.border-bot-right{
	transition-duration: 1s;
	transition-property: opacity;
	transition-delay: 0.7s;
	width: 6px;
	height: 6px;
	background: url(/img/border.png);
	position: absolute;
	right: 0;
	bottom: 0;
	transform: rotate(180deg);

}
.aside-user-ballance {
    background: linear-gradient(to bottom,rgba(14,5,32,0.4),rgba(1,18,44,0.4));
    box-shadow: 0 0px 4px rgba(64,140,206,.7);
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 20px;
    padding: 20px 10px;
}
.aside-user-money{
	width: 50%;
	float: left;
	height: 40px;
}
.aside-user-number{
	position: relative;
}
.aside-user-ballance .aside-user-number a{
	display: block;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	position: absolute;
}
.exit-btn{
	width: 100%;
	height: 40px;
	cursor: pointer;
	text-shadow: 0 0 5px #09F;
	border: 1px solid #1d3f62;
	background: url(/img/filter-bg.png);
}
.nav-aside{
	width: 100%;
	height: 40px;
	line-height: 40px;
	position: relative;
	padding-left: 42px;
	float: left;
	margin-bottom: 5px;
	margin-top: 5px;
}

.nav-aside > img{
	position: absolute;
	width: 36px;
	height: 36px;
	top: 0px;
	left: 2px;
}
.nav-aside a{
		color: #fff;
		opacity: 0.6;
		height: 40px;
		line-height: 40px;
		display: block;
		text-shadow: 1px 2px 0px #000;
		letter-spacing: 1.2px;
		border-bottom: 0px solid;
		border-top: 0px solid;
		transition: 0.5s;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
}
.nav-aside a:hover{
		opacity: 1;
		border-bottom: 0.5px solid #1a2936;
		border-top: 0.5px solid #1a2936;
		color: #42edf8;
		transform:scale(1) ;
		-webkit-transform:scale(1) ;
		-moz-transform:scale(1) ;
		-ms-transform:scale(1) ;
		-o-transform:scale(1) ;
		transition: 0.5s;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
}
.nav-aside a:hover > img{
	transition: all 0.4s;
	right: 6px !important;
}
.nav-check{
	opacity: 1 !important;
	right: 6px !important;
}
.nav-aside a  span{
	opacity: 1 !important;
}
.nav-aside a > img{
	transition: all 0.4s;
	right: 10px;
	position: absolute;
	width: 36px;
	height: 36px;
	top: 2px;
}
.dron-aside{
	width: 100%;
	height: 40px;
	line-height: 40px;
	position: relative;
	padding-left: 54px;
	float: left;
	margin-bottom: 5px;
	margin-top: 5px;
}

.dron-aside > img{
	position: absolute;
	width: 36px;
	height: 36px;
	top: 0px;
	left: 2px;
}
.dron-aside a{
	color: #fff;
	opacity: 0.7;
	height: 40px;
	line-height: 40px;
	display: block;
	text-shadow: 1px 2px 0px #000;
	letter-spacing: 1.2px;
}
.dron-aside a:hover{
	opacity: 1;
	border-bottom: 0.5px solid #1a2936;
	border-top: 0.5px solid #1a2936;
	color: #42edf8;
	transform:scale(1) ;
	-webkit-transform:scale(1) ;
	-moz-transform:scale(1) ;
	-ms-transform:scale(1) ;
	-o-transform:scale(1) ;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}
.dron-aside a:hover > img{
	transition: all 0.4s;
	right: 6px!important;
}
.dron-aside a > img{
	transition: all 0.4s;
	right: 10px;
	position: absolute;
	width: 36px;
	height: 36px;
	top: 2px;
}
.footer{
	position: absolute;
	bottom: 0;
	height: 40px;
}

.navigator{
	width: 100%;
	position: fixed;
	height: 60px;
	background-image: url(/img/line-bg.png);
	background-color: rgba(0,0,0,0.7);
	border-bottom: 2px solid rgba(255,255,255,0.10);
	z-index: 9999999;
}
.mid-logo{
	width: 270px;
	text-align: center;
	font-weight: bold;
	float: left;
	position: relative;

}
.mid-logo a{
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	position: absolute;
}
.left-logo{
	position: relative;
	color: #6fd8ff;
	font-size: 20px;
	height: 30px;
	line-height: 38px;
	width: 100%;
	float: left;
}
.logo-news{
	width: 270px;
	height: 30px;
	line-height: 22px;
	width: 100%;
	float: left;
	letter-spacing: 1.4px;
	font-size: 22px;
}
.left-logo:before{
	transition: 0.5s all ease;
	position: absolute;
	content: "";
	width: 4px;
	height: 36px;
	left: 0px;
	top: 6px;
	border-width:4px 4px 4px 4px;
    border-style: solid solid solid;
    border-color: transparent;
    border-left-color: #42edf8;
    opacity: 1;
}
.left-logo span{
	color: #6fd8ff;
}
.nav-link{
	overflow: hidden;
	float: left;
}
.nav-link a{
	float: left;
	line-height: 60px;
	height: 60px;
	padding: 0 10px;
	position: relative;
	color: rgba(255,255,255,.7);
	margin-left: 10px;
}
.news-pick{
	transition: 0.5s all ease;
	position: absolute;
	content: "";
	width: 30%;
	height: 1px;
	left: 35%;
	top: 10px;
	border-width: 1px 1px 1px;
    border-style: solid;
    border-color: #000;
    box-shadow: 0 0 30px #00edff;
    display: block;
    z-index: 2;
    transform: skew(45deg);
    -webkit-animation: blink 2s linear infinite; 
	animation: blink 2s linear infinite;
}
@-webkit-keyframes blink { 
	0% { border-color: #000; }
	50% { border-color: #42edf8; }
	100% { border-color: #8cf1ff; }
}

@keyframes blink {  
	0% { border-color: #000; }
	50% { border-color: #42edf8; }
	100% { border-color: #8cf1ff; } 
}
.nav-link a:before{
	transition: 0.5s all ease;
	position: absolute;
	content: "";
	width: calc(100% - 8px);
	height: 2px;
	left: 0;
	top: 56px;
	border-width: 0 4px 4px;
    border-style: none solid solid;
    border-color: transparent;
    border-bottom-color: #42edf8;
    opacity: 0;
}
.nav-link a:hover{
	color: #fff;
    text-shadow: 0 0 46px rgba(13, 71, 203, 0.57), 0 0 13px rgba(0, 112, 202, 0.75);
}
.nav-link a:hover:before{
	transition: 0.2s all ease;
	top: 52px;
	opacity: 1;
	    box-shadow: 0 0 0px 0px rgba(0, 112, 202, 0.6), 0 -15px 25px 0 rgba(11, 183, 226, 0.65);
}

.resource-nav{
 	float: right;
 	position: relative;
 	padding-right: 20px;
}
.resource-block{
	float: left;
	position: relative;
	height: 50px;
	margin-top: 5px;
}
.resource-wrap{
	padding: 0 10px 0 0px;
	height: 100%;
	padding-top: 5px;
	line-height: 24px;
	float: left;
	z-index: 99;
	display: block;
}
.resource-block a{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.resource-block span{
	display: block;
	float: left;
	height: 25px;
	top: 6px;
	font-size: 12px;
}
.resource-block font{
	display: block;
	float: left;
	height: 25px;
	line-height: 10px;
}
.resource-nav img{
	width: 50px;
	height:50px;
	z-index: 0;
	float: left;
}
.login-form{
	position: relative;
	float: right;
}

.login-form a{
	float: left;
	line-height: 60px;
	height: 60px;
	padding: 0 10px;
	position: relative;
	color: rgba(255,255,255,.7);
	margin-left: 10px;
}
.login-form a:before{
	transition: 0.5s all ease;
	position: absolute;
	content: "";
	width: calc(100% - 8px);
	height: 4px;
	left: 0;
	top: 56px;
	border-width: 0 4px 4px;
    border-style: none solid solid;
    border-color: transparent;
    border-bottom-color: #42edf8;
    opacity: 0;

}
.login-form a:hover{
	color: #c3f2ff;
    text-shadow: 0 0 46px rgba(13, 71, 203, 0.57), 0 0 13px rgba(0, 112, 202, 0.75);
}
.login-form a:hover:before{
	transition: 0.5s all ease;
	top: 52px;
	opacity: 1;
}

.md-iner {
    max-width: 800px;
    margin: 140px auto 0 auto;
    position: relative;
}
.myCanvas {
    margin: 0 auto;
    width: 400px;
    height: 500px;
    padding-top: 50px;
    position: relative;
    z-index: 2;
}
.myCanvas2 {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 50;
}
.inner_wrap {
    position: absolute;
    top: 60px;
    left: 8px;
    right: 8px;
    bottom: 58px;
    background: url(/img/wrap_bg.png) bottom center;
    background-size: 400%;
    border-radius: 100%;
    z-index: 1;
}
.canv-header-name {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: 60px;
        color: #fff;
        text-shadow: 0 0 30px #00edff;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1.2px;
}
.login_block {
    padding: 100px 50px;
		position: relative;
		z-index: 999;
}
.input-field {
	z-index: 999;
	position: relative;
    transition: box-shadow 0.5s ease, color 0.5s ease;
    width: 100%;
    float: left;
    height: 40px;
    padding: 10px;
    background: rgba(0,0,0,0.2);
    border: 1px solid rgba(44,140,191,1);
    box-shadow: 0 0px 3px rgba(64,140,206,.7);
    margin-bottom: 10px;
    font-family: 'Roboto';
}
.captcha-inp {
    width: 100%;
    position: relative;
    float: left;
}
.captcha-img {
    position: absolute;
    top: 2px;
    right: 5px;
    width: 100px;
    height: 38px;
    cursor: pointer;
}
.btn-div-login {
    margin-top: 90px;
    z-index: 2;
    width: 100%;
    float: left;
}
.btn-bg-all {
	overflow: hidden;
    z-index: 999;
    position: relative;
    transition: box-shadow 0.7s,text-shadow 0.7s;
    width: 200px;
    height: 48px;
    border-width: 2px;
    border-image: linear-gradient(135deg, rgba(44,140,191,1) 0%,rgba(44,140,191,1) 20%,rgba(44,140,191,1) 50%,rgba(44,140,191,1) 80%,rgba(40,180,250,1) 100%) stretch;
    border-image-slice: 1;
    background: rgba(0,0,0,0.3);
    background: url(/img/bg-bottom.jpg) center no-repeat;
    background-size: 600%;
    font-weight: bold;
    font-size: 12px;
    line-height: 46px;
    margin: 0 auto;
    cursor: pointer;
    box-shadow: 0 0px 3px rgba(40,180,255,1);
    letter-spacing: 1.2px;
    display: block;
    text-align: center;
}
.btn-bg-all:hover {
    transition: box-shadow 0.7s,text-shadow 0.7s;
    text-shadow: 0 0 7px #2c8cbf;
    box-shadow: 0 0px 20px rgba(40,180,255,1);
}
.btn-prize-all {
    transition: box-shadow 0.7s,text-shadow 0.7s;
    width: 200px;
    height: 48px;
    background: rgba(0,0,0,0.3);
    background: url(/img/bg-bottom.jpg) center no-repeat;
    background-size: 600%;
    font-weight: bold;
    font-size: 12px;
    line-height: 46px;
    margin: 0 auto;
    cursor: pointer;
    box-shadow: 0 0px 8px #86e020;
    letter-spacing: 1.2px;
    display: block;
    text-align: center;
}
.btn-prize-all:hover {
    transition: box-shadow 0.7s,text-shadow 0.7s;
    text-shadow: 0 0 7px #2c8cbf;
    box-shadow: 0 0px 16px #86e020;
}
.log_text {
    width: 100%;
    text-align: center;
    margin-top: 40px;
    cursor: default;
}
.log_text a, .log_text span {
    color: #afdcf8;
}
.log_text a {
    text-decoration: underline;
    text-transform: uppercase;
}
.log_text a:hover{
	color: #fff;
}
.concept_bg {
	    width: calc(100% - 270px);
    position: relative;
    background: url(/img/Concept-Bg.jpg) center top no-repeat fixed;
    background-size: cover;
    min-height: 100%;
}
.signup_bg {
    width: 100%;
    position: relative;
    background: url(/img/login-bg.jpg) center center no-repeat fixed;
    background-size: cover;
    min-height: 100%;
}
.signup_bg:before {
    content: '';
    z-index: 0;
    position: absolute;
    top: 0px;
    background: url(/img/left_bg.png) center top no-repeat;
    height: 100%;
    width: 200px;
    background-size: cover;
}
.signup_bg:after {
    content: '';
    z-index: 0;
    position: absolute;
    top: 0px;
    background: url(/img/left_bg.png) center top no-repeat;
    height: 100%;
    width: 200px;
    background-size: cover;
    right: 0;
    transform: scale(-1,1);
}
.btn-div {
    margin-top: 40px;
    z-index: 2;
    width: 100%;
    float: left;
}
.modal2 {
    background: #000 !important;
    box-shadow: 0 0px 10px rgba(64,140,206,.7);
    border: 2px solid;
    border-image: linear-gradient(135deg, rgba(44,140,191,1) 0%,rgba(90,89,146,1) 20%,rgba(90,89,146,1) 50%,rgba(90,89,146,1) 80%,rgba(44,140,191,1) 100%) stretch;
    border-image-slice: 1;
    z-index: 99999;
    overflow: none;
}
.modal2:before {
    content: '';
    z-index: 0;
    position: absolute;
    top: 0px;
    left: -50px;
    background: url(/img/left_bg.png) center top no-repeat;
    height: 100%;
    width: 200px;
    background-size: cover;
}
.modal2:after {
    content: '';
    z-index: 0;
    position: absolute;
    top: 0px;
    right: -50px;
    background: url(/img/left_bg.png) center top no-repeat;
    height: 100%;
    width: 200px;
    background-size: cover;
    transform: scale(-1,1);
}
.button_error,.button_acept {
    transition: box-shadow 0.7s,text-shadow 0.7s;
    width: 200px;
    height: 48px;
    border-image: linear-gradient(135deg, rgba(44,140,191,1) 0%,rgba(44,140,191,1) 20%,rgba(44,140,191,1) 50%,rgba(44,140,191,1) 80%,rgba(40,180,250,1) 100%) stretch;
    border-image-slice: 1;
    background: rgba(0,0,0,0.3);
    background: url(/img/bg-bottom.jpg) center no-repeat;
    background-size: 600%;
    line-height: 48px;
    font-weight: bold;
    font-size: 14px;
    margin: 0 auto;
    cursor: pointer;
    box-shadow: 0 0px 3px rgba(40,180,255,1);
    letter-spacing: 1.2px;
    display: block;
    text-align: center;
    outline: none;
    color: #fff;
    z-index: 999;
}
.button_acept:hover, .button_error:hover {
    transition: box-shadow 0.7s,text-shadow 0.7s;
    box-shadow: 0 0px 10px rgba(40,180,255,1);
}

.cr-container{
	width: 100%;
	height: 600px;
	position: relative;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}
.cr-container label{
	transition: all 0.7s;
	width: 25%;
	background: url(/img/bg-bottom.jpg) center no-repeat;
	background-size: 600%;
	height: 60px;
	cursor: pointer;
	color: #fff;
	line-height: 60px;
	font-size: 18px;
	float:left;
	position: relative;
	margin-top:540px;
	z-index: 1000;
	text-align: center;
	text-transform: uppercase;
	border-top: 2px solid transparent;
	border-bottom: 4px solid rgba(255,255,255,0.10);
	text-shadow: 0 0 7px #2c8cbf;

}
.cr-container label:hover{
	border-bottom: 4px solid rgba(255,255,255,0.25);
}

.cr-container input{
	display: none;
}
.cr-bgimg{
	width: 100%;
	height: 600px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
}
.cr-bgimg{
	background-repeat: no-repeat;
	background-position: 0 0;

}
.cr-bgimg div{
	width: 25%;
	height: 100%;
	position: relative;
	float: left;
	overflow: hidden;
	background-repeat: no-repeat;
}
.cr-bgimg div span{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: -100%;
	z-index: 2;
	text-indent: -9000px;
}
.cr-container input.cr-selector-img-1:checked ~ .cr-bgimg,
.cr-bgimg div span:nth-child(1){
	background-image: url(/img/news-fin-2.jpg);
	
}
.cr-container input.cr-selector-img-2:checked ~ .cr-bgimg,
.cr-bgimg div span:nth-child(2){
	background-image: url(/img/news-fin-2.jpg);
}
.cr-container input.cr-selector-img-3:checked ~ .cr-bgimg,
.cr-bgimg div span:nth-child(3){
	background-image: url(/img/news-fin-2.jpg);

}
.cr-container input.cr-selector-img-4:checked ~ .cr-bgimg,
.cr-bgimg div span:nth-child(4){
	background-image: url(/img/news-fin-2.jpg);
}
.cr-bgimg div:nth-child(1) span{
	background-position: 0px 0px;
	background-size: 400% 100%;
}
.cr-bgimg div:nth-child(2) span{
	background-position: 33% 0px;
	background-size: 400% 100%;
}
.cr-bgimg div:nth-child(3) span{
	background-position: 66% 0px;
	background-size: 400% 100%;
}
.cr-bgimg div:nth-child(4) span{
	background-position: calc(100% + 7px) 0px;
	background-size: 400% 100%;
}

.cr-container input:checked ~ .cr-bgimg div span{
	-webkit-animation: slideOut 0.6s ease-in-out;
	-moz-animation: slideOut 0.6s ease-in-out;
	-o-animation: slideOut 0.6s ease-in-out;
	-ms-animation: slideOut 0.6s ease-in-out;
	animation: slideOut 0.6s ease-in-out;
}
@-webkit-keyframes slideOut{
	0%{ left: 0px; }
	100%{ left: 25%; }
}
@-moz-keyframes slideOut{
	0%{ left: 0px; }
	100%{ left: 25%; }
}
@-o-keyframes slideOut{
	0%{ left: 0px; }
	100%{ left: 25%; }
}
@-ms-keyframes slideOut{
	0%{ left: 0px; }
	100%{ left: 25%; }
}
@keyframes slideOut{
	0%{ left: 0px; }
	100%{ left: 25%; }
}
.cr-container input.cr-selector-img-1:checked ~ .cr-bgimg div span:nth-child(1),
.cr-container input.cr-selector-img-2:checked ~ .cr-bgimg div span:nth-child(2),
.cr-container input.cr-selector-img-3:checked ~ .cr-bgimg div span:nth-child(3),
.cr-container input.cr-selector-img-4:checked ~ .cr-bgimg div span:nth-child(4)
{
	-webkit-transition: left 0.5s ease-in-out;
	-moz-transition: left 0.5s ease-in-out;
	-o-transition: left 0.5s ease-in-out;
	-ms-transition: left 0.5s ease-in-out;
	transition: left 0.5s ease-in-out;
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	-ms-animation: none;
	animation: none;
	left: 0px;
	z-index: 10;
}
.cr-titles h3{
	position: absolute;
	width: 50%;
	text-align: center;
	top: 40%;
	left: 25%;
	z-index: 10000;
	opacity: 0;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
	-webkit-transition: opacity 0.8s ease-in-out;
	-moz-transition: opacity 0.8s ease-in-out;
	-o-transition: opacity 0.8s ease-in-out;
	-ms-transition: opacity 0.8s ease-in-out;
	transition: opacity 0.8s ease-in-out;
}
.cr-titles h3 span:nth-child(1){
	font-size: 36px;
	display: block;
	letter-spacing: 1.8;
	text-shadow: 0 0 7px #2c8cbf;
}
.cr-titles h3 span:nth-child(2){
	margin-top: 10px;
	letter-spacing: 0px;
	display: block;
	font-size: 18px;
	padding: 10px 0;
	color: #cde1e9;
	text-shadow: 0 0 7px #2c8cbf;
	text-transform: uppercase;
}
.cr-container input.cr-selector-img-1:checked ~ .cr-titles h3:nth-child(1),
.cr-container input.cr-selector-img-2:checked ~ .cr-titles h3:nth-child(2),
.cr-container input.cr-selector-img-3:checked ~ .cr-titles h3:nth-child(3),
.cr-container input.cr-selector-img-4:checked ~ .cr-titles h3:nth-child(4){
	opacity: 1;
}
.cr-titles #anim_main > embed,
.cr-titles #anim_main > img{
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -160px;
	width: 320px;
	height: 320px;
	z-index: 9998;
}
.animate-planet-wrap .planet-anim-image{
	display: block;
	width: 280px;
	height: 280px;
	object-fit: contain;
}
.main-baner{
	position: absolute;
	bottom: 100px;
	width: 472px;
	height: 64px;
	margin-left: -236px;
	left: 50%;
	z-index: 8;
	    border: 2px solid;
    border-image: linear-gradient(135deg, rgba(44,140,191,1) 0%,rgba(90,89,146,1) 20%,rgba(90,89,146,1) 50%,rgba(90,89,146,1) 80%,rgba(44,140,191,1) 100%) stretch;
    border-image-slice: 1;
}
.main-baner a{
	display: block;
	width: 468px;
	height: 60px;
	position: relative;
}
.main-stats{
	width: 100%;
	height: 75px;
	background: url(/img/title-large.png) no-repeat left top;
	float: left;
	border-radius: 0 300px 300px 0;
}
.main-stats-bg-top{
	width: 100%;
	position: relative;
	background: url(/img/hexagons.png) center top;
	background-size: 15%;
}
.main-pad-news{
	padding: 30px 10px;
}
.main-stats-ico{
	width: 50px;
	height: 50px;
	margin-top: 15px;
	margin-left: 13px;
	float: left;
}
.main-stats-ico2{
	width: 50px;
	height: 50px;
	margin-top: 15px;
	margin-left: 15px;
	float: left;
}
.main-stats-ico3{
	width: 50px;
	height: 50px;
	margin-top: 12px;
	margin-left: 14px;
	float: left;
}
.main-stats-num{
	float: left;
	width: calc(100% - 70px);
	height: 80px;
	line-height: 80px;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	color: #cde1e9;
}
.promo-wrap{
	width: 100%;
	position: relative;
	border-top: 2px solid rgba(6, 82, 134, 0.20);
	border-bottom: 2px solid rgba(6, 82, 134, 0.20);
	float: left;
	background: url(/img/main-bg-happy.jpg) center no-repeat;
	background-size: cover;

}
.promo-wrap:before{
	content: '';
    z-index: 0;
    position: absolute;
    background: url(/img/left_bg.png) left center no-repeat;
    width: 200px;
    height: 100%;
    left: 0;
    background-size: 100%;
}
.promo-wrap:after{
	content: '';
    z-index: 0;
    position: absolute;
    background: url(/img/left_bg.png) left center no-repeat;
    width: 200px;
    height: 100%;
    background-size: 100%;
    right: 0;
    transform: scale(-1,1);
}
.promo-wrap a{
		overflow: hidden;
		position: relative;
		transition: box-shadow 0.7s,text-shadow 0.7s;
		width: 200px;
		height: 48px;
		background-size: 600%;
		background: url(/img/bg-bottom.jpg) center no-repeat;
		line-height: 48px;
		font-weight: bold;
		font-size: 12px;
		margin: 0 auto;
		cursor: pointer;
		box-shadow: 0 0px 3px rgba(40,180,255,1);
		letter-spacing: 1.2px;
		display: block;
		text-align: center;
		margin-bottom: 40px;
		transition: 0.5s;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
}
.promo-wrap a:hover{
	border-image: linear-gradient(135deg, rgba(44,140,191,1) 0%,rgba(44,140,191,1) 20%,rgba(44,140,191,1) 50%,rgba(44,140,191,1) 80%,rgba(40,180,250,1) 100%) stretch;
	border-image-slice: 1;
	background: rgba(0,0,0,0.3);
	background: url(/img/bg-bottom.jpg) center no-repeat;
	transition: box-shadow 0.7s,text-shadow 0.7s;
	text-shadow: 0 0 7px #2c8cbf;
	box-shadow: 0 0px 20px rgba(40,180,255,1);
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}
.main_stat_a{
	transition: box-shadow 0.7s,text-shadow 0.7s;
	width: 200px;
    height: 30px;
    border-image: linear-gradient(135deg, rgba(44,140,191,1) 0%,rgba(44,140,191,1) 20%,rgba(44,140,191,1) 50%,rgba(44,140,191,1) 80%,rgba(40,180,250,1) 100%) stretch;
    border-image-slice: 1;
	background-size: 600%;
    line-height: 32px;
    font-weight: bold;
    font-size: 12px;
    margin: 0 auto;
    cursor: pointer;
    box-shadow: 0 0px 3px rgba(40,180,255,1);
    background: rgba(0, 82, 139, 0.3);
    letter-spacing: 1.2px;
    display: block;
    text-align: center;
    margin-bottom: 40px;
    color: #fff;
    text-shadow: 0px 0px 12px #0070ca, 0px 0px 12px #0070ca;
}
.main_stat_a:hover{
	transition: box-shadow 0.7s,text-shadow 0.7s;
	text-shadow: 0px 0px 16px #0070ca, 0px 0px 16px #0070ca;
	box-shadow: 0 0px 20px rgba(40,180,255,1);
}
.promo-name{
	float: left;
	width: 100%;
	padding: 40px;
	font-size: 24px;
	color: #fff;
	text-align: center;
	text-shadow: 0 0 7px #2c8cbf;
}
.promo-arr{
	position: absolute;
	top: 87px;
	left: 50%;
	width: 64px;
	height: 64px;
	margin-left: -32px;
	transform: rotate(90deg);
	box-shadow: inset 0 0px 3px rgba(0,0,0,1);
	border-radius: 50px;
}
.promo-title{
	float: left;
	width: 100%;
	padding: 20px;
	margin-top: 40px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	text-shadow: 0 0 7px #2c8cbf;
}
.planet-name{
	float: left;
	width: 100%;
	margin-top:75px;
	font-size: 24px;
	color: #fff;
	text-align: center;
	text-shadow: 0 0 7px #2c8cbf;
}
.planet-title{
	float: left;
	width: 100%;
	font-size: 16px;
	color: #fff;
	text-align: center;
	text-shadow: 0 0 4px #2c8cbf;
	padding: 0 10px;
}
.dron-title{
	float: left;
	width: 100%;
	font-size: 16px;
	color: #fff;
	text-align: center;
	text-shadow: 0 0 4px #2c8cbf;
	padding: 0px 15px 80px 15px;
}
.planet-title span{
	font-size: 16px;
	text-shadow: 0 0 7px #2c8cbf;
	position: relative;
	padding: 2px;
}
.planet-title span:hover{
	cursor: help;
}
.title-ifo{
	opacity: 0;
	color: #afdcf8;
	z-index: -1;
	left: -10000px;
	position: absolute;
	text-align: left;
}
.planet-title span:hover > .title-ifo{
	transition: opacity 0.5s;
	opacity: 1;
	position: absolute;
	width: 300px;
	left: 110%;
	top: 30px;
	background: #000;
	padding: 20px;
	z-index: 99999;
	border: 2px solid;
    border-image: linear-gradient(135deg, rgba(44,140,191,1) 0%,rgba(90,89,146,1) 20%,rgba(90,89,146,1) 50%,rgba(90,89,146,1) 80%,rgba(44,140,191,1) 100%) stretch;
    border-image-slice: 1;
    box-shadow: inset 0 0px 10px rgba(64,140,206,.7);
}
.res-1{
	color: #86e020;
	text-shadow: 0 0 2px #000;
}
.res-2{
	color: #097fbb;
	text-shadow: 0 0 2px #000;
}
.res-3{
	color: #ffae00;
	text-shadow: 0 0 7px #000;
	font-weight: 700 !important;
}
.res-4{
	color: #009cff;
	text-shadow: 0 0 7px #000;
	font-weight: 700 !important;
}
.res-5{
	color: #8cf1ff;
	text-shadow: 0 0 7px #000;
	font-weight: 700 !important;
}
.res-6{
	color: #8cf1ff;
	text-shadow: 0 0 7px #000;
	font-weight: 700 !important;
}
.res-8{
	color: #fff;
    text-shadow: 0px 0px 12px #0070ca, 0px 0px 12px #0070ca !important;
}
.res-exp{
	color: #9c26d0;
	text-shadow: 0 0 7px #000;
	font-weight: 700 !important;
}
.res-dmg{
	color: red;
	text-shadow: 0 0 7px #000;
	font-size: 18px;
}
.res-7{
	color: #14e6fa;
	text-shadow: 0 0 7px #000;
	font-size: 18px;
}
.f-500{
	font-weight: 700;
}
.bg-pl-1{
	background: url(/img/main_bg.jpg);
	background-size: cover;
}
.bg-pl-2{
	background: url(/img/main_bg2.jpg);
	background-size: cover;
}
.bg-pl-3{
	background: url(/img/main_bg3.jpg);
	background-size: cover;
}
.bg-pl-4{
	background: url(/img/main_bg4.jpg);
	background-size: cover;
}
.bg-clans{
	background: url(/img/subnav-bg.png);
	background-size: cover;
}
.arrow-attack{
	content: "";
	z-index: 1000;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: -20px;
    border: 10px solid transparent;
    border-top: 10px solid red;
}
.border-attack{
	border-bottom: 2px solid red;
}
.border-attack-exp:before{
	position: absolute;
    content: "";
    height: 2px;
    top: 0;
    left: 0;
    right: 0;
    background-color: #8cf1ff;
    box-shadow: 0 0 30px #00edff;
}
.arrow-step{
	content: "";
	z-index: 1000;
    width: 20px;
    height: 20px;
    position: absolute;
    margin-left: -10px;
    top: -20px;
    border: 10px solid transparent;
    border-bottom: 10px solid #8cf1ff;
}
.font-18{ font-size: 18px; }
.main_planet{
	width: 100%;
	border: 2px solid;
	border-image: linear-gradient(135deg, rgba(44,140,191,1) 0%,rgba(90,89,146,1) 20%,rgba(90,89,146,1) 50%,rgba(90,89,146,1) 80%,rgba(44,140,191,1) 100%) stretch;
    border-image-slice: 1;
    background-color: rgba(25,28,33,.5);
    box-shadow: inset 0 0px 10px rgba(64,140,206,.7);
    padding: 20px;
   	position: relative;
    z-index: 2;
}
.main_planet-page{
	width: 100%;
	height: auto;
	border: 2px solid;
	border-image: linear-gradient(135deg, rgba(44,140,191,1) 0%,rgba(90,89,146,1) 20%,rgba(90,89,146,1) 50%,rgba(90,89,146,1) 80%,rgba(44,140,191,1) 100%) stretch;
    border-image-slice: 1;
    background-color: rgba(25,28,33,.5);
    box-shadow: inset 0 0px 10px rgba(64,140,206,.7);
    	padding: 20px;
}
.main_planet-name{
	width: 100%;
	font-weight: 500;
	font-size: 36px;
	float: left;
	line-height: 48px;
	position: relative;
}

.planet-stats-page{
	width: 100px;
	height: 75px;
	background: url(/img/title-large.png) no-repeat left top;
	border-radius: 0 300px 300px 0;
	z-index: 999;
	position: absolute;
}

.main-footer{
	margin-top: 300px;
	width: 100%;
	height: 374px;
	background: url(/img/bg-campaign-highlights.jpg);
	background-size: cover;
	position: relative;
	border-bottom: 4px solid rgba(255,255,255,0.10);
}
.main-img-foot {
	position: absolute;
	width: 60%;
	top: -370px;
	right: 0;
	z-index: 0;
}
.main-fit{
	width: 100%;
	font-size: 24px;
    color: #fff;
    text-align: center;
    text-shadow: 0 0 7px #2c8cbf;
	margin-top: -100px;
	height: 40px;
	position: absolute;
	float: left;
}
.main-fit-info{
	width: 100%;
	font-size: 18px;
    color: #fff;
    text-align: center;
    text-shadow: 0 0 7px #2c8cbf;
	float: left;
	padding: 25px 0;
	margin-top: -60px;
	z-index: 99;
	position: absolute;
}
.main-stats-foot{
	padding: 25px 10px;
}
.main-a-reg{
	position: relative;
	overflow: hidden;
	transition: box-shadow 0.7s,text-shadow 0.7s;
    width: 200px;
    height: 48px;
    border-image: linear-gradient(135deg, rgba(44,140,191,1) 0%,rgba(44,140,191,1) 20%,rgba(44,140,191,1) 50%,rgba(44,140,191,1) 80%,rgba(40,180,250,1) 100%) stretch;
    border-image-slice: 1;
    background: url(/img/bg-bottom.jpg) center no-repeat;
	background-size: 600%;
    line-height: 48px;
    font-weight: bold;
    font-size: 12px;
    margin: 0 auto;
    cursor: pointer;
    box-shadow: 0 0px 3px rgba(40,180,255,1);
    letter-spacing: 1.2px;
    display: block;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 30px;
}

.main-a-reg:hover {
    transition: box-shadow 0.7s,text-shadow 0.7s;
    text-shadow: 0 0 7px #2c8cbf;
    box-shadow: 0 0px 20px rgba(40,180,255,1);
}
.foot-user{
	position: absolute;
    width: 100%;
    right: 0;
    height: 60px;
    bottom: 0;
    z-index: 1;

    background-color: rgba(0,0,0,0.5);
    border-top: 2px solid rgba(255,255,255,0.10);
}
.foot{
    position: absolute;
    width: 100%;
    height: 60px;
    bottom: 0;
    z-index: 1;
     background-color: rgba(0,0,0,0.5);
    border-top: 2px solid rgba(255,255,255,0.10);
}
.foot-cop {
    text-align: center;
    margin-top: 16px;
    color: rgba(255,255,255,.9);
    font-weight: 500;
    letter-spacing: 1.2px;
    font-size: 14px;
    text-shadow: 1px 2px 0px #000;
}
.foot-cop  a{
    color: rgba(255,255,255,.9);
    font-weight: 500;
    letter-spacing: 1.2px;
    font-size: 14px;
    text-shadow: 1px 2px 0px #000;
    cursor: text
}
.foot-title {
    text-align: center;
    color: #010101;
    font-weight: 300;
    letter-spacing: 1.2px;
    text-shadow: 0 0 4px #2c8cbf;
    font-size: 12px;
}
.wrap-pad-race{
	width: 100%;
	height: 260px;
	position: relative;
	padding-left: 20px;
}
.icon-race-wrap{
	width: 100%;
	margin-top: 10px;
	position: relative;
	background: linear-gradient(to bottom,rgba(14,5,32,0.4),rgba(1,18,44,0.4));
    box-shadow: 0 0px 4px rgba(64,140,206,.7);
}
.map-box-info-name{
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding-left: 44px;
	line-height: 40px;
	font-size: 16px;
	font-weight: 500;
	float: left;
	background: linear-gradient(to bottom,rgba(14,5,32,0.9),rgba(1,18,44,0.9));
	border-bottom: 2px solid rgba(16,43,197,0.3);
}

.map-box-info-name img{
	position: absolute;
	left: 0;
	width: 40px;
	height: 40px;
}
.map-box-info-line-wrap{
	padding: 0 20px;
	float: left;
	width: 100%;
}
.map-box-info-line span {
    display: inline-block;
    float: right;
    font-size: 14px;
    font-weight: 500;
}
.map-box-info-line{
	width: 100%;
	padding: 10px;
	float: left;
	padding-left: 40px;
	position: relative;
	border-bottom: 2px solid rgba(16,43,197,0.2);
	border-right: 2px solid rgba(16,43,197,0.2);
	border-left: 2px solid rgba(16,43,197,0.2);
}
.map-box-info-line:last-child{
	border-radius: 0 0 4px 4px;
}
.map-box-info-line img{
	width: 32px;
	height: 32px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.planet-bottom-btn{
	padding: 20px 0;
}
.dron-name{
	text-align: center;
	line-height: 40px;
	font-size: 24px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}
.main-dron-bg{
	padding: 15px;
	margin-bottom: 20px;
	position: relative;
}
.main-dron-bg img{
	transition: all 0.5s;
	height: 400px;
	z-index: 0;
	display: block;
}
.shop-dron-bg{
	padding: 15px;
	margin-bottom: 20px;
	position: relative;
}
.shop-dron-bg img{
	transition: all 0.5s;
	height: 300px;
	display: block;
	z-index: 0;
}
.bg-color-ship-wraith{
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	text-shadow: 1px 2px 0px #000;
	letter-spacing: 1.2px;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1;
}
.main-dron-bg a{
	transition: transform 0.5s;
	position: relative;
	z-index: 999;
	width: 100%;
	display: block;
	height: 400px;
	overflow: hidden;
	border: 2px solid;
    border-image: linear-gradient(135deg, rgba(44,140,191,1) 0%,rgba(90,89,146,1) 20%,rgba(90,89,146,1) 50%,rgba(90,89,146,1) 80%,rgba(44,140,191,1) 100%) stretch;
    border-image-slice: 1;
    background-color: rgba(25,28,33,.5);
    
}
.main-dron-bg a:hover .dron-bg {
	transition: transform 0.5s;
    transform: scale(1.1);
}
.shop-dron-bg a{
	transition: transform 0.5s;
	position: relative;
	z-index: 6;
	width: 100%;
	display: block;
	height: 300px;
	overflow: hidden;
	border: 2px solid;
    border-image: linear-gradient(135deg, rgba(44,140,191,1) 0%,rgba(90,89,146,1) 20%,rgba(90,89,146,1) 50%,rgba(90,89,146,1) 80%,rgba(44,140,191,1) 100%) stretch;
    border-image-slice: 1;
    background-color: rgba(25,28,33,.5);
    
}
.shop-dron-bg a:hover .dron-bg {
	transition: transform 0.5s;
    transform: scale(1.1);
}
.dron-cena{
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	color: #b1d8f1;
    text-shadow: 0px 0px 15px #006cff;
	font-size: 16px;
	text-shadow: 1px 2px 0px #000;
	letter-spacing: 1.2px;
	z-index: 1;
	padding: 10px;
}
.dron-info{
	transition: opacity 0.5s;
	position: absolute;
	bottom: 100px;
	right: 0;
	color: #b1d8f1;
    text-shadow: 0px 0px 15px #006cff;
	font-size: 16px;
	text-shadow: 1px 2px 0px #000;
	letter-spacing: 1.2px;
	background: rgba(0, 0, 0, 0.8);
	background-image: url(/img/bg-lines.png);
	background-size: 50%;
	background-repeat: repeat-x;
	z-index: 101;
	opacity: 0;
	left: -300px;
}
.dron-info-line{
	transition: opacity 0.7s;
	width: 100%;
	position: relative;
	float: left;
	padding: 5px 10px;
	opacity: 0;
}
.dron-info-line span{
	transition: all 1s;
	position: absolute;
	right: -100px;
}
.main-dron-bg a:hover .dron-info-line{
	transition: opacity 1s;
	opacity: 1;
}
.main-dron-bg a:hover .dron-info{
	transition: all 0.4s;
	opacity: 1;
	left: 0;
}
.main-dron-bg a:hover .dron-info-line:nth-child(1) span{
	transition: all 0.6s;
	right: 10px;
}
.main-dron-bg a:hover .dron-info-line:nth-child(2) span{
	transition: all 0.8s;
	right: 10px;
}
.main-dron-bg a:hover .dron-info-line:nth-child(3) span{
	transition: all 1s;
	right: 10px;
}
.shop-dron-bg a:hover .dron-info-line{
	transition: opacity 1s;
	opacity: 1;
}
.shop-dron-bg a:hover .dron-info{
	transition: all 0.4s;
	opacity: 1;
	left: 0;
}
.shop-dron-bg a:hover .dron-info-line:nth-child(1) span{
	transition: all 0.6s;
	right: 10px;
}
.shop-dron-bg a:hover .dron-info-line:nth-child(2) span{
	transition: all 0.8s;
	right: 10px;
}
.shop-dron-bg a:hover .dron-info-line:nth-child(3) span{
	transition: all 1s;
	right: 10px;
}
.dron-btn-wrap{
	position: absolute;
	width: 180px;
	top: 356px;
	height: 48px;
	right: 25px;
}
.dron-btn-wrap a{
	height: 100% !important;
	border: none !important;
}
.header-container{
	width: 100%;
	float: left;
	height: 300px;
	background: url(/img/press-bg.png) center top no-repeat;
	background-size: contain;
	border-bottom: 2px solid #0a5688;
	position: relative;
}
.header-name{
	position: absolute;
	top: 260px;
	left: 0;
	right: 0;
	height: 40px;
	line-height: 40px;
	font-size: 24px;
	text-align: center;
	color: #00f0ff;
    text-shadow: 0 0 30px #00edff;
}
.header-name-stats{
	margin-top: 260px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 24px;
	text-align: center;
}
.news-cont{
	width: 60%;
	margin: 0 auto;
	position: relative;
	padding: 5px;
}
.news-date{
	color: #5e7a8d;
	width: 100%;
	float: left;
	margin-top: 40px;
}

.news-wrap{
	padding: 10px;
	width: 100%;
	position: relative;
	background-image: url(/img/subnav-bg.png);
	border: 1px solid #1d3f62;
	float: left;
}
.news-wrap-name{
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: #b1d8f1;
    text-shadow: 0px 0px 15px #006cff;
    font-size: 18px;
    border-bottom: 2px solid #1d3f62;
}
.news-wrap-text{
	color: #5e7a8d;
	width: 100%;
	float: left;
	font-size: 16px;
	padding-top: 6px;
	position: relative;
}
.news-wrap-text img{
	width: 100%;
	height: 300px;
	padding-bottom: 10px;
}
.news-wrap-text2{
	color: #5e7a8d;
	width: 100%;
	float: left;
	font-size: 16px;
	padding-top: 6px;
	position: relative;
}
.news-wrap-img-item{
	width: 100%;
	height: 500px;
	position: relative;
	overflow: hidden;
}
.news-wrap-img-item img{
	width: 100%;
	height: 500px;
	padding-bottom: 10px;
}
.content{
	padding: 10px;
}
.boss-cont{
	padding: 0 !important;
}
.page-wrap-cont{
	padding: 15px;
}
.page-wrap-text {
	width: 100%;
	float: left;
	color: #5e7a8d;
	padding-top: 6px;
	text-align: center;
	position: relative;
	z-index: 999;
}

.page-wrap-text a{
	font-size: 16px;
	color: #5e7a8d;
}
.page-wrap-text a:hover{
	text-decoration: underline;
}
.about-wrap-text{
	width: 100%;
	float: left;
	color: #5e7a8d;
	padding-top: 6px;
}
.page-map-animate{
	width: 100%;
	height: 260px;
	position: relative;
	overflow: hidden;
	background: linear-gradient(to bottom,rgba(14,5,32,0.4),rgba(1,18,44,0.4));
    box-shadow: 0 0px 4px rgba(64,140,206,.7);
}
.page-map-animate:before{
	content: '';
    z-index: 0;
    position: absolute;
    top: 0px;
    background: url(/img/left_bg.png) center top no-repeat;
    height: 260px;
    width: 200px;
    background-size: cover;
}
.page-map-animate:after{
	content: '';
    z-index: 0;
    position: absolute;
    top: 0px;
    background: url(/img/left_bg.png) center top no-repeat;
    height: 260px;
    width: 200px;
    background-size: cover;
    right: 0;
    transform: scale(-1,1);
}
.myCanvas_planet{
	width: 240px;
	height: 240px;
	top: 10px;
	margin-left: 50%;
	left: -120px;
	position: absolute;
	z-index: 2;
}
.animate-planet-wrap{
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -140px;
}
.foot_wrap-planet{
	position: absolute;
    width: 100%;
    height: 100px;
    bottom: -20px;
    z-index: 0;
    background: url(/img/foot_wrap.png) no-repeat;
    background-size: 100%;
    background-position: 6px;
}
.hide{
	display: none;
}
.hide-mob{
	display: none;
}

.icon-planet-wrap{
	width: 100%;
	position: relative;
	background: linear-gradient(to bottom,rgba(14,5,32,0.4),rgba(1,18,44,0.4));
    box-shadow: 0 0px 4px rgba(64,140,206,.7);
}
.shop-bottom-btn{
	width: 50%;
	float: left;
	padding: 6px 20px;
}
.shop-bottom-btn > input{
	width: 100% !important;
}
.shop-nav{
	width: 100%;
	height: 40px;
	line-height: 30px;
	float: left;
	position: relative;
}
.shop-nav a{
	transition: all 0.2s;
	color: #fff;
    margin-right: 10px;
    margin-left: 10px;
    display: block;
    float: left;
    border-bottom: 2px solid #fff;
    font-weight: 500;
}
.shop-nav a:hover{
	transition: all 0.2s;
	border-bottom: 2px solid #8cf1ff;
	text-shadow: 0 0 20px #fff;
}
.shop-nav img{
	width: 60px;
	height: 60px;
	position: absolute;
	right: 20px;
	top: -8px;
	cursor: pointer;
}
.mar-b-10{
	margin-bottom: 10px;
	margin-top: 10px;
}
.dron-cena-shop{
	position: absolute;
	bottom: 60px;
	left: 0;
	right: 0;
	color: #b1d8f1;
    text-shadow: 0px 0px 15px #006cff;
	font-size: 16px;
	text-shadow: 1px 2px 0px #000;
	letter-spacing: 1.2px;
	z-index: 2;
	padding: 10px;
}
.dron-btn-page input, .dron-btn-page a{
	position: absolute;
    width: 180px;
    top: 256px;
    height: 48px;
    right: 25px;
    z-index: 7 !important;
}
.dron-bg{
	width: 100%;
	background: url(/img/bg-boss.jpg) center center;
	background-size: cover;
	position: relative;
}

.row-dron{
	width: 100%;
	position: relative;
	float: left;
	background-image: url(/img/subnav-bg.png);
    border: 1px solid #1d3f62;
}

.progress-bar-wrap{
	width: 100%;
	float: left;
	position: relative;
}
.progress-bar-bg{
	width: calc(100% - 48px);
	height: 28px;
	margin-top: 6px;
	margin-left: 48px;
	border: 2px solid;
    border-image: linear-gradient(90deg, rgba(44,140,191,1) 0%,rgba(90,89,146,1) 20%,rgba(90,89,146,1) 50%,rgba(90,89,146,1) 80%,rgba(44,140,191,1) 100%) stretch;
    border-image-slice: 1;
    background-color: #000d1a;
    box-shadow: inset 0 0px 10px rgba(64,140,206,.7);
}
.progress-bar-lvl{
	float: left;
    width: 60px;
    height: 60px;
    position: relative;
    margin-top: -18px;
    margin-left: -54px;
    text-align: center;
    line-height: 60px;
    color: #bbb;
    font-size: 24px;
    font-weight: 700;
    background: linear-gradient(180deg, #fff 33%, #70679c 66%, #70679c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.progress-bar-lvl-name{
	width: 100px;
	height: 12px;
	position: relative;
	top: -54px;
	left: 36px;
	font-size: 12px;
	color: #ddd;
	text-align: center;
	z-index: 0;
	line-height: 10px !important;
	background: linear-gradient(180deg, #fff 33%, #70679c 66%, #70679c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: 0;
}
.progress-bar-lvl-name:before{
	content: '';
    position: absolute;
    width: 100px;
    height: 12px;
    -moz-transform: skew(-30deg, 0deg);
    -o-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    -ms-transform: skew(-30deg, 0deg);
    transform: skew(60deg, 0deg);
    z-index: 0;
    top: -2px;
    left: 6px;
    box-shadow: inset 0 0px 3px rgba(64,140,206,.7);
    z-index: 0;

}
.progress-bar-lvl:after {
    content: "";
    position: absolute;
    background: url(/img/ability.png) no-repeat;
    background-size: 54px;
    background-position: 4px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.progress-bar-number{
	padding: 0 10px;
	height: 100%;
	text-align: center;
	line-height: 30px;
	font-weight: 500;
	z-index: 99;
	position: relative;
	margin: 0 auto;
	margin-top: -18px;
}
.progress-bar-bg-iiner{
	height: 6px;
	left: 10px;
	margin-top: 10px;
	background-color: #58baff;
    box-shadow: 0 0 16px #58baff;
    position: relative;
    z-index: 0;
}
.ico-planet-4{
	width: 36px;
	height: 36px;
	position: absolute;
	left: 2px;
	top: 0px;
	background: url(/img/planets-merged.png);
	background-position: 0px -180px;
	background-size: 200%;
}
.planet-pick-4:hover .ico-planet-4{
	background-position: -180px -180px;
}
.ico-planet-1{
	width: 36px;
	height: 36px;
	position: absolute;
	left: 2px;
	top: 0px;
	background: url(/img/planets-merged.png);
	background-position: 0px -36px;
	background-size: 200%;
}
.planet-pick-1:hover .ico-planet-1{
	background-position: -36px -36px;
}
.ico-planet-2{
	width: 36px;
	height: 36px;
	position: absolute;
	left: 2px;
	top: 0px;
	background: url(/img/planets-merged.png);
	background-position: 0px -72px;
	background-size: 200%;
}
.planet-pick-2:hover .ico-planet-2{
	background-position: -36px -72px;
}
.ico-planet-3{
	width: 36px;
	height: 36px;
	position: absolute;
	left: 2px;
	top: 0px;
	background: url(/img/planets-merged.png);
	background-position: 0px -252px;
	background-size: 200%;
}
.planet-pick-3:hover .ico-planet-3{
	background-position: -36px -252px;
}
.ico-dron-1{
	width: 36px;
	border-radius: 36px;
	overflow: hidden;
	height: 36px;
	position: absolute;
	left: 2px;
	top: 0px;
	background: url(/img/dron-1.jpg) no-repeat;
	background-position: 0px;
	background-size: 100%;
}
.ico-dron-2{
	width: 36px;
	border-radius: 36px;
	overflow: hidden;
	height: 36px;
	position: absolute;
	left: 2px;
	top: 0px;
	background: url(/img/dron-2.jpg) no-repeat;
	background-position: 0px;
	background-size: 100%;
}
.ico-dron-3{
	width: 36px;
	border-radius: 36px;
	overflow: hidden;
	height: 36px;
	position: absolute;
	left: 2px;
	top: 0px;
	background: url(/img/dron-3.jpg) no-repeat;
	background-position: 0px;
	background-size: 100%;
}
.ico-dron-4{
	width: 36px;
	border-radius: 36px;
	overflow: hidden;
	height: 36px;
	position: absolute;
	left: 2px;
	top: 0px;
	background: url(/img/dron-4.jpg) no-repeat;
	background-position: 0px;
	background-size: 100%;
}
.ico-dron-5{
	width: 36px;
	border-radius: 36px;
	overflow: hidden;
	height: 36px;
	position: absolute;
	left: 2px;
	top: 0px;
	background: url(/img/dron-5.jpg) no-repeat;
	background-position: 0px;
	background-size: 100%;
}
.ico-dron-6{
	width: 36px;
	border-radius: 36px;
	overflow: hidden;
	height: 36px;
	position: absolute;
	left: 2px;
	top: 0px;
	background: url(/img/dron-6.jpg) no-repeat;
	background-position: 0px;
	background-size: 100%;
}
.ico-dron-7{
	width: 36px;
	border-radius: 36px;
	overflow: hidden;
	height: 36px;
	position: absolute;
	left: 2px;
	top: 0px;
	background: url(/img/dron-7.jpg) no-repeat;
	background-position: 0px;
	background-size: 100%;
}
.ico-dron-8{
	width: 36px;
	border-radius: 36px;
	overflow: hidden;
	height: 36px;
	position: absolute;
	left: 2px;
	top: 0px;
	background: url(/img/dron-8.jpg) no-repeat;
	background-position: 0px;
	background-size: 100%;
}
.ico-dron-9{
	width: 36px;
	border-radius: 36px;
	overflow: hidden;
	height: 36px;
	position: absolute;
	left: 2px;
	top: 0px;
	background: url(/img/dron-9.jpg) no-repeat;
	background-position: 0px;
	background-size: 100%;
}
.ico-dron-10{
	width: 36px;
	border-radius: 36px;
	overflow: hidden;
	height: 36px;
	position: absolute;
	left: 2px;
	top: 0px;
	background: url(/img/dron-10.jpg) no-repeat;
	background-position: 0px;
	background-size: 100%;
}
.wrap-pad-race{
	width: 100%;
	height: 260px;
	position: relative;
	padding-left: 20px;
}
.icon-race-wrap{
	position: relative;
	background: linear-gradient(to bottom,rgba(14,5,32,0.4),rgba(1,18,44,0.4));
    box-shadow: 0 0px 4px rgba(64,140,206,.7);
}
.icon-race{
	width: 160px;
	height: 120px;
	position: absolute;
	right: 60px;
	top: 10px;
}

.icon-race-prot{
	width: 120px;
	height: 140px;
	position: absolute;
	right: 90px;
	top: -5px;
}
.race-name{
	width: calc(100% - 200px);
	height: 40px;
	line-height: 40px;
	font-weight: 500;
    font-size: 36px;
    float: left;
    margin-top: 50px;
    text-align: center;
}
.hero-face{
	width: 100px;
	height: 100px;
	margin: 0 auto;
	margin-top: 30px;
	position: relative;
	border: 4px solid;
	border-image: linear-gradient(#14324A,#00D683) stretch;
    border-image-slice: 1;
}
.hero-name{
	font-size: 24px;
	font-weight: 500;
	padding-top: 6px;
	text-align: center;
	padding-bottom: 6px;
}
.hero-link a{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.hero-link a:hover .col-x100 > .hero-hame{
	color: #000;
}
.map-box-info-wrap{
	width: 100%;
	margin-top: 10px;
	position: relative;
	background: #000d20;
	background: linear-gradient(to bottom,rgba(14,5,32,0.4),rgba(1,18,44,0.4));
    box-shadow: 0 0px 4px rgba(64,140,206,.7);
}
.hide{
	display: none;
}
.map-box-info-name{
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding-left: 44px;
	line-height: 40px;
	font-size: 16px;
	font-weight: 500;
	float: left;
	background: linear-gradient(to bottom,rgba(14,5,32,0.9),rgba(1,18,44,0.9));
	border-bottom: 2px solid rgba(16,43,197,0.3);
}
.map-box-info-name img{
	position: absolute;
	left: 0;
	width: 40px;
	height: 40px;
}

.planet_user_wrap-bonus{
	width: 100%;
	margin-top: 10px;
	position: relative;
}
.map-box-bonus-wrap{
	width: 100%;
	position: relative;
	background: #000d20;
	padding-bottom: 20px;
	background: linear-gradient(to bottom,rgba(14,5,32,0.4),rgba(1,18,44,0.4));
    box-shadow: 0 0px 4px rgba(64,140,206,.7);
}
.resource-block-page{
	width: 100%;
	float: left;
	position: relative;
	height: 86px;
	text-align: center;
	padding-left: 20px;
	padding-top: 20px;
}
.resource-wrap-page{
	padding: 0 26px 0 0px;
	height: 100%;
	line-height: 30px;
	float: left;
	z-index: 99;
	display: block;
	
}
.resource-block-page span{
	display: block;
	position: absolute;
	top: 30px;
}
.resource-block-page img{
	width: 60px;
	height:60px;
	top: 0px;
	z-index: 0;
	float: left;
}
.dron-res-update{
	position: absolute;
	right: 10px;
	left: 10px;
	bottom: 14px;
	cursor: default;
}
.resource-block-dron-r{
	transition: padding 0.4s ease;
	float: right;
	padding-left: 24px;
	position: relative;
	height: 48px;
	text-align: right;
	background: rgba(0,0,0,0.8);
}
.resource-block-dron-r img{
	width: 60px;
	height:60px;
	margin-top: -6px;
	z-index: 0;
	float: right;
	margin-right: 10px;
	border: 5px solid !important;
	border-color: rgba(0,0,0,1) !important;
	background: rgba(0,0,0,0.8);

}
.resource-wrap-dron-r{
	padding-right: 20px;
	height: 100%;
	line-height: 18px;
	float: right;
	text-align: right;
	z-index: 99;
	display: block;
	text-transform: uppercase;
	position: relative;
	font-size: 18px;
	font-weight: 700 !important;
}
.resource-wrap-dron-r span{
	display: block;
	position: absolute;
	top: -18px;
	right: -60px;
	width: 60px;
	text-align: center;
	font-size: 12px !important;
	background: linear-gradient(180deg, #fff 33%, #70679c 66%, #70679c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 10px !important;
}
.wrap-dron-res{
	width: 50%;
	float: left;
}
.line-dron-res{
	width: 100%;
	position: relative;
	float: left;
	margin-top: 30px;
}
.line-dron-res-r{
	width: 100%;
	position: relative;
	float: right;
	margin-top: 30px;
}
.resource-block-dron{
	transition: padding 0.4s ease;
	padding-right: 24px;
	float: left;
	position: relative;
	height: 48px;
	text-align: center;
	background: rgba(0,0,0,0.8);
}
.resource-block-dron:hover{
	transition: padding 0.4s ease;
	padding-right: 30px;
}
.resource-block-dron-r:hover{
	transition: padding 0.4s ease;
	padding-left: 30px;
}
.resource-block-dron > .border-top-left,
.resource-block-dron > .border-top-right,
.resource-block-dron > .border-bot-left,
.resource-block-dron > .border-bot-right,
.resource-block-dron-r > .border-top-left,
.resource-block-dron-r > .border-top-right,
.resource-block-dron-r > .border-bot-left,
.resource-block-dron-r > .border-bot-right{
	opacity: 1;
}
.dron-bg > .border-top-left,
.dron-bg > .border-top-right,
.dron-bg > .border-bot-left,
.dron-bg > .border-bot-right{
	opacity: 1;
}
.line-dron-skill > .border-top-left,
.line-dron-skill > .border-top-right,
.line-dron-skill > .border-bot-left,
.line-dron-skill > .border-bot-right{
	opacity: 1;
}
.resource-block-dron img{
	width: 60px;
	height:60px;
	margin-left: 10px;
	margin-top: -6px;
	z-index: 0;
	float: left;
	border: 5px solid !important;
	border-color: rgba(0,0,0,1) !important;
	background: rgba(0,0,0,0.8);
}
.resource-wrap-dron{

	padding-left: 20px;
	height: 100%;
	line-height: 18px;
	float: left;
	z-index: 99;
	display: block;
	text-transform: uppercase;
	position: relative;
	    font-size: 18px;
    font-weight: 700 !important;
}
.resource-wrap-dron span{
	display: block;
	position: absolute;
	top: -18px;
	left: -60px;
	width: 60px;
	text-align: center;
	font-size: 12px !important;
	background: linear-gradient(180deg, #fff 33%, #70679c 66%, #70679c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 10px !important;
}

.row-block-pad-10{
	width: 100%;
	padding: 10px;
	height: 400px;
	-moz-height: 400px;
}
.line-dron-skill{
	width: 100%;
	position: relative;
	float: left;
	margin-bottom: 32px;
}
.resource-block-dron-skill{
	width: 100%;
	transition: padding 0.4s ease;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	height: 48px;
	text-align: right;
	background: rgba(255,255,255,0.1);
}
.resource-block-dron-skill img{
	width: 60px;
	height:60px;
	margin-top: -6px;
	z-index: 0;
	float: left;
	margin-right: 6px;
	border: 1px solid !important;
	border-color: rgba(0,0,0,1) !important;
	background: rgba(0,0,0,0.3);
	display: block;
}
.resource-block-dron-skill img:hover ~ .skill-tooltip{
	transition: opacity 0.5s;
	opacity: 1;
	z-index: 9999;
}
.resource-wrap-dron-skill{
	padding-left: 4px;
	height: 100%;
	height: 50px;
	line-height: 50px;
	float: left;
	text-align: right;
	z-index: 99;
	display: block;
	text-transform: uppercase;
	position: relative;
	font-size: 18px;
	font-weight: 700 !important;
	    background: linear-gradient(180deg, #fff 33%, #70679c 66%, #70679c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.resource-wrap-dron-skill span{
	display: block;
    position: absolute;
    top: 44px;
    left: -66px;
    width: 60px;
    text-align: center;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 700 !important;
    background: rgba(0,0,0,0.6);
}
.resource-wrap-dron-skill font{
	color: #ddd;
    background: linear-gradient(180deg, #fff 33%, #70679c 66%, #70679c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}
.cube-attr-wrap{
	width: calc(100% - 64px);
	position: relative;
	height: 20px;
	margin-left: 64px;
	float: left;
	margin-top: -12px;
}
.cube-attr{
	width:10%;
	padding: 4px 2px;
	height: 18px;
	margin-top:4px;
	float: left;
	position: relative;
}
.cube-attr-in{
	width: 100%;
	height: 100%;
	background-color: #444;
}
.cube-color{
	background-color: #58baff;
    box-shadow: 0 0 16px #58baff;
}
.add-attr-btn{
	transition: box-shadow 0.5s;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 8px;
	top: -32px;
	cursor: pointer;
	text-align: center;
	line-height: 32px !important;
	font-weight: 700;
	color: #009cff;
	font-size: 36px;
	-webkit-text-fill-color: #009cff;
	box-shadow: 0 0 10px #999;
	border-radius: 4px;
	overflow: hidden;
}
.add-attr-btn:hover{
	transition: box-shadow 0.5s;
	box-shadow: 0 0 16px #58baff;
}
.no-pad-top{
	padding-top: 0 !important;
}
.pay-attr-btn{
	transition: box-shadow 0.5s;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 8px;
	top: -32px;
	cursor: pointer;
	text-align: center;
	line-height: 32px !important;
	font-weight: 700;
	color: #fff;
	font-size: 36px;
	-webkit-text-fill-color: #333;
	box-shadow: 0 0 10px #999;
	border-radius: 4px;
	overflow: hidden;
}
.pay-max-lvl{
	position: absolute;
	right: 8px;
	top: -28px;
}
.pay-attr-btn:hover{
	transition: box-shadow 0.5s;
	box-shadow: 0 0 16px #86e020;
}
.pay-attr-btn img{
	margin-top: 0px;
	width: 30px;
	height: 30px;
}
.add-attr-disable{
	transition: box-shadow 0.5s;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 8px;
	top: -32px;
	cursor: pointer;
	text-align: center;
	line-height: 32px !important;
	font-weight: 700;
	color: #fff;
	font-size: 36px;
	-webkit-text-fill-color: #333;
	box-shadow: 0 0 10px #999;
	border-radius: 4px;
	overflow: hidden;
	cursor: default;
	background: #000;
}
.skill-tooltip{
	transition: opacity 0.5s;
	left: 10px;
	right: 10px;
	position: absolute;
	top: 64px;
	text-align: left;
	z-index: -10;
	background: #000;
	border: 2px solid;
	padding: 10px;
	color: #5e7a8d;
	opacity: 0;
    border-image: linear-gradient(135deg, rgba(44,140,191,1) 0%,rgba(90,89,146,1) 20%,rgba(90,89,146,1) 50%,rgba(90,89,146,1) 80%,rgba(44,140,191,1) 100%) stretch;
    border-image-slice: 1;
    box-shadow: inset 0 0px 10px rgba(64,140,206,.7);
}
.ship-name{
	position: absolute;
	top: 20px;
	left: 0px;
	right: 0px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 1px 2px 0px #000;
	letter-spacing: 1.2px;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1;
}
.ship-spec{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 14px;
	text-shadow: 1px 2px 0px #000;
	letter-spacing: 1.2px;
	z-index: 1;
}
.settings-dron{
	position: absolute;
	top: 60px;
	left: 0px;
	right: 0px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 1px 2px 0px #000;
	letter-spacing: 1.2px;
	z-index: 1;
}
.settings-dron-wrap{
	width: 100%;
	position: relative;
}
.settings-dron-sound{
	width: 40px;
	height: 40px;
	float: right;
	position: relative;
	cursor: pointer;
	background: rgba(0, 0, 0, 0.5);
}
.settings-dron-reset{
	width: 40px;
	height: 40px;
	float: left;
	position: relative;
	cursor: pointer;
	background: rgba(0, 0, 0, 0.5);
}
.settings-btn-cancel{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 14px;
	height: 14px;
	color: red;
	font-size: 10px;
	line-height: 14px;
}
.border-settings {
    transition-duration: 1s;
    transition-property: opacity;
    transition-delay: 0.5s;
    width: 6px;
    height: 6px;
    background: url(/img/border.png);
    position: absolute;
    left: 0;
    bottom: 0;
    transform: rotate(-90deg);
}
.border-settings-reset {
    transition-duration: 1s;
    transition-property: opacity;
    transition-delay: 0.7s;
    width: 6px;
    height: 6px;
    background: url(/img/border.png);
    position: absolute;
    right: 0;
    bottom: 0;
    transform: rotate(180deg);
}
.ship-speed{
	position: absolute;
	bottom: 20px;
	left: 10px;
	right: 10px;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1;
	padding: 5px;
	text-align: center;
}

.btn-attack-all{
	transition: box-shadow 0.7s,text-shadow 0.7s;
    width: 200px;
    height: 48px;
    border-width: 2px;
    border-image: linear-gradient(135deg, rgba(44,140,191,1) 0%,rgba(44,140,191,1) 20%,rgba(44,140,191,1) 50%,rgba(44,140,191,1) 80%,rgba(40,180,250,1) 100%) stretch;
    border-image-slice: 1;
    background: rgba(0,0,0,0.3);
    background: url(/img/bg-bottom.jpg) center no-repeat;
    background-size: 600%;
    line-height: 46px;
    font-weight: bold;
    font-size: 12px;
    margin: 0 auto;
    cursor: pointer;
    box-shadow: 0 0px 8px red;
    letter-spacing: 1.2px;
    display: block;
    text-align: center;
}

.btn-attack-all:hover{
	transition: box-shadow 0.7s,text-shadow 0.7s;
    text-shadow: 0 0 7px #2c8cbf;
    box-shadow: 0 0px 16px red;
}
.btn-exp-all{
	transition: box-shadow 0.7s,text-shadow 0.7s;
    width: 200px;
    height: 48px;
    border-width: 2px;
    border-image: linear-gradient(135deg, rgba(44,140,191,1) 0%,rgba(44,140,191,1) 20%,rgba(44,140,191,1) 50%,rgba(44,140,191,1) 80%,rgba(40,180,250,1) 100%) stretch;
    border-image-slice: 1;
    background: rgba(0,0,0,0.3);
    background: url(/img/bg-bottom.jpg) center no-repeat;
    background-size: 600%;
    line-height: 46px;
    font-weight: bold;
    font-size: 12px;
    margin: 0 auto;
    cursor: pointer;
    box-shadow: 0 0 8px #8cf1ff;
    letter-spacing: 1.2px;
    display: block;
    text-align: center;
}

.btn-exp-all:hover{
	transition: box-shadow 0.7s,text-shadow 0.7s;
    text-shadow: 0 0 7px #2c8cbf;
    box-shadow: 0 0 16px #8cf1ff;
}


.hero-attack-btn{
	float: left;position: relative;
	width: 100%;
}
.map-wrap{
	width: 100%;
	position: relative;
	float: left;
	margin-top: 20px;
}
.line-timer-exp{
	height: 6px;
    left: 0px;
    top: 54px;
    background-color: #58baff;
    box-shadow: 0 0 16px #58baff;
    position: absolute;
    z-index: 0;
}

.map-step{
	width:20%;
	padding: 15px 10px;
	height: 60px;
	float: left;
	position: relative;
}
.map-step span{
	width: 100%;
	display: block;
	position: absolute;
	z-index: 9;
	height: 28px;
	left: 0;
	margin-top: 1px;
	line-height: 28px;
	background: rgba(0,0,0,0.7);
}
.map-step-in{
	width: 100%;
	height: 30px;
	box-shadow: 0 0 5px rgba(64,140,206,.7);
    text-align: center;
    position: relative;
}
.star-map-1{
	width: 60px;
	height: 60px;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	background: url(/img/grandmaster.png);
	background-position: 0px 0px;
	background-size: 168%;
	top: -20px;
	z-index: 0;
	filter: grayscale(100%);
}
.star-map-2{
	width: 60px;
	height: 60px;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	background: url(/img/grandmaster.png);
	background-position: 0px -60px;
	background-size: 168%;
	top: -20px;
	z-index: 0;
	filter: grayscale(100%);
}
.star-map-3{
	width: 60px;
	height: 60px;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	background: url(/img/grandmaster.png);
	background-position: 0px -120px;
	background-size: 168%;
	top: -20px;
	z-index: 0;
	filter: grayscale(75%);
}
.star-map-4{
	width: 60px;
	height: 60px;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	background: url(/img/grandmaster.png);
	background-position: 0px -184px;
	background-size: 168%;
	top: -20px;
	z-index: 0;
	filter: grayscale(50%);
}
.star-map-5{
	width: 60px;
	height: 60px;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	background: url(/img/grandmaster.png);
	background-position: 0px -184px;
	background-size: 168%;
	top: -20px;
	z-index: 0;
}
.map-color{
    box-shadow: 0 0 5px #8cf1ff;
    border: none;
}
.map-color2{
    box-shadow: 0 0 5px #86e020;
    border: none;
}
.arrow-map{
	position: absolute;
	right: -15px;
	height: 30px;
	width: 30px;
	top: 15px;
}
.wrap_hero{
	width: 100%;
	float: left;
}
.hero-bottom-btn{
	width: 100%;
	padding: 30px 0;
	float: left;
	    background: url(/img/hexagons.png) center top;
    background-size: 15%;
	position: relative;
	height: 118px;
}
.hero-bottom-btn:before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 1px;
	top: 36px;
	background: -moz-linear-gradient(left, rgba(29,63,98,1) 0%, rgba(0,0,0,0) 50%, rgba(29,63,98,1) 100%);
	background: -webkit-linear-gradient(left, rgba(29,63,98,1) 0%,rgba(0,0,0,0) 50%,rgba(29,63,98,1) 100%);
	background: linear-gradient(to right, rgba(29,63,98,1) 0%,rgba(0,0,0,0) 50%,rgba(29,63,98,1) 100%);
}
.hero-bottom-btn:after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 1px;
	top: 76px;
	background: -moz-linear-gradient(left, rgba(29,63,98,1) 0%, rgba(0,0,0,0) 50%, rgba(29,63,98,1) 100%);
	background: -webkit-linear-gradient(left, rgba(29,63,98,1) 0%,rgba(0,0,0,0) 50%,rgba(29,63,98,1) 100%);
	background: linear-gradient(to right, rgba(29,63,98,1) 0%,rgba(0,0,0,0) 50%,rgba(29,63,98,1) 100%);
}
.map-step-var{
	width:20%;
	padding: 6px 10px;
	height: 60px;
	float: left;
	position: relative;
}
.pad-bot-20{
	padding-bottom: 20px;
}
.pad-10-s{
	padding: 0;
}
.attack-info-wrap{
	width: 100%;
	float: left;
	position: relative;
	text-align: center;
	background: rgba(0,0,0,0.5);
	margin-top: 10px;
	padding: 20px 0;
}
.no-m-top{
	margin-top: 14px;

}
.disp-1{
	display: none;
}
.disp-0{
	display: block !important;
}
.loader{
	position: absolute;
	top: 140px;
	width: 160px;
	height: 24px;
	margin-left: 50%;
	left: -80px;
	display: none;
}
.loader-text{
	max-width: 160px;
	text-align: center;
}
.boss-bg{
	padding: 50px;
	margin-top: -140px;
	background: url(/img/bg-boss.jpg);
	background-size: cover;
}
.checkbox{
	position: absolute;
	top: 10%;
	left: 25%;
}
.checkbox label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	margin-top: 20px;
	font-size: 13px;
	height: 100px;
	width: 100px;
}
.checkbox input[type=checkbox] {
	display: none;
}
.checkbox label:before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 1px;
	background: url(/img/attack-icon2.png);
	background-size: cover;
	background-position: -1px;
	opacity: 1;
}

.checkbox input[type=checkbox]:checked + label:before {
    content: "";
    color: red;
    font-size: 30px;
    text-align: center;
    line-height: 103px;
    opacity: 1;
    background: url(/img/attack-icon.png);
	background-size: cover;
	background-position: -1px;
	opacity: 1;
	z-index: 2;
}
.checkbox2{
	position: absolute;
	top: 40%;
	left:  37%;
}
.checkbox2 label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	margin-top: 20px;
	font-size: 13px;
	height: 100px;
	width: 100px;
}
.checkbox2 input[type=checkbox] {
	display: none;
}
.checkbox2 label:before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 1px;
	background: url(/img/attack-icon2.png);
	background-size: cover;
	background-position: -1px;
	opacity: 1;
}

.checkbox2 input[type=checkbox]:checked + label:before {
    content: "";
    color: red;
    font-size: 30px;
    text-align: center;
    line-height: 103px;
    opacity: 1;
    background: url(/img/attack-icon.png);
	background-size: cover;
	background-position: -1px;
	opacity: 1;
	z-index: 2;
}

.checkbox3{
	position: absolute;
	top: 25%;
	left:  30%;
}
.checkbox3 label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	margin-top: 20px;
	font-size: 13px;
	height: 100px;
	width: 100px;
}
.checkbox3 input[type=checkbox] {
	display: none;
}
.checkbox3 label:before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 1px;
	background: url(/img/attack-icon2.png);
	background-size: cover;
	background-position: -1px;
	opacity: 1;
}

.checkbox3 input[type=checkbox]:checked + label:before {
    content: "";
    color: red;
    font-size: 30px;
    text-align: center;
    line-height: 103px;
    opacity: 1;
    background: url(/img/attack-icon.png);
	background-size: cover;
	background-position: -1px;
	opacity: 1;
	z-index: 2;
}
.checkbox4{
	position: absolute;
	top: 10%;
	left:  42%;
}
.checkbox4 label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	margin-top: 20px;
	font-size: 13px;
	height: 100px;
	width: 100px;
}
.checkbox4 input[type=checkbox] {
	display: none;
}
.checkbox4 label:before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 1px;
	background: url(/img/attack-icon2.png);
	background-size: cover;
	background-position: -1px;
	opacity: 1;
}

.checkbox4 input[type=checkbox]:checked + label:before {
    content: "";
    color: red;
    font-size: 30px;
    text-align: center;
    line-height: 103px;
    opacity: 1;
    background: url(/img/attack-icon.png);
	background-size: cover;
	background-position: -1px;
	opacity: 1;
	z-index: 2;
}
.checkbox5{
	position: absolute;
	top: 23%;
	left:  48%;
}
.checkbox5 label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	margin-top: 20px;
	font-size: 13px;
	height: 100px;
	width: 100px;
}
.checkbox5 input[type=checkbox] {
	display: none;
}
.checkbox5 label:before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 1px;
	background: url(/img/attack-icon2.png);
	background-size: cover;
	background-position: -1px;
	opacity: 1;
}

.checkbox5 input[type=checkbox]:checked + label:before {
    content: "";
    color: red;
    font-size: 30px;
    text-align: center;
    line-height: 103px;
    opacity: 1;
    background: url(/img/attack-icon.png);
	background-size: cover;
	background-position: -1px;
	opacity: 1;
	z-index: 2;
}
.checkbox6{
	position: absolute;
	top: 3%;
	left:  50%;
}
.checkbox6 label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	margin-top: 20px;
	font-size: 13px;
	height: 100px;
	width: 100px;
}
.checkbox6 input[type=checkbox] {
	display: none;
}
.checkbox6 label:before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 1px;
	background: url(/img/attack-icon2.png);
	background-size: cover;
	background-position: -1px;
	opacity: 1;
}

.checkbox6 input[type=checkbox]:checked + label:before {
    content: "";
    color: red;
    font-size: 30px;
    text-align: center;
    line-height: 103px;
    opacity: 1;
    background: url(/img/attack-icon.png);
	background-size: cover;
	background-position: -1px;
	opacity: 1;
	z-index: 2;
}
.checkbox7{
	position: absolute;
	top: 13%;
	left:  56%;
}
.checkbox7 label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	margin-top: 20px;
	font-size: 13px;
	height: 100px;
	width: 100px;
}
.checkbox7 input[type=checkbox] {
	display: none;
}
.checkbox7 label:before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 1px;
	background: url(/img/attack-icon2.png);
	background-size: cover;
	background-position: -1px;
	opacity: 1;
}

.checkbox7 input[type=checkbox]:checked + label:before {
    content: "";
    color: red;
    font-size: 30px;
    text-align: center;
    line-height: 103px;
    opacity: 1;
    background: url(/img/attack-icon.png);
	background-size: cover;
	background-position: -1px;
	opacity: 1;
	z-index: 2;
}
.checkbox8{
	position: absolute;
	top: 20%;
	left:  62%;
}
.checkbox8 label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	margin-top: 20px;
	font-size: 13px;
	height: 100px;
	width: 100px;
}
.checkbox8 input[type=checkbox] {
	display: none;
}
.checkbox8 label:before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 1px;
	background: url(/img/attack-icon2.png);
	background-size: cover;
	background-position: -1px;
	opacity: 1;
}

.checkbox8 input[type=checkbox]:checked + label:before {
    content: "";
    color: red;
    font-size: 30px;
    text-align: center;
    line-height: 103px;
    opacity: 1;
    background: url(/img/attack-icon.png);
	background-size: cover;
	background-position: -1px;
	opacity: 1;
	z-index: 2;
}
.boss-bottom-btn{
	width: 300px;
	margin-left: -150px;
	left: 50%;
	position: absolute;
	padding: 6px 20px;
	top: 70%;
}
.boss-bottom-btn > input{
	width: 100% !important;
}
.title-one{
	width: 600px;
	padding: 10px;
	background: rgba(0,0,0,0.9);
	position: absolute;
	top: 5px;
	left: -300px;
	margin-left: 50%;
	    background-image: url(/img/subnav-bg.png);
    border: 1px solid #1d3f62;
}
.title-one-prize{
	width: 600px;
	padding: 10px;
	background: rgba(0,0,0,0.9);
	margin: 0 auto;
	margin-top: 140px;
	background-image: url(/img/subnav-bg.png);
    border: 1px solid #1d3f62;
    text-align: center;
}
.title-one-prize-stats{
	position: relative;
	width: 100%;
	padding: 20px;
	float: left;
}
.stats-war-border{
	padding: 10px 0px;
}
.title-one-name{
	color: #bbb;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0;
    background: linear-gradient(180deg, #fff 33%, #70679c 66%, #70679c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.title-one-line{
	width: 100%;
	float: left;
	height: 24px;
	line-height: 24px;
	font-size: 18px;
	font-weight: 500;
	font-family: 'Electrolize';
}
.title-one-prize-stats:before, .stats-war-border:before {
    position: absolute;
    content: "";
    height: 2px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #8cf1ff;
    box-shadow: 0 0 30px #00edff;
}
.title-one-info{
	width: 600px;
	padding: 10px;
	background: rgba(0,0,0,0.9);
	position: absolute;
	margin-top: 20%;
	left: -300px;
	margin-left: 50%;
	background-image: url(/img/subnav-bg.png);
    border: 1px solid #1d3f62;
    text-align: center;
}
.title-one-info form, .title-one-prize form{
	margin-top: 20px;
	float: left;
	width: 100%;
}
.change-wrapper{
	padding: 25px 10px;
	position: relative;
}
.change-input{
	z-index: 999;
	position: relative;

}
.change-input2 > input[type="text"]{
	float: left;
	margin-top: 20px;
	margin-bottom: 40px;
}
.change-input > input[type="text"]{
	float: left;
	
}
.change-input > input[type="text"]:focus::-webkit-input-placeholder {opacity: 1;   transition: all 0.5s ease;}
.upper{
	text-transform: uppercase;
	font-weight: 500;
}
.select-btn{
	height: 40px;
	position: relative;
	border-bottom: 2px solid #1d3f62;
	margin-bottom: 10px;
}
.select-btn img{
	width: 40px;
	height: 40px;
	padding: 5px;
	position: absolute;
	left: 0;
}
.select-btn span{
	height: 40px;
	line-height: 40px;
	text-align: center;
	width:100%;
	display: block;
	text-shadow: 0px 1px 0 #222;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 500;
}
.select-btn split{
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 20px;
	display: block;
	text-shadow: 1px 1px 0 #222;
	font-size: 18px;

	right: 20px;
	top: 0;
	position: absolute;
}
.rotate-select-i > split > i{
	transform: rotate(-180deg);
}
.select-menu{
	position: absolute;
	top: 68px;
	width: 100%;
	background: #222;
	z-index: 999;
	overflow: hidden;
	border-radius: 4px;
	max-height: 160px;
	overflow: auto;
}
.pay-btn-wpap{
	margin-bottom: 10px;
}
.pay-btn-wpap-inner{
	width: 100%;
	position: relative;
}
.select-btn-drop{
	transition: all 0.5s;
	position: relative;
	cursor: pointer;
	background: linear-gradient(to bottom,rgba(14,5,32,0.4),rgba(1,18,44,0.4));
    box-shadow: 0 0px 4px rgba(64,140,206,.7);
}

.select-btn-drop:hover{
	transition: all 0.5s;
	box-shadow: 0 0px 4px rgba(64,140,206,.7);
	background: linear-gradient(to bottom,rgba(14,5,52,1),rgba(1,18,44,1));
}
.select-btn-drop-arrow{
	transition: all 0.4s;
    right: 6px;
    position: absolute;
    width: 36px;
    height: 36px;
    top: 4px;
    opacity: 0.5;
        transform: scale(-1,1);
}
.pay-btn-wpap-inner:hover .select-btn-drop-arrow{
	transition: all 0.4s;
	opacity: 1;
	right: 10px;
}
.pay-btn-wpap-inner:hover .select-btn-drop-img{
	transition: padding 0.2s;
	padding: 2px;
}
.select-btn-drop-img{
	transition: padding 0.2s;
	width: 44px;
	height: 44px;
	margin-left: 4px;
	padding: 5px;
	position: absolute;
	left: 0;
}
.select-btn-drop span{
	height: 44px;
	line-height: 44px;
	text-align: center;
	width: 100%;
	display: block;
	text-shadow: 0px 0px 4px #0070ca, 0px 0px 4px #0070ca;
    color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 500;
}
.select-btn-drop split{
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 20px;
	display: block;
	text-shadow: 1px 1px 0 #222;
	font-size: 18px;
	right: 20px;
	top: 0;
	position: absolute;
}

.select_hide{
	display: none;
}

.card-pay{
	background-image: url(/img/subnav-bg.png);
    border: 1px solid #1d3f62;
    float: left;
    padding: 25px 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    background: linear-gradient(to bottom,rgba(14,5,32,0.4),rgba(1,18,44,0.4));
    box-shadow: 0 0px 4px rgba(64,140,206,.7);
}
.card-pay form{
	margin: 0;
}
.ref-block{
	padding: 20px 10px;
	text-align: left;
}
.ref-block font{
	width: 100%;
	font-size: 20px;
	text-align: center;
}
.ref-block split{
	font-size: 18px;
}
.ref-block strong{
	font-size: 24px;
}
.ref-name{
	padding-left: 4px;
}
.pad-5{
	padding: 5px 10px;
}
.pad-5-2{
	padding: 5px;
}
.block-wrapper{
	padding: 10px;
	width: 100%;
}
.block-wrapper2{
	padding: 0px 10px;
	width: 100%;
}
.block-inner{
	width: 100%;
	background-image: url(/img/subnav-bg.png);
    border: 1px solid #1d3f62;
    position: relative;
}
.block-inner a{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
.block-name-player{
	text-align: center;
	color: #bbb;
    font-size: 16px;
    font-weight: 700;
    padding: 20px 0;
    background: linear-gradient(180deg, #fff 33%, #70679c 66%, #70679c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-bottom: 1px solid #1d3f62;
}
.block-name{
	text-align: center;
	color: #bbb;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0;
    background: linear-gradient(180deg, #fff 33%, #70679c 66%, #70679c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-bottom: 1px solid #1d3f62;
}
.block-name-2{
	text-align: center;
	    color: #bbb;
    font-size: 24px;
    font-weight: 700;
    padding: 10px 0;
    background: linear-gradient(180deg, #fff 33%, #70679c 66%, #70679c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
     font-family: 'Electrolize';
}
.block-name-3{
	text-align: center;
	    color: #bbb;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 0;
    background: linear-gradient(180deg, #fff 33%, #70679c 66%, #70679c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
     font-family: 'Electrolize';
}
.player-btn-wrap{
	width: 100%;
	position: relative;
	padding: 10px;
}
.block-name-info{
	position: relative;
	    color: #bbb;
    font-size: 16px;
    padding: 10px 10px;
    background: linear-gradient(180deg, #fff 33%, #70679c 66%, #70679c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.block-name-info span{
	position: absolute;
	right: 10px;
	top: 0;
	z-index: 2;
	height: 40px;
	color: #fff;
	background: linear-gradient(180deg, #fff 33%, #70679c 66%, #70679c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	line-height: 40px;
}
.block-name-info > span > a{
	position: relative !important;
	color: #fff;
	-webkit-text-fill-color: #fff;
	text-shadow: 0px 0px 4px #0070ca, 0px 0px 4px #0070ca;
}
.block-name-info > span > a:hover{
	text-decoration: underline;
}
.banner_btn{
	z-index: 999;
	position: relative;
	text-align: center;
	padding: 10px;
}
.banner_btn span {
    padding: 10px;
    display: block;
    margin: 0 auto;
    text-align: center;
    background: rgba(255, 255, 255, 0.1);
    cursor: pointer;
    font-size: 18px;
}
.banner-x1,.banner-x2,.banner-x3{
	width: 100%;
	float: left;
}
.banner-x1 img{
	width: 728px;
	height: 90px;
	margin: 20px auto;
	display: block;
}
.banner-x2 img{
	width: 468px;
	height: 60px;
	margin: 20px auto;
	display: block;
}
.banner-x3 img{
	width: 200px;
	height: 300px;
	margin: 20px auto;
	display: block;
}
.banner-btn-inp{
	padding: 0 10px;
}
.table_r{
	width: 100%;
	float: left;
	position: relative;
	border-bottom: 1px solid #0a1f35;
}
.sort_ref_r:nth-child(2){
	background: linear-gradient(to bottom,rgba(14,5,32,0.4),rgba(1,18,44,0.4));
    box-shadow: 0 0px 4px rgba(64,140,206,.7);
}
.sort_ref_r:nth-child(2) > .table_c{
	    color: #bbb;
    font-size: 16px;
    font-weight: 700;
    background: linear-gradient(180deg, #fff 33%, #70679c 66%, #70679c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
}
.table-link{
	position: relative !important;
	padding: 10px 0;
}
.table-link:hover{
	text-decoration: underline;
}
.active-shop-link{
	border-bottom: 2px solid #8cf1ff !important;
	position: relative;
}
.active-shop-link:before{
	content: "";
    z-index: 1000;
    width: 2px;
    height: 2px;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    bottom: -10px;
    border: 4px solid transparent;
    border-top: 4px solid #8cf1ff;
}
.sort_ref_r:nth-child(2) > .table_c span:hover{
	background: linear-gradient(180deg, #fff 33%, #70679c 66%, #70679c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
        text-shadow: 0 0 50px #fff;
        cursor: pointer;
}
.table_c{
	float: left;
	position: relative;
	padding: 15px 0;
	text-align: center;
}
.table-foto-user{
	width: 100%;
	padding: 10px 5px 5px 5px;
}
.table-foto-user img{
	width: 100%;
	height: 30px;
}
.width-5{width: 5%;}
.width-10{width: 10%;}
.width-15{width: 15%;}
.width-20{width: 20%;}
.width-45{width: 45%;}
.width-40{width: 40%;}
.width-30{width: 30%;}
.cabinet-name{
	height: 50px;
	line-height: 50px;
	margin-bottom: 20px;
	width: 100%;
	padding-left: 10px;
	position: relative;
	color: #bbb;
    font-size: 24px;
    font-weight: 700;
    background: linear-gradient(180deg, #fff 33%, #70679c 66%, #70679c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
}
.cabinet-name:before{
	position: absolute;
	content: "";
	height: 2px;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #8cf1ff;
	box-shadow: 0 0 30px #00edff;
}

.pad-station{
	padding: 10px;
}

.disable-wrap{
	position: absolute;
	z-index: 99;
	text-align: center;
	content: "";
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0,0,0,0.8);
	text-align: center;
	padding-top: 100px;
}
.share-wrapper{
	position: absolute;
	right: 0;
	top: 0;
	height: 60px;
	text-align: center !important;
}
.share-block{
	position: relative;
}
.share-name{
	font-family: Roboto;
	font-size: 14px;
	line-height: 16px;
	color: #bbb;
    background: linear-gradient(180deg, #fff 33%, #70679c 66%, #70679c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    text-align: left;
    padding: 0 10px;
}

.defense-wrapper{
	width: 100%;
    margin-top: 10px;
    position: relative;
    padding-left: 20px;
}
.row-defense-dron{
	width: 100%;
	float: left;
	position: relative;
	height: 123px;
}
.row-defense-dron-link{
	width: 100px;
	height: 100px;
	margin: 11px 0 0 10px;
	float: left;
	position: relative;
}
.row-defense-dron-link img{
	width: 100%;
	height: 100%;
}
.row-defense-dron-link a{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	display: block;
}
.def-dron-info{
	float: left;
	width: calc(100% - 112px);
	padding: 10px 10px 10px 0;
	min-height: 123px;
}
.row-defense-dron-link > .border-top-left,
.row-defense-dron-link > .border-top-right,
.row-defense-dron-link > .border-bot-left,
.row-defense-dron-link > .border-bot-right{
	opacity: 1;
}
.def-dron-name-wrap{
	height: 30px;
	width: 100%;
	float: left;
	position: relative;
}
.def-dron-name-wrap:before {
    position: absolute;
    content: "";
    height: 2px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #8cf1ff;
    box-shadow: 0 0 30px #00edff;
}
.def-dron-name{
	text-align: left;
	line-height: 30px;
	float: left;
	padding-left: 10px;
}
.def-dron-lvl{
	float: right;
	line-height: 32px;
	width: 40%;
	text-align: center;
}
.dron-action-wrap{
	width: 100%;
	float: left;
	position: relative;
	background: rgba(0,0,0,0.5);
	height: 74px;
	border-radius: 0 0 0 4px;
}
.dron-action-btn{
	width: 60%;
	padding: 0 10px;
	float: left;
	position: relative;
}
.dron-action-info{
	float: right;
	position: relative;
	width: 40%;
	background: rgba(0,0,0,0.5);
	height: 74px;
	border-radius: 0 0 4px 0;
}
.dron-action-res{
	float: left;
	width: 100%;
	height: 22px;
	text-align: center;
}
.dron-action-n{
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #bbb;
    background: linear-gradient(180deg, #fff 33%, #70679c 66%, #70679c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.btn-def-all {
	z-index: 999;
	position: relative;
    transition: box-shadow 0.7s,text-shadow 0.7s;
    height: 40px;
    width: 100%;
    background: rgba(0,0,0,0.9);
    font-weight: bold;
    font-size: 12px;
    line-height: 40px;
    cursor: pointer;  
    letter-spacing: 1.2px;
    display: block;
    text-align: center;
    padding: 0 10px;
}
.btn-dron-all {
    transition: box-shadow 0.7s,text-shadow 0.7s;
    width: 200px;
    height: 48px;
    margin: 0 auto;
    background: rgba(0,0,0,0.9);
    font-weight: bold;
    font-size: 12px;
    line-height: 48px;
    cursor: pointer;  
    letter-spacing: 1.2px;
    display: block;
    text-align: center;
    padding: 0 10px;
}
.btn-color-1{
	box-shadow: 0 0px 3px rgba(40,180,255,1);
}

.btn-color-1:hover {
    transition: box-shadow 0.7s,text-shadow 0.7s;
    text-shadow: 0 0 7px #2c8cbf;
    box-shadow: 0 0px 20px rgba(40,180,255,1);
}
.btn-color-2{
	box-shadow: 0 0 3px #8cf1ff;
}
.btn-color-2:hover{
	transition: box-shadow 0.7s,text-shadow 0.7s;
    text-shadow: 0 0 7px #2c8cbf;
    box-shadow: 0 0 16px #8cf1ff;
}

.btn-color-3{
	box-shadow: 0 0px 3px #86e020;
}
.btn-color-3:hover{
	transition: box-shadow 0.7s,text-shadow 0.7s;
    text-shadow: 0 0 7px #2c8cbf;
    box-shadow: 0 0px 16px #86e020;
}
.btn-color-4{
	box-shadow: 0 0px 3px #ffae00;
}
.btn-color-4:hover{
	transition: box-shadow 0.7s,text-shadow 0.7s;
    text-shadow: 0 0 7px #2c8cbf;
    box-shadow: 0 0px 16px #ffae00;
}
.btn-color-5{
	box-shadow: 0 0px 3px red;
}
.btn-color-5:hover{
	transition: box-shadow 0.7s,text-shadow 0.7s;
    text-shadow: 0 0 7px #2c8cbf;
    box-shadow: 0 0px 16px red;
}
.btn-color-6{
	box-shadow: 0 0px 3px #9c26d0;
}
.btn-color-6:hover{
	transition: box-shadow 0.7s,text-shadow 0.7s;
    text-shadow: 0 0 7px #2c8cbf;
    box-shadow: 0 0px 16px #9c26d0;
}
.bonus_map_info{
	padding: 20px;
	float: left;
	border-bottom: 2px solid rgba(16,43,197,0.2);
    border-right: 2px solid rgba(16,43,197,0.2);
    border-left: 2px solid rgba(16,43,197,0.2);
    width: 100%;
    color: #b1d8f1;
}
.def-tooltip{
	padding: 20px;
	float: left;
	color: #5e7a8d;
}

.sitting-pad{
	padding: 20px;
}
.sitting-input{
	position: relative;
	float: left;
	width: 100%;
}
.dron-navi-user{
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
	height: 50px;
	line-height: 50px;
	color: #bbb;
    font-size: 18px;
    text-shadow: 0 0 30px #00edff;
    text-transform: uppercase;
    background: linear-gradient(180deg, #fff 33%, #70679c 66%, #70679c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.dron-info-user-img:before {
    position: absolute;
    content: "";
    height: 1px;
    bottom: 50%;
    left: 36%;
    right: 4px;
    background-color: #1d3f62;
    box-shadow: 0 0 20px #00edff;
}
.block-user-name-new{
	height: 20px;
	line-height: 20px;
	float: left;
	font-size: 16px;
	color: #bbb;
    background: linear-gradient(180deg, #fff 33%, #70679c 66%, #70679c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	width: 100%;
	padding-left: 10px;
}
.line-user{
	float: left;
   	width: 100%;
    height: 2px;
    background-color: #1d3f62;
    position: relative;
}
.line-user:before {
    content: "";
    z-index: 1000;
    width: 2px;
    height: 4px;
    position: absolute;
    left: 62%;
    margin-left: -1px;
    bottom: -20px;
    border: 8px solid transparent;
    border-top: 8px solid #1d3f62;
}
.dron-info-user-img{
	width: 33%;
	float: left;
	height: 100px;
	overflow: hidden;
}
.planet-info-user-img{
	width: 33%;
	float: left;
	height: 100px;
	overflow: hidden;
}
.planet-info-user-img:before {
    position: absolute;
    content: "";
    height: 1px;
    bottom: 50%;
    left: 36%;
    right: 4px;
    background-color: #1d3f62;
    box-shadow: 0 0 20px #00edff;
}

.planet-info-user-img img{
	width: 150%;
	height: 150%;
	margin-left: -50%;
	
}
.block-shadow-1{
	box-shadow: 0 0 10px #00edff;
	border-radius: 4px 10px 10px 4px;
}
.block-shadow-2{
	box-shadow: 0 0 10px #999;
	border-radius: 4px 10px 10px 4px;
}
.dron-info-name-user{
	height: 100px;
	width: 66%;
	float: left;
	background: url(/img/hexagons.png) center;
	background-size: 40%;
}

.block-inner a{
	transition: background 0.4s ease;
	z-index: 99;
}
.block-inner a:hover ~ .hover-user{
	transition: background 0.4s ease;
	background: rgba(0,0,0,0.5);
}
.indication-dron{
	position: absolute;
	left: 10px;
	top: 10px;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	box-shadow: 0 0 10px #097fbb;
}
.indication-color-1{
	background: #7ee805;
}
.indication-color-2{
	background: #ffae00;
}
.indication-color-3{
	background: #fff;
}

.search-user-wrap{
	width: 100%;
	height: 60px;
	float: left;
	border-bottom: 2px solid #08658B;
	padding: 0 20px;
}
.search-user-name{
	height: 60px;
    line-height: 60px;
    margin-bottom: 20px;
    width: 50%;
    padding-left: 10px;
    position: relative;
    float: left;
    position: relative;
}
.search-user-name span{
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 1.2px;
        text-shadow: 0px 0px 4px #0070ca, 0px 0px 4px #0070ca;
        color: #fff;   
}
.search-user-name:before{
	width: 2px;
    height: 40px;
    background: #42EDF8;
    box-shadow: -2px -2px 10px 3px rgba(0, 112, 202, 0.6);
    transform: rotate(45deg);
    content: '';
    position: absolute;
    right: 0;
    display: block;
    top: 10px;
}

.search-user-form{
	width: 50%;
	float: left;
	position: relative;
}

.search-user-text{
	font-size: 24px;
    font-weight: 500;
    letter-spacing: 1.2px;
        text-shadow: 0px 0px 4px #0070ca, 0px 0px 4px #0070ca;
        color: #fff;
        float: right;
        padding-right: 20px;
        line-height: 60px;
        width: calc(60% - 100px);
        text-align: center;
}
.user-search-input{
	width: 40%;
	float: right;
	margin-top: 10px;
}
.search-btn{
	width: 40px;
    height: 40px;
    float: right;
    margin: auto;
    margin-top: 10px;
    margin-left: 20px;
    cursor: pointer;
    
    border: 1px solid rgba(44,140,191,1);
    border-radius: 4px;
}
.search-btn:hover{
	box-shadow: 0 0 10px rgba(44,140,191,1);
}
.user-add-name{
	width: 100%;
	float: left;
	height: 40px;
	line-height: 40px;
    font-size: 16px;
    text-align: center;
    text-shadow: 0px 0px 12px #0070ca, 0px 0px 12px #0070ca;
        border-bottom: 2px solid #08658B;
}
.friends-wrap-list{
	width: 100%;
	float: left;
	height: 80px;
	position: relative;
	margin: 5px 0;
}
.friends-wrap-foto{
	width: 80px;
	height: 80px;
	float: left;
}
.friends-wrap-rigth{
	width: calc(100% - 80px);
	position: relative;
	float: right;
}
.friends-wrap-rigth a{
	width: 100%;
	height: 40px;
	float: left;
	position: relative !important;
	padding-left: 10px;
	line-height: 40px;
    font-weight: 500;
    letter-spacing: 1.2px;
    text-shadow: 0px 0px 4px #0070ca, 0px 0px 4px #0070ca;
    color: #fff;
}

.friends-btn-wrap{
	float: left;
	width: 50%;
	padding: 0 10px;
}

.gain-res-planet{
	width: 50%;
	float: left;
	height: 60px;
	line-height: 60px;
	text-align: center;
}
.planet-news-wrap{
	padding-left: 20px;
	position: relative;
	float: left;
	width: 100%;
}
.planet-news-cont{
	width: 100%;
	position: relative;
	background: linear-gradient(to bottom,rgba(14,5,32,0.9),rgba(1,18,44,0.3));
    box-shadow: 0 0px 4px rgba(64,140,206,.7);
    float: left;
}
.map-box-info-wrap-news{
	width: 100%;
	position: relative;
	padding: 0 20px;
}
.resource-block-page-news{
	width: 100%;
	float: left;
	position: relative;
	height: 66px;
	margin-top: 8px;
	text-align: center;
	padding-left: 20px;
	background: rgba(0,0,0,0.4);
}
.resource-wrap-page-news{
	padding: 0 26px 0 0px;
	height: 100%;
	line-height: 30px;
	float: left;
	z-index: 99;
	display: block;
	
}
.resource-block-page-news span{
	display: block;
	position: absolute;
	top: 10px;
}
.resource-block-page-news img{
	width: 60px;
	height:60px;
	top: 0px;
	z-index: 0;
	float: left;
}
.wrap-res-gain-news{
	width: 50%;
	float: left;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}
.news-planet-style{
	width: 100%;
	margin-top: 10px;
    position: relative;
    float: left;
    background-image: url(/img/subnav-bg.png);
    border: 1px solid #1d3f62;
}
.line-map-skill{
	width: 100%;
    position: relative;
    float: left;
    padding: 20px 10px 0px 10px;
}
.line-map-wrap{
	width: 100%;
	position: relative;
	height: 48px;
	background: url(/img/hexagons.png) center top;
	background-color: rgba(0,0,0,0.4);
	background-size: 10%;
}
.line-map-wrap > .border-top-left,
.line-map-wrap > .border-top-right,
.line-map-wrap > .border-bot-left,
.line-map-wrap > .border-bot-right{
	opacity: 1;
}
.line-map-img-split{
	width: 64px;
	height: 64px;
	position: relative;
	float: left;
	background: url(/img/BPD.png);
	background-size: cover;
	padding: 4px;
	margin-left: 10px;
	margin-top: -8px;
	border-bottom: 2px solid #08658B;
}
.line-map-img-split img{
	float: left;
	transform: scale(-1,1);
}
.line-map-skill-name{
	height: 50px;
    line-height: 50px;
    float: left;
    text-align: right;
    z-index: 99;
    display: block;
    text-transform: uppercase;
    position: relative;
    font-size: 18px;
    font-weight: 700 !important;
    background: linear-gradient(180deg, #fff 33%, #70679c 66%, #70679c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-left: 20px;
}
.input-wrapper-news-map{
	z-index: 999;
	position: relative;
	padding:10px;
}
.news-map-bg-input{
	width: 100%;
	position: relative;
	background: url(/img/hexagons.png) center top;
	background-color: rgba(0,0,0,0.4);
	background-size: 10%;
	    border: 1px solid #1d3f62;
}
.padding-10-news{
	padding: 10px;
}
.input-name-news{
	width: 100%;
	height: 30px;
	line-height: 30px;
	position: relative;
	text-align: center;
}
.input-name-news span{
	text-shadow: 0px 0px 1px #0070ca, 0px 0px 1px #0070ca;
    color: #fff;
    font-size: 16px;
    letter-spacing: 1.1px;
}

.news-map-btn-wrap{
	float: left;
	width: 100%;
	padding: 0 10px;
}
.clans-btn-wrap{
	float: left;
	margin-top: 4px;
	padding: 0 10px !important;
}
.cube-attr-wrap-news{
	width: calc(100% - 84px);
	position: relative;
	height: 20px;
	margin-left: 84px;
	float: left;
	margin-top: -12px;
}
.cube-attr-news{
	width:10%;
	padding: 2px 2px;
	height: 10px;
	margin-top:4px;
	float: left;
	position: relative;
}
.cube-attr-in-news{
	width: 100%;
	height: 100%;
	background-color: #444;
}
.cube-color-news{
	background-color: #58baff;
    box-shadow: 0 0 16px #58baff;
}
.add-attr-btn-news{
	transition: box-shadow 0.5s;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 8px;
	top: -32px;
	cursor: pointer;
	text-align: center;
	line-height: 32px !important;
	font-weight: 700;
	color: #009cff;
	font-size: 36px;
	-webkit-text-fill-color: #009cff;
	box-shadow: 0 0 10px #999;
	border-radius: 4px;
	overflow: hidden;
}
.add-attr-btn-news:hover{
	transition: box-shadow 0.5s;
	box-shadow: 0 0 16px #58baff;
}
.pay-user-name{
	height: 60px;
    line-height: 60px;
    margin-bottom: 20px;
    width: 100%;
    padding-left: 10px;
    position: relative;
    float: left;
    position: relative;
}
.pay-user-name span{
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 1.2px;
    text-shadow: 0px 0px 4px #0070ca, 0px 0px 4px #0070ca;
    color: #fff;   
}
.file-upload {
     position: absolute;
     overflow: hidden;
     width: 100%;
     height: 100%;
     padding: 6px 4px;
     color: #000;
     text-align: center;
     float: left;
     top: 0;
     left: 0;
}
.file-upload:hover {
     background: rgba(0, 0, 0, 0.6);
}
.file-upload input[type="file"]{
    display: none; 
}
.file-upload label {
		 display: block;
		 z-index: 999;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     cursor: pointer;
}
.file-upload label> split{
	font-size: 76px;
	display: block;
	position: absolute;
	line-height: 190px;
	display: none;
	text-align: center;
	color: #ffd700 !important;
	    background: linear-gradient(180deg, #fff 33%, #70679c 66%, #70679c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    width: 100%;
}
.file-upload label> span{
	color: #777;
}
.file-upload:hover > label > split{
	display: block;
	color: #000;
}
.file-upload:hover > label > span{
	display: block;
	color: #fff;
}
.config-img-wrap{
	width: 170px;
	height: 170px;
	position: relative;
	margin: 5px auto 0 auto;
	background: #000;
	overflow: hidden;
}

.foto_place{
	border-radius: 300px;
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 20px;
	left: 0;
	top: 0;
}
.input-file{
	width: 100%;
	height: 40px;
	margin-bottom:12px;
	outline: none;
	border-bottom: 1px solid #1d3f62;
	background: transparent;
	padding: 0 10px;
	border-radius: 2px;
	text-align: center;
}
.input-field:focus{
	transition: all 0.5s ease;
	border: 1px solid #1d3f62;
}
.link-clans{
	height: 40px;
	position: relative;
}
.link-clans a{
	position: relative;
	width: 100%;
	height: 100%;
}
.margin-top-10{
	margin-top: 10px;
}
.clans-page{
	width: 100%;
	height: auto;
	border: 2px solid;
	border-image: linear-gradient(135deg, rgba(44,140,191,1) 0%,rgba(90,89,146,1) 20%,rgba(90,89,146,1) 50%,rgba(90,89,146,1) 80%,rgba(44,140,191,1) 100%) stretch;
    border-image-slice: 1;
    background-color: rgba(25,28,33,.5);
    box-shadow: inset 0 0px 10px rgba(64,140,206,.7);
}
.clans-name{
	width: 100%;
	float: left;
	position: relative;
	height: 60px;
}
.clans-name split{
	float: left;
	font-weight: 500;
	font-size: 28px;
	letter-spacing: 1.2px;
    text-shadow: 0px 0px 4px #0070ca, 0px 0px 4px #0070ca;
    color: #fff;
    padding-left: 10px;
    height: 40px;
    line-height: 40px;
    display: block;
    width: 100%;
}

.clans-name img{
	width: 60px;
	height: 60px;
	float: left;
}
.clans-name-wrap{
	position: relative;
	height: 60px;
	float: left;
	
}
.clans-name-info{
	position: relative;
	float: left;
}

.clans-name-info span{
	font-weight: 500;
    float: left;
    font-size: 16px;
    height: 18px;
    line-height: 18px;
    color: #bbb;
    background: linear-gradient(180deg, #fff 33%, #70679c 66%, #70679c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-left: 10px;
}

.clans-nav{
 	float: right;
 	position: relative;
}
.clans-block{
	float: left;
	position: relative;
	height: 50px;
	margin-top: 5px;
}
.clans-wrap{
	padding: 0 10px 0 0px;
	height: 100%;
	padding-top: 5px;
	line-height: 24px;
	float: left;
	z-index: 99;
	display: block;
}
.clans-block a{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.clans-block span{
	display: block;
	float: left;
	height: 25px;
	top: 6px;
	font-size: 12px;
}
.clans-block font{
	display: block;
	float: left;
	height: 25px;
	line-height: 10px;
}
.clans-nav img{
	width: 50px;
	height:50px;
	z-index: 0;
	float: left;
}

.clans-info-profile{
	padding: 10px 10px 30px 10px;
    float: left;
    border: 2px solid rgba(16,43,197,0.2);
    width: 100%;
    color: #b1d8f1;
    position: relative;
    background-color: rgba(0,0,0,0.2);
}
.serv-time{
	bottom: 2px;
	right: 10px;
	position: absolute;
}
.clans-edit{
	position: absolute;
	left: 10px;
	bottom: 2px;
}
.clans-edit:hover{
	cursor: pointer;
	text-decoration: underline;
}
.textarea{
	width: 100%;
	min-height: 20px;
	background: transparent;
	color: #fff;
	padding: 2px;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	color: #b1d8f1;
	border: 1px solid rgba(156,38,208,0.7);

}

.textarea:focus{
	border: 1px solid #9c26d0;
	transition: box-shadow 0.7s,text-shadow 0.7s;
    text-shadow: 0 0 7px #2c8cbf;
    box-shadow: 0 0px 8px #9c26d0;
	outline: none;
}

.resource-block-clans{
	width: 100%;
	float: left;
	position: relative;
	height: 60px;
	text-align: center;
	padding-left: 10px;
}
.resource-wrap-clans{
	padding: 0 26px 0 0px;
	height: 100%;
	line-height: 30px;
	float: left;
	z-index: 99;
	display: block;
	
}
.resource-block-clans span{
	display: block;
	position: absolute;
	top: 10px;
}
.resource-block-clans img{
	width: 60px;
	height:60px;
	top: 0px;
	z-index: 0;
	float: left;
}

.clans-nav-aj{
	width: 100%;
	float: left;
	margin: 20px 0;
	position: relative;
}
.clans-nav-aj-btn{
	float: left;
	position: relative;
	color: #fff;
	margin-left: 20px;
	border-bottom: 2px solid #fff;
	height: 26px;
	line-height: 26px;
	font-weight: 500;
}
.clans-nav-aj-btn:hover{
	cursor: pointer;
	text-shadow: 0 0 20px #fff;
	border-bottom: 2px solid rgba(156,38,208,1);
}

.active-clan-link{
	border-bottom: 2px solid rgba(156,38,208,1) !important;
	position: relative;
}
.active-clan-link:before{
	content: "";
    z-index: 2;
    width: 2px;
    height: 4px;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    bottom: -14px;
    border: 4px solid transparent;
    border-top: 4px solid rgba(156,38,208,1) !important;
}
.clan-add-name{
	width: 100%;
	float: left;
	height: 40px;
	line-height: 40px;
    font-size: 16px;
    text-shadow: 0px 0px 12px #0070ca, 0px 0px 12px #0070ca;
    border-bottom: 2px solid #08658B;
    padding-left: 10px;
}

.clans-res-wrap{
	position: relative;
	float: left;
	width: 100%;
}

.height-cruiser{
	height: 480px;
}

.cruiser-name{
	width: 100%;
	padding-left: 160px;
	position: absolute;
	bottom: 164px;
	font-size: 48px;
	font-weight: 700;
    letter-spacing: 1.2px;
    color: #000;
}
.cruiser-skill-wrap{
	width: 50%;
	position: absolute;
	height: 40px;
	top: 110px;
	background: linear-gradient(to right, rgba(10,8,9,1) 0%,rgba(255,255,255,0) 100%);
}
.cruiser-skill-wrap2{
	width: 50%;
	position: absolute;
	height: 40px;
	top: 180px;
	background: linear-gradient(to right, rgba(10,8,9,1) 0%,rgba(255,255,255,0) 100%);
}
.cruiser-skill-inner{
	width: 100%;
	position: relative;
}

.cruiser-skill-inner img{
	width: 64px;
	height: 64px;
	float: left;
	margin-top: -12px;
	margin-left: 5px;
}
.cruiser-skill-dmg{
	float: left;
	padding-left: 10px;
	height: 40px;
	line-height: 40px;
	text-shadow: 0px 0px 4px #0070ca, 0px 0px 4px #0070ca;
    color: #fff;
    font-weight: 500;
}
.dmg_cruiser_wrap{
	width: 100%;
	position: absolute;
	top: 5px;
}
.dmg_cruiser_name{
	width: 100%;
	text-align: center;
	font-weight: 700;
	position: absolute;
	height: 24px;
	line-height: 24px;
	top: 26px;
	text-shadow: 0px 0px 4px #0070ca, 0px 0px 4px #0070ca;
	background: rgba(0,0,0,0.2);
}
.dmg_cruiser_img{
	width: 100%;
	height: 60px;
	position: relative;
}
.dmg_cruiser_img img{
	position: absolute;
	left: 50%;
	margin-left: -30px;
	width: 60px;
	height: 60px;
}
.user_item{
	position: relative;
	width: 100%;
}

.user-item-wrap{
	width: 100%;
	height: auto;
	border: 2px solid;
	margin-top: 10px;
	padding: 10px 0;
	border-image: linear-gradient(135deg, rgba(44,140,191,1) 0%,rgba(90,89,146,1) 20%,rgba(90,89,146,1) 50%,rgba(90,89,146,1) 80%,rgba(44,140,191,1) 100%) stretch;
    border-image-slice: 1;
    background-color: rgba(25,28,33,.5);
    box-shadow: inset 0 0px 10px rgba(64,140,206,.7);
    background-image: url(/img/subnav-bg.png);
}
.item_name{
	text-align: center;
	width: 100%;
	float: left;
}

.tol-item{
	z-index: 999;
	position: relative;
	cursor: pointer;
	width: 25%;
	float: left;
}
.item-tooltip{
	transition: opacity 0.5s;
	width: 200%;
	left: 0;
	position: absolute;
	top: 100px;
	text-align: left;
	z-index: -10;
	background: #000;
	border: 2px solid;
	padding: 10px;
	color: #5e7a8d;
	opacity: 0;
    border-image: linear-gradient(135deg, rgba(44,140,191,1) 0%,rgba(90,89,146,1) 20%,rgba(90,89,146,1) 50%,rgba(90,89,146,1) 80%,rgba(44,140,191,1) 100%) stretch;
    border-image-slice: 1;
    box-shadow: inset 0 0px 10px rgba(64,140,206,.7);
}
.tol-item:hover .item-tooltip, .tol-item:hover .item-tooltip-2{
	transition: opacity 0.5s;
	opacity: 1;
	z-index: 9999;

}
.item-tooltip-2{
	transition: opacity 0.5s;
	right: 0px;
	left: -100%;
	position: absolute;
	top: 100px;
	text-align: left;
	z-index: -10;
	background: #000;
	border: 2px solid;
	padding: 10px;
	color: #5e7a8d;
	opacity: 0;
    border-image: linear-gradient(135deg, rgba(44,140,191,1) 0%,rgba(90,89,146,1) 20%,rgba(90,89,146,1) 50%,rgba(90,89,146,1) 80%,rgba(44,140,191,1) 100%) stretch;
    border-image-slice: 1;
    box-shadow: inset 0 0px 10px rgba(64,140,206,.7);
}

.tol-item a, .tol-item-shop a{
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	position: absolute;
}

.shop_cruiser_img{
	width: 64px;
	height: 64px;
	float: left;
}
.shop_item_name{
	float: left;
	font-weight: 700;
	height: 32px;
	line-height: 42px;
	text-shadow: 0px 0px 4px #0070ca, 0px 0px 4px #0070ca;
}
.shop_item_name2{
	float: left;
	height: 32px;
	line-height: 24px;
}
.shop_item_name_wrap{
	width: calc(100% - 64px);
	float: left;
	position: relative;
}


.tol-item-shop{
	position: relative;
	padding: 0 10px;
}

.shop_item_name_cena{
    height: 32px;
    line-height: 24px;
	float: left;
	padding-left: 10px;
	position: relative;
}
.shop_item_btn{
	float: right;
	position: relative;
}
.shot_text-input{
	position: absolute;
	right: 5px;
	top: 20px;
}
.shot_text-input input{
	width: 200px !important;
}
.block-inner-shop-inner{
	width: 100%;
	background-image: url(/img/subnav-bg.png);
    border: 1px solid #1d3f62;
    position: relative;
    padding: 5px;
    margin-bottom: 10px;
}
.shop_tooltip{
	width: calc(100% - 200px);
	height: 48px;
	float: left;
	position: relative;
}

.cruiser-skill-inner:hover .cruiser-tooltip{
	transition: opacity 0.5s;
	opacity: 1;
	z-index: 9999;

}
.cruiser-tooltip{
	transition: opacity 0.5s;
	left: 0px;
	position: absolute;
	top: 64px;
	text-align: left;
	z-index: -10;
	background: #000;
	border: 2px solid;
	padding: 10px;
	color: #5e7a8d;
	opacity: 0;
    border-image: linear-gradient(135deg, rgba(44,140,191,1) 0%,rgba(90,89,146,1) 20%,rgba(90,89,146,1) 50%,rgba(90,89,146,1) 80%,rgba(44,140,191,1) 100%) stretch;
    border-image-slice: 1;
    box-shadow: inset 0 0px 10px rgba(64,140,206,.7);
}
.cruiser-link-wrap{
	position: absolute;
	width: 100%;
	bottom: 30px;
	height: 40px;
}
.cruiser-link{
	width: 100%;
	float: left;
	position: relative;
	height: 40px;
	position: absolute;
}

.cruiser-link:before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 1px;
	top: 0px;
	background: -moz-linear-gradient(left, rgba(29,63,98,1) 0%, rgba(0,0,0,0) 50%, rgba(29,63,98,1) 100%);
	background: -webkit-linear-gradient(left, rgba(29,63,98,1) 0%,rgba(0,0,0,0) 50%,rgba(29,63,98,1) 100%);
	background: linear-gradient(to right, rgba(29,63,98,1) 0%,rgba(0,0,0,0) 50%,rgba(29,63,98,1) 100%);
}
.cruiser-link:after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 1px;
	bottom: 0px;
	background: -moz-linear-gradient(left, rgba(29,63,98,1) 0%, rgba(0,0,0,0) 50%, rgba(29,63,98,1) 100%);
	background: -webkit-linear-gradient(left, rgba(29,63,98,1) 0%,rgba(0,0,0,0) 50%,rgba(29,63,98,1) 100%);
	background: linear-gradient(to right, rgba(29,63,98,1) 0%,rgba(0,0,0,0) 50%,rgba(29,63,98,1) 100%);
}
.cruiser-link a{
	transition: all 0.5s;
	width: 200px;
    height: 50px;
    margin: 0 auto;
    line-height: 50px;
    cursor: pointer;
    display: block;
    text-align: center;
    padding: 0 10px;
    margin-top: -5px;
    color: rgba(156,38,208,1);
    position: relative;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1.2px;
    background: linear-gradient(to right, rgba(29,63,98,0) 0%,rgba(0,0,0,1) 50%,rgba(29,63,98,0) 100%);;
}

.cruiser-link-top-left{
	transition: all 0.5s;
	position: absolute;
	top: 0;
	width: 70%;
	left: 0%;
	height: 2px;
	box-shadow: -2px -2px 30px 3px rgba(156,38,208,1);
	background: -moz-linear-gradient(to right, rgba(156,38,208,1) 0%,rgba(156,38,208,0) 100%);
	background: -webkit-linear-gradient(to right, rgba(156,38,208,1) 0%,rgba(156,38,208,0) 100%);
	background: linear-gradient(to right, rgba(156,38,208,1) 0%,rgba(156,38,208,0) 100%);
}
.cruiser-link-top-right{
	transition: all 0.5s;
	position: absolute;
	top: 0;
	width: 70%;
	right: 0%;
	height: 2px;
	box-shadow: -2px -2px 30px 3px rgba(156,38,208,1);
	background: -moz-linear-gradient(to left, rgba(156,38,208,1) 0%,rgba(156,38,208,0) 100%);
	background: -webkit-linear-gradient(to left, rgba(156,38,208,1) 0%,rgba(156,38,208,0) 100%);
	background: linear-gradient(to left, rgba(156,38,208,1) 0%,rgba(156,38,208,0) 100%);
}
.cruiser-link a:before {
	transition: all 0.5s;
    width: 10px;
    height: 20px;
    background: rgba(156,38,208,1);
    box-shadow: -2px -2px 10px 3px rgba(156,38,208,1);
    content: '';
    position: absolute;
    left: -5%;
    display: block;
    top: 0px;
    transform: skew(-45deg);

}
.cruiser-link a:after {
	transition: all 0.5s;
    width: 10px;
    height: 20px;
    background: rgba(156,38,208,1);
    box-shadow: 2px -2px 10px 3px rgba(156,38,208,1);
    content: '';
    position: absolute;
    right: -5%;
    display: block;
    top: 0px;
    transform: skew(45deg);
}
.cruiser-link-bottom{
	transition: all 0.5s;
	position: absolute;
	left: 10%;
	right: 10%;
	height: 2px;
}
.cruiser-link-rel{
	transition: all 0.5s;
	width: 100%;
	position: relative;
	height: 2px;
	box-shadow: -2px -2px 30px 3px rgba(156,38,208,1);
	background: -moz-linear-gradient(to left, rgba(156,38,208,1) 0%,rgba(156,38,208,0) 100%);
	background: -webkit-linear-gradient(to left, rgba(156,38,208,1) 0%,rgba(156,38,208,0) 100%);
	background: linear-gradient(to right, rgba(156,38,208,1) 0%,rgba(156,38,208,0) 50%,rgba(156,38,208,1) 100%);
}
.cruiser-link-rel:before {
	transition: all 0.5s;
    width: 10px;
    height: 30px;
    background: rgba(156,38,208,1);
    box-shadow: 2px -2px 10px 3px rgba(156,38,208,1);
    content: '';
    position: absolute;
    left: -15%;
    display: block;
    top: -29px;
    transform: skew(45deg);
}
.cruiser-link-rel:after {
	transition: all 0.5s;
    width: 10px;
    height: 30px;
    background: rgba(156,38,208,1);
    box-shadow: -2px -2px 10px 3px rgba(156,38,208,1);
    content: '';
    position: absolute;
    right: -15%;
    display: block;
    top: -29px;
    transform: skew(-45deg);
}
.cruiser-link a:hover .cruiser-link-top-left{
	transition: all 0.5s;
	left: -10%;
}
.cruiser-link a:hover .cruiser-link-top-right{
	transition: all 0.5s;
	right: -10%;
}
.cruiser-link a:hover:before{
	transition: all 0.5s;
	left: -15%;
}
.cruiser-link a:hover:after{
	transition: all 0.5s;
	right: -15%;
}
.cruiser-link a:hover .cruiser-link-bottom{
	transition: all 0.5s;
	left: 14%;
	right: 14%;
}

.cruiser-bot-link{
	margin-top: 10px;
	height: 160px;
}
.cruiser-bot-name{
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	position: absolute;
	top: 10px;
	background-color: rgba(0,0,0,0.4);
	letter-spacing: 1.2px;
}
.cruiser-wrap-bot{
	width: 100%;
	transition: all 0.5s;
	position: relative;
}

.cruiser-bot-name a{
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	position: absolute;
}
.info-cruiser-wrap{
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	position: absolute;
	bottom: 10px;
	background-color: rgba(0,0,0,0.5);
	letter-spacing: 1.2px;
}

.bg_ctuiser_link{
	background-color: rgba(0,0,0,0.5);
}
.bg_ctuiser_link:hover{
	background-color: rgba(0,0,0,0);
}
.cruiser-bg{
	width: 100%;
	background: url(/img/bg-boss.jpg) center center;
	background-size: cover;
	position: relative;
}
.cruiser-bot-arrow{
	width: 50px;
	position: absolute;
	left: 50%;
	margin-left: -25px;
	height: 4px;
	top: -2px;
	background: rgba(156,38,208,1);

}

.cruiser-shop-wrap{
	margin-top: 10px;
	height: 400px;
}
.cruiser-shop-name{
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	position: absolute;
	top: 10px;
	font-weight: 500;
	font-size: 24px;
	background-color: rgba(0,0,0,0.4);
	letter-spacing: 1.2px;
}
.info-cruiser-shop{
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	position: absolute;
	bottom: 20px;
	font-weight: 500;
	font-size: 24px;
	background-color: rgba(0,0,0,0.5);
	letter-spacing: 1.2px;
}

.cruiser-btn-shop input, .cruiser-btn-shop a{
	position: absolute;
    width: 180px;
    bottom: 21px;
    height: 48px;
    right: 25px;
    z-index: 7 !important;
}

.btn-bg-cruiser {
    transition: box-shadow 0.7s,text-shadow 0.7s;
    width: 200px;
    height: 48px;
    background: rgba(0,0,0,0.3);
    background: url(/img/bg-bottom.jpg) center no-repeat;
    background-size: 600%;
    font-weight: bold;
    font-size: 12px;
    line-height: 46px;
    margin: 0 auto;
    cursor: pointer;
    box-shadow: 0 0px 10px #82e020;
    letter-spacing: 1.2px;
    display: block;
    text-align: center;
}
.btn-bg-cruiser:hover {
    transition: box-shadow 0.7s,text-shadow 0.7s;
    text-shadow: 0 0 7px #2c8cbf;
    box-shadow: 0 0px 23px #82e020;
}
.cruiser-skill-shop{
	width: 50%;
	position: absolute;
	height: 40px;
	bottom: 220px;
	background: linear-gradient(to right, rgba(10,8,9,1) 0%,rgba(255,255,255,0) 100%);
}
.cruiser-skill-shop-1{
	width: 50%;
	position: absolute;
	height: 40px;
	bottom: 280px;
	background: linear-gradient(to right, rgba(10,8,9,1) 0%,rgba(255,255,255,0) 100%);
}
.shop-block-inner {
    width: 100%;
    background-image: url(/img/subnav-bg.png);
    border: 1px solid #1d3f62;
    position: relative;
    overflow: hidden;
}

.sell-wrap{
	background: #82e020;
	width: 260px;
	position: absolute;
	transform: rotate(45deg);
	top: 50px;
	height: 40px;
	line-height: 40px;
	right: -60px;
	z-index: 100;
	text-align: center;
	color: #000;
	font-size: 18px;
	box-shadow: 0 0px 25px #82e020;
}

.uni_wrapper{
	width: 100%;
	position: relative;
	margin-bottom: 10px;
}
.uni_top_wraper{
	width: 100%;
	float: left;
	height: 60px;
	position: relative;
	
}
.uni_top_line_wrap{
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	float: left;
}
.uni_top_line_left{
	width: 55%;
	text-align: center;
	border-left: 2px solid #002c45;
	border-top: 2px solid #002c45;
	float: left;
	background-color: rgba(2, 27, 45, 0.8);
	position: relative;
	letter-spacing: 1.2px;
}
.uni_top_line_left a:hover{
	text-decoration: underline;
}
.uni_top_line_left:after{
	content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 40px 40px 0;
    border-color: transparent rgba(2, 27, 45, 0.8) transparent transparent;
    position: absolute;
    top: -1px;
    left: auto;
    bottom: auto;
    right: -38px;
    -webkit-transform: scale(-1);
    -moz-transform: scale(-1);
    -ms-transform: scale(-1);
    -o-transform: scale(-1);
    transform: scale(-1);
}
.uni_top_line_left:before{
	content: '';
    width: 0;
    border-right: 4px solid #002c45;
    position: absolute;
    top: -1px;
    left: auto;
    bottom: 0;
    right: 0;
    -webkit-transform: skew(45deg);
    -moz-transform: skew(45deg);
    -ms-transform: skew(45deg);
    -o-transform: skew(45deg);
    transform: skew(45deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    z-index: 2;
}
.uni_top_line_right{
	width: calc(45% - 38px);
	float: right;
	border-bottom: 2px solid #018ddc;
}
.uni_top_line_wrap-2 {
	width: 100%;
	border-left: 2px solid #002c45;
	border-right: 2px solid #002c45;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	text-align: right;
	float: left;
	background-color: rgba(2, 27, 45, 0.8);
	padding-right: 10px;
}
.uni_bot_line_wrap-2{
	width: 100%;
	border-left: 2px solid #002c45;
	border-right: 2px solid #002c45;
	height: 20px;
	line-height: 20px;
	text-align: left;
	float: left;
	background-color: rgba(2, 27, 45, 0.8);
	padding-left: 10px;
}
.uni_top_wraper:before{
	content: "";
	width: calc(100% - 16px);
	position: absolute;
	bottom: -5px;
	border-width: 6px 8px 0;
    border-style: solid solid none;
    border-color: transparent;
    border-top-color: #14e6fa;
    z-index: 1;
    -webkit-filter: drop-shadow(0 0 10px #14e6fa);
    filter: drop-shadow(0 0 10px #14e6fa);
}
.uni_bottom_wraper{
	width: 100%;
	float: left;
	height: 60px;
	position: relative;
}
.uni_bottom_wraper:before{
	content: "";
	width: calc(100% - 16px);
	position: absolute;
	top: -5px;
	border-width: 0 8px 6px;
    border-style: none solid solid;
    border-color: transparent;
    border-bottom-color: #14e6fa;
    z-index: 1;
    -webkit-filter: drop-shadow(0 0 10px #14e6fa);
    filter: drop-shadow(0 0 10px #14e6fa);

}
.uni_bot_line_wrap{
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	float: left;
}
.uni_bot_line_left{
	width: 45%;
	text-align: center;
	border-right: 2px solid #002c45;
	border-bottom: 2px solid #002c45;
	float: right;
	background-color: rgba(2, 27, 45, 0.8);
	position: relative;
}
.uni_bot_line_left:after{
	content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 40px 40px 0;
    border-color: transparent rgba(2, 27, 45, 0.8) transparent transparent;
    position: absolute;
    top: 0px;
    left: -38px;
    bottom: auto;
    right: auto;
}
.uni_bot_line_left:before{
	content: '';
    width: 0;
    border-right: 4px solid #002c45;
    position: absolute;
    top: 0px;
    left: -40px;
    bottom: 0;
    right: auto;
    -webkit-transform: skew(45deg);
    -moz-transform: skew(45deg);
    -ms-transform: skew(45deg);
    -o-transform: skew(45deg);
    transform: skew(45deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    z-index: 2;
}
.uni_bot_line_right{
	width: calc(55% - 38px);
	float: left;
	border-top: 2px solid #002c45;
}

.uni_line_wraper{
	width: 100%;
	float: left;
	padding: 0 8px;
	height: 200px;
	position: relative;
	
	overflow: hidden;
}
.uni_line_wraper img{
	height: 400px;
	margin-top: -100px;
    border: 4px solid #002c45;
}

.uni_img_wrap{
	width: 25%;
	position: relative;
	float: left;
	padding: 0 2px;
	height: 40px;
}
.uni_img_wrap img{
	width: 40px;
	height: 40px;
	margin: -10px auto 0 auto;
	cursor: pointer;
	
}
.shad-uni-1{
	box-shadow: 0 0 10px red;
}
.shad-uni-2{
	box-shadow: 0 0 10px #ffae00;
}
.shad-uni-3{
	box-shadow: 0 0 10px #86e020;
}
.shad-uni-4{
	box-shadow: 0 0 10px #097fbb;
}
.shad-uni-block{
	box-shadow: 0 0 10px #fff;
}
.uni_img_wrap-tooltip{
	background-color: rgba(0,0,0,0.9);
	position: absolute;
	top: -46px;
	text-align: center;
	width: 300%;
	left: -150%;
	margin-left: 37.5%;
	z-index: 3;
	height: 30px;
	line-height: 30px;
	display: none;
}
.uni_img_wrap-tooltip-2{
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	top: -46px;
	text-align: center;
	width: 300%;
	right: 1px;
	z-index: 3;
	height: 30px;
	line-height: 30px;
	display: none;
}
.uni_img_wrap img:hover ~ .uni_img_wrap-tooltip, .uni_img_wrap img:hover ~ .uni_img_wrap-tooltip-2{
	display: block;
}
.cruiser_wrapper_uni_1{
	position: absolute;
	height: 216px;
	width: 100%;
	bottom: 60px;
	background: #000;
	z-index: 10;
	    box-shadow: 0 0 16px #ffae00;
}
.cruiser_wrapper_uni_2{
	position: absolute;
	height: 216px;
	width: 100%;
	bottom: 60px;
	background: #000;
	z-index: 10;
	    box-shadow: 0 0 16px #ffae00;
}
.cruiser_wrapper_uni_3{
	position: absolute;
	height: 216px;
	width: 100%;
	bottom: 60px;
	background: #000;
	z-index: 10;
	    box-shadow: 0 0 16px #ffae00;
}
.cruiser_wrapper_uni_4{
	position: absolute;
	height: 216px;
	width: 100%;
	bottom: 60px;
	background: #000;
	z-index: 10;
	    box-shadow: 0 0 16px #ffae00;
}
.cruiser_content_uni_1{
	width: 100%;
	height: 216px;
	position: relative;
}
.cruiser_ajax_load{
	width: 100%;
	float: left;
}
.cruiser_ajax_load img{
	height: 100%;
	width: 100%;
	position: relative;
}

.sell_text_pay{
	text-align: center;
	width: 100%;
}
.sell_text_pay a:hover{
	text-decoration: underline;
}
.vk_groups{
	width: 100% !important;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 1px;
	position: relative;
	margin-top: 20px;
	float: left;
	border: 1px solid #1d3f62;
	box-shadow: 0 0px 4px rgba(64,140,206,.7);

}

.planet-info-obj-img{
	width: 33%;
	float: left;
	height: 100px;
	overflow: hidden;
}
.line-cr-exp-l{
	height: 6px;
    left: 0px;
    top: 36px;
    background-color: rgba(156,38,208,1);
    box-shadow: 0 0 16px rgba(156,38,208,1);
    position: absolute;
    z-index: 0;
}
.line-cr-exp-r{
	height: 6px;
    right: 0px;
    top: 36px;
    background-color: rgba(156,38,208,1);
    box-shadow: 0 0 16px rgba(156,38,208,1);
    position: absolute;
    z-index: 0;
}
.line-cr-exp-text{
	width: 100%;
	text-align: center;
	line-height: 40px;
	text-shadow: 0px 0px 4px #0070ca, 0px 0px 4px #0070ca;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 1.2px;
}
.checkbox_cr{
	position: absolute;
	top: 0px;
	left: 0;
	width: 20%;
}
.checkbox_cr label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	font-size: 13px;
	height: 100px;
	width: 100%;
}
.checkbox_cr input[type=checkbox] {
	display: none;
}
.checkbox_cr label:before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 1px;
	background: url(/img/attack-icon2.png);
	background-size: cover;
	background-position: -1px;
	opacity: 1;
}

.checkbox_cr input[type=checkbox]:checked + label:before {
    content: "";
    color: red;
    font-size: 30px;
    text-align: center;
    line-height: 103px;
    opacity: 1;
    background: url(/img/attack-icon.png);
	background-size: cover;
	background-position: -1px;
	opacity: 1;
	z-index: 2;
}
.checkbox_cr2{
	position: absolute;
	top: 0px;
	left: 20%;
	width: 20%;
}
.checkbox_cr2 label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	font-size: 13px;
	height: 100px;
	width: 100%;
}
.checkbox_cr2 input[type=checkbox] {
	display: none;
}
.checkbox_cr2 label:before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 1px;
	background: url(/img/attack-icon2.png);
	background-size: cover;
	background-position: -1px;
	opacity: 1;
}

.checkbox_cr2 input[type=checkbox]:checked + label:before {
    content: "";
    color: red;
    font-size: 30px;
    text-align: center;
    line-height: 103px;
    opacity: 1;
    background: url(/img/attack-icon.png);
	background-size: cover;
	background-position: -1px;
	opacity: 1;
	z-index: 2;
}
.checkbox_cr3{
	position: absolute;
	top: 0px;
	left: 40%;
	width: 20%;
}
.checkbox_cr3 label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	font-size: 13px;
	height: 100px;
	width: 100%;
}
.checkbox_cr3 input[type=checkbox] {
	display: none;
}
.checkbox_cr3 label:before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 1px;
	background: url(/img/attack-icon2.png);
	background-size: cover;
	background-position: -1px;
	opacity: 1;
}

.checkbox_cr3 input[type=checkbox]:checked + label:before {
    content: "";
    color: red;
    font-size: 30px;
    text-align: center;
    line-height: 103px;
    opacity: 1;
    background: url(/img/attack-icon.png);
	background-size: cover;
	background-position: -1px;
	opacity: 1;
	z-index: 2;
}
.checkbox_cr4{
	position: absolute;
	top: 0px;
	left: 60%;
	width: 20%;
}
.checkbox_cr4 label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	font-size: 13px;
	height: 100px;
	width: 100%;
}
.checkbox_cr4 input[type=checkbox] {
	display: none;
}
.checkbox_cr4 label:before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 1px;
	background: url(/img/attack-icon2.png);
	background-size: cover;
	background-position: -1px;
	opacity: 1;
}

.checkbox_cr4 input[type=checkbox]:checked + label:before {
    content: "";
    color: red;
    font-size: 30px;
    text-align: center;
    line-height: 103px;
    opacity: 1;
    background: url(/img/attack-icon.png);
	background-size: cover;
	background-position: -1px;
	opacity: 1;
	z-index: 2;
}
.checkbox_cr4{
	position: absolute;
	top: 0px;
	left: 60%;
	width: 20%;
}
.checkbox_cr4 label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	font-size: 13px;
	height: 100px;
	width: 100%;
}
.checkbox_cr4 input[type=checkbox] {
	display: none;
}
.checkbox_cr4 label:before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 1px;
	background: url(/img/attack-icon2.png);
	background-size: cover;
	background-position: -1px;
	opacity: 1;
}

.checkbox_cr4 input[type=checkbox]:checked + label:before {
    content: "";
    color: red;
    font-size: 30px;
    text-align: center;
    line-height: 103px;
    opacity: 1;
    background: url(/img/attack-icon.png);
	background-size: cover;
	background-position: -1px;
	opacity: 1;
	z-index: 2;
}
.checkbox_cr5{
	position: absolute;
	top: 0px;
	left: 80%;
	width: 20%;
}
.checkbox_cr5 label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	font-size: 13px;
	height: 100px;
	width: 100%;
}
.checkbox_cr5 input[type=checkbox] {
	display: none;
}
.checkbox_cr5 label:before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 1px;
	background: url(/img/attack-icon2.png);
	background-size: cover;
	background-position: -1px;
	opacity: 1;
}

.checkbox_cr5 input[type=checkbox]:checked + label:before {
    content: "";
    color: red;
    font-size: 30px;
    text-align: center;
    line-height: 103px;
    opacity: 1;
    background: url(/img/attack-icon.png);
	background-size: cover;
	background-position: -1px;
	opacity: 1;
	z-index: 2;
}
.title-one-prize2{
	width: 100%;
	padding: 20px 10px ;
	background: rgba(0,0,0,0.9);
	margin: 0 auto;
	background-image: url(/img/subnav-bg.png);
    border: 1px solid #1d3f62;
    text-align: center;
}
.title-one-prize-stats2{
	position: relative;
	width: 100%;
	padding: 20px;
	float: left;
	margin-bottom: 10px;
}
.first-row{
	background: url(/img/hexagons.png) center top;
    background-size: 3%;
    width: 100%;
    float: left;
    height: 30px;
    line-height: 28px;
    text-align: center;
    border: 1px solid #103554;
    color: #fff;
        text-shadow: 0px 0px 12px #0070ca, 0px 0px 12px #0070ca;
}
.first-row-c{
	border-right: 1px solid #103554;
}
.first-row-c:last-child{
	border-right: none;
}
.news-table-clan{
	width: 100%;
	float: left;
	position: relative;
}
.first-row-c{
	float: left;
	position: relative;
}
.news-table-row-bg{
	width: 100%;
	margin-top: 2px;
	float: left;
	position: relative;
	border: 1px solid #103554;
    background: -moz-linear-gradient(top, rgba(2, 56, 103, 0.3) 0%, rgba(125, 185, 232, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(2, 56, 103, 0.6)), color-stop(100%, rgba(125, 185, 232, 0)));
    background: -webkit-linear-gradient(top, rgba(2, 56, 103, 0.3) 0%, rgba(125, 185, 232, 0) 100%);
    background: -o-linear-gradient(top, rgba(2, 56, 103, 0.3) 0%, rgba(125, 185, 232, 0) 100%);
    background: -ms-linear-gradient(top, rgba(2, 56, 103, 0.3) 0%, rgba(125, 185, 232, 0) 100%);
    background: linear-gradient(to bottom, rgba(2, 56, 103, 0.3) 0%, rgba(125, 185, 232, 0) 100%);
}
.next-row{
	height: 48px;
	float: left;
	width: 100%;
	border-bottom: 1px solid #103554;
	-webkit-animation-duration: 0.25s;
	animation-duration: 0.25s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	
}
.next-row:nth-child(1){
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.next-row:nth-child(2){
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.next-row:nth-child(3){
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.next-row:nth-child(4){
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.next-row:nth-child(5){
	-webkit-animation-duration: 2.5s;
	animation-duration: 2.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.next-row:nth-child(6){
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.next-row:nth-child(7){
	-webkit-animation-duration: 3.5s;
	animation-duration: 3.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.next-row:nth-child(8){
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.next-row:nth-child(9){
	-webkit-animation-duration: 4.5s;
	animation-duration: 4.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.next-row:nth-child(10){
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.next-row:nth-child(11){
	-webkit-animation-duration: 5.5s;
	animation-duration: 5.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.next-row:nth-child(12){
	-webkit-animation-duration: 6s;
	animation-duration: 6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.next-row:nth-child(13){
	-webkit-animation-duration: 6.5s;
	animation-duration: 6.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.next-row:nth-child(14){
	-webkit-animation-duration: 7s;
	animation-duration: 7s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.next-row:nth-child(15){
	-webkit-animation-duration: 7.5s;
	animation-duration: 7.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.next-row:nth-child(16){
	-webkit-animation-duration: 8s;
	animation-duration: 8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.next-row:nth-child(17){
	-webkit-animation-duration: 8.5s;
	animation-duration: 8.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.next-row:nth-child(18){
	-webkit-animation-duration: 9s;
	animation-duration: 9s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.next-row:nth-child(19){
	-webkit-animation-duration: 9.5s;
	animation-duration: 9.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.next-row:nth-child(20){
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.next-row:last-child{
	border-bottom: none;
}
.next-row-c{
	height: 100%;
	border-right: 1px solid #103554;
	float: left;
}
.next-row-c:last-child{
	border-right: none;
}
.a-c{
	text-align: center;
}
.l-h-48{
	line-height: 48px;
}
.in-next-row-c{
	width: 48px;
	height: 48px;
	padding: 4px;
	float: left;
	position: relative;
}
.in-next-row-c-r{
	width: 48px;
	height: 48px;
	padding: 4px;
	float: right;
	position: relative;
}
.in-next-row-c img, .in-next-row-c-r img{
	width: 40px;
	height: 40px;
}
.number-inner-wp{
	width: 100%;
	height: 100%;
	padding: 4px;
	position: relative;
}
.number-inner-bg{
	width: 100%;
	height: 100%;
	line-height: 40px;
	background: rgba(0, 82, 139, 0.3);
	color: #4dffff;
    text-shadow: 0px 0px 12px #0070ca, 0px 0px 12px #0070ca;
}
.table-link-news{
	height: 20px;
	width: 100%;
	padding-left: 10px;
	float: left;
	display: inline-block;
	line-height: 20px;
	margin-top: 2px;
}
.table-link-news:hover{
	text-decoration: underline;
}
.link-wrap-news-cl{
	float: left;
	width: calc(100% - 98px);
	height: 48px;
	position: relative;
}
.clans-btn-wrap{
	float: left;
	margin-top: 4px;
	padding: 0 4px !important;
}
.stik_obj{
	position: relative;
	width: 100%;
	height: 120px;
	padding: 2px 10px;
	margin-bottom: 20px;
}
.news-obj-wrap{
	width: 100%;
	height: 120px;
	background: url(/img/obj_s.gif);
	background-position: 0 0px;
	background-size: 100% 240px;
	position: relative;
}
.news-obj-wrap:hover{
	
	background-position: 0 -120px;
	background-size: 100% 240px;
}
.news-obj-img{
	width: 35%;
	height: 112px;
	position: absolute;
	padding-left: 16px;
	padding-top: 10px;
}
.news-obj-name-wrap{
	width: 65%;
	float: right;
	height: 100%;
	padding-top: 20px;
}
.one-line-obj-name{
	width: 100%;
	float: left;
	font-size: 18px;
	height: 30px;
	line-height: 30px;
	font-weight: 500;
	text-align: center;
	letter-spacing: 1.2px;
    text-shadow: 0px 0px 4px #0070ca, 0px 0px 4px #0070ca;
    color: #fff;
}
.stats_news_new{
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
	position: relative;
	float: left;
	width: 100%;
	padding-left: 5px;
	border-bottom: 2px solid #103554 !important;
}
.stats_news_new:before{
	content: "";
    z-index: 2;
    width: 2px;
    height: 4px;
    position: absolute;
    left: 5%;
    margin-left: -4px;
    bottom: -12px;
    border: 4px solid transparent;
    border-top: 4px solid #103554 !important;
}
.row-bot-about{
	width: 100%;
	height: 40px;
	line-height: 40px;
	float: left;
	text-align: center;
	font-size: 24px;
}
.about-video{
	padding: 5px;
	position: relative;
	float: left;
}
.about-video iframe{
	    border: 2px solid;
    border-image: linear-gradient(135deg, rgba(44,140,191,1) 0%,rgba(90,89,146,1) 20%,rgba(90,89,146,1) 50%,rgba(90,89,146,1) 80%,rgba(44,140,191,1) 100%) stretch;
    border-image-slice: 1;
}

.main_crug{
	position: relative;
}

@keyframes krug_m{
	0%{
			transform: rotate(0deg);
	}
	100%{
			transform: rotate(-360deg);
	}
}

@keyframes krug_m-l{
	0%{
			transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			-o-transform: rotate(0deg);
}
	100%{
			transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
			-moz-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			-o-transform: rotate(360deg);
}
}

@keyframes poloc{
	0%{
			transform: scaleX(0);
			-webkit-transform: scaleX(0);
			-moz-transform: scaleX(0);
			-ms-transform: scaleX(0);
			-o-transform: scaleX(0);
}
	50%{
			transform: scaleX(1);
			-webkit-transform: scaleX(1);
			-moz-transform: scaleX(1);
			-ms-transform: scaleX(1);
			-o-transform: scaleX(1);
}
100%{
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
}
}

@keyframes poloc-2{
	0%{
			transform: scaleY(0);
			-webkit-transform: scaleY(0);
			-moz-transform: scaleY(0);
			-ms-transform: scaleY(0);
			-o-transform: scaleY(0);
}
	50%{
			transform: scaleY(1);
			-webkit-transform: scaleY(1);
			-moz-transform: scaleY(1);
			-ms-transform: scaleY(1);
			-o-transform: scaleY(1);
}
100%{
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
}
}

.main_crug-2{
	position: relative;
}

.main_crug::before{
	content: '';
	position: absolute;
	top: -5px;
	left: -6px;
	bottom: -4px;
	right: -4px;
	border-right: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	 animation: krug_m-l 6s linear infinite; 
	 -webkit-animation: krug_m-l 6s linear infinite; 
}

.main_crug::after{
	content: '';
	position: absolute;
	top: -13px;
	left: -11px;
	bottom: -12px;
	right: -11px;
	border-top: 2px solid rgb(251, 251, 251);
	border-bottom: 2px solid rgb(255, 255, 255);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	animation: krug_m 8s linear infinite;
	-webkit-animation: krug_m 8s linear infinite;
}

.main_crug-2::before{
	content: '';
	position: absolute;
	top: -5px;
	left: -7px;
	bottom: -4px;
	right: -4px;
	border-right: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	animation: krug_m-l 6s linear infinite;
	-webkit-animation: krug_m-l 6s linear infinite;
}

.main_crug-2::after{
	content: '';
    position: absolute;
    top: -14px;
    left: -13px;
    bottom: -12px;
    right: -11px;
    border-top: 2px solid rgb(251, 251, 251);
    border-bottom: 2px solid rgb(255, 255, 255);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    animation: krug_m 8s linear infinite;
    -webkit-animation: krug_m 8s linear infinite;

}

.main_planet::before{
	content: '';
	position: absolute;
	top: -2px;
	bottom: -2px;
	right: 0;
	left: 0;
	border-top: 2px solid #8db9d0;
	border-bottom: 2px solid #8db9d0;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	animation: poloc 8s linear infinite;
	-webkit-animation: poloc 8s linear infinite;
}

.main_planet::after{
	content: '';
	position: absolute;
	top: -2px;
	bottom: -2px;
	right: -2px;
	left: -2px;
	border-left: 2px solid #8db9d0;
	border-right: 2px solid #8db9d0;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	animation: poloc-2 8s linear infinite;
	-webkit-animation: poloc-2 8s linear infinite;
}

.main-dron-bg::before{
	content: '';
    position: absolute;
    top: 14px;
    bottom: 14px;
    right: 14px;
    left: 14px;
    border-top: 2px solid #8db9d0;
    border-bottom: 2px solid #8db9d0;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    animation: poloc 8s linear infinite;
    -webkit-animation: poloc 8s linear infinite;
}

.main-dron-bg::after{
	content: '';
	position: absolute;
	top: 14px;
    bottom: 14px;
    right: 14px;
    left: 14px;
	border-left: 2px solid #8db9d0;
	border-right: 2px solid #8db9d0;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	animation: poloc-2 8s linear infinite;
	-webkit-animation: poloc-2 8s linear infinite;
}

.main-left-cn{
		text-align: right;
		border-image: linear-gradient(135deg, rgba(44,140,191,1) 0%,rgba(44,140,191,1) 20%,rgba(44,140,191,1) 50%,rgba(44,140,191,1) 80%,rgba(40,180,250,1) 100%) stretch;
		border-image-slice: 1;
		width: 50%;
		background: url(/img/bg-bottom.jpg) center no-repeat;
		float: left;
		padding-right: 1px;
		transition: 0.5s;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
		left: 0;
		position: absolute;
		opacity: 1;
}

.main-left-cn-2{
	padding-left: 5px;
	text-align: left;
	border-image: linear-gradient(135deg, rgba(44,140,191,1) 0%,rgba(44,140,191,1) 20%,rgba(44,140,191,1) 50%,rgba(44,140,191,1) 80%,rgba(40,180,250,1) 100%) stretch;
    border-image-slice: 1;
    width: 50%;
    background: url(/img/bg-bottom.jpg) center no-repeat;
		float: right;
		transition: 0.5s;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
		right: 0;
		position: absolute;
		opacity: 1;
}

.main-href:hover .main-left-cn{
		left: -104px;
	opacity: 0;
		transition:0.5s ;
		-webkit-transition:0.5s ;
		-moz-transition:0.5s ;
		-ms-transition:0.5s ;
		-o-transition:0.5s ;
}

.main-href:hover .main-left-cn-2{
	right: -104px;
	transition:0.5s ;
	-webkit-transition:0.5s ;
	-moz-transition:0.5s ;
	-ms-transition:0.5s ;
	-o-transition:0.5s ;
	opacity: 0;
}

.main-op{
	position: relative;
	opacity: 0;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
}

.main-href:hover .main-op{
	opacity: 1;
	transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
}

.main-op::before{
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transition: 0.7s;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-ms-transition: 0.7s;
	-o-transition: 0.7s;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.main-op::after{
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transition: 0.7s;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-ms-transition: 0.7s;
	-o-transition: 0.7s;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}
.main-href:hover .main-op::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transition: 0.7s;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-ms-transition: 0.7s;
	-o-transition: 0.7s;
}

.main-op-2{
	position: relative;
	opacity: 0;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
}

.main-op-2::after{
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transition: 0.7s;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-ms-transition: 0.7s;
	-o-transition: 0.7s;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}
.main-href:hover .main-op-2::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: -2px;
	right: 0;
	left: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transition: 0.7s;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-ms-transition: 0.7s;
	-o-transition: 0.7s;
}

.main-href:hover .main-op-2{
	opacity: 1;
	transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
}

.inner_wrap::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	border-top: 5px solid #030917;
	border-bottom: 5px solid #030916;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	animation: krug_m 8s linear infinite;
	-webkit-animation: krug_m 8s linear infinite;
}

.inner_wrap::after{
	content: '';
	position: absolute;
	top: -5px;
	bottom: -5px;
	right: -5px;
	left: -5px;
	border-right: 6px solid #000014;
	border-left: 6px solid #010312;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	animation: krug_m-l 8s linear infinite;
	-webkit-animation: krug_m-l 8s linear infinite;
}

.news-wrap::before{
	opacity: 0.5;
	content: '';
	position: absolute;
	top: -1px;
	bottom: -1px;
	right: 0;
	left: 0;
	border-top: 1px solid #8db9d0;
	border-bottom: 1px solid #8db9d0;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	animation: poloc 8s linear infinite;
	-webkit-animation: poloc 8s linear infinite;
}

.news-wrap::after{
	opacity: 0.5;
	content: '';
	position: absolute;
	top: -1px;
	bottom: -1px;
	right: -1px;
	left: -1px;
	border-left: 1px solid #8db9d0;
	border-right: 1px solid #8db9d0;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	animation: poloc-2 8s linear infinite;
	-webkit-animation: poloc-2 8s linear infinite;
}

.block-inner::before{
	opacity: 0.5;
	content: '';
	position: absolute;
	top: -1px;
	bottom: -1px;
	right: 0;
	left: 0;
	border-top: 1px solid #8db9d0;
	border-bottom: 1px solid #8db9d0;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	animation: poloc 8s linear infinite;
	-webkit-animation: poloc 8s linear infinite;
}

.block-inner::after{
	opacity: 0.5;
	content: '';
	position: absolute;
	top: -1px;
	bottom: -1px;
	right: -1px;
	left: -1px;
	border-left: 1px solid #8db9d0;
	border-right: 1px solid #8db9d0;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	animation: poloc-2 8s linear infinite;
	-webkit-animation: poloc-2 8s linear infinite;
}

.user-item-wrap::before{
	opacity: 0.5;
	content: '';
	position: absolute;
	top: 10px;
	bottom: 0;
	right: 0;
	left: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	animation: poloc 8s linear infinite;
	-webkit-animation: poloc 8s linear infinite;
}

.user-item-wrap::after{
	opacity: 0.5;
	content: '';
	position: absolute;
	top: 10px;
	bottom: 0;
	right: 1px;
	left: 1px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	animation: poloc-2 8s linear infinite;
	-webkit-animation: poloc-2 8s linear infinite;
}

.row-50::before{
	opacity: 0.3;
	content: '';
	position: absolute;
	top: -1px;
	bottom: 0;
	right: 0;
	left: 0;
	border-top: 2px solid #a7c4dc;

	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	animation: poloc 8s linear infinite;
	-webkit-animation: poloc 8s linear infinite;
}

.map-box-info-wrap::before{
	opacity: 0.3;
	content: '';
	position: absolute;
	top: -1px;
	bottom: 0;
	right: 0;
	left: 0;
	border-top: 2px solid #a7c4dc;
	border-bottom: 2px solid #a7c4dc;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	animation: poloc 8s linear infinite;
	-webkit-animation: poloc 8s linear infinite;
}

.map-box-info-wrap::after{
	opacity: 0.3;
	content: '';
	position: absolute;
	top: -1px;
	bottom: 0;
	right: 0;
	left: 0;
	border-left: 1px solid #a7c4dc;
	border-right: 1px solid #a7c4dc;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	animation: poloc-2 8s linear infinite;
	-webkit-animation: poloc-2 8s linear infinite;
}

.map-box-bonus-wrap::before{
	opacity: 0.3;
	content: '';
	position: absolute;
	top: -1px;
	bottom: 0;
	right: 0;
	left: 0;
	border-top: 2px solid #a7c4dc;
	border-bottom: 2px solid #a7c4dc;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	animation: poloc 8s linear infinite;
	-webkit-animation: poloc 8s linear infinite;
}

.map-box-bonus-wrap::after{
	opacity: 0.3;
	content: '';
	position: absolute;
	top: -1px;
	bottom: 0;
	right: 0;
	left: 0;
	border-left: 1px solid #a7c4dc;
	border-right: 1px solid #a7c4dc;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	animation: poloc-2 8s linear infinite;
	-webkit-animation: poloc-2 8s linear infinite;
}

.main_planet-page::before{
	opacity: 0.5;
	content: '';
	position: absolute;
	top: -1px;
	bottom: 0;
	right: 0;
	left: 0;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	animation: poloc 8s linear infinite;
	-webkit-animation: poloc 8s linear infinite;
}

.main_planet-page::after{
	opacity: 0.5;
	content: '';
	position: absolute;
	top: -1px;
	bottom: 0;
	right: 0;
	left: 0;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	animation: poloc-2 8s linear infinite;
	-webkit-animation: poloc-2 8s linear infinite;
}

.shop-dron-bg::before{
	opacity: 0.5;
	content: '';
	position: absolute;
	top: -1px;
	bottom: 0;
	right: 0;
	left: 0;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	animation: poloc 8s linear infinite;
	-webkit-animation: poloc 8s linear infinite;
}

.shop-dron-bg::after{
	opacity: 0.5;
	content: '';
	position: absolute;
	top: -1px;
	bottom: 0;
	right: 0;
	left: 0;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	animation: poloc-2 8s linear infinite;
	-webkit-animation: poloc-2 8s linear infinite;
}

.cruiser-bg::before{
	opacity: 0.5;
	content: '';
	position: absolute;
	top: -1px;
	bottom: 0;
	right: 0;
	left: 0;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	animation: poloc 8s linear infinite;
	-webkit-animation: poloc 8s linear infinite;
}

.cruiser-bg::after{
	opacity: 0.5;
	content: '';
	position: absolute;
	top: -1px;
	bottom: 0;
	right: 0;
	left: 0;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	animation: poloc-2 8s linear infinite;
	-webkit-animation: poloc-2 8s linear infinite;
}

.news-planet-style::before{
	opacity: 0.5;
	content: '';
	position: absolute;
	top: -1px;
	bottom: 0;
	right: 0;
	left: 0;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	animation: poloc 8s linear infinite;
	-webkit-animation: poloc 8s linear infinite;
}

.news-planet-style::after{
	opacity: 0.5;
	content: '';
	position: absolute;
	top: -1px;
	bottom: 0;
	right: 0;
	left: 0;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	animation: poloc-2 8s linear infinite;
	-webkit-animation: poloc-2 8s linear infinite;
}

.card-pay::before{
	opacity: 0.5;
	content: '';
	position: absolute;
	top: -1px;
	bottom: 0;
	right: 0;
	left: 0;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	animation: poloc 8s linear infinite;
	-webkit-animation: poloc 8s linear infinite;
}

.card-pay::after{
	opacity: 0.5;
	content: '';
	position: absolute;
	top: -1px;
	bottom: 0;
	right: 0;
	left: 0;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	animation: poloc-2 8s linear infinite;
	-webkit-animation: poloc-2 8s linear infinite;
}

.user-item-wrap-dop::before{
	border-bottom: 0 solid #fff;

}

.user-item-wrap-dop::after{
	border-left: 0 solid #fff;
	border-right: 0 solid #fff;

}

.user-item-wrap-ddop::before{
top:-1px;

}