::-webkit-scrollbar {
	height: 6px;
	width: 6px;
}

body {
	-webkit-transform: translateZ(0);
	background: #000;
	margin: 0;
	padding: 0;
	scrollbar-color: #FFFFFF14 #5555551c;
	scrollbar-width: thin;
	max-width: 100vw;
}

::-webkit-scrollbar-track, div::-webkit-scrollbar-track:hover {
	background: #000;
	opacity: .1%;
}

::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb:hover {
	background: #292929;
	opacity: .1%;
}

@font-face {
	font-family: "Munchkin";
	font-style: normal;
	font-weight: 400;
	src: url(/asset/font/Munchkin_Cyr.ttf) format("truetype");
}

#wrapper {
	-webkit-background-size: 100%;
	background: #000;
	background-size: 100%;
	margin: 0 auto;
	max-width: 460px;
	min-height: 100vh;
	overflow: hidden;
	width: 100%;
	position: absolute;
	z-index: -3;
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translate3d(0, 0, 0);
}

.main-wrapper {
	-webkit-background-size: cover;
	background: url(/asset/img/bg.jpg) no-repeat top center !important;
	background-size: cover;
	height: 260px;
	position: relative;
}

.main-wrapper img {
	bottom: -14px;
	left: 161px;
	position: absolute;
}

.header-section {
	background: #000;
	display: flex;
	max-width: 460px;
	position: relative;
}

.b-crown__border {
	background: url(/asset/img/ava-border1.png) no-repeat;
	height: 39px;
	position: relative;
	width: 40px;
}

.b-crown-online__border {
	background: url(/asset/img/rating-avatar-border-online.png) no-repeat;
	height: 39px;
	position: relative;
	width: 40px;
}

.b-crow__img {
	background: url(/asset/img/nosave.jpg);
	height: 35px;
	left: 2px;
	position: absolute;
	top: 2px;
	width: 35px;
}

.b-sword {
	color: #8b8b8b;
	display: flex;
	font-size: 14px;
	line-height: 35px;
	width: 50%;
}

.inner-container {
	white-space: nowrap;
}

.sword-icon {
	background: url(/asset/img/strength.png) no-repeat;
	height: 18px;
	line-height: 35px;
	margin-left: 3px;
	margin-top: 7px;
	width: 20px;
}

.b-letter {
	animation: opacy ease 1.5s infinite;
	background: url(/asset/img/letter.png);
	cursor: pointer;
	height: 22px;
	margin: 4px 5px 0 4px;
	width: 28px;
}

.slide-up-down {
	transform: translateY(-100%);
}

.b-coin, .b-coin-energy {
	color: #8b8b8b;
	display: flex;
	font-size: 14px;
	justify-content: flex-end;
	line-height: 35px;
	width: 50%;
}

@keyframes opacy {
	50% {
		opacity: 1;
	}

	00%, 100% {
		opacity: .5;
	}
}

.b-coin span {
	margin-left: 20px;
	margin-right: 5px;
	position: relative;
	white-space: nowrap;
}

.b-coin span:nth-child(1):before {
	content: url('/asset/img/energy.png');
	left: -18px;
	position: absolute;
	top: 3px;
}

.b-coin span:nth-child(2):before {
	content: url('/asset/img/silver.png');
	left: -18px;
	position: absolute;
	top: 3px;
}

.b-coin span:nth-child(3):before {
	content: url('/asset/img/gold.png');
	left: -18px;
	position: absolute;
	top: 3px;
}

.b-crown {
	z-index: 5;
}

.header-section:after {
	border: 1px solid #423b32;
	bottom: 0;
	content: '';
	height: 5px;
	left: 0;
	position: absolute;
	width: 100%;
}

.b-progress--top {
	background: url(/asset/img/progress-yellow-bg.png);
	bottom: 1px;
	height: 5px;
	position: absolute;
}

.b-progress--top2 {
	height: 5px;
	left: 9%;
	position: absolute;
	right: -41px;
	top: 35px;
	width: 91%;
}

.b-progress {
	border: 1px solid #423b32;
}

.wrapper-items {
	background: #000;
	height: 100%;
	overflow: hidden;
}

.wrapper-items_4 {
	background: url(/asset/img/bg-small.png) no-repeat center top, #000;
	height: 100%;
	padding-top: 20px;
}

.b-popup-bg {
	background: url(/asset/img/popup.png) no-repeat top center;
	background: url(/asset/img/popup.png) no-repeat top center;
	height: 65px;
	height: 65px;
	margin: 0 auto;
	margin: 0 auto;
	position: relative;
	position: relative;
	width: 319px;
	width: 319px;
}

.location-name {
	background: #000;
	border-top: 3px solid #000;
	display: flex;
	font-size: 18px;
	height: 32px;
	justify-content: space-between;
	position: relative;
	z-index: 15;
}

.location-name:before {
	content: url('/asset/img/location-bg-left.png');
}

.location-name:after {
	content: url('/asset/img/location-bg-right.png');
}

.b-location__bg:before {
	background: url(/asset/img/line-1px-left.png) no-repeat;
	content: "";
	height: 30px;
	left: 0;
	position: absolute;
	width: 118px;
}

.b-location__bg:after {
	background: url(/asset/img/line-1px-right.png) no-repeat;
	content: "";
	height: 30px;
	position: absolute;
	right: 0;
	width: 118px;
}

.b-location__bg {
	align-items: center;
	background: url(/asset/img/line-1px.png);
	color: #007e72;
	display: flex;
	font-family: "Munchkin", Tahoma;
	height: 30px;
	justify-content: center;
	position: relative;
	width: 100%;
}

.b-location__bg span {
	z-index: 1;
}

.b-amulet {
	align-items: center;
	background: url(/asset/img/rl.png) no-repeat left, url(/asset/img/rr.png) no-repeat right, url(/asset/img/4st.png) no-repeat center;
	background-size: auto, auto, cover;
	display: flex;
	height: 151px;
	padding-bottom: 17px;
	position: relative;
	width: 100%;
}

.amulet-text {
	margin: -6px;
	width: 58%;
}

.amulet-text span {
	color: #fff;
	font-family: Arial;
	font-size: 13px;
}

.red-box {
	background: #d41813;
	background: -moz-linear-gradient(top, rgba(212, 24, 19, 1) 0%, rgba(103, 0, 4, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(212, 24, 19, 1) 0%, rgba(103, 0, 4, 1) 100%);
	background: linear-gradient(to bottom, rgba(212, 24, 19, 1) 0%, rgba(103, 0, 4, 1) 100%);
	border-radius: 2px;
	display: inline-block;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d41813', endColorstr='#670004', GradientType=0);
	height: 16px;
	line-height: 11px;
	margin-right: 5px;
	padding: 2px;
	text-align: center;
	width: 17%;
}

.yellow-nubm {
	color: #ffc600 !important;
	position: relative;
}

.crown-box {
	background: url(/asset/img/crown.png);
	height: 23px;
	margin-left: 4px;
	margin-right: 4px;
	width: 25px;
}

.yello-box {
	color: #ffc600;
}

.flexRow {
	align-items: center;
	color: #fff;
	display: flex;
	font-family: Arial;
	font-size: 13px;
	justify-content: center;
	margin-bottom: 4px;
}

.flexRow:last-child {
	line-height: 21px;
}

.amulet-text p {
	color: #f49540;
	font-family: "Munchkin", Tahoma;
	font-size: 16px;
	margin: 0;
	margin-top: 11px;
	padding: 0;
	text-align: center;
}

.amulet-i {
	cursor: pointer;
	position: absolute;
	right: 9px;
	top: 7px;
	z-index: 9999;
}

.amulet-inner {
	display: flex;
	justify-content: center;
	width: 100%;
}

.b-amulet:after {
	background: url(/asset/img/rc.png) left top repeat-x;
	content: "";
	height: 151px;
	position: absolute;
	top: 0;
	width: 100%;
}

.bottom-text {
	color: #fff;
	font-family: Arial;
	font-size: 12px;
	margin-bottom: 14px;
	margin-top: 21px;
	text-align: center;
}

.card-box {
	display: flex;
	flex-basis: 33.3333333%;
	flex-wrap: wrap;
	justify-content: center;
}

.card-box img {
	margin: 4px;
}

.card-block {
	display: flex;
	justify-content: space-around;
	margin: 0 auto;
	margin-top: 17px;
	text-align: center;
	width: 60%;
}

.card-block span {
	color: #fff;
	display: block;
	font-family: "Munchkin", Tahoma;
	font-size: 13px;
}

.card-wrap img {
	margin-bottom: 10px;
}

.b-description--progress_7 {
	background: url(/asset/img/progress_yellow2_05.png);
	border: 1px solid #423b32;
	bottom: 19px;
	height: 8px;
	left: 5px;
	position: absolute;
	width: 94%;
	z-index: 1;
}

.b-description--progress-blue_7 {
	background: url(/asset/img/blue-progress.png);
	height: 5px;
}

.b-description--progress_8 {
	background: url(/asset/img/progress_yellow2_05.png);
	border: 1px solid #423b32;
	bottom: 0;
	height: 8px;
	left: 0;
	position: relative;
	width: 100%;
	z-index: 1;
}

.hint-block {
	align-items: center;
	display: flex;
	justify-content: center;
	padding-bottom: 13px;
	padding-top: 12px;
	text-align: center;
}

.hint-img {
	background: url(/asset/img/hint.png) no-repeat;
	display: inline-block;
	height: 56px;
	position: relative;
	width: 10px;
}

ol, ul {
	margin-top: unset;
}

.hint-img:before {
	bottom: 3px;
	content: url('/asset/img/hint-shadow-full.png');
	height: 56px;
	left: 2px;
	position: absolute;
	width: 90px;
}

.hint-block span {
	color: #fff;
	font-family: Arial;
	font-size: 12px;
	margin-left: 30px;
	z-index: 1;
}

.b-back-button {
	align-items: center;
	background: url(/asset/img/btn-back-gr.png);
	border-radius: 5px;
	color: #7c8688;
	cursor: pointer;
	display: flex;
	font-family: "Munchkin", Tahoma;
	font-size: 18px;
	height: 40px;
	margin: 0 4px;
	max-width: 460px;
	position: relative;
}

.b-back-button:before {
	bottom: -9px;
	content: url('/asset/img/btn-back-l.png');
	left: 0;
	position: absolute;
}

.b-back-button:after {
	bottom: -9px;
	content: url('/asset/img/btn-back-r.png');
	position: absolute;
	right: 0;
}

.b-back-button span {
	margin-left: 70px;
	position: relative;
}

.b-back-button span:before {
	content: url('/asset/img/back.png');
	left: -50px;
	position: absolute;
	top: -16px;
}

.comp-btn {
	align-items: center;
	background: url(/asset/img/grey-middle.png);
	display: flex;
	height: 35px;
	justify-content: space-between;
	margin: 0 auto;
	margin-left: 2px;
	margin-right: 2px;
	max-width: 460px;
	padding-left: 22px;
	padding-right: 22px;
	position: relative;
}

.comp-img {
	width: 50px;
}

.comp-btn-l {
	display: flex;
}

.comp-btn-l img {
	float: left;
	margin-top: 10px;
}

.comp-btn-r {
	margin-top: 4px;
}

.comp-btn-r p {
	color: #434343;
	font-family: "Munchkin";
	font-size: 18px;
}

.comp-btn-l p {
	color: #8f9b9d;
	display: inline-block;
	font-family: "Munchkin";
	font-size: 18px;
}

.comp-btn:before {
	content: url('/asset/img/left-grey.png');
	left: 0;
	position: absolute;
	top: 0;
}

.comp-btn:after {
	content: url('/asset/img/right-grey.png');
	position: absolute;
	right: 0;
	top: 0;
}

.b-popup-helper {
	background: url(/asset/img/helper.png) no-repeat;
	height: 78px;
	left: 14px;
	position: absolute;
	top: -14px;
	width: 77px;
}

.b-popup-text {
	color: #04b5c0;
	font-family: Arial;
	font-size: 14px;
	position: absolute;
	right: 10px;
	text-align: center;
	top: -6px;
}

.b-popup-text span {
	color: #68feff;
	font-weight: 700;
}

.b-wrapper-lig {
	align-items: flex-end;
	display: flex;
	justify-content: center;
	margin: 0 auto;
	max-width: 450px;
	min-height: 200px;
	min-width: 304px;
	position: relative;
}

.b-house p:first-child {
	color: #f4f4f4;
	font-family: "Munchkin";
	font-size: 16px;
	margin: 0;
}

.b-house p:last-child {
	color: #aaa;
	font-family: Arial;
	font-size: 13px;
	margin: 6px;
	margin-bottom: 9px;
}

.b-house p:last-child span:before {
	bottom: 7px;
	content: url('/asset/img/small-silver.png');
	left: 80px;
	position: absolute;
}

.b-house p:last-child span {
	margin-left: 15px;
}

.b-company {
	align-items: flex-end;
	cursor: pointer;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-end;
	min-height: 200px;
	position: relative;
	width: 168px;
}

.b-company-text {
	align-items: center;
	bottom: 3px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	left: 15px;
	position: absolute;
	right: 0;
	z-index: 1;
}

.b-company-text p:first-child {
	color: #f4f4f4;
	font-family: "Munchkin";
	font-size: 16px;
	margin: 0;
	position: relative;
}

.b-company-text p:first-child:before {
	content: url('/asset/img/small-sword.png');
	left: -16px;
	position: absolute;
	top: -1px;
}

.amulet-book, .card-wrap {
	position: relative;
}

.faster-btn, .faster-btn_5 {
	background: url(/asset/img/blue-line.png) repeat-x;
	bottom: -18px;
	cursor: pointer;
	height: 36px;
	left: 0;
	margin: 0 auto;
	max-width: 280px;
	position: absolute;
	right: 0;
	z-index: 1;
}

.faster-text, .faster-text_5 {
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 7px;
}

.faster-btn p, .faster-btn_5 p {
	color: #b7fdfd;
	font-family: "Munchkin";
	font-size: 16px;
}

.faster-btn p span, .faster-btn_5 p span {
	color: #fde87e;
	margin-left: 23px;
	position: relative;
}

.faster-btn p span:before, .faster-btn_5 p span:before {
	content: url('/asset/img/gold.png');
	left: -20px;
	position: absolute;
	top: -1px;
}

.faster-btn:before, .faster-btn_5:before {
	content: url('/asset/img/left-blue.png');
}

.faster-btn:after, .faster-btn_5:after {
	content: url('/asset/img/right-blue.png');
	position: absolute;
	right: 0;
	top: 0;
}

.b-company-text p:last-child {
	color: #aaa;
	font-family: Arial;
	font-size: 13px;
	margin: 6px;
	position: relative;
}

.b-company-text p:last-child:before {
	content: url('/asset/img/clock.png');
	left: -17px;
	position: absolute;
	top: -1px;
}

.b-company img {
	position: absolute;
}

.b-house {
	align-items: center;
	background: url(/asset/img/house1.png) no-repeat bottom;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 200px;
	position: relative;
	text-align: center;
	width: 172px;
}

.b-zak-btn {
	align-items: flex-end;
	background: url(/asset/img/big-btn.png) no-repeat;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	height: 85px;
	justify-content: center;
	margin: 7px auto;
	position: relative;
	text-align: center;
	width: 319px;
}

.b-zak-btn p {
	margin: 0;
}

.b-zak-btn p:first-child {
	color: #f4f4f4;
	font-family: "Munchkin";
	font-size: 16px;
	margin: 10px;
	position: relative;
}

.b-zak-btn p:first-child:before {
	content: url('/asset/img/small-sword.png');
	left: -13px;
	position: absolute;
	top: -1px;
}

.b-zak-btn p:last-child {
	color: #aaa;
	font-family: Arial;
	font-size: 13px;
}

.zak-text {
	position: absolute;
	right: 17px;
	top: 1px;
}

.faster-btn {
	background: url(/asset/img/blue-line.png) repeat-x;
	height: 36px;
	margin: 0 auto;
	margin-bottom: 19px;
	max-width: 319px;
	position: relative;
}

.faster-text {
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: -4px;
}

.faster-btn p {
	color: #b7fdfd;
	font-family: "Munchkin";
	font-size: 16px;
}

.faster-btn p span {
	color: #fde87e;
	margin-left: 23px;
	position: relative;
}

.faster-btn p span:before {
	content: url('/asset/img/gold.png');
	left: -20px;
	position: absolute;
	top: -1px;
}

.faster-btn:before {
	content: url('/asset/img/left-blue.png');
}

.faster-btn:after {
	content: url('/asset/img/right-blue.png');
	position: absolute;
	right: 0;
}

.company-text {
	color: #68fffe;
	font-family: "Munchkin", Tahoma;
	font-size: 20px;
	line-height: 30px;
	position: absolute;
}

.progres-quest {
	color: #545a60;
	font-family: Arial;
	font-size: 12px;
	margin-bottom: 8px;
	margin-top: 15px;
	text-align: center;
}

@-moz-keyframes bounce {
	00% {
		-moz-transform: translateY(0);
		transform: translateY(0);
	}

	60% {
		-moz-transform: translateY(-30px);
		transform: translateY(-30px);
	}
}

@-webkit-keyframes bounce {
	00% {
		-moz-transform: translateY(0);
		transform: translateY(0);
	}

	60% {
		-moz-transform: translateY(-30px);
		transform: translateY(-30px);
	}
}

@keyframes bounce {
	00% {
		-moz-transform: translateY(0);
		transform: translateY(0);
	}

	60% {
		-moz-transform: translateY(-30px);
		transform: translateY(-30px);
	}
}

.arrow {
	background-image: url(/asset/img/arrow.png);
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 0;
	height: 83px;
	left: 24px;
	margin-left: -20px;
	position: absolute;
	width: 79px;
	z-index: 1;
}

.bounce {
	-moz-animation: bounce 1s infinite;
	-webkit-animation: bounce 1s infinite;
	animation: bounce 1s infinite;
}

.b-menu {
	color: #8b8b8b;
	color: #8b8b8b;
	display: flex;
	display: flex;
	font-size: 18px;
	font-size: 18px;
	justify-content: space-around;
	justify-content: space-around;
	margin: 0 auto;
	max-width: 460px;
	padding-top: 15px;
	padding-top: 15px;
	position: relative;
}

.b-menu span {
	bottom: -20px;
	bottom: -20px;
	cursor: pointer;
	cursor: pointer;
	font-family: "Munchkin", Tahoma;
	font-family: Munchkin, Tahoma;
	left: 10px;
	left: 10px;
	position: absolute;
	position: absolute;
}

.home {
	background: url(/asset/img/home_icn.png) no-repeat;
	cursor: pointer;
	height: 68px;
	position: relative;
	width: 83px;
}

.profile {
	background: url(/asset/img/profile_icn.png) no-repeat;
	cursor: pointer;
	height: 68px;
	position: relative;
	width: 83px;
}

.guild {
	background: url(/asset/img/hild_icn.png) no-repeat;
	cursor: pointer;
	height: 68px;
	position: relative;
	width: 83px;
}

.sep {
	background: url(/asset/img/menu-separator.png) no-repeat;
	height: 68px;
	width: 28px;
}

.footer-sec {
	display: flex;
	justify-content: center;
	padding-top: 8px;
}

.b-menu:before {
	content: url('/asset/img/footer-t.png');
	position: absolute;
	right: 70px;
	top: 32px;
}

.footer-grad:after {
	content: url('/asset/img/footer-b.png');
	position: absolute;
	right: -36px;
	top: 47px;
}

.footer-grad ul {
	display: flex;
	justify-content: center;
	line-height: 30px;
	list-style: none;
	margin-top: 15px;
	padding: 0;
}

.footer-grad ul a {
	border-bottom: 1px solid #505e77;
	text-decoration: none;
}

.footer-grad ul a:hover {
	text-decoration: none;
}

.footer-grad a {
	color: #505e77;
	font-family: Arial;
	font-size: 15px;
	margin: 20px;
}

.footer-menu {
	padding-bottom: 30px;
}

.footer-menu-items {
	color: #5f5f5f;
	font-size: 18px;
	padding-top: 5px;
	position: relative;
	text-align: center;
	z-index: 20;
}

.footer-menu-items span {
	cursor: pointer;
	font-family: Arial;
	font-size: 14px;
	margin: 5px;
}

.online-item {
	border-left: 1px solid #5f5f5f;
	border-right: 1px solid #5f5f5f;
	color: #505e77;
	padding-left: 5px;
	padding-right: 5px;
}

.b-button {
	color: #32373b;
	display: flex;
	font-family: "Munchkin", Tahoma;
	font-size: 18px;
	justify-content: center;
	margin-bottom: 5px;
	margin-top: 1px;
}

.b-first__button--school {
	align-items: center;
	background: url(/asset/img/btn-back-gr.png);
	border-radius: 5px;
	color: #7c8688;
	cursor: pointer;
	cursor: pointer !important;
	display: flex;
	height: 40px;
	height: 35px;
	justify-content: center;
	margin-left: 4px;
	margin-right: 2px;
	position: relative;
	width: 48%;
	width: 49%;
	z-index: 1;
}

.b-first__button--exper {
	align-items: center;
	background: url(/asset/img/btn-back-gr.png);
	border-radius: 5px;
	cursor: pointer;
	display: flex;
	height: 40px;
	height: 35px;
	justify-content: center;
	margin-left: 2px;
	margin-right: 4px;
	position: relative;
	width: 48%;
	width: 49%;
}

.b-description-in {
	align-items: center;
	display: flex;
	justify-content: center;
	margin: 0 auto;
	max-width: 400px;
	min-height: 96px;
}

.b-description {
	background: #111516;
	margin: 0 auto;
	margin-bottom: 8px;
	min-height: 96px;
	position: relative;
}

.b-description:before {
	background: url(/asset/img/left-line.png);
	bottom: 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	width: 5px;
}

.b-description:after {
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	background: url(/asset/img/left-line.png);
	background-repeat: no-repeat;
	background-repeat: repeat-y;
	bottom: 0;
	content: "";
	height: 100%;
	position: absolute;
	right: 0;
	transform: rotate(180deg);
	width: 17px;
}

.b-description--progress {
	background: url(/asset/img/progress_yellow2_05.png);
	border: 1px solid #423b32;
	bottom: -7px;
	height: 5px;
	left: -1px;
	position: absolute;
	width: 100%;
	z-index: 1;
}

.b-description--progress-blue {
	background: url(/asset/img/blue-progress.png);
	height: 5px;
	width: 50%;
}

.swrd:before {
	content: url('/asset/img/strength.png');
}

.gcoin:before {
	content: url('/asset/img/gold.png');
}

.scoin:before {
	content: url('/asset/img/silver.png');
}

.star:before {
	content: url('/asset/img/exp.png');
}

.b-description-ava {
	background: url(/asset/img/ava-desc.png);
	height: 72px;
	margin-right: 16px;
	width: 73px;
}

.b-description-text {
	color: #545a60;
	font-family: Arial;
	font-size: 12px;
	max-width: 400px;
	width: 55%;
}

.b-quest {
	align-items: center;
	background: url(/asset/img/md-md.png) repeat-x;
	cursor: pointer;
	display: flex;
	justify-content: space-around;
	margin: 0 auto;
	margin-bottom: 20px;
	max-width: 400px;
	min-height: 96px;
	position: relative;
}

.b-quest:before {
	content: url('/asset/img/right-right.png');
	left: 0;
	position: absolute;
	top: 0;
}

.b-quest:after {
	content: url('/asset/img/left-left.png');
	position: absolute;
	right: 0;
	top: 0;
}

.b-quest-ava {
	background: url(/asset/img/arrow-up.png);
	height: 70px;
	position: relative;
	width: 49px;
}

.b-quest-text {
	margin-bottom: 14px;
}

.b-quest-text p {
	color: #fff;
	font-family: Arial;
	font-size: 15px;
	margin: 0;
	max-width: 240px;
	padding: 0;
}

.b-quest-btn {
	background: url(/asset/img/btn-l.png);
	bottom: -16px;
	height: 32px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 150px;
}

.b-quest-btn:before {
	content: url('/asset/img/button-l.png');
}

.b-quest-btn:after {
	background: url(/asset/img/btn-r2.png);
	content: "";
	height: 31px;
	position: absolute;
	right: -10px;
	top: 0;
	width: 34px;
}

.b-quest-blue {
	color: #44aaae;
}

.b-quest-ava-medal {
	background: url(/asset/img/medal.png);
	height: 41px;
	position: absolute;
	right: -7px;
	top: -8px;
	width: 30px;
}

.company-text {
	color: #68fffe;
	font-family: "Munchkin", Tahoma;
	font-size: 20px;
	line-height: 30px;
	position: absolute;
}

.progres-quest {
	color: #545a60;
	font-family: Arial;
	font-size: 12px;
	margin-bottom: 8px;
	margin-top: 15px;
	text-align: center;
}

.b-amulet1 {
	align-items: center;
	background: url(/asset/img/rl.png) no-repeat left, url(/asset/img/rr.png) no-repeat right, url(/asset/img/1st.png) no-repeat center;
	background-size: auto, auto, cover;
	display: flex;
	height: 151px;
	margin-bottom: 30px;
	padding-bottom: 17px;
	position: relative;
	width: 100%;
}

.b-amulet2 {
	align-items: center;
	background: url(/asset/img/rl.png) no-repeat left, url(/asset/img/rr.png) no-repeat right, url(/asset/img/2st.png) no-repeat center;
	background-size: auto, auto, cover;
	display: flex;
	height: 151px;
	margin-bottom: 30px;
	padding-bottom: 17px;
	position: relative;
	width: 100%;
}

.b-amulet3 {
	align-items: center;
	background: url(/asset/img/rl.png) no-repeat left, url(/asset/img/rr.png) no-repeat right, url(/asset/img/3st.png) no-repeat center;
	background-size: auto, auto, cover;
	display: flex;
	height: 151px;
	margin-bottom: 30px;
	padding-bottom: 17px;
	position: relative;
	width: 100%;
}

.b-amulet4 {
	align-items: center;
	background: url(/asset/img/rl.png) no-repeat left, url(/asset/img/rr.png) no-repeat right, url(/asset/img/4st.png) no-repeat center;
	background-size: auto, auto, cover;
	display: flex;
	height: 151px;
	margin-bottom: 30px;
	padding-bottom: 17px;
	position: relative;
	width: 100%;
}

.amulet-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: -6px;
	width: 58%;
}

.amulet-text span {
	color: #fff;
	font-family: Arial;
	font-size: 13px;
}

.red-box1 {
	background: #d41813;
	background: -moz-linear-gradient(top, rgba(212, 24, 19, 1) 0%, rgba(103, 0, 4, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(212, 24, 19, 1) 0%, rgba(103, 0, 4, 1) 100%);
	background: linear-gradient(to bottom, rgba(212, 24, 19, 1) 0%, rgba(103, 0, 4, 1) 100%);
	border-radius: 2px;
	display: inline-block;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d41813', endColorstr='#670004', GradientType=0);
	height: 16px;
	line-height: 11px;
	margin-right: 5px;
	padding: 2px;
	width: 17%;
}

.red-box2 {
	background: #ac11c5;
	background: -moz-linear-gradient(top, #ac11c5 0%, #4b005f 100%);
	background: -webkit-linear-gradient(top, #ac11c5 0%, #4b005f 100%);
	background: linear-gradient(to bottom, #ac11c5 0%, #4b005f 100%);
	border-radius: 2px;
	display: inline-block;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ac11c5', endColorstr='#4b005f', GradientType=0);
	height: 16px;
	line-height: 11px;
	margin-right: 5px;
	padding: 2px;
	text-align: center;
	width: 17%;
}

.red-box3 {
	background: #e76200;
	background: -moz-linear-gradient(top, #e76200 0%, #672500 100%);
	background: -webkit-linear-gradient(top, #e76200 0%, #672500 100%);
	background: linear-gradient(to bottom, #e76200 0%, #672500 100%);
	border-radius: 2px;
	display: inline-block;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e76200', endColorstr='#672500', GradientType=0);
	height: 16px;
	line-height: 11px;
	margin-right: 5px;
	padding: 2px;
	text-align: center;
	width: 17%;
}

.yellow-nubm {
	color: #ffc600 !important;
	position: relative;
}

.crown-box {
	background: url(/asset/img/crown.png);
	height: 23px;
	margin-left: 4px;
	margin-right: 4px;
	width: 25px;
}

.yello-box {
	color: #ffc600;
}

.flexRow {
	align-items: center;
	color: #fff;
	display: flex;
	font-family: Arial;
	font-size: 13px;
	justify-content: center;
	margin-bottom: 4px;
}

.flexRow:last-child {
	line-height: 21px;
}

.amulet-text p {
	color: #f49540;
	font-family: "Munchkin", Tahoma;
	font-size: 16px;
	margin: 0;
	padding: 0;
	text-align: center;
}

.amulet-inner {
	display: flex;
	justify-content: center;
	width: 100%;
}

.faster-btn_7 p {
	color: #8b8b8b;
	font-family: "Munchkin";
	font-size: 16px;
}

.faster-btn_7 p span {
	color: #8b8b8b;
	margin-left: 23px;
	position: relative;
}

.faster-btn_7 p span:before {
	content: url('/asset/img/silver.png');
	left: -20px;
	position: absolute;
	top: -1px;
}

.bottom-text {
	color: #fff;
	font-family: Arial;
	font-size: 13px;
	text-align: center;
}

.bottom-text span {
	color: #68fffe;
}

.big-blue-btn-wrapper {
	background: url(/asset/img/big-blue-m.png) repeat-x;
	cursor: pointer;
	height: 45px;
	margin: 0 auto;
	margin-bottom: 2px;
	min-width: 218px;
	position: relative;
	width: 57%;
}

.big-blue-btn-wrapper:after {
	content: url('/asset/img/big-blue-l.png');
	left: 0;
	position: absolute;
	top: 0;
}

.big-blue-btn-wrapper:before {
	content: url('/asset/img/big-blue-r.png');
	position: absolute;
	right: 0;
	top: 0;
}

.big-faster-text {
	color: #b7fdfd;
	font-family: "Munchkin";
	font-size: 18px;
	line-height: 23px;
	text-align: center;
}

.big-faster-text span {
	color: #efdc7a;
	margin-left: 20px;
	position: relative;
}

.big-faster-text span:before {
	content: url('/asset/img/gold.png');
	left: -21px;
	position: absolute;
	top: -1px;
}

.big-faster-text p {
	margin: 0;
	padding: 0;
}

.doz-cap {
	font-family: "Munchkin";
	font-size: 18px;
	text-align: center;
}

.b-doz {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.doz-wrapper {
	-moz-border-image: url(/asset/img/border-img.png) 20 round round;
	-o-border-image: url(/asset/img/border-img.png) 20 round round;
	-webkit-border-image: url(/asset/img/border-img.png) 20 round round;
	align-items: center;
	border: 17px solid #40c4c8;
	border-image: url(/asset/img/border-img.png) 20 round round;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	text-align: center;
	width: 108px;
}

.overlay {
	background: #101418;
	background: -moz-linear-gradient(top, #101418 0%, #000 100%);
	background: -webkit-linear-gradient(top, #101418 0%, #000 100%);
	background: linear-gradient(to bottom, #101418 0%, #000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#101418', endColorstr='#000000', GradientType=0);
	height: 116%;
	left: -13px;
	position: absolute;
	top: -15px;
	width: 135%;
}

.doz-wrapper span {
	color: #8b8b8b;
	font-size: 13px;
	margin: 0;
	padding: 0;
	z-index: 5;
}

.doz-head {
	height: 39px;
	line-height: 16px;
	position: absolute;
	top: -13px;
}

.doz-coin {
	bottom: -1px;
	height: 10px;
	left: -1px;
	margin-top: 5px;
	position: absolute;
	z-index: 5;
}

.doz-coin span {
	margin-left: 17px;
	position: relative;
}

.doz-coin span:first-child:before {
	content: url('/asset/img/gold.png');
	left: -18px;
	position: absolute;
	top: 0;
}

.doz-coin span:last-child:before {
	content: url('/asset/img/silver.png');
	left: -18px;
	position: absolute;
	top: 0;
}

.doz-wrapper img {
	margin-bottom: 13px;
	margin-top: 22px;
	z-index: 5;
}

.main-inner {
	padding-left: 5%;
	padding-right: 5%;
}

.faster-btn_8 {
	background: url(/asset/img/blue-line.png) repeat-x;
	height: 36px;
	margin: 0 auto;
	margin-bottom: 19px;
	position: relative;
	width: 100%;
}

.faster-btn_8:after {
	content: url('/asset/img/right-blue.png');
	position: absolute;
	right: 0;
}

.bottom-left-item_9 {
	background: url(/asset/img/ava-border1.png) center center no-repeat;
	height: 39px;
	position: relative;
	width: 44px;
}

.bottom-left-item_9 img {
	left: 1px;
	position: absolute;
	top: 1px;
	width: 93%;
}

.header-bg_9 {
	align-items: center;
	background: url(/asset/img/back1.jpg) no-repeat center center;
	background-size: cover;
	display: flex;
	flex-direction: column;
	height: 310px;
	justify-content: space-between;
	position: relative;
}

.header-bg_9:before {
	background-image: url(/asset/img/vertical-shadow.png);
	bottom: 0;
	content: '';
	height: 113px;
	position: absolute;
	width: 100%;
}

.top-line_9 {
	background: -moz-linear-gradient(left, rgba(66, 18, 17, .75) 0, rgba(7, 3, 3, .6) 100%);
	background: -webkit-linear-gradient(left, rgba(66, 18, 17, .75) 0, rgba(7, 3, 3, .6) 100%);
	background: linear-gradient(to right, rgba(66, 18, 17, .75) 0, rgba(7, 3, 3, .6) 100%);
	display: flex;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#421211', endColorstr='#59421211', GradientType=1);
	position: relative;
	width: 100%;
}

.bottom-line_9 {
	background: -moz-linear-gradient(left, rgba(0, 39, 60, 0.8) 0, rgba(7, 3, 3, .6) 100%);
	background: -webkit-linear-gradient(left, rgba(0, 39, 60, 0.8) 0, rgba(7, 3, 3, .6) 100%);
	background: linear-gradient(to right, rgba(0, 39, 60, 0.8) 0, rgba(7, 3, 3, .6) 100%);
	display: flex;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#421211', endColorstr='#59421211', GradientType=1);
	position: relative;
	width: 100%;
}

.header-caption_9 {
	align-items: center;
	color: #e82d2c;
	display: flex;
	font-family: "Munchkin";
	font-size: 16px;
	padding-left: 15px;
	width: 55%;
}

.bottom-header-caption_9 {
	align-items: center;
	color: #6085ad;
	display: flex;
	font-family: "Munchkin";
	font-size: 16px;
	padding-left: 15px;
	width: 55%;
}

.header-heart_9 {
	align-items: center;
	color: #e82d2c;
	display: flex;
	font-family: "Munchkin";
	font-size: 16px;
	justify-content: flex-end;
	padding-right: 15px;
	position: relative;
	width: 45%;
}

.bottom-header-heart_9 {
	align-items: center;
	color: #6085ad;
	display: flex;
	font-family: "Munchkin";
	font-size: 16px;
	justify-content: flex-end;
	padding-right: 15px;
	position: relative;
	width: 45%;
}

.header-heart_9:before {
	content: url('/asset/img/heart-red.png');
	margin-top: 5px;
}

.bottom-header-heart_9:before {
	content: url('/asset/img/heart-blue.png');
	margin-top: 5px;
}

.boss-wraper_9 {
	display: flex;
	justify-content: center;
	position: absolute;
	text-align: center;
	top: 10%;
}

.boss-wraper_9 img:last-child {
	position: absolute;
}

.main-wrapper_9 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-bottom: 10px;
	padding-top: 10px;
}

.weapon-wrapper_9 {
	align-items: center;
	background: url(/asset/img/222.png);
	display: flex;
	flex-direction: column;
	height: 93px;
	justify-content: space-between;
	margin-bottom: 10px;
	position: relative;
	width: 79px;
}

.weapon-cap_9 {
	color: #ffac4b;
	font-family: "Munchkin";
	font-size: 14px;
	margin-right: 9px;
	margin-top: 3px;
}

.attack-blue-btn_9 {
	background: url(/asset/img/button-attack.png);
	color: #8aebfe;
	font-family: "Munchkin";
	font-size: 25px;
	height: 49px;
	line-height: 50px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	top: 5px;
	width: 309px;
}

.attack-blue-btn_9:before {
	background: rgba(0, 0, 0, .4);
	bottom: 0;
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	width: 100%;
}

.maint-bottom-text_9 {
	color: #303c4e;
	font-family: "Munchkin";
	font-size: 14px;
	text-align: center;
}

.weapon-img_9 {
	position: relative;
	right: -3px;
	top: 2px;
}

.card-wrapper_9 {
	display: flex;
	justify-content: center;
}

.fight-jou_9 span:first-child {
	color: #3ead02;
	font-family: "Munchkin";
	margin-right: 25px;
	position: relative;
}

.fight-jou_9 span:first-child:before {
	content: url('/asset/img/fight-my-log-school-2.png');
	position: absolute;
	right: 23px;
	top: -2px;
}

.fight-jou_9 span:last-child {
	color: #a12625;
	font-family: "Munchkin";
	margin-left: 25px;
	position: relative;
}

.fight-jou_9 span:last-child:after {
	content: url('/asset/img/fight-log-school-1.png');
	left: 23px;
	position: absolute;
	top: -2px;
}

.metal_9 {
	-o-animation: some 1s ease;
	-webkit-animation: some 1s ease;
	align-items: center;
	animation: some 1s ease;
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 5;
}

.footer-grad, .amulet-book, .left-item_9 {
	position: relative;
}

.b-first__button--school:before, .b-first__button--exper:before {
	bottom: -5px;
	content: url('/asset/img/btn-back-l.png');
	left: 0;
	position: absolute;
}

.b-first__button--school:after, .b-first__button--exper:after {
	bottom: -5px;
	content: url('/asset/img/btn-back-r.png');
	position: absolute;
	right: 0;
}

.red-box, .fight-jou_9 {
	text-align: center;
}

.b-amulet1:after, .b-amulet2:after, .b-amulet3:after, .b-amulet4:after {
	background: url(/asset/img/rc.png) left top repeat-x;
	content: "";
	height: 151px;
	position: absolute;
	top: 0;
	width: 100%;
}

.faster-btn_6, .faster-btn_7 {
	background: url(/asset/img/blue-line.png) repeat-x;
	bottom: -18px;
	cursor: pointer;
	height: 36px;
	left: 0;
	margin: 0 auto;
	max-width: 280px;
	position: absolute;
	right: 0;
	z-index: 1;
}

.faster-text_6, .faster-text_7, .faster-text_8 {
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 7px;
}

.faster-btn_6 p, .faster-btn_8 p {
	color: #b7fdfd;
	font-family: "Munchkin";
	font-size: 16px;
}

.faster-btn_6 p span, .faster-btn_8 p span {
	color: #fde87e;
	margin-left: 23px;
	position: relative;
}

.faster-btn_6 p span:before, .faster-btn_8 p span:before {
	content: url('/asset/img/gold.png');
	left: -20px;
	position: absolute;
	top: -1px;
}

.faster-btn_6:before, .faster-btn_7:before, .faster-btn_8:before {
	content: url('/asset/img/left-blue.png');
}

.faster-btn_6:after, .faster-btn_7:after {
	content: url('/asset/img/right-blue.png');
	position: absolute;
	right: 0;
	top: 0;
}

.top-line_9:before, .bottom-line_9:before {
	background-image: url(/asset/img/grad_progress_red1.png);
	background-repeat: repeat-x;
	bottom: 0;
	content: '';
	height: 6px;
	position: absolute;
	width: 100%;
}

@keyframes some {
	00% {
		opacity: .5;
	}

	100% {
		opacity: 1;
	}
}

#wrapper_9 {
	background: #000;
	height: 100vh;
	margin: 0 auto;
	max-width: 460px;
	min-width: 320px;
	overflow-x: hidden;
}

.header-bg_i {
	background: url(/asset/img/bg_2.png) no-repeat top center;
}

.inner-text_i {
	bottom: 37px;
	color: #fff;
	font-family: "Munchkin";
	font-size: 18px;
	position: relative;
	text-align: center;
}

.red-button-wrapper_i {
	align-items: center;
	background: url(/asset/img/red-button.png);
	cursor: pointer;
	display: flex;
	height: 90px;
	justify-content: center;
	margin: 0 auto;
	margin-bottom: 10px;
	margin-top: 309px;
	position: relative;
	width: 314px;
}

.red-button-wrapper_i:after {
	animation: opac ease-in-out 2s infinite;
	background: rgba(0, 0, 0, 0.3);
	bottom: 0;
	content: "";
	height: 85%;
	left: 33px;
	position: absolute;
	right: 0;
	top: 5px;
	width: 78%;
}

@keyframes opac {
	50% {
		background: rgba(0, 0, 0, 0.3);
	}

	00%, 100% {
		background: rgba(0, 0, 0, 0.1);
	}
}

.btn-text_i {
	color: #fff;
	font-family: "Munchkin";
	font-size: 32px;
	position: relative;
	text-align: center;
	top: 374px;
	z-index: 7;
}

.header-text_i {
	font-family: Arial;
	font-size: 14px;
	margin: 0 auto;
	max-width: 330px;
	text-align: center;
}

.header-text_i span {
	color: #a6a6a6;
}

.best-game_i {
	margin-bottom: 16px;
	margin-top: 13px;
	text-align: center;
}

.b-inputs_i {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.b-inputs_i input {
	border-radius: 2px;
}

.b-inputs_i span {
	color: #a6a6a6;
	font-family: Arial;
	font-size: 15px;
	margin-bottom: 6px;
	margin-top: 6px;
}

.b-blue-btn_i {
	align-items: center;
	background: url(/asset/img/blue-btn.png);
	cursor: pointer;
	display: flex;
	height: 45px;
	justify-content: center;
	margin: 11px auto 19px;
	width: 188px;
}

.b-blue-btn_i span {
	color: #7faac0;
	font-family: "Munchkin";
	font-size: 22px;
}

.forggot_i {
	color: #676767;
	cursor: pointer;
	font-family: Arial;
	font-size: 14px;
	text-decoration: underline;
}

.b-forg_i {
	margin-bottom: 26px;
}

.b-arrow_i {
	background: #1a1c1e;
	height: 1px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	width: 81%;
}

.index-page {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 17px;
	padding-bottom: 30px;
}

.about_i span:last-child {
	color: #5c6a84;
}

.about_i span:first-child {
	border-right: 1px solid #3b3b3b;
	cursor: pointer;
	padding-right: 3px;
}

.index-page span {
	color: #676767;
	font-family: Arial;
	font-size: 14px;
}

.b-grad_i img {
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 0;
}

.header-section_p {
	background: rgba(0, 0, 0, .7);
	display: flex;
	position: relative;
}

.b-crown__border_p {
	background: url(/asset/img/ava-border1.png) no-repeat;
	height: 39px;
	position: relative;
	width: 40px;
}

.b-crow__img_p {
	background: url(/asset/img/nosave.jpg);
	height: 35px;
	left: 2px;
	position: absolute;
	top: 2px;
	width: 35px;
}

.b-sword_p {
	color: #8b8b8b;
	display: flex;
	font-size: 14px;
	line-height: 35px;
	width: 50%;
}

.sword-icon_p {
	background: url(/asset/img/strength.png) no-repeat;
	height: 18px;
	line-height: 35px;
	margin-left: 3px;
	margin-top: 7px;
	width: 20px;
}

.vip_icon {
	background: url(/images/newbie/vips.png) no-repeat;
	height: 25px;
	line-height: 35px;
	margin-left: 3px;
	margin-top: 7px;
	width: 27px;
}

.b-coin_p span:nth-child(1):before {
	color: #337ab7;
	content: url('/asset/img/energy.png');
	left: -18px;
	position: absolute;
	top: 4px;
}

.b-coins {
	color: #8b8b8b;
	display: flex;
	font-size: 14px;
	justify-content: flex-end;
	line-height: 35px;
	position: relative;
}

.b-coin-exp span:before {
	content: url('/asset/img/exp.png');
	left: -19px;
	position: absolute;
	top: 4px;
}

.b-coin-blood span:before {
	content: url('/asset/img/blood.png');
	left: -25px;
	position: absolute;
	top: 4px;
}

.b-crown_p {
	z-index: 5;
}

.header-section_p:after {
	border: 1px solid #423b32;
	bottom: 0;
	content: '';
	height: 5px;
	left: 8px;
	position: absolute;
	width: 98.1%;
}

.b-progress_p {
	border: 1px solid #423b32;
}

.main-hero_p {
	-webkit-background-size: cover;
	background: url(/asset/img/fon-bg.jpg) no-repeat center center;
	background-size: cover;
	height: 480px;
	position: relative;
}

.hero-name_p {
	background: url(/images/clan/back.png) repeat-x center center;
	height: 62px;
	line-height: 20px;
	margin-top: 0;
	padding-top: 7px;
	position: relative;
	z-index: 2;
}

.hero-name_p p {
	color: #fff;
	font-family: "Munchkin";
	font-size: 15px;
	margin: 0;
	text-align: center;
}

.amulet-name_p p {
	color: #8f9b9d;
	font-family: "Munchkin";
	font-size: 18px;
	margin: 0;
	text-align: center;
}

.amulet-name_p {
	position: absolute;
	bottom: -49px;
	left: 0px;
	right: 0px;
}

.swrd_p, .valor_p, .gcoin_p, .scoin_p, .star_p, .swrd-down_p, .ring_p {
	position: relative;
}

.swrd_p:before {
	content: url('/asset/img/strength.png');
	position: absolute;
	left: -13px;
	top: -2px;
}

.valor_p:before {
	/*content:url('/images/icons/valor_small.png');*/
	position: absolute;
	left: -13px;
	top: -2px;
}

.ring_:before {
	content: url('/images/icons/valor_small.png');
	position: absolute;
	left: -13px;
	top: -2px;

}

.down-param_p {
	margin: 0;
	margin-top: 5px;
}

.gcoin_p:before {
	content: url('/asset/img/gold.png');
	left: -12px;
	position: absolute;
}

.scoin_p:before {
	content: url('/asset/img/silver.png');
	left: -12px;
	position: absolute;
}

.star_p:before {
	content: url('/asset/img/exp.png');
	left: -25px;
	position: absolute;
	top: -2px;
}

.desc-name_p {
	display: inline;
	margin: 5px;
	position: relative;
}

.left-desc_p {
	margin-left: 30px;
}

.left-desc_p p {
	margin: 3px;
	margin-bottom: 5px;
}

.right-desc_p {
	margin-right: 5px;
}

.right-desc_p p {
	margin: 3px;
}

.dark-mid-line_p {
	background: #222627;
	height: 100%;
	left: -21px;
	margin: 0 auto;
	position: relative;
	top: -20px;
	width: 1px;
}

.dark-top-line_p {
	background: #222627;
	height: 1px;
	max-width: 200px;
	width: 200px;
	width: 100%;
}

.decs-wrap_p {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 10px;
}

.b-description_p {
	background: #111516;
	color: #8f9b9d;
	font-family: Arial;
	margin: 0 auto;
	margin-bottom: 2px;
	padding: 10px;
	position: relative;
	text-align: center;
}

.mid-desc-t_p {
	left: 0;
	position: absolute;
	right: 0;
	top: 20px;
}

.mid-desc-b_p {
	bottom: 20px;
	left: 0;
	position: absolute;
	right: 0;
}

.mid-desc-m_p {
	background: #1c2122;
	left: 0;
	min-height: 150px;
	position: absolute;
	right: 0;
	width: 1px;
}

.desc-name_p img {
	height: 1px;
	left: -105px;
	min-width: 200px;
	position: absolute;
	top: 22px;
}

.b-description_p:before {
	background: url(/asset/img/left-line.png);
	bottom: 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	width: 5px;
}

.b-description_p:after {
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	background: url(/asset/img/left-line.png);
	background-repeat: no-repeat;
	background-repeat: repeat-y;
	bottom: 0;
	content: "";
	height: 100%;
	position: absolute;
	right: 0;
	transform: rotate(180deg);
	width: 17px;
}

.menu-comp_p {
	display: flex;
	justify-content: space-between;
	margin-bottom: 3px;
	margin-top: 3px;
	max-width: 460px;
}

.comp-btn_p {
	align-items: center;
	background: url(/asset/img/big-btn-mid.png);
	display: flex;
	height: 48px;
	justify-content: space-between;
	margin: 2px;
	max-width: 460px;
	padding-left: 14px;
	padding-right: 22px;
	position: relative;
}

.comp-img_p {
	width: 50px;
}

.comp-btn-l_p {
	display: flex;
}

.comp-btn-l_p img {
	float: left;
	margin-top: 10px;
}

.comp-btn-r_p {
	margin-top: 4px;
}

.comp-btn-r_p p {
	color: #434343;
	font-family: "Munchkin";
	font-size: 18px;
}

.comp-btn-l_p p {
	color: #8f9b9d;
	display: inline-block;
	font-family: "Munchkin";
	font-size: 18px;
	margin-top: 21px;
}

.comp-btn_p:before {
	content: url('/asset/img/big-btn-l.png');
	left: 0;
	position: absolute;
	top: 0;
}

.comp-btn_p:after {
	content: url('/asset/img/big-btn-r.png');
	position: absolute;
	right: 0;
	top: 0;
}

.hero-wrapper_p {
	display: flex;
	justify-content: space-between;
	padding: 10px;
	position: relative;
}

.middle-maneken_p {
	left: -140px;
	margin: 0 auto;
	opacity: .7;
	position: absolute;
	right: 0;
	top: -34px;
	width: 321px;
	z-index: 0;
}

.b-amulet_p {
	background: url(/asset/img/rl.png) no-repeat left, url(/asset/img/coin.png) no-repeat 20px 1px, url(/asset/img/rr.png) no-repeat right, url(/asset/img/medal-bg.jpg) no-repeat center;
	background-size: auto, auto, auto, cover;
	display: flex;
	height: 84px;
	position: relative;
	width: 100%;
}

.b-yar_p {
	background: url(/asset/img/rl.png) no-repeat left, url(/asset/img/rr.png) no-repeat right, url(/asset/img/yar-back.png) -1px -12px;
	background-size: auto, auto, cover;
	display: flex;
	height: 84px;
	justify-content: flex-end;
	position: relative;
	width: 100%;
}

.b-gradient-line_p {
	background: url(/asset/img/gradient-top.png) top center repeat-x;
	bottom: 0;
	color: #8f9b9d;
	font-family: "Munchkin";
	font-size: 16px;
	height: 60px;
	line-height: 90px;
	position: absolute;
	text-align: center;
	width: 100%;
}

.b-amulet_p img {
	position: relative;
	right: 10px;
	top: 1px;
}

.clan-gold_p {
	background: url(/asset/img/rl.png) no-repeat left, url(/asset/img/rr.png) no-repeat right, url(/images/clan/gold.jpg) -1px -6px;
	background-size: auto, auto, cover;
	display: flex;
	height: 84px;
	position: relative;
	width: 100%;
}

.clan-gold-text_p {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 17px;
	margin-right: 20px;
}

.some-amulet_p {
	height: 100%;
	width: 40%;
}

.amulet-text_p {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 17px;
	margin-left: 20px;
}

.b-amulet_p p:last-child {
	color: #aaa;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
}

.b-yar_p p:last-child {
	color: #8f9b9d;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
}

.b-save_p:before {
	content: url('/asset/img/save-l.png');
	left: -3px;
	position: absolute;
	top: 0;
}

.b-save_p:after {
	content: url('/asset/img/save-r.png');
	position: absolute;
	right: -3px;
	top: 0;
}

.b-save_p {
	background: url(/asset/img/save-mid.png);
	height: 48px;
	line-height: 42px;
	margin: 0 auto;
	max-width: 460px;
	position: relative;
	text-align: center;
	width: 97%;
}

.b-save_p p {
	color: #68fffe;
	font-family: Arial;
	font-size: 12px;
	margin: 0;
}

.b-save_p span {
	color: #baffff;
	text-decoration: underline;
}

.location-name_p {
	border-top: 3px solid #000;
	display: flex;
	font-size: 18px;
	height: 32px;
	justify-content: space-between;
	position: relative;
	z-index: 15;
}

.location-name_p:before {
	content: url('/asset/img/location-bg-left.png');
}

.location-name_p:after {
	content: url('/asset/img/location-bg-right.png');
}

.b-location__bg_p:before {
	bottom: -4px;
	content: url('/asset/img/line-1px-left.png');
	left: 0;
	position: absolute;
}

.b-location__bg_p:after {
	bottom: -4px;
	content: url('/asset/img/line-1px-right.png');
	position: absolute;
	right: 0;
}

.b-location__bg_p {
	align-items: center;
	background: url(/asset/img/line-1px.png);
	color: #007e72;
	display: flex;
	font-family: "Munchkin", Tahoma;
	height: 30px;
	justify-content: center;
	position: relative;
	width: 100%;
}

.b-button_p {
	color: #32373b;
	display: flex;
	font-family: "Munchkin", Tahoma;
	font-size: 18px;
	justify-content: center;
	margin-top: 22px;
}

.b-back-button_p {
	align-items: center;
	background: url(/asset/img/btn-back-gr.png);
	border-radius: 5px;
	color: #7c8688;
	cursor: pointer;
	display: flex;
	font-family: "Munchkin", Tahoma;
	font-size: 18px;
	height: 40px;
	height: 35px;
	margin: 0 auto;
	margin-left: 4px;
	margin-right: 4px;
	max-width: 460px;
	position: relative;
}

.b-back-button_p span {
	margin-left: 70px;
	position: relative;
}

.b-back-button_p span:before {
	content: url('/asset/img/back.png');
	left: -50px;
	position: absolute;
	top: -16px;
}

.b-menu_p {
	color: #8b8b8b;
	display: flex;
	font-size: 18px;
	justify-content: space-around;
	padding-top: 15px;
}

.b-menu_p span {
	bottom: -20px;
	cursor: pointer;
	font-family: "Munchkin", Tahoma;
	left: 10px;
	position: absolute;
}

.b-key_p {
	-moz-border-image: url(/asset/img/border-img.png) 9 round round;
	-o-border-image: url(/asset/img/border-img.png) 9 round round;
	-webkit-border-image: url(/asset/img/border-img.png) 9 round round;
	border: 9px solid #40c4c8;
	border-image: url(/asset/img/border-img.png) 9 round round;
	margin-bottom: 3px;
	margin-top: 3px;
	position: relative;
	text-align: center;
}

.b-koloda_p {
	background-image: linear-gradient(to right, rgba(37, 42, 44, .1), rgba(37, 42, 44), rgba(37, 42, 44, .1));
	background-position: center 1px;
	background-repeat: no-repeat;
	background-size: 287px 1px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom: 6px;
	margin-top: 6px;
	min-height: 50px;
}

.b-koloda-top_p {
	display: flex;
	justify-content: center;
	margin-top: 10px;
}

.b-koloda-bottom_p {
	display: flex;
	justify-content: center;
	margin-top: 10px;
}

.black-mark_p {
	background: url(/asset/img/black-mark.png);
	bottom: -2px;
	color: #fff;
	font-family: Arial;
	font-size: 13px;
	height: 18px;
	line-height: 20px;
	position: absolute;
	right: 0;
	text-align: right;
	width: 39px;
}

.k1_p {
	background: url(/asset/img/k1.png);
	height: 41px;
	margin-left: 1px;
	margin-right: 10px;
	overflow: hidden;
	position: relative;
	width: 41px;
}

.k2_p {
	background: url(/asset/img/k2.png);
	height: 41px;
	margin-left: 1px;
	margin-right: 10px;
	overflow: hidden;
	position: relative;
	width: 41px;
}

.k3_p {
	background: url(/asset/img/k3.png);
	height: 41px;
	margin-left: 1px;
	margin-right: 10px;
	overflow: hidden;
	position: relative;
	width: 41px;
}

.k4_p {
	background: url(/asset/img/k4.png);
	height: 41px;
	margin-left: 1px;
	margin-right: 10px;
	overflow: hidden;
	position: relative;
	width: 41px;
}

.k5_p {
	background: url(/asset/img/k5.png);
	height: 41px;
	margin-left: 1px;
	margin-right: 10px;
	overflow: hidden;
	position: relative;
	width: 41px;
}

.k6_p {
	background: url(/asset/img/k6.png);
	height: 41px;
	margin-left: 1px;
	margin-right: 10px;
	overflow: hidden;
	position: relative;
	width: 41px;
}

.k7_p {
	background: url(/asset/img/k7.png);
	height: 41px;
	margin-left: 1px;
	margin-right: 10px;
	overflow: hidden;
	position: relative;
	width: 41px;
}

.k8_p {
	background: url(/asset/img/k8.png);
	height: 41px;
	margin-left: 1px;
	margin-right: 10px;
	overflow: hidden;
	position: relative;
	width: 41px;
}

.k9_p {
	background: url(/asset/img/k9.png);
	height: 41px;
	margin-left: 1px;
	margin-right: 10px;
	overflow: hidden;
	position: relative;
	width: 41px;
}

.b-tren_p {
	background-image: linear-gradient(to right, rgba(37, 42, 44, .1), rgba(37, 42, 44), rgba(37, 42, 44, .1));
	background-position: center 1px;
	background-repeat: no-repeat;
	background-size: 287px 1px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-bottom: 6px;
	margin-top: 6px;
	min-height: 50px;
}

.b-tren-block_p {
	display: flex;
	justify-content: space-around;
	margin-top: 6px;
}

.strazh_p {
	background: url(/asset/img/1_1.png) no-repeat;
	height: 86px;
	position: relative;
	width: 78px;
}

.strelok_p {
	background: url(/asset/img/2_2.png);
	height: 86px;
	position: relative;
	width: 78px;
}

.mag_p {
	background: url(/asset/img/3_3.png);
	height: 86px;
	position: relative;
	width: 78px;
}

.dodge_p {
	background: url(/asset/img/dodge.png) no-repeat;
	height: 86px;
	position: relative;
	width: 78px;
}

.b-tren-mark_p {
	bottom: -10px;
	color: #fff;
	font-family: Arial;
	font-size: 13px;
	height: 18px;
	line-height: 20px;
	position: absolute;
	right: 33px;
	text-align: right;
	width: 39px;
}

.b-about-all_p {
	-moz-border-image: url(/asset/img/border-img.png) 9 round round;
	-o-border-image: url(/asset/img/border-img.png) 9 round round;
	-webkit-border-image: url(/asset/img/border-img.png) 9 round round;
	background: #111516;
	border: 9px solid #40c4c8;
	border-image: url(/asset/img/border-img.png) 9 round round;
	line-height: 17px;
	margin-bottom: 3px;
	margin-top: 3px;
	position: relative;
	text-align: center;
}

.b-about-all_p img:first-child {
	cursor: pointer;
	position: absolute;
	right: 6px;
	top: -1px;
}

.b-about_p {
	background-image: linear-gradient(to right, rgba(37, 42, 44, .1), rgba(37, 42, 44), rgba(37, 42, 44, .1));
	background-position: center 1px;
	background-repeat: no-repeat;
	background-size: 287px 1px;
	margin-bottom: 1px;
	margin-top: 5px;
	min-height: 35px;
}

.b-about-all_p p {
	color: #8b8b8b;
	font-family: Arial;
	font-size: 13px;
	padding-top: 9px;
}

.left-par-block_p {
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding-right: 12px;
	padding-top: 9px;
	width: 50%;
}

.right-par-block_p {
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding-top: 9px;
	width: 50%;
}

.b-parametrs-all_p {
	-moz-border-image: url(/asset/img/border-img.png) 9 round round;
	-o-border-image: url(/asset/img/border-img.png) 9 round round;
	-webkit-border-image: url(/asset/img/border-img.png) 9 round round;
	background: #111516;
	border: 9px solid #40c4c8;
	border-image: url(/asset/img/border-img.png) 9 round round;
	margin-top: 3px;
	position: relative;
	text-align: center;
}

.b-parametrs_p {
	background-image: linear-gradient(to right, rgba(37, 42, 44), rgba(37, 42, 44)), linear-gradient(to right, rgba(37, 42, 44, .1), rgba(37, 42, 44), rgba(37, 42, 44, .1)), linear-gradient(to right, rgba(37, 42, 44, .1), rgba(37, 42, 44), rgba(37, 42, 44, .1));
	background-position: center 1px, center 1px, center calc(100%);
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-size: 1px calc(100%), 287px 1px, 287px 1px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 4px;
	margin-top: 6px;
	min-height: 50px;
}

.b-parametrs-all_p p {
	color: #8b8b8b;
	font-family: Arial;
	font-size: 13px;
	margin-left: 15px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	text-align: right;
}

.b-par-stat_p p {
	margin-left: 0 !important;
	padding-left: 0;
	padding-right: 2px;
}

.b-key_p p {
	color: #8f9b9d;
	font-family: "Munchkin";
	font-size: 16px;
	margin-bottom: 8px;
	margin-top: 2px;
}

.b-key_p span {
	color: #8f9b9d;
}

.key-img_p {
	display: flex;
	justify-content: space-around;
	margin-bottom: 3px;
	padding-left: 30px;
	padding-right: 30px;
}

.key-img_p img {
	cursor: pointer;
}

.gift-img_p {
	display: flex;
	justify-content: space-around;
	margin-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
}

.b-button {
	color: #32373b;
	color: #32373b;
	display: flex;
	display: flex;
	font-family: "Munchkin", Tahoma;
	font-family: Munchkin, Tahoma;
	font-size: 18px;
	font-size: 18px;
	justify-content: center;
	justify-content: center;
	margin-bottom: 5px;
	margin-top: 1px;
	margin-top: 22px;
}

.raiting-menu-wrapper {
	text-align: center;
}

.raiting-btn {
	align-items: center;
	background: url(/asset/img/rating-top-btn.png) no-repeat;
	color: #677588;
	cursor: pointer;
	display: flex;
	font-family: "Munchkin", Tahoma;
	font-size: 16px;
	height: 36px;
	justify-content: center;
	position: relative;
	width: 95px;
}

.raiting-btn:hover {
	color: #a2b6d2;
	text-decoration: none;
}

.raiting-btn--active {
	background: url(/asset/img/rating-top-btn-active.png);
	color: #a2b6d2;
}

.rating-top-line {
	background: #2a2d31;
	height: 1px;
	margin-top: 7px;
	position: relative;
	width: 100%;
}


.dialog-ovelay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.75);
	z-index: 9999
}

.dialog-ovelay .dialog {
	width: 330px;
	margin: 35px auto 0;
	border-radius: 10px;
	overflow: hidden;
	background-color: #1c242f;
	z-index: 99999;
}

.dialog-ovelay .dialog header {
	padding: 10px 8px;
	background-color: #1c242f;
}

.dialog-ovelay .dialog header h3 {
	font-size: 14px;
	margin: 0;
	display: inline-block
}

.dialog-ovelay .dialog header .fa-close {
	float: right;
	cursor: pointer;
	transition: all .5s ease;
	padding: 0 2px;
	border-radius: 1px
}

.dialog-ovelay .dialog .dialog-msg {
	padding: 12px 10px
}

.dialog-ovelay .dialog .dialog-msg p {
	font-size: 16px;
}

.dialog-ovelay .dialog footer {
	padding: 8px 10px
}

.dialog-ovelay .dialog footer .controls {
	display: flex;
	direction: rtl;
	justify-content: space-around;
}

.button {
	cursor: pointer
}

.button-default {
	color: #8f9b9d;
	font-family: Munchkin, serif;
	font-size: 18px;
	margin: 0 auto;
	text-align: center;
	width: 397px
}


.link {
	padding: 5px 10px;
	cursor: pointer
}

.rating-top-line:before {
	content: url('/asset/img/rating-left-arrow.png');
	left: 0;
	position: absolute;
	top: -14px;
}

.rating-top-line:after {
	content: url('/asset/img/rating-right-arrow.png');
	position: absolute;
	right: 0;
	top: -14px;
}

.table-head {
	color: #3e3e3f;
	font-family: "Munchkin", Tahoma;
	font-size: 16px;
	font-weight: 400;
}

.table-block {
	align-items: center;
	display: flex;
	height: 40px;
	margin-bottom: 4px;
	margin-top: 4px;
	padding-left: 5%;
	padding-right: 5%;
}

.table-block-grey {
	background: #4b4b4b;
	background: -moz-linear-gradient(left, rgba(75, 75, 75, 0.3) 0%, rgba(28, 28, 28, 0.2) 100%);
	background: -webkit-linear-gradient(left, rgba(75, 75, 75, 0.3) 0%, rgba(28, 28, 28, 0.2) 100%);
	background: linear-gradient(to right, rgba(75, 75, 75, 0.3) 0%, rgba(28, 28, 28, 0.2) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b4b4b', endColorstr='#1c1c1c', GradientType=1);
}

.table-block-left {
	align-items: center;
	display: flex;
	width: 100%;
}

.table-block-left:hover {
	text-decoration: none;
}

.table-block-right {
	color: #818181;
	display: flex;
	font-family: Arial;
	font-size: 16px;
	justify-content: flex-end;
}

.table-block-right:hover {
	color: #686868;
	text-decoration: none;
}

.rating-place {
	align-items: center;
	background: url(/asset/img/rating-place.png) no-repeat;
	color: #818181;
	display: flex;
	font-family: Arial;
	font-size: 15px;
	height: 31px;
	justify-content: center;
	width: 26px;
}

.rating-first-place {
	background: url(/asset/img/rating-gold-place.png) no-repeat;
	color: #feeaad;
}

.rating-second-place {
	background: url(/asset/img/rating-place_2.png) no-repeat;
	color: #d0d5d9;
}

.rating-third-place {
	background: url(/asset/img/rating-place_3.png) no-repeat;
	color: #f3cfa0;
}

.rating-avatar {
	align-items: center;
	background: url(/asset/img/rating-avatar-border.png) no-repeat;
	display: flex;
	height: 40px;
	justify-content: center;
	margin-left: 4%;
	margin-right: 3%;
	width: 40px;
}

.rating-avatar-online {
	align-items: center;
	background: url(/asset/img/rating-avatar-border-online.png) no-repeat;
	display: flex;
	height: 40px;
	justify-content: center;
	margin-left: 4%;
	margin-right: 3%;
	width: 40px;
}

.rating-name {
	color: #818181;
	font-family: Arial;
	font-size: 16px;
	position: relative;
}

.rating-name:before {
	left: -16px;
	position: absolute;
}

.rating-table-head {
	color: #3e3e3f;
	display: flex;
	font-family: "Munchkin", Tahoma;
	font-size: 16px;
	margin-top: 7px;
	padding-left: 3%;
	padding-right: 5%;
}

.rating-table-head-left {
	width: 48%;
}

.rating-table-head-right {
	text-align: right;
	width: 50%;
}

.rating-bottom-line {
	background: #4b4b4b;
	background: -moz-linear-gradient(top, rgba(75, 75, 75, .3) 0%, rgba(0, 0, 0, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(75, 75, 75, .3) 0%, rgba(0, 0, 0, 1) 100%);
	background: linear-gradient(to bottom, rgba(75, 75, 75, .3) 0%, rgba(0, 0, 0, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b4b4b', endColorstr='#000000', GradientType=0);
	height: 20px;
}

.rating-page-nav-wrap {
	color: #2a374b;
	display: flex;
	font-family: "Munchkin", Tahoma;
	font-size: 18px;
	padding: 0;
}

.rating-page-nav-wrap li {
	align-items: center;
	border: 1px solid #2a374b;
	cursor: pointer;
	display: flex;
	height: 24px;
	justify-content: center;
	margin: 2px;
	width: 24px;
}

.rating-page-nav-wrap--active {
	border: 1px solid #fff !important;
	color: #fff;
}

.pereylok-bg {
	background: url(/asset/img/back1.jpg);
	display: flex;
	height: 270px;
	justify-content: center;
	position: relative;
	width: 100%;
}

.pereylok-win-block {
	align-items: center;
	background: rgba(22, 29, 43, 0.85);
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 10px;
	position: absolute;
	transition: 1s ease-out;
	width: 100%;
	z-index: 10;
}

.pereylok-fail-block {
	align-items: center;
	background: rgba(49, 13, 4, 0.85);
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 68px;
	position: absolute;
	transition: 1s ease-out;
	width: 100%;
	z-index: 10;
}

.pereylok-star {
	margin-left: 15px;
	margin-right: 23px;
	position: relative;
}

.pereylok-star:before {
	content: url('/asset/img/exp.png');
	left: -20px;
	position: absolute;
	top: -5px;
}

.pereylok-coin:before {
	content: url('/asset/img/gold.png');
	left: -19px;
	position: absolute;
	top: -3px;
}

.pereylok-coin-fail:before {
	content: url('/asset/img/silver.png');
	left: -19px;
	position: absolute;
	top: -3px;
}

.pereylok-win-block-cap {
	color: #68fffe;
	font-family: "Munchkin", Tahoma;
	font-size: 26px;
}

.pereylok-fail-block-cap {
	color: red;
	font-family: "Munchkin", Tahoma;
	font-size: 26px;
}

.pereylok-coins {
	color: #fff;
	font-family: "Munchkin", Tahoma;
	font-size: 16px;
}

.pereylok-bg:before {
	background-image: url(/asset/img/vertical-shadow.png);
	bottom: 0;
	content: '';
	height: 75px;
	position: absolute;
	width: 100%;
}

#wrapper_pereylok {
	background: #000;
	margin: 0 auto;
	max-width: 460px;
	min-width: 320px;
	overflow: hidden;
}

.pereylok-card-block {
	position: relative;
	text-align: center;
	z-index: 10;
}

.pereylok-card-block-cap {
	color: #9b2416;
	font-family: "Munchkin", Tahoma;
	font-size: 18px;
}

.wc-progress2 {
	display: flex;
	height: 38px;
	justify-content: center;
	margin-left: 4px;
	margin-top: 10px;
	position: relative;
}

.wc-progress2-start-first-off {
	background: url(/asset/img/start_first-of.png) no-repeat;
}

.wc-progress2-start-first-fail {
	background: url(/asset/img/start_fail.png) no-repeat;
}

.wc-progress2-start-first-on {
	background: url(/asset/img/start-first-active.png) no-repeat;
}

.wc-progress2-1-off {
	background: url(/asset/img/2_no.png) no-repeat;
	position: relative;
}

.wc-progress2-2-off {
	background: url(/asset/img/1_no.png) no-repeat;
	position: relative;
	z-index: 7;
}

.wc-progress2-1-fail {
	background: url(/asset/img/2_fail.png) no-repeat;
	position: relative;
}

.wc-progress2-2-fail {
	background: url(/asset/img/1_fail.png) no-repeat;
	position: relative;
	z-index: 7;
}

.wc-progress2-1-on {
	background: url(/asset/img/1_no-active.png) no-repeat;
	position: relative;
}

.wc-progress2-2-on {
	background: url(/asset/img/2_no-active.png) no-repeat;
	position: relative;
	z-index: 7;
}

.wc-progress2-itm {
	height: 29px;
	position: relative;
	width: 28px;
	z-index: 8;
}

.wc-progress2-start-first {
	height: 29px;
	width: 30px;
}

.wc-progress2-end {
	background: url(/asset/img/finish_last.png) no-repeat;
	height: 39px;
	position: relative;
	top: -5px;
	width: 40px;
	z-index: 6;
}

.wc-progress2-end-gradient {
	animation: opacy ease 1.5s infinite;
	background: url(/asset/img/redgrad.png);
	height: 103px;
	position: absolute;
	right: -32px;
	top: -32px;
	width: 103px;
	z-index: 5;
}

.pereylok-btn {
	align-items: center;
	background: url(/asset/img/pereylok-btn.png);
	color: #68fffe;
	cursor: pointer;
	display: flex;
	font-family: "Munchkin", Tahoma;
	font-size: 20px;
	height: 36px;
	justify-content: center;
	margin: 0 auto;
	width: 207px;
}

.wc-progress2-here {
	background: url(/asset/img/flag.png);
	height: 30px;
	left: 9px;
	position: absolute;
	top: -13px;
	width: 20px;
}

.pereylok-fail-game {
	align-items: center;
	background: url(/asset/img/wanted.png);
	color: #ebc377;
	display: flex;
	font-family: "Munchkin", Tahoma;
	font-size: 14px;
	height: 63px;
	justify-content: flex-end;
	margin: 0 auto;
	padding-right: 15px;
	position: relative;
	text-align: center;
	top: 31px;
	width: 295px;
	z-index: 11;
}

.pereylok-dark-overlay {
	background: rgba(0, 0, 0, .5);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.kolvo-boev {
	color: #818181;
	font-family: Arial;
	font-size: 13px;
	margin-bottom: 9px;
	text-align: center;
}

.price_short {
	font-family: Arial, serif !important;
}

.clan-altar_p {
	-webkit-background-size: cover;
	background: url(/images/clan/altar_back.jpg) no-repeat center center;
	background-size: cover;
	height: 552px;
	position: relative;
	min-width: 320px;
}

.clan_build_back {
	-webkit-background-size: cover;
	background: url(/images/clan/builds/back.png) no-repeat center center;
	background-size: cover;
	height: 495px;
	position: relative;
}

.clan_build_text {
	left: 50%;
	margin-left: -164px;
	position: relative;
	text-align: center;
	top: 14px;
	width: 332px;
}

.clan_build_name {
	color: #fff;
	font-family: Munchkin;
	font-size: 22px;
	font-weight: 700;
}

.clan_build_info {
	color: #fff;
	font-family: Munchkin;
	font-size: 13px;
	height: 40px;
	margin-left: -14px;
	width: 360px;
}

.clan_build_info_bonus {
	color: #fff;
	font-family: Munchkin;
	font-size: 16px;
	left: 50%;
	margin-left: -175px;
	position: relative;
	text-align: center;
	top: 43px;
	width: 360px;
}

.clan_build_image {
	left: 50%;
	margin-left: -164px;
	position: relative;
	top: 22px;
}

.clan-altar1 {
	left: 25px;
	position: absolute;
	top: 186px;
}

.clan-altar2 {
	left: 139px;
	position: absolute;
	top: 109px;
}

.clan-altar3 {
	left: 253px;
	position: absolute;
	top: 186px;
}

.clan-altar4 {
	left: 220px;
	position: absolute;
	top: 322px;
}

.clan-altar5 {
	left: 58px;
	position: absolute;
	top: 322px;
}

.clan-altar-in1 {
	left: 24px;
	position: absolute;
	top: 183px;
}

.clan-altar-in2 {
	left: 138px;
	position: absolute;
	top: 106px;
}

.clan-altar-in3 {
	left: 251px;
	position: absolute;
	top: 182px;
}

.clan-altar-in4 {
	left: 218px;
	position: absolute;
	top: 318px;
}

.clan-altar-in5 {
	left: 57px;
	position: absolute;
	top: 318px;
}

.clan-altar-in-text {
	color: #fff;
	left: -39px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	white-space: nowrap;
	width: 120px;
}

.clan-altar_in {
	margin: 0 auto;
	position: relative;
	width: 320px;
}

.clan-hero_p {
	height: 779px;
	position: relative;
	min-width: 320px;
}

.clan-exp {
	background: rgba(0, 0, 0, 0.73);
	height: 32px;
	margin-top: -31px;
	position: relative;
	top: 0;
	z-index: 10;
}

.clan-exp-in {
	color: #fff;
	font-family: Munchkin, Serif;
	padding-top: 6px;
}

.clan_header {
	display: block;
	height: 67px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}

.clan_header .bot {
	left: 3px;
	position: absolute;
	top: 5px;
	z-index: 0;
}

.clan_header .altar {
	left: 4px;
	position: relative;
	top: 75px;
	width: 90px;
	z-index: 11;
}

.clan_header .build1_building {
	height: 253px;
	left: 120px;
	margin: 0 auto;
	padding-left: 32px;
	padding-top: 208px;
	position: absolute;
	top: -298px;
	width: 199px;
	z-index: 0;
}

.build_name1 {
	width: 138px !important;
}

.clan_header .build2_building {
	height: 218px;
	left: -40px;
	padding-top: 179px;
	position: absolute;
	top: -173px;
	width: 61px;
}

.build_name2 {
	line-height: 13px;
	margin-top: -4px;
	padding-left: 36px;
	text-align: left !important;
	width: 130px !important;
}

.clan_header .build3_building {
	height: 105px;
	left: 25px;
	padding-left: 44px;
	padding-top: 114px;
	position: absolute;
	top: -49px;
	width: 110px;
	z-index: 1;
}

.build_name3 {
	width: 146px !important;
}

.clan_header .build4_building {
	height: 117px;
	left: 259px;
	padding-left: 11px;
	padding-top: 111px;
	position: absolute;
	top: 10px;
	width: 130px;
}

.build_name4 {
	width: 112px !important;
}

.clan_header .build5_building {
	height: 117px;
	left: 100px;
	padding-left: 11px;
	padding-top: 37px;
	position: absolute;
	top: 203px;
	width: 130px;
}

.build_name5 {
	width: 127px !important;
}

.clan_header .build6_building {
	height: 117px;
	left: 260px;
	padding-left: 11px;
	padding-top: 78px;
	position: absolute;
	top: 164px;
	width: 130px;
}

.clan_boss_build {
	position: absolute;
	top: -35px;
	left: 188px;
}

.build_name6 {
	width: 127px !important;
}

.clan_header .build6_build {
	height: 70px;
	left: 85%;
	position: absolute;
	top: 93%;
	width: 70px;
	z-index: 0;
}


.clan_header .altar_build {
	display: block;
	height: 140px;
	left: -23px;
	padding-top: 114px;
	position: relative;
	top: 26px;
	width: 163px;
	z-index: 0;
}

.clan_header .build1_build {
	height: 70px;
	left: 49%;
	position: absolute;
	top: -30%;
	width: 70px;
	z-index: 1;
}

.clan_header .build2_build {
	height: 70px;
	left: -20%;
	position: absolute;
	top: -5%;
	width: 70px;
	z-index: 1;
}

.clan_header .build3_build {
	height: 70px;
	left: 15%;
	position: absolute;
	top: 5%;
	width: 70px;
	z-index: 0;
}

.clan_header .build4_build {
	height: 70px;
	left: 80%;
	position: absolute;
	top: 30%;
	width: 70px;
	z-index: 0;
}

.clan_header .build5_build {
	height: 70px;
	left: 39%;
	position: absolute;
	top: 93%;
	width: 70px;
	z-index: 0;
}

.clan_header .border {
	background: url(/images/clan/h3.png) no-repeat right 10%, url(/images/clan/h1.png) no-repeat left 9%, url(/images/clan/h2.png) no-repeat 76%;
	background-clip: border-box;
	background-size: auto, auto, 69% 95px;
	height: 95px;
	position: relative;
	width: 100%;
}

.clan_header .border .button_text {
	color: #8f9b9d;
	font-family: Munchkin, serif;
	font-size: 16px;
	margin: 0 auto;
	padding-left: 75px;
	padding-top: 5px;
	text-align: center;
	width: 397px;
}

.clan_header .clan_level {
	color: #fff;
	font-family: Munchkin;
	font-size: 14px;
	left: 32px;
	position: absolute;
	text-align: center;
	top: 76px;
	width: 17px;
}

.clr-green {
	color: #22e200 !important;
}

.clr-red {
	color: #e82d2c !important;
}

.clr-energy {
	color: #337ab7;
}

.mt10 {
	margin-top: 10px;
}

.mb10 {
	margin-bottom: 10px;
}

.uline {
	text-decoration: underline;
}

.reward-res-one {
	background: url(/images/widgets/res.png) no-repeat center;
	font-size: 18px;
	height: 80px;
	padding-top: 2px;
	width: 80px;
}

.reward-res-one-green {
	background: url(/images/widgets/resGreeb.png) no-repeat center;
	background-size: 80px 80px;
	font-size: 18px;
	height: 80px;
	padding-top: 2px;
	width: 80px;
}

.reward-res-ones {
	display: table;
	margin: 0 auto;
	padding-bottom: 10px;
	padding-top: 17px;
	position: relative;
}

.gold {
	color: #eedd68;
}

.blood {
	color: #e82d2c;
}

.silver {
	color: #8b8b8b;
}

.clan-altar-reward {
	left: 14px;
	position: absolute;
	text-align: center;
	top: 395px;
	width: 288px;
}

.clan-altar-reward-text {
	color: #fff;
	font-size: 15px;
	padding-bottom: 25px;
	padding-top: 40px;
	text-align: center;
}

.about_i, .b-location__bg span {
	z-index: 1;
}

.forggot_i:hover, .rating-score-top, .rating-name--top {
	color: #fff;
}

.b-coin_p, .b-coin_p_clan {
	color: #8b8b8b;
	display: flex;
	font-size: 14px;
	justify-content: flex-end;
	line-height: 35px;
	width: 50%;
}

.b-coin_p span, .b-coin_p_clan span {
	margin-left: 20px;
	margin-right: 5px;
	position: relative;
	white-space: nowrap;
}

.b-coin_p span:nth-child(2):before, .b-coin_p_clan span:nth-child(2):before, .b-coin-silver span:before {
	content: url('/asset/img/silver.png');
	left: -19px;
	position: absolute;
	top: 4px;
}

.b-coin_p span:nth-child(3):before, .b-coin_p_clan span:nth-child(1):before, .b-coin-gold span:before {
	content: url('/asset/img/gold.png');
	left: -19px;
	position: absolute;
	top: 4px;
}

.swrd_p, .gcoin_p, .scoin_p, .star_p, .swrd-down_p, .b-gradient-line_p span, .pereylok-coin, .pereylok-coin-fail {
	position: relative;
}

.swrd_p:before, .swrd-down_p:before {
	content: url('/asset/img/strength.png');
	left: -13px;
	position: absolute;
	top: -2px;
}

.big-btn-l_p, .big-btn-r_p {
	width: 50%;
}

.left-items_p, .right-items_p {
	display: flex;
	flex-direction: column;
	z-index: 1;
}

.left-items_p img, .right-items_p img {
	cursor: pointer;
	margin-bottom: 10px;
}

.b-gradient-line_p span:before, .b-koloda-all_p span:first-child:before, .b-tren-all_p span:first-child:before, .b-about-all_p span:before, .b-parametrs-all_p .sp:first-child:before, .b-key_p p:before {
	content: url('/asset/img/text-arrow.png');
	margin-right: 5px;
}

.b-gradient-line_p span:after, .b-koloda-all_p span:first-child:after, .b-tren-all_p span:first-child:after, .b-about-all_p span:after, .b-parametrs-all_p .sp:first-child:after, .b-key_p p:after {
	content: url('/asset/img/text-arrow-r.png');
	margin-left: 5px;
}

.b-amulet_p:after, .b-yar_p:after, .clan-gold_p:after {
	background: url(/asset/img/rc_c.png) left top repeat-x;
	content: "";
	height: 84px;
	position: absolute;
	top: 0;
	width: 100%;
}

.b-amulet_p p, .b-yar_p p, .clan-gold_p p {
	color: #fff;
	font-family: "Munchkin";
	margin: 0;
	padding: 6px;
	padding-right: 26px;
	text-align: right;
}

.b-yar_p img, .clan-gold_p img {
	position: relative;
	right: 17px;
	top: 1px;
}

.b-amulet_p span, .b-yar_p span {
	color: #aaa;
}

.b-first__button--school_p, .b-first__button--school {
	align-items: center;
	background: url(/asset/img/btn-back-gr.png);
	border-radius: 5px;
	color: #7c8688;
	cursor: pointer;
	cursor: pointer !important;
	display: flex;
	height: 40px;
	height: 35px;
	justify-content: center;
	margin-left: 4px;
	margin-right: 2px;
	position: relative;
	width: 48%;
	width: 49%;
	z-index: 1;
}

.b-first__button--school_p:before, .b-first__button--exper_p:before, .b-back-button_p:before, .b-first__button--school:before, .b-first__button--exper:before {
	bottom: -5px;
	content: url('/asset/img/btn-back-l.png');
	left: 0;
	position: absolute;
}

.b-first__button--school_p:after, .b-first__button--exper_p:after, .b-back-button_p:after, .b-first__button--school:after, .b-first__button--exper:after {
	bottom: -5px;
	content: url('/asset/img/btn-back-r.png');
	position: absolute;
	right: 0;
}

.b-first__button--exper_p, .b-first__button--exper {
	align-items: center;
	background: url(/asset/img/btn-back-gr.png);
	border-radius: 5px;
	cursor: pointer;
	display: flex;
	height: 40px;
	height: 35px;
	justify-content: center;
	margin-left: 2px;
	margin-right: 4px;
	position: relative;
	width: 48%;
	width: 49%;
}

.section-items_p, .section-items {
	color: #ffa794;
	display: flex;
	font-family: "Munchkin", Tahoma;
	justify-content: space-around;
	margin-top: 5px;
	text-align: center;
}

.section-items_p span, .section-items span {
	font-size: 16px;
}

.b-strelok-cap_p, .b-strelok-cap {
	color: #a9b144;
	font-family: "Munchkin", Tahoma;
	text-align: center;
}

.b-mag-cap_p, .b-mag-cap {
	color: #34a5df;
	font-family: "Munchkin", Tahoma;
	text-align: center;
}

.b-strazh-img_p, .b-strazh-img {
	align-items: center;
	background: url(/asset/img/strazh.png) no-repeat;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	height: 170px;
	padding-bottom: 10px;
	padding-top: 10px;
	position: relative;
	width: 100px;
}

.b-strazh-img_p img, .b-strazh-img img {
	margin-bottom: 7px;
}

.b-items-text_p, .b-items-text {
	color: #8b8b8b;
	font-family: Arial;
	font-size: 13px !important;
}

.b-strelok-img_p, .b-strelok-img {
	align-items: center;
	background: url(/asset/img/strelok.png) no-repeat;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	height: 170px;
	padding-bottom: 10px;
	padding-top: 10px;
	position: relative;
	width: 100px;
}

.b-strelok-img_p img, .b-mag-img_p img, .b-strelok-img img, .b-mag-img img {
	margin-bottom: 5px;
}

.b-mag-img_p, .b-mag-img {
	align-items: center;
	background: url(/asset/img/mag.png) no-repeat;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	height: 170px;
	padding-bottom: 10px;
	padding-top: 10px;
	position: relative;
	width: 100px;
}

.blue-list_p, .blue-list {
	display: flex;
	justify-content: space-around;
}

.blue-button_p, .blue-button {
	align-items: center;
	background: url(/asset/img/button-blue.png) no-repeat;
	bottom: -20px;
	display: flex;
	flex-direction: column;
	font-family: Arial;
	height: 43px;
	justify-content: center;
	position: absolute;
	text-align: center;
	width: 96px;
}

.blue-button_p span, .blue-button span {
	font-size: 12px;
}

.blue-button_p span:first-child, .blue-button span:first-child {
	color: #87fafa;
	font-size: 12px;
}

.blue-button_p span:last-child:before, .blue-button span:last-child:before {
	content: url('/asset/img/gold.png');
}

.blue-button_p span:last-child, .blue-button span:last-child {
	color: #daca72;
}

.hint-block_p, .hint-block_t {
	align-items: center;
	display: flex;
	justify-content: center;
	padding-bottom: 13px;
	padding-top: 35px;
	text-align: center;
}

.hint-img_p, .hint-img_t {
	background: url(/asset/img/hint.png) no-repeat;
	display: inline-block;
	height: 56px;
	position: relative;
	width: 10px;
}

.hint-img_p:before, .hint-img_t:before {
	bottom: 3px;
	content: url('/asset/img/hint-shadow-full.png');
	height: 56px;
	left: 2px;
	position: absolute;
	width: 90px;
}

.hint-block_p span, .hint-block_t span {
	color: #8b8b8b;
	font-family: Arial;
	font-size: 12px;
	margin-left: 30px;
	z-index: 1;
}

.b-koloda-all_p, .b-tren-all_p {
	-moz-border-image: url(/asset/img/border-img.png) 9 round round;
	-o-border-image: url(/asset/img/border-img.png) 9 round round;
	-webkit-border-image: url(/asset/img/border-img.png) 9 round round;
	background: #111516;
	border: 9px solid #40c4c8;
	border-image: url(/asset/img/border-img.png) 9 round round;
	margin-bottom: 3px;
	margin-top: 3px;
	position: relative;
	text-align: center;
}

.b-koloda-all_p p, .b-tren-all_p p {
	color: #8b8b8b;
	font-family: Arial;
	font-size: 13px;
	margin-left: 15px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}

.b-koloda-all_p span, .b-tren-all_p span, .b-about-all_p span, .b-parametrs-all_p .sp {
	color: #8f9b9d;
	font-family: "Munchkin";
	font-size: 16px;
	margin-bottom: 5px;
	text-align: center;
}

.raiting-btn-wrapper, .rating-page-nav {
	display: flex;
	justify-content: center;
}

.altar_build_lvl {
	color: #fff;
	left: 10px;
	position: relative;
	text-align: center;
	top: -32px;
	width: 23px;
}

.altar_build_time {
	color: #fff;
	left: -11px;
	position: relative;
	text-align: center;
	top: -22px;
	width: 23px;
}

.altar_build_time3 {
	top: -112px !important;
}

.altar_build_name {
	color: #fff;
	font-family: Munchkin, Serif;
	left: 2px;
	position: relative;
	text-align: center;
	top: -51px;
	width: 121px;
}

.build_new {
	left: 88px;
	position: relative;
	top: -92px;
}

.builds {
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 253px;
	width: 320px;
	z-index: 11;
}

.clan_notify {
	left: 21px;
	position: absolute;
	top: 104px;
}

.altar_build_pup {
	left: 25px;
	position: relative;
	top: -95px;
}

.pvp_back1 {
	-webkit-background-size: cover;
	background: url(/images/pvp/f1.jpg) no-repeat center center;
	background-size: cover;
	height: 552px;
	position: relative;
}

.pvp_back2 {
	-webkit-background-size: cover;
	background: url(/images/pvp/f2.jpg) no-repeat center center;
	background-size: cover;
	height: 552px;
	position: relative;
}

.pvp_back3 {
	-webkit-background-size: cover;
	background: url(/images/pvp/f3.jpg) no-repeat center center;
	background-size: cover;
	height: 552px;
	position: relative;
}

.pvp_in {
	margin: 0 auto;
	position: relative;
	width: 320px;
}

.pvp_reward {
	left: 14px;
	position: absolute;
	text-align: center;
	top: 404px;
	width: 288px;
}

.pvp_list {
	position: absolute;
	text-align: center;
	top: 137px;
	width: 100%;
}

.pvp_round {
	position: absolute;
	text-align: center;
	top: -2px;
	width: 100%;
}

.pvp_rating {
	background: #00000054;
	color: #8f9b9d;
	font-family: Munchkin;
	font-size: 16px;
	height: 21px;
	left: 22px;
	padding-top: 1px;
	position: absolute;
	top: -73px;
	width: 249px;
}

.pvp_league {
	left: 86px;
	position: absolute;
	top: -214px;
}

.pvp_league_text {
	color: #fff;
	font-family: Munchkin;
	font-size: 40px;
	font-weight: 700;
	left: 128px;
	position: absolute;
	text-align: center;
	top: -189px;
	width: 38px;
}

.pvp_league_name {
	color: #fff;
	font-family: Munchkin;
	font-size: 18px;
	font-weight: 700;
	left: 84px;
	position: absolute;
	top: -250px;
}

.pvp_search {
	color: #fff;
	font-family: Munchkin;
	font-size: 18px;
	font-weight: 700;
	left: 69px;
	position: absolute;
	text-align: center;
	top: -394px;
	width: 162px;
}

.pvp_wait {
	color: #fff;
	font-family: Munchkin;
	font-size: 18px;
	font-weight: 700;
	left: 59px;
	position: absolute;
	text-align: center;
	top: 32px;
	width: 209px;
}

.pvp_result {
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	left: 59px;
	position: absolute;
	text-align: center;
	top: -102px;
	width: 217px;
}

.pvp_reward_silver {
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	left: 49px;
	position: relative;
	text-align: center;
	/*top:237px;*/
	width: 217px;
}

.pvp-hero-in1 {
	left: 143px;
	position: absolute;
	top: 102px;
}

.pvp-hero-in2 {
	left: 256px;
	position: absolute;
	top: 179px;
}

.pvp-hero-in3 {
	left: 223px;
	position: absolute;
	top: 314px;
}

.pvp-hero-in4 {
	left: 62px;
	position: absolute;
	top: 314px;
}

.pvp-hero-in5 {
	left: 29px;
	position: absolute;
	top: 179px;
}

.pvp-button {
	left: 14px;
	position: absolute;
	text-align: center;
	top: 356px;
	width: 288px;
}

.old_price {
	color: #5f5f5f !important;
	text-decoration: line-through;
}

.arrow_down {
	-moz-animation: arrow-motion 500ms ease-in 0ms infinite alternate;
	-o-animation: arrow-motion 500ms ease-in 0ms infinite alternate;
	-webkit-animation: arrow-motion 500ms ease-in 0ms infinite alternate;
	background-image: url(/images/design/arrow_down.png);
	height: 61px;
	left: 0;
	position: absolute;
	top: 0;
	width: 48px;
	z-index: 10;
}

#tt_text {
	background: #000000c4;
	color: #fff;
	height: 71px;
	margin: 0 auto;
	padding: 5px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 27px;
	width: 189px;
	z-index: 10;
}

#vip_text {
	background: #000000c4;
	color: #fff;
	height: 71px;
	left: 58px;
	margin: 0 auto;
	padding: 5px;
	position: absolute;
	text-align: center;
	top: 27px;
	width: 189px;
	z-index: 10;
}

#energy {
	font-style: normal;
}

.gift-img img {
	height: 70px;
	margin-left: 5px;
	margin-right: 5px;
}

.clanwar_lands {
	-webkit-background-size: cover;
	background: url(/images/clanWar/lands.jpg) no-repeat center center;
	background-size: cover;
	height: 604px;
	position: relative;
}

.clanwar_lands_in {
	height: 367px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 143px;
	width: 320px;
	z-index: 11;
}

.clanwar_land_url {
	color: #fff;
	display: block;
	font-family: Munchkin;
	font-size: 16px;
	height: 156px;
	position: absolute;
	top: -133px;
	width: 128px;
	z-index: 2;
}

.clanwar_land_url:hover {
	color: #fff;
	text-decoration: none;
}

.clanwar_land_king {
	color: #f1cb9e;
	display: block;
	left: -22px;
	position: absolute;
	top: 18px;
	width: 167px;
}

.clanwar_land_url_text {
	position: relative;
	top: 133px;
}

.clanwar_land1 {
	left: 62px;
	position: relative;
	text-align: center;
	top: 7px;
	width: 122px;
	z-index: 11;
}

.clanwar_land2 {
	left: 192px;
	position: relative;
	text-align: center;
	top: 105px;
	width: 122px;
	z-index: 11;
}

.clanwar_land3 {
	left: 0;
	position: relative;
	text-align: center;
	top: 189px;
	width: 122px;
	z-index: 11;
}

.clanwar_land4 {
	left: 145px;
	position: relative;
	text-align: center;
	top: 334px;
	width: 122px;
	z-index: 11;
}

.clanwar_castles {
	-webkit-background-size: cover;
	background: url(/images/clanWar/castleBack.jpg) no-repeat center center;
	background-size: cover;
	height: 824px;
	position: relative;
}

.clanwar_castles_in {
	height: 367px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 0;
	width: 320px;
	z-index: 11;
}

.clanwar_castle {
	font-family: Munchkin;
	margin-bottom: 30px;
	position: relative;
	text-align: center;
	top: 21px;
}

.clanwar_castle_name {
	color: #fff;
	font-family: Munchkin;
	font-size: 40px;
	position: absolute;
	top: 160px;
	width: 332px;
}

.clanwar_castle_king {
	color: #f1cb9e;
	display: block;
	left: 56px;
	position: absolute;
	top: 145px;
	width: 201px;
}

.clanwar_castle_boss {
	left: 50%;
	margin-left: -57px;
	position: absolute;
	top: 33px;
}

.clanwar_castle_fight {
	left: 50%;
	margin-left: -98px;
	position: absolute;
	top: 76px;
	z-index: 1;
}

.clanwar_land_locked {
	background: url(/images/clanWar/close.png) no-repeat 6px 82px;
	color: #8b8b8b;
	font-family: Munchkin;
	height: 178px;
	left: 50%;
	margin-left: -81px;
	padding-top: 135px;
	position: absolute;
	top: -155px;
	width: 165px;
	z-index: 2;
}

.clanwar_you_here {
	background: url(/images/clanWar/you.png) no-repeat 6px -2px;
	color: #efdc7a;
	font-family: Munchkin;
	height: 27px;
	left: 50%;
	margin-left: -81px;
	padding-left: 7px;
	padding-top: 6px;
	position: absolute;
	top: -27px;
	width: 165px;
}

.clanwar_castle_clan {
	left: 50%;
	margin-left: -56px;
	position: absolute;
	top: 33px;
}

.clanwar_castle_king_user {
	color: #fff;
	font-family: munchkin;
	margin-top: 34px;
	text-shadow: 1px 1px 3px #000000c7;
}

.clan_build_next {
	display: block;
	height: 64px;
	left: 308px;
	position: absolute;
	top: 104px;
	width: 29px;
}

.clan_build_prev {
	display: block;
	height: 64px;
	left: -2px;
	position: absolute;
	top: 104px;
	width: 29px;
}

.main-chat-inner:after {
	background: url(/images/main/chatl.png) left no-repeat, url(/images/main/chatr.png) right no-repeat;
	content: "";
	height: 34px;
	left: 0;
	margin-top: -28px;
	position: absolute;
	width: 100%;
}

.main-chat-inner {
	border: 1px solid #333;
	font-size: 12px;
	height: 32px;
	margin-top: -6px;
	overflow: hidden;
	padding-left: 8px;
	position: relative;
	white-space: nowrap;
}

.clanwar_history {
	bottom: 119px;
	height: 0;
	left: 26px;
	position: relative;
}

.deadwar_back {
	-webkit-background-size: cover;
	background: url(/images/deadWar/back_1.jpg) no-repeat center center;
	background-size: cover;
	height: 552px;
	position: relative;
	min-width: 320px;
}

.deadwar_fraction1 {
	color: #efdc7a;
	font-family: Munchkin;
	font-size: 18px;
	left: 1px;
	line-height: 15px;
	position: relative;
	top: 3px;
	width: 77px;
}

.deadwar_fraction2 {
	color: #e82d2c;
	font-family: Munchkin;
	font-size: 18px;
	left: 1px;
	line-height: 15px;
	position: relative;
	top: 3px;
	width: 77px;
}

.deadwar_fraction3 {
	color: #fff;
	font-family: Munchkin;
	font-size: 22px;
	left: 1px;
	line-height: 15px;
	position: relative;
	top: 3px;
	width: 77px;
}

.deadwar_fraction1_color {
	color: #efdc7a;
	font-family: Munchkin;
}

.deadwar_fraction2_color {
	color: #e82d2c;
	font-family: Munchkin;
}

.deadwar_fraction3_color {
	color: #8fecff;
	font-family: Munchkin;
}

.deadwar_fraction1 {
	color: #efdc7a !important;
	font-family: Munchkin;
	font-size: 16px;
}

.deadwar_fraction2 {
	color: #e82d2c !important;
	font-family: Munchkin;
	font-size: 16px;
}

.deadwar_fraction3 {
	color: #8fecff !important;
	font-family: Munchkin;
	font-size: 16px;
}

.deadwar_fractions1 {
	position: absolute;
	top: 315px;
	left: 18px;
	width: 77px;
	color: #efdc7a;
	font-family: Munchkin;
	line-height: 15px;
	font-size: 18px;
}

.deadwar_fractions2 {
	position: absolute;
	top: 315px;
	left: 227px;
	width: 77px;
	color: #e82d2c;
	font-family: Munchkin;
	line-height: 15px;
	font-size: 18px;
}

.deadwar_fractions3 {
	position: absolute;
	top: 170px;
	left: 122px;
	width: 77px;
	color: #fff;
	font-family: Munchkin;
	line-height: 15px;
	font-size: 22px;
}

.deadwar_fraction_text {
	font-size: 18px;
	left: 50%;
	margin-left: -100px;
	position: absolute;
	top: 52px;
}

.deadwar_history {
	-webkit-background-size: cover;
	background: url(/images/deadWar/backHistory.jpg) no-repeat center center;
	background-size: cover;
	height: 258px;
	padding-top: 52px;
	position: relative;
	text-align: center;
}

.deadwar_history_link {
	bottom: 119px;
	height: 0;
	left: 0;
	position: relative;
	top: 398px;
}

.tutor_block {
	bottom: 0;
	margin-left: -15px;
	max-width: 460px;
	position: fixed;
	width: 100%;
	z-index: 10;
	height: 160px;
}

.tutor_girl_back {
	-webkit-background-size: cover;
	background: url(/images/tutor/block.png) no-repeat center center;
	background-size: cover;
	height: 162px;
	width: 100%;
}

.tutor_girl {
	-webkit-background-size: auto;
	background: url(/images/tutor/girl.png) no-repeat top left;
	background-size: auto;
	color: #fff;
	font-size: 12px;
	height: 167px;
	padding-left: 121px;
	padding-top: 100px;
	position: relative;
	top: -5px;
	width: 100%;
}

.tutor_back {
	background: #00000094;
	height: 300vh;
	max-height: 1652px;
	max-width: 460px;
	position: absolute;
	width: 100%;
	z-index: 10;
	margin-left: -15px;
}

.bubble p, .fight_count, .hint_block p, .hunter_ava > img, .location_name {
	vertical-align: middle;
}

.baloon-content {
	font-family: Arial;
	font-size: 13px;
	margin-bottom: 16px;
	padding-top: 5px;
	text-align: justify;
}

.counter-spec, .munchkin {
	font-family: Munchkin;
}

.baloon-header {
	clear: both;
	display: block;
	text-align: center;
}

.baloon.baloon-black {
	background: #000;
	color: #9d9c9c;
}

.baloon {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #5b5b5b;
	border-radius: 5px;
	padding: 5px 20px 20px;
	position: relative;
}

.baloon .ic-down-arrow {
	background: url(/asset/img/icns/icn-more.png) no-repeat;
	height: 13px;
	width: 21px;
}

.show_more {
	display: block;
	width: 100%;
}

.show_more .ic-down-arrow {
	float: right;
	margin-right: -10px;
}

.glass {
	background-color: rgba(193, 193, 193, .1);
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

#card-school1 {
	right: 16px;
}

#card-school2 {
	right: 0;
}

#card-school3 {
	left: 16px;
}

.task_solid_header_label {
	color: #e2e4e5;
	display: inline-block;
	font-size: 16px;
	margin-top: 8px;
}

.task_solid_header .gold_data {
	color: #9a9b9b;
	font-size: 14px;
	margin-top: -11px;
	text-align: center;
}

.task_solid_header_progress-bar-row {
	margin: 5px 33px 2px;
	position: relative;
}

.task_solid_header .progress_count {
	font-size: 14px;
}

.task_solid_header .progress_count_wrapper {
	color: #9a9b9b;
}

.task_solid_item_gold .task_solid_header_label {
	color: #efdc7a;
}

.wc_task_gold_icn {
	background: url(/asset/img/_screen6/gold_medal.png) center center no-repeat;
	display: inline-block;
	float: left;
	height: 105px;
	margin: -42px -32px -42px -50px;
	position: relative;
	width: 105px;
	z-index: 10;
}

.task_progress_bar-wrapper .progress_count_wrapper {
	padding: 3px 0 0;
}

.task_solid_action {
	background: url(/asset/img/_screen6/task_bg3.png) left top no-repeat;
	display: block;
	height: 32px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 2px;
	position: relative;
	text-align: center;
	width: 187px;
}

.task_solid_action_label {
	display: inline-block;
	font-size: 20px;
	height: 100%;
	padding-top: 2px;
}

.equip_img a {
	display: block;
	height: 100%;
	position: relative;
	width: 100%;
}

.equip_border {
	background: url(/asset/img/_screen9/equip_border1_01.png) left top no-repeat, url(/asset/img/_screen9/equip_border1_05.png) right top no-repeat, url(/asset/img/_screen9/equip_border1_03.png) left top repeat-x;
	background-size: contain;
	height: 97px;
	margin-top: 4px;
	padding: 0;
}

.equip_grad {
	background: url(/asset/img/_screen9/equip_back_grad.png) center 20px no-repeat;
	height: 100%;
	margin: 0 auto;
	width: 97%;
}

.equip_name {
	background: url(/asset/img/_screen9/equip_bottom_gray_border.png) center bottom no-repeat #000;
	color: #fff;
	font-size: 14px;
	margin: 2px;
	text-align: center;
}

.equip_name .equip_plus {
	color: #68feff;
}

.equip_img_border {
	float: left;
	height: 100%;
	margin: -25px 8px 5px 0;
	width: 50px;
}

.equip_img_border.m {
	margin: -1px 8px 11px 5px;
}

.equip_pgr {
	margin-left: 63px;
	margin-right: 8px;
	max-width: 469px;
	width: auto;
}

.equip_info {
	color: #adadad;
	float: left;
	font-size: 13px;
	font-weight: 600;
}

.equip_item_add {
	float: right;
	height: 100%;
	margin-top: -25px;
	position: relative;
}

.wc_equip_img_icn {
	background: url(/asset/img/_screen9/equip_img_icn.png) right bottom no-repeat;
	bottom: 0;
	display: block;
	height: 25px;
	position: absolute;
	right: 0;
	width: 25px;
}

.wc_equip_type_shield {
	background: url(/asset/img/_screen9/equip_shield.png) center center no-repeat;
}

.wc_equip_quality_1 {
	background: url(/images/quality/1.png) center center no-repeat;
}

.wc_equip_quality_2 {
	background: url(/images/quality/2.png) center center no-repeat;
}

.wc_equip_quality_3 {
	background: url(/images/quality/3.png) center center no-repeat;
}

.wc_equip_quality_4 {
	background: url(/images/quality/4.png) center center no-repeat;
}

.wc_equip_quality_5 {
	background: url(/images/quality/5.png) center center no-repeat;
}

.wc_equip_quality_6 {
	background: url(/images/quality/6.png) center center no-repeat;
}

.clr_quality1 {
	color: #a4a2a3;
}

.clr_quality2 {
	color: #3da639;
}

.clr_quality3 {
	color: #006de1;
}

.clr_quality4 {
	color: #a35ee1;
}

.clr_quality5 {
	color: #e16b21;
}

.clr_quality6 {
	color: #d6003f;
}

.clr_quality7 {
	color: #0fcfff;
}

.wc_equip_type {
	display: inline-block;
	height: 12px;
	width: 12px;
}

.equip_level {
	color: #595858;
	font-size: 12px;
}

.wc_equip_arr_icn {
	background: url(/asset/img/_screen9/equip_arr_icn.png) center center no-repeat;
	display: inline-block;
	height: 18px;
	position: absolute;
	right: 11px;
	width: 12px;
}

.equip_name.munchkin p {
	padding: 1px;
	position: relative;
}

.equip_item_add a {
	background: url(/asset/img/_screen9/equip_item_plus.png) center bottom no-repeat;
	bottom: 10px;
	display: block;
	height: 50px;
	position: absolute;
	right: -8px;
	width: 50px;
}

.equip_wrap {
	margin: 0 -5px;
}

.equip_menu_itm {
	background: url(/asset/img/_screen9/equip_border2_01.png) left top no-repeat, url(/asset/img/_screen9/equip_border2_05.png) right top no-repeat;
	height: 35px;
	margin-bottom: 4px;
	margin-left: -6px;
	margin-right: -6px;
	position: relative;
}

.equip_itm {
	color: #8f9b9d;
	display: inline-block;
	font-size: 18px;
	height: 35px;
	line-height: 30px;
	padding: 2px 2px 2px 40px;
	width: 100%;
}

a.equip_itm {
	color: #8f9b9d;
}

.equip_itm_bag {
	background: url(/asset/img/_screen9/equip_item_bag.png) left center no-repeat;
}

.equip_itm_shop {
	background: url(/images/icons/shop.png) left center no-repeat;
}

.equip_menu {
	margin-top: 20px;
	padding-left: 0;
	position: relative;
}

.shop_card.shop_card_ext.shop_card_first_wide {
	background: 0 0;
	height: 100px;
	margin-bottom: 6px;
	margin-top: -7px;
	width: 304px;
}

.shop_card.shop_card_ext.shop_card_first_wide .card_border_shop_wide {
	background: url(/asset/img/_screen10/shop_item_border2_01.png) left top no-repeat, url(/asset/img/_screen10/shop_item_border2_03.png) center top repeat-x, url(/asset/img/_screen10/shop_item_border2_05.png) right top no-repeat;
	height: 86px;
	left: 0;
	position: absolute;
	right: 0;
	width: 100%;
	z-index: 9;
}

.shop_card_image.shop_card_wide_image_bg {
	background: url(/asset/img/_screen10/shop_item_wide_bg.png) left 16px no-repeat;
	background-size: cover;
}

.shop_card_image.shop_card_wide_image_sunduk {
	background: url(/asset/img/_screen10/shop_item_sunduk.png) left center no-repeat;
	position: absolute;
	right: -55px;
	top: 3px;
	width: 115px;
	z-index: 102;
}

.shop_card .shop_card_title.shop_card_wide_title {
	color: #fff;
	height: 50px;
	margin-left: 50px;
	top: 16px;
}

.shop_card_available_time {
	bottom: 0;
	height: 33px;
	left: 0;
	line-height: 13px;
	margin-left: 50px;
	position: absolute;
	text-align: center;
	width: 100%;
}

.card_border_ext_shop {
	background: url(/asset/img/_screen10/shop_item_border3_01.png) left top no-repeat, url(/asset/img/_screen10/shop_item_border3_03.png) center top repeat-x, url(/asset/img/_screen10/shop_item_border3_05.png) right top no-repeat;
	display: block;
	height: 112px;
	left: -1px;
	position: absolute;
	top: 4px;
	width: 152px;
}

.card_image_chest {
	background: url(/images/shop/chest.png) center no-repeat;
	height: 84px;
	left: 9px;
	position: absolute;
	top: 45px;
	width: 88px;
}

.shop_card_ext_image {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.shop_card.shop_card_ext {
	height: 116px;
	width: 150px;
}

.shop_card.shop_card_chest {
	display: block;
	height: 174px;
	width: 105px;
}

.shop_card.shop_card_energy {
	height: 111px;
	width: 100%;
}

.shop_card_ext_title {
	background: url(/asset/img/_screen10/shop_item_badge2_01.png) left top no-repeat, url(/asset/img/_screen10/shop_item_badge2_05.png) right top no-repeat;
	display: block;
	height: 26px;
	line-height: 28px;
	margin: 0;
	position: relative;
	top: 0;
	z-index: 9;
}

.equip_menu_itm:before, .shop_card_ext_title:before {
	content: "";
	display: inline-block;
}

.shop_card_ext_title:before {
	background: url(/asset/img/_screen10/shop_item_badge2_03.png) center center repeat-x;
	height: 100%;
	left: 35px;
	position: absolute;
	right: 35px;
	top: 0;
	z-index: 93;
}

.shop_card_ext_title > span {
	color: #fddbaa;
	font-size: 13px;
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 94;
}

.shop_card_chest_title {
	color: #fff;
	font-size: 15px;
	height: 100%;
	position: relative;
	top: 7px;
	width: 100%;
	z-index: 9;
}

.shop_card_chest_reward {
	color: #fff;
	font-size: 13px;
	height: 100%;
	position: relative;
	top: -49px;
	width: 100%;
	z-index: 9;
}

.shop_card_chest_time {
	color: #fff;
	font-size: 16px;
	height: 100%;
	left: 0;
	position: absolute;
	top: 130px;
	width: 100%;
	z-index: 9;
}

.shop_card_ext_image.shop_card_ext_image_book1 {
	background: url(/asset/img/_screen10/shop_card_ext_book1.png) center center no-repeat;
}

.shop_card_ext_image.shop_card_ext_image_train {
	background: url(/asset/img/_screen10/shop_card_ext_train.png) center center no-repeat;
}

.shop_card_ext_image.shop_card_ext_image_amulet {
	background: url(/asset/img/_screen10/shop_card_ext_amulet.png) center center no-repeat;
}

.shop_card_ext_image.shop_card_ext_image_energy_upgrade {
	background: url(/images/shop/energyUpgrade.jpg) center center no-repeat;
}

.shop_card_ext_image.shop_card_ext_image_close {
	background: url(/images/shop/soon.jpg) center center no-repeat;
}

.shop_card_ext_image.shop_card_ext_image_sharp {
	background: url(/asset/img/_screen10/shop_card_ext_sharp.jpg) center center no-repeat;
}

.shop_card_ext_image.shop_card_ext_image_passive {
	background: url(/images/shop/passive.jpg) center center no-repeat;
}

.shop_card_ext_image.shop_card_ext_image_gold {
	background: url(/asset/img/_screen10/shop_card_ext_gold.png) center center no-repeat;
}

.shop_card_ext_image.shop_card_ext_image_equip {
	background: url(/asset/img/_screen10/shop_card_ext_equip.png) center center no-repeat;
}

.shop_card_ext_image.shop_card_ext_image_runy {
	background: url(/asset/img/_screen10/shop_card_ext_runy.png) center center no-repeat;
}

.shop_card_ext_image.shop_card_ext_image_chest_back {
	background: url(/asset/img/_screen10/chest_background.jpg) center center no-repeat;
}

.shop_card_ext_image.shop_card_ext_image_background2 {
	background: url(/asset/img/_screen10/background2.jpg) center center no-repeat;
}

.shop_card_ext_image.shop_card_ext_image_background3 {
	background: url(/asset/img/_screen10/background3.jpg) center center no-repeat;
}

.shop_card_ext_image.shop_card_ext_image_energy {
	background: url(/asset/img/_screen10/energy.jpg) center center no-repeat;
	background-size: contain;
}

.card_ext .shop_card_wrapper {
	padding-bottom: 11px;
}

.equip_menu_itm:before {
	background: url(/asset/img/_screen9/equip_border2_03.png) center center repeat-x;
	height: 35px;
	left: 6px;
	position: absolute;
	right: 3px;
	z-index: 0;
}

.equip_menu_itm a {
	display: block;
	left: 10px;
	position: relative;
	right: -4px;
	top: 0;
}

.shop_card_image.shop_card_wide_image_bg a {
	display: block;
	float: left;
	height: 103px;
	position: relative;
	width: 20%;
}

.pay:after {
	color: green;
	content: "$";
}

.chat_actions a.write_btn:after, .creation_hint .hint_border:after, .menu-lnk-image.locked:after, .task_solid_item:before {
	content: "";
}

.write_btn span {
	position: relative;
	top: 3px;
}

.wc_forum_icn.wc_forum_icn_queen {
	background: url(/asset/img/_screen7/base_badge.png) center center no-repeat;
}

.wc_forum_icn2 {
	display: block;
	float: left;
	height: 40px;
	width: 50px;
}

.forum_item_text.munchkin {
	color: #8f9b9d;
	display: block;
	font-size: 20px;
	line-height: 9px;
	margin-bottom: 15px;
	margin-top: 17px;
}

.screen12 .bg_resizer {
	background: url(/asset/img/_screen12/bg.jpg) center center no-repeat;
	background-size: cover;
	height: 75px;
}

.gray_league .league_img {
	background: url(/asset/img/_screen12/gray_league_58_39.png) center center no-repeat;
	height: 39px;
	margin: 0 auto;
	width: 58px;
}

.league_data {
	background: url(/asset/img/_screen12/league_caption_shadow.png) center bottom no-repeat;
	margin-top: -62px;
}

.gray_league .league_caption {
	color: #b4b4b4;
	font-size: 18px;
	font-weight: 700;
	line-height: 18px;
}

.league_caption:after, .league_caption:before {
	background: url(/asset/img/_screen12/league_level_13_13.png) center center no-repeat;
	content: "";
	display: inline-block;
	height: 13px;
	position: relative;
	top: 2px;
	width: 13px;
}

.hunter_item > a > div {
	float: left;
	line-height: 40px;
	margin-left: 9px;
	text-align: center;
}

.hunter_medal.hunter_medal_gold {
	background: url(/asset/img/_screen12/gold_medal_37_47.png) center center no-repeat;
	color: #fefc78;
	height: 40px;
	width: 37px;
}

.hunter_item, .hunter_item a {
	color: #939495;
}

.hunter_medal > span {
	position: relative;
	top: 6px;
}

.hunter_item {
	display: table;
	height: 40px;
	margin-bottom: 4px;
	white-space: nowrap;
}

.hunter_ava {
	height: 40px;
	line-height: 40px;
}

.hunter_ava > img {
	display: inline-block;
	line-height: 30px;
}

.hunter_data > span > span {
	display: block;
	line-height: 11px;
	padding-left: 4px;
}

.hunter_data > span {
	display: inline-block;
	line-height: 36px;
	margin-top: 15px;
}

.hunter_item > a > div.hunter_points {
	float: right;
}

.hunter_item:nth-child(odd) {
	background: url(/asset/img/_screen12/hunter_item_shadow_335_1.png) left top repeat-y;
	background-size: contain;
}

.hunter_medal.hunter_medal_silver {
	background: url(/asset/img/_screen12/silver_medal_37_48.png) center center no-repeat;
	color: #f7f7f7;
	height: 40px;
	width: 37px;
}

.hunter_medal.hunter_medal_bronze {
	background: url(/asset/img/_screen12/bronze_medal_37_48.png) center center no-repeat;
	color: #dfba8e;
	height: 40px;
	width: 37px;
}

.hunter_medal.hunter_medal_wood {
	background: url(/asset/img/_screen12/wood_medal_35_39.png) center center no-repeat;
	color: #ceaa66;
	height: 40px;
	width: 37px;
}

.hunter_item > a > div.hunter_data {
	line-height: 30px;
}

.menu-lnk-image.locked:after {
	background: url(/asset/img/menu_item_locked.png) center center no-repeat;
	display: inline-block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.hunter_medal.hunter_medal_wood > span {
	top: 4px;
}

.hunter_medal.hunter_medal_wood.medal_two_digits > span {
	left: 0;
}

.hero-figth-mail {
	padding-left: 5px;
}

.b-letter {
	animation: opacy ease 1.5s infinite;
	background: url(/asset/img/letter.png) no-repeat;
	display: inline-block;
	height: 22px;
	line-height: 95px;
	margin: 7px 5px 0 4px;
	width: 28px;
}

.hero-gold-header {
	padding-left: 0;
	padding-right: 10px;
}

.row.base_menu_pos .col-xs-4:first-child .wc-icn-menu-separator {
	right: -10px;
}

.bg_resizer {
	background-size: cover;
	height: 310px;
	margin-bottom: 2px;
	margin-left: -10%;
	margin-right: -10%;
	max-height: 310px;
	overflow: hidden;
	width: 120%;
}

.bg_resizer img {
	bottom: 0;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 0;
}

.screen2 .bg_resizer {
	background: url(/asset/img/back/bg1.jpg) center center no-repeat;
	background-size: cover;
	height: 310px;
}

.wc_buble_top {
	background: url(/asset/img/_screen5/bubble_border_01.png) left center no-repeat;
	display: inline-block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 18px;
}

.bubble {
	display: table;
	height: 72px;
	left: 53%;
	padding-left: 10px;
	position: absolute;
	top: 10%;
	transform: translate(-45%, 0);
	width: 215px;
	z-index: 100;
}

.bubble p {
	color: #04b5c0;
	display: table-cell;
	height: 100%;
	line-height: 14px;
	padding-left: 23px;
	position: relative;
	width: 100%;
}

.wc_buble_bottom, .wc_buble_medium {
	display: inline-block;
	height: 100%;
	position: absolute;
}

.wc_buble_medium {
	background: url(/asset/img/_screen5/bubble_border_03.png) 1px center repeat-x;
	left: 17px;
	top: 0;
	width: 100%;
}

.wc_buble_bottom {
	background: url(/asset/img/_screen5/bubble_border_05.png) right center no-repeat;
	right: -22px;
	width: 20px;
}

.wc_buble_tr {
	background: url(/asset/img/_screen5/buble_borders_06.png) center center no-repeat;
	display: block;
	height: 7px;
	left: -7px;
	position: relative;
	top: -10px;
	width: 20px;
}

.hero_with_bubble {
	height: auto;
	width: 100%;
}

.screen1 .bg_resizer {
	background: url(/asset/img/back/bg.jpg) center center no-repeat;
	background-size: cover;
}

.screen2 .hero {
	top: 8%;
}

.screen3 .hero {
	top: 4%;
}

.card {
	display: inline-block;
	margin: 0 0 0 auto;
	position: relative;
	text-align: center;
}

.counter-spec {
	background: -moz-linear-gradient(left, rgba(0, 0, 0, .29) 0, rgba(0, 0, 0, .75) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0, rgba(0, 0, 0, .29)), color-stop(100%, rgba(0, 0, 0, .75)));
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, .29) 0, rgba(0, 0, 0, .75) 100%);
	background: -o-linear-gradient(left, rgba(0, 0, 0, .29) 0, rgba(0, 0, 0, .75) 100%);
	background: -ms-linear-gradient(left, rgba(0, 0, 0, .29) 0, rgba(0, 0, 0, .75) 100%);
	background: linear-gradient(to right, rgba(0, 0, 0, .29) 0, rgba(0, 0, 0, .75) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=1);
	font-size: 15px;
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 75px;
	z-index: 1;
}

.spec-action {
	color: #fff;
	display: block;
	padding: 1px 0;
	position: relative;
	text-decoration: none;
	width: 70px;
	z-index: 13;
}

.card_border {
	bottom: 0;
	height: 97px;
	left: -6px;
	position: absolute;
	top: -5px;
	z-index: 2;
}

.icon-spec {
	height: 13px;
	left: 0;
	position: absolute;
	top: 2px;
	width: 13px;
	z-index: 4;
}

.icon-spec.icon-spec-1 {
	background: url(/asset/img/spec-icon1.png) center center no-repeat;
}

.icon-spec.icon-spec-2 {
	background: url(/asset/img/spec-icon2.png) center center no-repeat;
}

.icon-spec.icon-spec-3 {
	background: url(/asset/img/spec-icon3.png) center center no-repeat;
}

.icn-cep-hor.icn-cep-hor2, .icn-cep-hor1 {
	background: url(/asset/img/cep-hor.png) center center no-repeat;
	height: 20px;
	right: -43px;
	width: 50px;
}

.col-xs-12.card-row {
	padding: 0;
	text-align: center;
	white-space: nowrap;
	width: 320px;
	left: 50%;
	margin-left: -160px;
	position: absolute;
}

.card-row .card:last-child {
	margin-right: 0;
}

.icn-cep-hor1 {
	display: block;
	position: absolute;
	top: 3px;
}

.icn-cep-hor.icn-cep-hor2 {
	display: block;
	position: absolute;
	top: 71px;
}

.icn-cep-diag1, .icn-cep-diag2 {
	display: block;
	height: 30px;
	position: absolute;
	width: 50px;
}

.icn-cep-diag1 {
	background: url(/asset/img/cep-diag1.png) center center no-repeat;
	right: -44px;
	top: 34px;
}

.icn-cep-diag2 {
	background: url(/asset/img/cep-diag2.png) center center no-repeat;
	right: -42px;
	top: 37px;
}

.row.fight-screen {
	height: 134px;
	/*min-width:320px;*/
	padding-top: 19px;
}

.card_back1 {
	height: 134px;
	left: 50%;
	margin-left: -194px;
	margin-top: -22px;
	position: absolute;
	width: 380px;
}

.card_back2 {
	height: 93px;
	left: 50%;
	margin-left: -103px;
	margin-top: 0;
	position: absolute;
	width: 195px;
}

.card_combo {
	display: none;
	height: 101px;
	left: 50%;
	margin-left: -145px;
	margin-top: 0;
	opacity: 0;
	position: absolute;
	width: 290px;
	z-index: 9;
}

.card_combo.school2 {
	margin-left: -76px;
}

.card_combo.school1 {
	margin-left: -222px;
}

.card_combo a {
	display: block;
	height: 101px;
	width: 290px;
}

.card_back1.school1 {
	background: url(/images/cards/school/back/sch_b_1.png) 0 0 no-repeat;
	background-size: contain;
	opacity: 0;
}

.card_back2.school1 {
	background: url(/images/cards/school/back/sch_b2_1.png) 0 0 no-repeat;
	background-size: contain;
	opacity: 0;
}

.card_back1.school11 {
	background: url(/images/cards/school/back/sch_b_1.png) 124px 0 no-repeat;
	background-size: contain;
	margin-left: -187px;
	opacity: 0;
}

.card_back2.school11 {
	background: url(/images/cards/school/back/sch_b2_1.png) 126px 0 no-repeat;
	background-size: contain;
	margin-left: -89px;
	opacity: 0;
}

.card_back1.school2 {
	background: url(/images/cards/school/back/sch_b_2.png) 0 0 no-repeat;
	background-size: contain;
	opacity: 0;
}

.card_back2.school2 {
	background: url(/images/cards/school/back/sch_b2_2.png) 0 0 no-repeat;
	background-size: contain;
	opacity: 0;
}

.card_back1.school12 {
	background: url(/images/cards/school/back/sch_b_2.png) 124px 0 no-repeat;
	background-size: contain;
	margin-left: -187px;
	opacity: 0;
}

.card_back2.school12 {
	background: url(/images/cards/school/back/sch_b2_2.png) 126px 0 no-repeat;
	background-size: contain;
	margin-left: -89px;
	opacity: 0;
}

.card_back1.school3 {
	background: url(/images/cards/school/back/sch_b_3.png) 0 0 no-repeat;
	background-size: contain;
	opacity: 0;
}

.card_back2.school3 {
	background: url(/images/cards/school/back/sch_b2_3.png) 0 0 no-repeat;
	background-size: contain;
	opacity: 0;
}

.card_back1.school13 {
	background: url(/images/cards/school/back/sch_b_3.png) 124px 0 no-repeat;
	background-size: contain;
	margin-left: -187px;
	opacity: 0;
}

.card_back2.school13 {
	background: url(/images/cards/school/back/sch_b2_3.png) 126px 0 no-repeat;
	background-size: contain;
	margin-left: -89px;
	opacity: 0;
}

.card_back1.school21 {
	background: url(/images/cards/school/back/sch_b_1.png) -2px 0 no-repeat, url(/images/cards/school/back/sch_b_1.png) 100px 0 no-repeat;
	background-size: contain;
	margin-left: -179px;
	opacity: 0;
}

.card_back2.school21 {
	background: url(/images/cards/school/back/sch_b2_1.png) 11px 0 no-repeat, url(/images/cards/school/back/sch_b2_1.png) 101px 0 no-repeat;
	background-size: contain;
	margin-left: -89px;
	opacity: 0;
}

.card_back1.school22 {
	background: url(/images/cards/school/back/sch_b_2.png) -2px 0 no-repeat, url(/images/cards/school/back/sch_b_2.png) 100px 0 no-repeat;
	background-size: contain;
	margin-left: -179px;
	opacity: 0;
}

.card_back2.school22 {
	background: url(/images/cards/school/back/sch_b2_2.png) 11px 0 no-repeat, url(/images/cards/school/back/sch_b2_2.png) 101px 0 no-repeat;
	background-size: contain;
	margin-left: -89px;
	opacity: 0;
}

.card_back1.school23 {
	background: url(/images/cards/school/back/sch_b_3.png) -2px 0 no-repeat, url(/images/cards/school/back/sch_b_3.png) 100px 0 no-repeat;
	background-size: contain;
	margin-left: -179px;
	opacity: 0;
}

.card_back2.school23 {
	background: url(/images/cards/school/back/sch_b2_3.png) 11px 0 no-repeat, url(/images/cards/school/back/sch_b2_3.png) 101px 0 no-repeat;
	background-size: contain;
	margin-left: -89px;
	opacity: 0;
}

.card_dig {
	background: url(/images/cards/fight/dig_fight.png) 0 0 no-repeat;
	background-size: contain;
	bottom: -6px;
	height: 26px;
	left: 16px;
	line-height: 26px;
	position: absolute;
	width: 63px;
	z-index: 2;
}

.card_dig.school11 {
	left: 50%;
	margin-left: -102px;
}

.card_dig.school12 {
	left: 50%;
	margin-left: 40px;
}

.card_dig.school13 {
	left: 50%;
	margin-left: -32px;
}

.spec-action.sa-red {
	background: rgba(110, 34, 29, 1);
	background: -moz-linear-gradient(left, rgba(110, 34, 29, 1) 0, rgba(110, 34, 29, .23) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0, rgba(110, 34, 29, 1)), color-stop(100%, rgba(110, 34, 29, .23)));
	background: -webkit-linear-gradient(left, rgba(110, 34, 29, 1) 0, rgba(110, 34, 29, .23) 100%);
	background: -o-linear-gradient(left, rgba(110, 34, 29, 1) 0, rgba(110, 34, 29, .23) 100%);
	background: -ms-linear-gradient(left, rgba(110, 34, 29, 1) 0, rgba(110, 34, 29, .23) 100%);
	background: linear-gradient(to right, rgba(110, 34, 29, 1) 0, rgba(110, 34, 29, .23) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e221d', endColorstr='#6e221d', GradientType=1);
}

.spec-action.sa-blue {
	background: rgba(43, 108, 165, 1);
	background: -moz-linear-gradient(left, rgba(43, 108, 165, 1) 0, rgba(43, 108, 165, .23) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0, rgba(43, 108, 165, 1)), color-stop(100%, rgba(43, 108, 165, .23)));
	background: -webkit-linear-gradient(left, rgba(43, 108, 165, 1) 0, rgba(43, 108, 165, .23) 100%);
	background: -o-linear-gradient(left, rgba(43, 108, 165, 1) 0, rgba(43, 108, 165, .23) 100%);
	background: -ms-linear-gradient(left, rgba(43, 108, 165, 1) 0, rgba(43, 108, 165, .23) 100%);
	background: linear-gradient(to right, rgba(43, 108, 165, 1) 0, rgba(43, 108, 165, .23) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b6ca5', endColorstr='#2b6ca5', GradientType=1);
}

.img-responsive.spec-img {
	height: 90px;
}

.spec-action.sa-green {
	background: rgba(75, 115, 26, 1);
	background: -moz-linear-gradient(left, rgba(75, 115, 26, 1) 0, rgba(75, 115, 26, .23) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0, rgba(75, 115, 26, 1)), color-stop(100%, rgba(75, 115, 26, .23)));
	background: -webkit-linear-gradient(left, rgba(75, 115, 26, 1) 0, rgba(75, 115, 26, .23) 100%);
	background: -o-linear-gradient(left, rgba(75, 115, 26, 1) 0, rgba(75, 115, 26, .23) 100%);
	background: -ms-linear-gradient(left, rgba(75, 115, 26, 1) 0, rgba(75, 115, 26, .23) 100%);
	background: linear-gradient(to right, rgba(75, 115, 26, 1) 0, rgba(75, 115, 26, .23) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b731a', endColorstr='#4b731a', GradientType=1);
}

.sa-green .counter-spec {
	color: #d0ff50;
}

.sa-red .counter-spec {
	color: #fbbc22;
}

.sa-blue .counter-spec {
	color: #88f2ff;
}

.enemy_stat .enemy_name {
	color: #e82d2c;
	font-size: 16px;
}

.enemy_stat .enemy_damage {
	color: #FFF;
	font-size: 16px;
}

.enemy_stat .enemy_health {
	color: #e82d2c;
	font-size: 16px;
	width: 50px;
}

.enemy_stat .eh_block {
	margin-top: -2px;
	padding-right: 0;
	text-align: right;
}

.enemy_stat .enemy_face {
	background: url(/asset/img/ava-border2.png) center center no-repeat;
}

.col-xs-2.zi0 {
	z-index: 0;
}

.hero_stat_wrap {
	background: url(/asset/img/hero-top-border-15.png) left top repeat-y;
	background-size: contain;
	position: relative;
}

.clanwar_land_king:hover, .clanwar_castle_king:hover {
	color: #f1cb9e;
	text-decoration: none;
}

@font-face {
	font-family: Munchkin0;
	font-style: normal;
	font-weight: 700;
	src: url(/asset/fonts/subset-Munchkin.eot);
	src: url(/asset/fonts/subset-Munchkin.eot?#iefix) format("embedded-opentype"), url(/asset/fonts/subset-Munchkin.woff2) format("woff2"), url(/asset/fonts/subset-Munchkin.woff) format("woff"), url(/asset/fonts/subset-Munchkin.ttf) format("truetype");
}

@font-face {
	font-family: Munchkin;
	font-style: normal;
	font-weight: 700;
	src: url(/asset/fonts/Munchkin.eot);
	src: url(/asset/fonts/Munchkin.eot?#iefix) format("embedded-opentype"), url(/asset/fonts/Munchkin.woff2) format("woff2"), url(/asset/fonts/Munchkin.woff) format("woff"), url(/asset/fonts/Munchkin.ttf) format("truetype");
}

.footer-info {
	color: #404040;
	margin-top: 15px;
	text-align: center;
}

.footer-info p {
	margin-bottom: 2px;
}

.hero {
	left: 53%;
	margin-left: -230px;
	position: absolute;
	top: 12%;
}

.hero_boss {
	margin-left: -160px !important;
}

.boss {
	left: 53%;
	margin-left: -230px;
	position: absolute;
	top: 29px !important;
}

.hero_stat .enemy_name {
	color: #6085ad;
	display: inline-block;
	font-size: 16px;
	margin-top: -1px;
}

.hero_stat .enemy_damage {
	color: #FFF;
	display: inline-block;
	font-size: 16px;
	margin-top: 3px;
}

.hero_stat .enemy_health {
	color: #6085ad;
	font-size: 16px;
	width: 50px;
}

.hero_stat .eh_block {
	margin-top: -2px;
	padding-right: 0;
	text-align: right;
}

.row.hero_stat {
	overflow: hidden;
	position: relative;
}

.my_face {
	background: url(/asset/img/ava-border1.png) center center no-repeat;
	height: 39px;
	padding: 0;
	text-align: center;
	width: 40px;
	z-index: 9;
}

.enemy_name {
	color: #e82d2c;
	font-size: 16px;
	white-space: nowrap;
}

.enemy_damage {
	color: #FFF;
	font-size: 16px;
}

.enemy_health {
	color: #e82d2c;
	font-size: 16px;
	padding-left: 9px;
	width: 50px;
}

.row.enemy_stat {
	background: -moz-linear-gradient(left, rgba(66, 18, 17, .75) 0, rgba(7, 3, 3, .6) 100%);
	background: -webkit-linear-gradient(left, rgba(66, 18, 17, .75) 0, rgba(7, 3, 3, .6) 100%);
	background: linear-gradient(to right, rgba(66, 18, 17, .75) 0, rgba(7, 3, 3, .6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#421211', endColorstr='#59421211', GradientType=1);
	overflow: hidden;
}

.enemy_face img {
	border: 1px solid #000;
	height: 39px;
	width: 40px;
}

.enemy_face {
	height: 39px;
	padding: 0;
	text-align: center;
	width: 40px;
	z-index: 9;
}

.my_face img {
	border: 1px solid #000;
	height: 35px;
	margin-top: 2px;
	width: 36px;
}

.row.pt7 {
	padding-top: 7px;
}

.row.h50 {
	height: 50%;
}

.ic.icn-health-blue, .ic.icn-health-red {
	display: inline-block;
	height: 13px;
	margin: 4px 2px 0 -5px;
	position: relative;
	top: 3px;
	width: 13px;
}

.ic.icn-health-red {
	background: url(/asset/img/icns/heart-red.png) center center no-repeat;
}

.ic.icn-health-blue {
	background: url(/asset/img/icns/heart-blue.png) center center no-repeat;
}

.icn-hint-border {
	background: url(/asset/img/hint-border2.png) no-repeat;
	background-size: contain, cover;
	bottom: -6px;
	display: block;
	left: -9px;
	position: absolute;
	top: -8px;
	width: 13px;
}

.icn-log {
	display: inline-block;
	height: 12px;
	width: 12px;
}

.icn-hint-border-bottom, .icn-hint-border-middle, .icn-hint-border-top {
	left: -8px;
	position: absolute;
	width: 13px;
}

.icn_ps {
	display: inline-block;
	height: 20px;
	width: 26px;
}

.icn_ps.icn-log-ps {
	background: url(/asset/img/passiveSkills/parry.png) center no-repeat;
}

.icn-log-l.icn-log-l1 {
	background: url(/images/icons/fight-my-log-school-1.png) center center no-repeat;
}

.icn-log.icn-log-l.icn-log-l2 {
	background: url(/images/icons/fight-my-log-school-2.png) center center no-repeat;
}

.icn-log.icn-log-l.icn-log-l3 {
	background: url(/images/icons/fight-my-log-school-3.png) center center no-repeat;
}

.icn-log.icn-log-r.icn-log-r1 {
	background: url(/images/icons/fight-log-school-1.png) center center no-repeat;
}

.icn-log.icn-log-r.icn-log-r2 {
	background: url(/images/icons/fight-log-school-2.png) center center no-repeat;
}

.icn-log.icn-log-r.icn-log-r3 {
	background: url(/images/icons/fight-log-school-3.png) center center no-repeat;
}

.icn-hint-border-top {
	background: url(/asset/img/hint-border-top.png) left top no-repeat;
	height: 24px;
	top: 3px;
}

.icn-hint-border-bottom {
	background: url(/asset/img/hint-border-bottom.png) left bottom no-repeat;
	bottom: -3px;
	height: 32px;
	z-index: 9;
}

.icn-hint-border-middle {
	background: url(/asset/img/hint-border-medium.png) repeat-y;
	bottom: 6px;
	height: auto;
	top: 27px;
	z-index: 0;
}

.ic.icn-mech {
	background: url(/images/icons/strength.png) center center no-repeat;
	display: inline-block;
	height: 18px;
	position: relative;
	top: 5px;
	width: 20px;
}

.ic.icn-gold-coin, .ic.icn-energy, .ic.icn-mail, .ic.icn-silver-coin, .ic.icn-exp-coin, .ic.icn-exp, .ic.icn-gear, .ic.icn-cards, .ic.icn-join, .ic.icn-snowflake, .ic.icn-heart, .ic.icn-star, .ic.icn-event, .ic.icn-toys, .ic.icn-flower {
	display: inline-block;
	height: 17px;
	position: relative;
	top: 4px;
	width: 24px;
}

.ic.icn-mail {
	animation: opacy ease 1.5s infinite;
	background: url(/asset/img/screen3/mail_icn.png) center center no-repeat;
}

.ic.icn-silver-coin {
	background: url(/images/icons/silver.png) center center no-repeat;
	margin: 4px 2px 0 0;
}

.ic.icn-gold-coin {
	background: url(/images/icons/gold.png) center center no-repeat;
	margin: 4px 2px 0 0;
}

.ic.icn-energy {
	background: url(/images/icons/energy.png) center center no-repeat;
	margin: 4px 2px 0 0;
}

.ic.icn-gear {
	background: url(/images/icons/userItems.png) center center no-repeat;
	margin: 4px 2px 0 0;
}

.ic.icn-cards {
	background: url(/images/icons/userCards.png) center center no-repeat;
	margin: 4px 2px 0 0;
}

.ic.icn-join {
	background: url(/images/icons/itemsJoin.jpg) center center no-repeat;
	margin: 4px 2px 0 0;
}

.ic.icn-snowflake {
	background: url(/images/icons/snowflake-small.png) center center no-repeat;
	margin: 4px 2px 0 0;
}

.ic.icn-star {
	background: url(/images/event/toy_small.png) center center no-repeat;
	margin: 4px 2px 0 0;
}

.ic.icn-heart {
	background: url(/images/event/toy_small.png) center center no-repeat;
	margin: 4px 2px 0 0;
}

.ic.icn-flower {
	background: url(/images/mart/diamond_small.png) center center no-repeat;
	margin: 4px 2px 0 0;
}

.ic.icn-event {
	background: url(/images/event/toy_small.png?2) center center no-repeat;
	margin: 4px 2px 0 0;
}

.ic.icn-toys {
	background: url(/images/event/toy_small.png?2) center center no-repeat;
	margin: 4px 2px 0 0;
}

.wc-icn-menu-separator {
	background: url(/asset/img/screen3/menu-separator.png) center center no-repeat;
	display: block;
	height: 68px;
	position: absolute;
	right: -13px;
	top: -55px;
	width: 21px;
}

.chat_text_input {
	height: 24px;
	width: 100%;
}

.chat_actions a {
	display: block;
	position: absolute;
}

.chat_actions a.smiles_btn {
	background: url(/asset/img/_screen7/small_btn_smile.png) center center no-repeat;
	left: 0;
	top: 0;
}

.chat_actions a.refresh_btn {
	background: url(/asset/img/_screen7/small_btn_refresh.png) center center no-repeat;
	right: 0;
	top: 0;
}

.chat_actions a.write_btn {
	background: url(/asset/img/_screen7/big_btn_01.png) left top no-repeat, url(/asset/img/_screen7/big_btn_05.png) right top no-repeat;
	color: #88c8f5;
	font-size: 18px;
	height: 33px;
	left: 40px;
	line-height: 25px;
	margin: 0 auto;
	position: absolute;
	right: 40px;
	width: auto;
}

.smiles-block {
	background: #000;
	color: #00b7ea;
	display: none;
	height: auto;
	margin: 0 5% 20px;
	position: relative;
	top: 10px;
	width: 90%;
	z-index: 4;
}

.small_btn {
	height: 33px;
	width: 33px;
}

.chat_actions {
	margin-top: 7px;
	position: relative;
}

.chat_actions .bottom_decor {
	background: url(/asset/img/_screen6/decor_gray_01.png) left bottom no-repeat, url(/asset/img/_screen6/decor_gray_03.png) left bottom repeat-x, url(/asset/img/_screen6/decor_gray_05.png) right bottom no-repeat, url(/asset/img/_screen7/header_grad.png) left 0 repeat-x;
	height: 56px;
	margin-left: -15px;
	margin-right: -15px;
}

.chat_actions a.write_btn:after {
	background: url(/asset/img/_screen7/big_btn_03.png) left top repeat-x;
	display: block;
	height: 100%;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: -25px;
}

.create_input_wrapper {
	width: 100%;
}

.input_lbl {
	color: #fff;
	display: block;
	font-size: 13px;
	margin-bottom: 1px;
	margin-top: 3px;
}

.hero_name_input input {
	display: block;
	margin: 0 auto;
}

.g_input {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #20201f;
	border: 1px solid #6f6e6d;
	border-radius: 5px;
	color: #fff;
	font-size: 16px;
	line-height: 19px;
	margin-top: -3px;
	min-width: 215px;
	padding: 3px 10px;
}

.screen8 .bg_resizer {
	background: url(/asset/img/_screen8/bg.jpg) center center no-repeat;
	background-size: cover;
	height: 310px;
	max-height: 310px;
}

.input_hint.input_mail_hint {
	color: #737373;
	display: block;
	margin: 0 auto;
	max-width: 250px;
}

.creation_hint {
	color: #fff;
	margin-top: 0;
}

.creation_hint .hint_border {
	background: url(/asset/img/_screen8/input_01.png) left top no-repeat, url(/asset/img/_screen8/input_05.png) right top no-repeat;
	display: inline-block;
	font-size: 14px;
	padding: 4px 10px;
	position: relative;
}

.creation_hint .hint_border:after {
	background: url(/asset/img/_screen8/input_03.png) left top repeat-x;
	display: inline-block;
	height: 100%;
	left: 4px;
	position: absolute;
	right: 4px;
	top: 0;
}

.wc-progress, .wc-progress-yellow {
	background: url(/asset/img/grad_progress1.png) center center repeat-x;
	border: 1px solid #423b32;
	height: 8px;
	padding: 0;
}

.wc-progress-value, .wc-progress-yellow-value {
	display: block;
	height: 6px;
	overflow: hidden;
	top: 0;
}

.wc-progress-value {
	background: url(/asset/img/grad_progress_red1.png) center center repeat-x;
}

.wc-progress-yellow-value {
	background: url(/asset/img/screen3/progress-yellow-bg.png) left center repeat-x;
}

.progress-bar-row {
	margin: 2px 0 0 40px;
	padding: 0;
}

.progress-bar-wrapper {
	bottom: 0;
	left: 15px;
	position: absolute;
	right: 0;
	width: 100%;
}

.wc-progress-fight {
	background: url(/asset/img/progress_fight_gradient_bg.png) center center no-repeat;
	display: inline-block;
	height: 41px;
	padding: 0 2px;
	position: relative;
	top: 2px;
	width: 297px;
}

.wc-progress-fight-value {
	background: url(/asset/img/progress-border-white.png) -2px center no-repeat rgba(4, 4, 4, .56);
	display: block;
	height: 42px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
}

.wc-progress-fight-wrapper {
	background: url(/asset/img/progress_fight_wrapper_bg.png) center center no-repeat;
	height: 45px;
	text-align: center;
}

.wc-progress-fight-label {
	color: #8aebfe;
	display: inline-block;
	font-size: 25px;
	height: 100%;
	padding-top: 3px;
	text-transform: uppercase;
}

.wc-progress2 {
	height: 28px;
	margin: 0 auto;
	padding: 0;
	width: 280px;
}

.wc-progress2-value {
	background: url(/asset/img/screen3/progress2-bg-red.png) left center repeat-x;
	display: block;
	height: 20px;
	overflow: hidden;
	top: 0;
}

.wc-progress2-itm {
	display: block;
	float: left;
	height: 28px;
	position: relative;
	top: 0;
	width: 28px;
}

.wc-progress2-itm.wc-progress2-empty {
	background: 0 0;
}

.row.progress-bar-wrapper.pbw2 {
	margin: 0 auto;
	position: initial;
}

.fight_count {
	color: #818181;
	display: table-cell;
	font-size: 13px;
	line-height: 24px;
}

.wc-progress2-itm.wc-progress2-start {
	background: url(/asset/img/screen3/map/start.png) left center no-repeat;
}

.wc-progress2-itm.wc-progress2-start-first {
	background: url(/asset/img/screen3/map/start_first.png) left center no-repeat;
}

.wc-progress2-itm.wc-progress2-start-fail {
	background: url(/asset/img/screen3/map/start_fail.png) left center no-repeat;
}

.wc-progress2-itm.wc-progress2-1-ok {
	background: url(/asset/img/screen3/map/1.png) left center no-repeat;
}

.wc-progress2-itm.wc-progress2-2-ok {
	background: url(/asset/img/screen3/map/2.png) left center no-repeat;
}

.wc-progress2-itm.wc-progress2-1-no {
	background: url(/asset/img/screen3/map/1_no.png) left center no-repeat;
}

.wc-progress2-itm.wc-progress2-2-no {
	background: url(/asset/img/screen3/map/2_no.png) left center no-repeat;
}

.wc-progress2-itm.wc-progress2-1-fail {
	background: url(/asset/img/screen3/map/1_fail.png) left center no-repeat;
}

.wc-progress2-itm.wc-progress2-2-fail {
	background: url(/asset/img/screen3/map/2_fail.png) left center no-repeat;
}

.wc-progress2-itm.wc-progress2-end {
	background: url(/asset/img/screen3/map/end.png) left center no-repeat;
}

.wc-progress2-itm.wc-progress2-end-no {
	background: url(/asset/img/screen3/map/end_no.png) left center no-repeat;
}

.wc-progress2-finish {
	display: block;
	height: 37px;
	left: 18px;
	overflow: hidden;
	position: absolute;
	top: -4px;
	width: 44px;
}

.wc-progress2-here {
	display: block;
	height: 25px;
	left: 2px;
	overflow: hidden;
	position: absolute;
	top: -7px;
	width: 20px;
}

.fade-map {
	background: #000;
	height: 28px;
	opacity: .8;
	position: absolute;
	width: 252px;
}

.fight-boss {
	background: url(/asset/img/screen3/map/end_back.png) center center no-repeat;
	height: 103px;
	left: 220px;
	opacity: .5;
	position: relative;
	right: 0;
	top: -34px;
	width: 103px;
}

.fade-boss {
	background: #2a2a2a;
	height: 36px;
	left: 252px;
	opacity: .5;
	position: relative;
	right: 0;
	top: -4px;
	width: 36px;
}

.wc-progress-yellow2-value {
	background: url(/asset/img/_screen6/progress_yellow2_03.jpg) left center repeat-x;
	display: block;
	height: 6px;
	overflow: hidden;
	top: 0;
}

.wc-progress-blue2-value {
	background: url(/asset/img/_screen6/progress_blue_value.jpg) left center repeat-x;
	display: block;
	height: 6px;
	overflow: hidden;
	top: 0;
}

.progress_count_wrapper {
	color: #545a60;
	font-size: 12px;
	padding: 3px;
}

.task_bottom_decor {
	background: url(/asset/img/_screen6/decor_gray_01.png) left bottom no-repeat, url(/asset/img/_screen6/decor_gray_03.png) left bottom repeat-x, url(/asset/img/_screen6/decor_gray_05.png) right bottom no-repeat;
	height: 20px;
	margin-left: -15px;
	margin-right: -15px;
}

.task_solid_item {
	background: url(/asset/img/_screen6/task_bg_solid_01.png) left top no-repeat, url(/asset/img/_screen6/task_bg_solid_05.png) right top no-repeat;
	height: 108px;
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
}

.task_solid_item:before {
	background: url(/asset/img/_screen6/task_bg_solid_03.png) left top repeat-x;
	display: block;
	height: 100%;
	left: 31px;
	position: absolute;
	right: 30px;
	z-index: -1;
}

.task_solid_item .task_solid_action {
	bottom: 16px;
	margin: 0 auto;
	position: relative;
}

.task_solid_header_wc-progress-blue {
	background: url(/asset/img/_screen6/task_sold_progress_bg.jpg) center center repeat-x;
	border-left: 1px solid #423b32;
	border-right: 1px solid #423b32;
	height: 8px;
	padding: 0;
}

.task_solid_header_wc-progress-blue-value {
	background: url(/asset/img/_screen6/task_sold_progress_value_bg.jpg) left center repeat-x;
	display: block;
	height: 7px;
	overflow: hidden;
	top: 0;
}

.task_solid_header {
	height: 108px;
}

.home_decs {
	height: 378px;
	margin-top: 25px;
	position: relative;
	width: 100%;
}

.home_decs_content {
	background: url(/asset/img/_screen11/border22_03.png) center top repeat-y;
	bottom: 50px;
	position: absolute;
	top: 50px;
	width: 100%;
}

.home_decs_return {
	background: url(/asset/img/_screen11/return_arr.png) center center no-repeat;
	display: block;
	height: 69px;
	left: 0;
	margin: 0 auto;
	position: relative;
	top: -70px;
	transform: translate(-238%);
	width: 50px;
	z-index: 10;
}

.screen11 .level_name_progress {
	float: none;
	margin: 0 auto;
	margin-bottom: -105px;
	position: relative;
	top: -114px;
	width: 220px;
}

.home_decs:after, .home_decs:before {
	content: "";
	display: inline-block;
	width: 100%;
}

.screen11 .level_progress {
	color: #8b8b8b;
	display: inline-block;
	font-size: 16px;
	padding-left: 10px;
}

.screen11 .level_name {
	color: #fddbaa;
	font-size: 16px;
}

.home_decs:before {
	background: url(/asset/img/_screen11/border22_01.png) center top no-repeat, url(/asset/img/_screen11/home_decs_bg.png) center top no-repeat;
	height: 339px;
	margin-top: 0;
}

.home_decs:after {
	background: url(/asset/img/_screen11/border22_05.png) center bottom no-repeat;
	height: 50px;
	margin-top: -16px;
}

.gold_data.gold_data_inline {
	display: inline;
	width: auto;
}

.energy_data.energy_data_inline {
	width: auto;
}

.home_decs_btn {
	background: url(/asset/img/_screen11/decs_btn.png) left top no-repeat;
	bottom: -32px;
	height: 39px;
	left: 50%;
	position: absolute;
	transform: translate(-50%);
	width: 198px;
}

.home_decs_btn_label {
	color: #68fffe;
	font-size: 16px;
}

.decs_hint {
	color: #8b8b8b;
	font-size: 13px;
	margin: 0 auto;
	padding-top: 7px;
	width: 204px;
}

.decs_bonuses {
	color: #fff;
	font-size: 13px;
	margin: 4px auto 0;
	width: 220px;
}

.decs_bonus {
	display: block;
}

.decs_bonus_fight {
	background: url(/asset/img/_screen11/mech.png) center center no-repeat;
	background-size: 12px;
	display: inline-block;
	height: 12px;
	width: 12px;
}

.decs_bonus_money {
	background: url(/images/icons/silver.png) center center no-repeat;
	background-size: 12px;
	display: inline-block;
	height: 12px;
	width: 12px;
}

.decs_bonus_gold {
	background: url(/images/icons/gold.png) center center no-repeat;
	background-size: 12px;
	display: inline-block;
	height: 12px;
	width: 12px;
}

.shop_card {
	background: #000;
	height: 210px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 160px;
}

.shop_card .shop_card_title, .shop_card_price {
	background: url(/asset/img/_screen5/shop_price_shadow_gray.png) center center repeat-x;
	left: 0;
}

.shop_card .shop_card_title {
	font-size: 14px;
	height: 30px;
	padding-top: 5px;
	position: absolute;
	top: 0;
	width: 100%;
}

.shop_card_simple .shop_card_title {
	color: #a09f9f;
}

.shop_card.shop_card_not_simple .shop_card_title {
	color: #22c8ff;
}

.shop_card.shop_card_legend .shop_card_title {
	color: #e16b21;
}

.shop_card_price {
	bottom: 10px;
	font-size: 16px;
	height: 40px;
	margin: 0;
	position: absolute;
	width: 158px;
}

.shop_card_count {
	background: url(/asset/img/_screen5/shop_card_count_bg.png) right center no-repeat;
	bottom: 50px;
	color: #fff;
	display: block;
	font-size: 20px;
	height: 32px;
	padding-right: 10px;
	position: absolute;
	right: 3px;
	text-align: right;
	width: 100%;
}

.shop_card_image.shop_card_image_book1 {
	background: url(/asset/img/_screen5/book1.png) center center no-repeat, url(/asset/img/_screen5/book1_shadow.png) center center no-repeat;
}

.shop_card_image {
	height: 100%;
	width: 100%;
}

.shop_card_price.shop_card_price_silver {
	color: #ededed;
}

.shop_card_wrapper {
	margin: 0;
	padding-left: 1px;
	padding-right: 0;
}

.shop_card_image.shop_card_image_book2 {
	background: url(/asset/img/_screen5/book2.png) center center no-repeat;
}

.shop_card_rare .shop_card_title {
	color: #b56efd;
}

.shop_card_image.shop_card_image_book3 {
	background: url(/asset/img/_screen5/book3.png) center center no-repeat;
}

.shop_card_image.shop_card_image_book4 {
	background: url(/asset/img/_screen5/book4.png) center center no-repeat;
	z-index: -1;
}

.card_border_shop {
	background: url(/asset/img/_screen5/shop_card_border_01.png) 5px top no-repeat, url(/asset/img/_screen5/shop_card_border_03.png) center top repeat-y, url(/asset/img/_screen5/shop_card_border_05.png) center bottom no-repeat;
	bottom: 0;
	display: block;
	height: 210px;
	left: -5px;
	margin: 4px auto 0;
	position: absolute;
	width: 170px;
}

.shop_card_wrapper:nth-child(odd) .shop_card {
	float: right;
}

.shop_card_wrapper:nth-child(even) .shop_card {
	float: left;
}

.shop_card_wrapper:nth-child(odd) {
	padding-right: 4px;
}

.shop_card_wrapper:nth-child(even) {
	padding-left: 4px;
}

.shop_card_price .ic.icn-gold-coin, .shop_card_price .ic.icn-silver-coin {
	margin-right: -7px;
}

.wc_m {
	margin-top: -60px;
}

.row.base_menu_pos {
	height: 70px;
	margin-top: 70px;
}

body {
	font-family: Arial;
	scrollbar-color: #FFFFFF14 #5555551c;
	scrollbar-width: thin;
}

.pagination ul li, .win-label {
	font-family: Munchkin;
}

.ver-shadow {
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 1) 50%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 1) 50%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 1) 50%, rgba(255, 255, 255, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=0);
	margin-left: -80px;
	margin-top: -60px;
	width: 460px;
	z-index: 50;
}

.row.spec-row {
	margin: 0 auto 1px;
	width: 100%;
}

.min320.max460 {
	margin: 0 auto;
	max-width: 460px;
}

.hint_prev {
	margin: 20px auto 0;
	max-width: 460px;
	width: 100%;
}

.gender_wedding {
	margin: 4px 4px 0 0 !important;
	height: 13px !important;
	padding: 0 !important;
	min-width: 10px !important;
}

.hint_block {
	background: url(/asset/img/hint-shadow-full.png) no-repeat;
	background-size: 35% 105%;
	display: table;
	margin-bottom: 5px;
	margin-left: 20px;
	margin-top: 5px;
	min-height: 61px;
	width: 90%;
}

.hint_block p {
	display: table-cell;
	padding: 10px 35px;
}

.fight-log-label {
	margin-top: -5px;
	text-align: center;
}

.fight-log-label span {
	color: #303c4e;
	font-size: 14px;
}

.log-l {
	color: #3ead02;
	text-align: right;
}

.icn-log-c.icn-log-ps-rage {
	background: url(/asset/img/passiveSkills/rage.png) center center no-repeat;
	background-size: 25px;
}

.icn-log-c.icn-log-ps-none {
	width: 25px;
}

.icn-log-c.icn-log-ps-breakout {
	background: url(/asset/img/passiveSkills/breakout.png) center center no-repeat;
	background-size: 25px;
}

.icn-log-c.icn-log-ps-attackAround {
	background: url(/asset/img/passiveSkills/attackAround.png) center center no-repeat;
	background-size: 25px;
}

.icn-log-c.icn-log-ps-block {
	background: url(/asset/img/passiveSkills/block.png) center center no-repeat;
	background-size: 25px;
}

.icn-log-c.icn-log-ps-protection {
	background: url(/asset/img/passiveSkills/protection.png) center center no-repeat;
	background-size: 25px;
}

.icn-log-c.icn-log-ps-parry {
	background: url(/asset/img/passiveSkills/parry.png) center center no-repeat;
	background-size: 25px;
}

.icn-log-c.icn-log-c1 {
	background: url(/asset/img/log1.png) center center no-repeat;
}

.icn-log-c.icn-log-c2 {
	background: url(/asset/img/log2.png) center center no-repeat;
}

.icn-log-c.icn-log-c3 {
	background: url(/asset/img/log3.png) center center no-repeat;
}

.icn-log-c {
	display: inline-block;
	height: 25px;
	margin-top: -4px;
	width: 25%;
}

.log-r {
	color: #a12625;
	text-align: left;
}

.log-row {
	opacity: .5;
	padding-top: 9px;
}

.log-l .log_value {
	display: block;
	float: right;
	padding-left: 10px;
}

.log-r .log_value {
	display: block;
	float: left;
	padding-right: 10px;
}

.log-last-row.log-row {
	margin-top: -5px;
	opacity: 1;
}

.log-shadow-left {
	background: url(/asset/img/log-shadow-left.png) center center no-repeat;
}

.log-down {
	background: url(/images/icons/log_down.png) center center no-repeat;
	display: inline-block;
	height: 16px;
	vertical-align: middle;
	width: 12px;
}

.log-shadow-right {
	background: url(/asset/img/log-shadow-right.png) center center no-repeat;
}

.log-shadow {
	display: inline-block;
	height: 10px;
	width: 98px;
}

.fight_value {
	color: #8b8b8b;
	font-size: 14px;
}

.hero_stat_wrap2 {
	background: rgba(0, 0, 0, 0.7);
}

.gold_data {
	display: inline-block;
	margin-top: -3px;
	text-align: right;
	width: 100%;
}

.energy_data {
	font-size: 18px;
	left: 0;
	position: relative;
	text-align: center;
	top: -37px;
	width: 100%;
}

.silver {
	color: #8b8b8b;
}

.gold-value {
	color: #efdc7a;
	margin-left: -8px;
}

.energy-value {
	color: #fff;
	font-size: 16px;
	margin-left: 1px;
}

.energy-desc {
	left: -6px;
	position: relative;
	text-align: center;
	top: -170px;
	width: 111px;
}

.energy-buy {
	position: relative;
	text-align: center;
	top: -44px;
	width: 94px;
}

.location_wrapper {
	background: url(/asset/img/screen3/location-bg-left.png) left center no-repeat, url(/asset/img/screen3/location-bg-right.png) right center no-repeat;
	display: table;
	width: 100%;
}

.location_name {
	color: #007e72;
	display: table-cell;
	font-size: 18px;
	line-height: 32px;
}

.location-row {
	background: url(/asset/img/screen3/location-bg1.png) top center no-repeat #000;
	background-size: contain;
}

.no-mg {
	margin: 0;
	padding: 0;
}

.win-block {
	background: rgba(22, 29, 42, .84);
	background: -moz-linear-gradient(left, rgba(22, 29, 42, .84) 0, rgba(22, 29, 42, .84) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0, rgba(22, 29, 42, .84)), color-stop(100%, rgba(22, 29, 42, .84)));
	background: -webkit-linear-gradient(left, rgba(22, 29, 42, .84) 0, rgba(22, 29, 42, .84) 100%);
	background: -o-linear-gradient(left, rgba(22, 29, 42, .84) 0, rgba(22, 29, 42, .84) 100%);
	background: -ms-linear-gradient(left, rgba(22, 29, 42, .84) 0, rgba(22, 29, 42, .84) 100%);
	background: linear-gradient(to right, rgba(22, 29, 42, .84) 0, rgba(22, 29, 42, .84) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#161d2a', endColorstr='#161d2a', GradientType=1);
}

.lose-block {
	background: rgba(99, 29, 29, 0.84);
	background: -moz-linear-gradient(left, rgba(99, 29, 29, .84) 0, rgba(99, 29, 29, .84) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0, rgba(99, 29, 29, .84)), color-stop(100%, rgba(99, 29, 29, .84)));
	background: -webkit-linear-gradient(left, rgba(99, 29, 29, .84) 0, rgba(99, 29, 29, .84) 100%);
	background: -o-linear-gradient(left, rgba(99, 29, 29, .84) 0, rgba(99, 29, 29, .84) 100%);
	background: -ms-linear-gradient(left, rgba(99, 29, 29, .84) 0, rgba(99, 29, 29, .84) 100%);
	background: linear-gradient(to right, rgba(99, 29, 29, .84) 0, rgba(99, 29, 29, .84) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#161d2a', endColorstr='#161d2a', GradientType=1);
}

.win-data {
	margin-left: 10px;
	margin-top: 6px;
}

.win-label {
	color: #fff;
	font-size: 26px;
	line-height: 30px;
	margin-bottom: 0;
	text-transform: uppercase;
}

.win-exp, .win-money.munchkin {
	color: #fff;
	font-size: 16px;
}

.row.win-modal {
	margin-left: -15px;
	max-width: 460px;
	position: absolute;
	top: 71px;
	width: 100%;
}

.enemy_name2.munchkin.text-center {
	color: #9b2416;
	display: table-cell;
	font-size: 18px;
	line-height: 29px;
	vertical-align: middle;
}

.wc-progress-fight2 {
	background: url(/asset/img/screen3/atack-btn-bg.png) left top no-repeat;
	display: block;
	height: 36px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 2px;
	position: relative;
	text-align: center;
	width: 160px;
}

.wc-progress-fight-label2 {
	color: #68fffe;
	display: inline-block;
	font-size: 20px;
	height: 100%;
	padding-top: 3px;
}

.action-hint > p {
	color: #4a4a4a;
	font-size: 13px;
	text-align: center;
}

.menu-row {
	padding: 0;
	text-align: center;
	white-space: nowrap;
}

.menu-itm {
	margin: 0 34px 0 auto;
	position: relative;
	text-align: center;
	width: 74px;
}

.menu-lnk-image, a.menu-lnk-text {
	left: 50%;
	opacity: 1;
	position: absolute;
	text-align: center;
}

a.menu-lnk-text {
	bottom: -15px;
	color: #8f9b9d;
	font-size: 16px;
	height: 10px;
	margin: 0 auto 0 -50%;
	text-decoration: none;
	top: 18px;
	width: 100%;
}

.menu-link2 {
	color: #505e77;
	font-size: 15px;
	width: 100%;
}

.menu2 {
	background: url(/asset/img/screen3/menu2_border.png) top center no-repeat;
	margin-bottom: 10px;
	padding: 5px 0;
}

.menu2 > .row {
	background: url(/asset/img/screen3/menu2_border.png) bottom center no-repeat;
	padding-bottom: 5px;
}

.menu3 ul > li {
	border-right: 1px solid #5f5f5f;
	display: block;
	float: left;
	line-height: 12px;
	padding: 0 4px;
}

.menu3 ul > li > a {
	font-size: 14px;
}

.menu3 ul > li:last-child {
	border: none;
}

.menu3 ul {
	display: inline-block;
	margin-bottom: 2px;
	margin-top: 7px;
	padding-left: 0;
}

.btn_blue, .menu-lnk-image, .btn_grey {
	display: block;
	font-size: 16px;
}

.menu-lnk-image {
	bottom: -10px;
	height: 70px;
	margin: 0 auto 0 -50%;
	width: 100%;
}

.row.menu_fchn {
	margin-top: -87px;
}

.screen5 .btn_blue {
	color: #68fffe;
	float: none !important;
	margin-top: 7px;
	max-width: 186px;
	overflow: hidden;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0;
	position: relative;
	text-align: center;
	text-decoration: none;
}

.btn_blue {
	background: url(/asset/img/_screen4/btn_blue_grad.png) left top repeat-x;
	color: #68fffe;
	float: right;
	height: 36px;
	margin-top: 3px;
	overflow: hidden;
	padding: 5px 8px;
	position: relative;
}

.btn_grey {
	background: url(/asset/img/_screen4/btn_grey_grad.png) left top repeat-x;
	color: #686a6a;
	float: right;
	height: 36px;
	margin-top: 3px;
	min-width: 30px;
	overflow: hidden;
	padding: 5px 8px;
	position: relative;
}

.train-school .btn-m {
	margin-left: -20px;
	max-width: 320px;
}

.btn-m {
	background: url(/images/buttons/btn-main-l.png) left center no-repeat, url(/images/buttons/btn-main-r.png) right center no-repeat;
	color: #68fffe;
	display: block;
	float: none;
	font-size: 18px;
	height: 37px;
	line-height: 37px;
	margin: 5px auto;
	overflow: hidden;
	padding-left: 8px;
	padding-right: 8px;
	position: relative;
	text-align: center;
	text-decoration: none;
}

.btn-m:after {
	background: url(/images/buttons/btn-main-gr.png) left center repeat-x;
	content: "";
	display: block;
	height: 37px;
	margin-left: 7px;
	margin-right: 7px;
	margin-top: -37px;
	top: 10px;
}

.btn-test-main {
	margin: 20px 15px 30px;
	position: relative;
}

.btn-test-main a.smiles_btn {
	background: url(/asset/img/_screen7/small_btn_smile.png) center center no-repeat;
	float: right;
	position: relative;
	top: -15px;
}

.btn-test {
	background: url(/images/buttons/btn-main-gr.png) repeat-x;
	bottom: -18px;
	cursor: pointer;
	height: 36px;
	left: 0;
	line-height: 36px;
	margin: 0 auto;
	max-width: 280px;
	position: absolute;
	right: 0;
	text-align: left;
	z-index: 1;
}

.btn-test:before {
	content: url(/images/buttons/btn-main-l.png);
	left: -15px;
	position: absolute;
}

.btn-test .button_text {
	color: #68fffe;
	font-family: Munchkin;
	font-size: 16px;
	left: 0;
	padding: 0 !important;
	position: absolute;
	right: 0;
	text-align: center;
	white-space: nowrap;
	z-index: 2;
}

.btn-test:after {
	background: url(/images/buttons/btn-main-r.png) left top no-repeat;
	content: '';
	height: 36px;
	position: absolute;
	right: -14px;
	top: 0;
	width: 15px;
}

.btn-g {
	background: url(/images/buttons/btn-grey-l.png) left top no-repeat, url(/images/buttons/btn-grey-r.png) right top no-repeat;
	color: #68fffe;
	display: block;
	float: none;
	font-size: 18px;
	height: 36px;
	line-height: 34px;
	margin: 5px auto;
	max-width: 420px;
	overflow: hidden;
	position: relative;
	text-align: center;
	text-decoration: none;
}

.btn-g:after {
	background: url(/images/buttons/btn-grey-m.png) left top repeat-x;
	content: "";
	display: block;
	height: 36px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: -34px;
}

.icn-btn-border-left, .icn-btn-border-middle, .icn-btn-border-right, .wc_arrow_top, .icn-btn-grey-border-left, .icn-btn-grey-border-middle, .icn-btn-grey-border-right {
	display: inline-block;
	top: 0;
}

.icn-btn-border-left {
	background: url(/asset/img/_screen4/btn_border_01.png) left center no-repeat;
	height: 36px;
	left: 0;
	position: absolute;
	width: 32px;
}

.icn-btn-border-middle {
	background: url(/asset/img/_screen4/btn_border_02.png) left center repeat-x;
	height: 36px;
	left: 0;
	position: absolute;
	width: 100%;
}

.icn-btn-border-right {
	background: url(/asset/img/_screen4/btn_border_03.png) right center no-repeat;
	height: 36px;
	position: absolute;
	right: 0;
	width: 33px;
}

.icn-btn-grey-border-left {
	background: url(/asset/img/_screen4/btn_grey_border_01.png) left center no-repeat;
	height: 36px;
	left: 0;
	position: absolute;
	width: 32px;
}

.icn-btn-grey-border-middle {
	background: url(/asset/img/_screen4/btn_grey_border_02.png) left center repeat-x;
	height: 36px;
	left: 0;
	position: absolute;
	width: 100%;
}

.icn-btn-grey-border-right {
	background: url(/asset/img/_screen4/btn_grey_border_03.png) right center no-repeat;
	height: 36px;
	position: absolute;
	right: 0;
	width: 33px;
}

.wc_arrow_top {
	background: url(/asset/img/_screen4/wc_arrow_up.png) center center no-repeat;
	height: 31px;
	left: 6px;
	position: absolute;
	width: 20px;
}

.level_name {
	color: #fddbaa;
	display: block;
	font-size: 18px;
	padding-top: 1px;
}

.level_wrapper {
	height: 44px;
	padding: 2px 10px;
}

.level_name_progress {
	display: block;
	float: left;
	margin-top: 2px;
	padding-bottom: 3px;
}

.level_progress {
	color: #8b8b8b;
	display: block;
	font-size: 13px;
	margin-top: -3px;
	padding-bottom: 2px;
}

.row.level-row {
	background: rgba(0, 0, 0, .64);
}

.boss_wrap_label {
	color: #454444;
	font-size: 18px;
	margin-bottom: 3px;
	padding-top: 4px;
}

.btn_blue.level_value {
	line-height: 27px;
	margin-top: 6px;
	padding-left: 27px;
}

.task_desc_1, .task_desc_2 {
	font-size: 12px;
	line-height: 14px;
}

.task_desc_3 {
	color: #9a9b9b;
	font-size: 13px;
	line-height: 16px;
}

.boss_border {
	background: url(/asset/img/_screen4/boss_btn_border_01.png) left top no-repeat, url(/asset/img/_screen4/boss_btn_border_05.png) right top no-repeat, url(/asset/img/_screen4/boss_btn_border_03.png) left top repeat-x, url(/asset/img/_screen4/slim_gray_border.png) center 29px no-repeat;
	height: 84px;
	margin-top: 4px;
	padding: 0 0 6px;
}

.wc_boss_face_border.boss_face_border_green {
	background: url(/asset/img/_screen4/boss_face_border_green.png) left top no-repeat;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.boss_face {
	height: 72px;
	position: relative;
	width: 72px;
}

.boss_face_border {
	float: left;
	margin-left: 10px;
	padding-top: 6px;
	width: 75px;
}

.boss_face img {
	height: 70px;
	margin-left: 1px;
	margin-top: 1px;
	width: 70px;
}

.boss_info {
	float: left;
	height: 100%;
	overflow: hidden;
	padding: 6px 8px 8px;
	white-space: nowrap;
	width: 40%;
}

.boss_name_and_level .boss_name {
	color: #8b8b8b;
	font-size: 12px;
}

.boss_name_and_level .boss_level {
	color: #454444;
	font-size: 12px;
}

.work_status_label.work_status_done {
	color: #5da843;
	display: inline-block;
}

.work_status {
	display: inline-block;
	float: none;
}

.boss_name_and_level {
	display: block;
	padding-bottom: 5px;
}

.work_status_label {
	font-size: 16px;
	padding-top: 4px;
}

.work_status .gold_data {
	color: #8b8b8b;
	font-size: 13px;
	margin-top: -10px;
	text-align: left;
}

.work_done_grad {
	background: url(/asset/img/_screen4/work_done_grad.png) right top repeat-y;
	height: 100%;
	width: 100%;
}

.boss_gift.boss_gift1 {
	background: url(/asset/img/_screen4/gift1.png) center center no-repeat;
	float: right;
	height: 100%;
	margin-left: -15px;
	margin-right: 12px;
	width: 70px;
}

.wc_boss_face_border.boss_face_border_blue {
	background: url(/asset/img/_screen4/boss_face_border_blue.png) left top no-repeat;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.work_status_label.work_status_free {
	color: #0f64bc;
}

.btn_blue.boss_action, .btn_grey.boss_action, .btn-g.boss_action {
	margin-left: -15px;
	margin-right: 18px;
	margin-top: 35px;
}

.gold_mined .lbl {
	color: #806c55;
	font-size: 16px;
}

.reg-wrap {
	background: url(/asset/img/_screen4/reg_btn_border_01.png) left top no-repeat, url(/asset/img/_screen4/reg_btn_border_05.png) right top no-repeat;
	height: 48px;
}

a.reg-btn {
	background: url(/asset/img/_screen4/reg_btn_border_03.png) left top repeat-x;
	display: block;
	font-size: 12px;
	height: 100%;
	line-height: 44px;
	width: 100%;
}

.work_free_grad .work_status {
	display: inline-block;
	margin-top: 2px;
	padding-top: 6px;
}

.first_boss_border {
	padding-bottom: 2px;
}

.screen5 .bg_resizer {
	background: url(/asset/img/_screen5/bg.jpg) center center no-repeat;
	background-size: cover;
}

.screen5 .hero {
	top: 9%;
	transform: translate(-175%, 0);
}

.screen4 .hero {
	left: 53%;
	margin: auto;
	top: 37%;
	transform: translate(-50%, 0);
}

.screen4 .bg_resizer {
	background: url(/asset/img/_screen4/bg.jpg) center center no-repeat;
	background-size: cover;
}

.screen3 .bg_resizer {
	background: url(/asset/img/screen3/bg.png) center center no-repeat;
	background-size: cover;
}

.row.base_menu {
	background: url(/asset/img/screen3/menu-grad.png) center 13px no-repeat, url(/asset/img/screen3/menu-grad2.png) center 137px no-repeat;
	margin: 0 auto;
	max-width: 365px;
	padding-bottom: 60px;
	position: relative;
}

.row.base_main_menu {
	margin: 64px auto 28px;
	position: relative;
	max-width: 330px;
}

.row.task_row {
	background: url(/asset/img/_screen6/gray_brdr_01.png) left top no-repeat, url(/asset/img/_screen6/gray_brdr_05.png) right top no-repeat, url(/asset/img/_screen6/gray_brdr_03.png) left top repeat-x;
	height: 125px;
}

.row.task_daily {
	background: url(/images/tasks/back.jpg) center top no-repeat;
	background-size: cover;
	height: 210px;
}

.row.task_daily_b {
	background: url(/images/tasks/bdaily.png) center top no-repeat;
	height: 35px;
	line-height: 35px;
	margin-top: 10px;
	text-align: center;
}

.task_daily_p {
	color: #000;
	font-family: Munchkin, serif;
	font-size: 18px;
	height: 50px;
	margin: 12px auto;
	text-align: center;
	width: 259px;
}

.task_row_content > .task_inner {
	background: #15191b;
	height: 100%;
	width: 100%;
}

.task_daily1 {
	margin-right: 21px;
}

.tt {
	color: #efdc7a;
	display: inline-block;
	font-family: Munchkin, serif;
	width: 31px;
}

.wc_task_border.wc_task_border_gray {
	height: 100%;
	left: 10px;
	position: absolute;
	top: 8px;
	width: 100%;
}

.task_row_content {
	height: 100%;
	padding: 5px 6px 6px;
}

.task_inner > a {
	display: block;
	float: left;
	margin-left: 5px;
	margin-right: 14px;
	margin-top: 1px;
}

.task_desc_1 {
	color: #545a60;
}

.task_desc_2 {
	color: #9a9b9b;
}

.task_desc {
	padding-top: 5px;
}

.hero_header_data {
	display: block;
	float: left;
}

.hero_header_name.munchkin {
	color: #e2b152;
	font-size: 16px;
}

.hero_header_level.munchkin {
	color: #e2b152;
	display: block;
	font-size: 12px;
	margin-top: -6px;
}

.gold_data .ic.icn-mail {
	margin-left: 2px;
}

.wc-progress-fight4 {
	background: url(/asset/img/_screen6/task_bg4.png) left top no-repeat;
}

.wc-progress-fight3 {
	background: url(/asset/img/_screen6/task_bg3.png) left top no-repeat;
}

.wc-progress-fight5 {
	background: url(/asset/img/_screen6/task_bg5.png) left top no-repeat;
}

.wc-progress-fight-label4 {
	color: #b9b395;
}

.chat_item {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #1c242f;
	border-radius: 5px;
	color: #fff;
	font-size: 13px;
	margin: 7px 0;
	padding: 28px 19px 9px 13px;
	position: relative;
}

.chat_item:after {
	border-color: #1c242f transparent;
	border-style: solid;
	border-width: 15px 15px 0;
	bottom: -11px;
	content: "";
	display: block;
	left: 52px;
	position: absolute;
	width: 0;
}

.chat_item.chat_arr_left {
	background: #1c242f;
	margin-left: 43px;
}

.chat_item.chat_arr_left:after {
	border-color: transparent #1c242f;
	border-width: 10px 11px 10px 0;
	bottom: auto;
	left: -11px;
	top: 8px;
}

.cat_item_answer, .chat_item_name, .chat_item_time {
	position: absolute;
	top: 9px;
}

.chat_item_name > a {
	color: #8ed0ff;
	font-size: 13px;
}

.chat_item_name {
	left: 13px;
}

.chat_item_time {
	color: #656565;
	right: 30px;
}

.chat_ava {
	float: left;
	width: 27px;
}

.chat_ava > a > img {
	height: 25px;
	margin-top: 5px;
	width: 25px;
}

.chat_item_user_icn {
	display: inline-block;
	height: 13px;
	width: 15px;
}

.cat_item_answer {
	background: url(/asset/img/_screen7/answer_icn.png) left top no-repeat;
	height: 14px;
	right: 12px;
	width: 13px;
}

.chat_items_wrapper {
	max-height: 200px;
	overflow: auto;
}

.forum_menu_btn {
	background: url(/asset/img/_screen7/menu_btn_01.png) left top no-repeat, url(/asset/img/_screen7/menu_btn_05.png) right top no-repeat;
	color: #88c8f5;
	display: block;
	font-size: 18px;
	height: 44px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: auto;
}

.forum_item {
	display: block;
	height: 44px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 3px;
	position: relative;
}

.col-xs-12.forum-items {
	margin-bottom: 9px;
	padding-left: 5px;
	padding-right: 5px;
}

.forum_menu_btn:after {
	background: url(/asset/img/_screen7/menu_btn_03.png) left top repeat-x;
	content: "";
	display: block;
	height: 100%;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: -41px;
}

.forum_menu_btn.icn_circle:after {
	margin-top: -43px;
}

.wc_forum_icn_1 {
	background: url(/asset/img/_screen7/news_badge.png) center center no-repeat;
}

.wc_forum_icn_2 {
	background: url(/asset/img/_screen7/base_badge.png) center center no-repeat;
}

.wc_forum_icn_3 {
	background: url(/asset/img/_screen7/help_badge.png) center center no-repeat;
}

.wc_forum_icn_4 {
	background: url(/asset/img/_screen7/art_badge.png) center center no-repeat;
}

.wc_forum_icn_5 {
	background: url(/asset/img/_screen7/beer_badge.png) center center no-repeat;
}

.wc_forum_icn_6 {
	background: url(/images/icons/i.png) center center no-repeat;
}

.wc_forum_icn {
	display: block;
	float: left;
	height: 40px;
	width: 80px;
}

.forum_item_head {
	color: #88c8f5;
	display: block;
	font-size: 18px;
}

.forum_item_desc {
	color: #939393;
	display: block;
	font-size: 13px;
	margin-left: 80px;
	margin-top: -2px;
}

.moderators_list ul li {
	display: inline-block;
	list-style-type: none;
}

.moderators_list ul li:after {
	content: ",";
	display: inline-block;
	margin-left: -3px;
}

.moderators_list ul li:first-child:before {
	content: "Модераторы: ";
}

.moderators_list {
	color: #999;
	margin-top: -15px;
}

.moderator_indigo {
	color: #54869a;
}

.moderators_list ul {
	margin-left: 0;
	padding: 0;
}

.moderators_list .bottom_decor {
	background: url(/asset/img/_screen7/decor_gray_rev_05.png) left top no-repeat, url(/asset/img/_screen7/decor_gray_rev_03.png) left 10px repeat-x, url(/asset/img/_screen7/decor_gray_rev_01.png) right top no-repeat, url(/asset/img/_screen7/footer_grad.png) left 14px repeat-x;
	height: 75px;
	margin-bottom: -79px;
	margin-left: -15px;
	margin-right: -15px;
}

.pagination ul li {
	display: inline-block;
	font-size: 15px;
	height: 25px;
	list-style-type: none;
	text-align: center;
	width: 30px;
}

.pagination ul li.current a {
	border: 1px solid #fff;
	color: #fff;
}

.pagination ul li:first-child a {
	background: url(/asset/img/_screen7/prev_page_icn.png) center 7px no-repeat;
}

.pagination ul li:last-child a {
	background: url(/asset/img/_screen7/next_page_icn.png) center 7px no-repeat;
}

.pagination {
	margin: 6px 0;
	width: 100%;
}

.pagination ul {
	display: block;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

.pagination ul > li > a {
	border: 1px solid #2a374b;
	display: inline-block;
	height: 25px;
	width: 30px;
}

.hero_slider ul li.head {
	display: block;
	float: left;
	text-align: center;
	width: 33%;
}

.hero_slider {
	display: flex;
	height: 302px;
	margin-top: -436px;
	overflow: hidden;
	width: 300%;
}

.hero_slider .man_slider .head:after {
	background: url(/asset/img/_screen8/man_body.png) center center no-repeat;
	background-size: contain;
	content: "";
	display: block;
	height: 141px;
	margin: 0 auto 7px;
	width: 320px;
}

.hero_slider .woman_slider .head:after {
	background: url(/asset/img/_screen8/woman_body.png) center center no-repeat;
	background-size: contain;
	content: "";
	display: block;
	height: 134px;
	margin: 0 auto;
	width: 320px;
}

.slider_arrow {
	display: block;
	height: 50px;
	width: 50px;
}

.slider_arrows {
	height: 50px;
	position: relative;
	top: -210px;
}

.slider_arrow.slider_arrow_prev {
	background: url(/asset/img/_screen8/arr_white_left.png) center center no-repeat;
	float: left;
}

.slider_arrow.slider_arrow_next {
	background: url(/asset/img/_screen8/arr_white_right.png) center center no-repeat;
	float: right;
}

.sex_sel.sex_sel_male {
	left: 30px;
	position: absolute;
}

.sex_sel.sex_sel_female {
	position: absolute;
	right: 30px;
}

.sex_sel {
	display: block;
	height: 50px;
	width: 60px;
	z-index: 500;
}

.sex_selection {
	bottom: 100px;
	height: 50px;
	margin-left: -4%;
	padding: 0;
	position: absolute;
	width: 100%;
}

.sex_sel.selected {
	display: block;
	height: 50px;
	width: 60px;
}

.sex_sel.sex_sel_male span {
	background: url(/asset/img/_screen8/male_icn.png) center center no-repeat;
	display: block;
	height: 100%;
	width: 100%;
}

.sex_sel.sex_sel_female span {
	background: url(/asset/img/_screen8/female_icn.png) center center no-repeat;
	display: block;
	height: 100%;
	width: 100%;
}

.btn_blue.btn_hero_create {
	float: none;
	text-align: center;
}

.sex_sel.sex_sel_male.selected {
	background: url(/asset/img/_screen8/sex_selection_blue.png) center center no-repeat;
}

.sex_sel.sex_sel_female.selected {
	background: url(/asset/img/_screen8/sex_selection.png) center center no-repeat;
}

.wc_forum_icn_queen {
	background: url(/asset/img/_screen12/queen.png) center center no-repeat;
}

.screen12 .forum_menu_btn {
	height: 44px;
	overflow: hidden;
}

.screen12 .forum_item {
	height: 44px;
	margin-top: 4px;
}

a.icn_circle .forum_item_text:after {
	background: url(/asset/img/_screen12/menu_item_circle.png) center center no-repeat;
	content: "";
	display: inline-block;
	height: 23px;
	position: absolute;
	right: 12px;
	top: 10px;
	width: 24px;
}

.top-btn {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #c2ccca;
	border-radius: 10px;
	position: absolute;
	right: 2%;
	top: 2%;
}

.top-btn a {
	color: #c2ccca;
	font-family: Arial;
	font-size: 13px;
	height: 100%;
	padding: 2px 10px;
	text-decoration: none;
	width: 100%;
}

.hero-left, .moderators_list ul li:last-child:after {
	display: none;
}

.ic, .menu-itm, .menu-link2, a.menu-lnk-text {
	display: inline-block;
}

.ic.icn-exp-coin, .ic.icn-exp {
	background: url(/images/icons/exp.png) center center no-repeat;
	margin: 4px 2px 0 0;
}

.hero_name_input_lbl > .name_length, .input_lbl .name_length {
	color: #7b7b7b;
}

.col-xs-12.wc-progress-fight-col, .spec-row .col-xs-4 {
	padding: 0;
}

.fight_count_wrapper, .enemy_name_wrapper {
	display: table;
	width: 100%;
}

.wc-progress-yellow2, .wc-progress-blue2 {
	background: url(/asset/img/_screen6/progress_yellow2_05.png) center center repeat-x;
	border: 1px solid #423b32;
	height: 8px;
	padding: 0;
}

.decs_bonus_value, .wc-progress-fight-label3 {
	color: #68fffe;
}

.shop_card_price.shop_card_price_gold, .gold_count_all, .gold_count_mined, .wc-progress-fight-label5 {
	color: #efdc7a;
}

.base_menu_pos > .col-xs-4, .hint_block, .base_menu_back {
	position: relative;
}

.fight-action, .boss_gift a, .boss_gift a:hover {
	display: block;
	height: 100%;
	width: 100%;
}

.silver-value, .exp-value {
	color: #8b8b8b;
	margin-left: -8px;
}

.blood-value {
	color: #e82d2c;
	margin-left: -8px;
}

a.none, a.none:hover, .forum_menu_btn:hover {
	text-decoration: none;
}

.menu3 ul > li > a.grey, .moderator_gray {
	color: #5f5f5f;
}

.btn-m:hover, .btn-test:hover, .btn-g:hover, .btn_blue a, .btn_blue a:hover, a.reg-btn {
	color: #68fffe;
	text-decoration: none;
}

@font-face {
	font-family: chaos;
	src: url(/asset/font/chaos.ttf);
}

@font-face {
	font-family: chaos2;
	src: url(/asset/font/chaos2.ttf);
}

@keyframes opacy {
	50% {
		opacity: 1;
	}

	00%, 100% {
		opacity: .5;
	}
}

@-moz-keyframes arrow-motion {
	00% {
		right: 0;
		top: 0;
	}

	100% {
		right: 0;
		top: 5px;
	}
}

@-webkit-keyframes arrow-motion {
	00% {
		right: 0;
		top: 0;
	}

	100% {
		right: 0;
		top: 5px;
	}
}

@keyframes arrow-motion {
	00% {
		right: 0;
		top: 0;
	}

	100% {
		right: 0;
		top: 5px;
	}
}

@-o-keyframes arrow-motion {
	00% {
		right: 0;
		top: 0;
	}

	100% {
		right: 0;
		top: 5px;
	}
}

.chaos {
	font-family: chaos2, arial, verdana, tahoma, sans-serif;
}

.chaos2 {
	font-family: chaos, arial, verdana, tahoma, sans-serif;
}

.small {
	font-size: 12px;
}

.medium {
	font-size: 15px;
}

.big {
	font-size: 20px;
}

.underline {
	text-decoration: underline;
}

.error {
	color: #a20000;
	text-align: center;
}

.success {
	color: green;
	text-align: center;
}

.clr-white2 {
	color: #fff !important;
}

.clr-blue {
	color: #505e77 !important;
}

.clr-grey {
	color: #5f5f5f !important;
}

.clr-yell {
	color: #efdc7a !important;
}

.clr-green {
	color: #22e200 !important;
}

.clr-red {
	color: #e82d2c !important;
}

.clr-red2 {
	color: #f84653 !important;
}

.clr-blue2 {
	color: #68fffe !important;
}

.container-fluid .main {
	background: url(/images/design/back-start.jpg) no-repeat top;
	background-size: cover;
	height: 539px;
}

.main-text {
	background: url(/images/design/start-text.png) no-repeat top;
	height: 33px;
}

.btn-start-main {
	display: block;
	height: 10px;
	margin: 0 auto;
}

.btn-start {
	-moz-animation: glowBtn 3s infinite linear;
	-ms-animation: glowBtn 3s infinite linear;
	-o-animation: glowBtn 3s infinite linear;
	-webkit-animation: glowBtn 3s infinite linear;
	animation: glowBtn 3s infinite linear;
	background: url(/images/buttons/button-start.png) no-repeat center, url(/images/design/back-button.png) no-repeat center;
	color: #fff;
	display: block;
	font-size: 26px;
	height: 88px;
	margin: 0 auto;
	padding-top: 26px;
	position: relative;
	text-align: center;
	top: 395px;
}

.blink {
	-moz-animation: glowBtn 3s infinite linear;
	-ms-animation: glowBtn 3s infinite linear;
	-o-animation: glowBtn 3s infinite linear;
	-webkit-animation: glowBtn 3s infinite linear;
	animation: glowBtn 3s infinite linear;
}

.btn-start:hover {
	color: #fff;
	text-decoration: none;
}

.clb {
	clear: both;
}

.mt2 {
	margin-top: 2px;
}

.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt-12 {
	margin-top: -12px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mb2 {
	margin-bottom: 2px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb40 {
	margin-bottom: 40px;
}

.ml2 {
	margin-left: 2px;
}

.ml5 {
	margin-left: 5px;
}

.mr5 {
	margin-right: 5px;
}

.mr20 {
	margin-right: 20px;
}

.mr33 {
	margin-right: 33px;
}

.ml45 {
	margin-left: 45px;
}

.ml39 {
	margin-left: 39px;
}

.p5 {
	padding: 5px;
}

.pb17 {
	padding: 17px;
}

.pl30 {
	padding-left: 30px;
}

.hr {
	background: url(/images/design/hr-left.png) no-repeat left, url(/images/design/hr-cntr.png) repeat-x center, url(/images/design/hr-right.png) no-repeat right;
	height: 12px;
	margin-bottom: 7px;
	margin-top: 2px;
}

.hr-b {
	background: url(/images/design/hr-left-b.png) no-repeat left, url(/images/design/hr-right-b.png) no-repeat right, url(/images/design/hr-cntr-b.png) repeat-x center;
	height: 12px;
	margin-bottom: -2px;
	margin-right: 0;
	margin-top: 5px;
	width: 100%;
}

.btn {
	color: #afb3bc;
	display: inline-block;
	font-family: chaos2, arial, verdana, tahoma, sans-serif;
	font-size: 18px;
	height: 36px;
	line-height: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
	max-width: 180px;
	text-align: center;
	width: 100%;
}

input.btn {
	background-color: transparent;
	border: 0;
	cursor: pointer;
	height: 36px;
	margin-right: 0;
	max-width: 180px;
	padding: 0;
	position: relative;
	width: 100%;
}

.btn.grey {
	background: url(/images/design/grey-btn-l.png) no-repeat left, url(/images/design/grey-btn-r.png) no-repeat right, url(/images/design/grey-btn-m.png) repeat-x center;
}

.btn-main {
	background: url(/images/design/btn-main-l.png) no-repeat left, url(/images/design/btn-main-r.png) no-repeat right, url(/images/design/btn-main-m.png) repeat-x center;
	color: #8f9b9d;
	display: inline-block;
	font-family: chaos2, arial, verdana, tahoma, sans-serif;
	font-size: 20px;
	height: 35px;
	line-height: 35px;
	margin-top: 4px;
	text-decoration: none;
	white-space: nowrap;
	width: 100%;
}

.btn-main .url.grey {
	color: #566567 !important;
}

input {
	background: url(/images/design/input-lr.png) no-repeat left, url(/images/design/input-m.png) no-repeat right, url(/images/design/input-lr.png) repeat-x center;
	height: 24px;
	min-width: 180px;
}

.pst-absolute {
	position: absolute;
}

.pgr-bckgr {
	background: url(/images/design/pgrbar-l.png) no-repeat left, url(/images/design/pgrbar-r.png) no-repeat right, url(/images/design/pgrbar-main-m.png) repeat-x;
	height: 8px;
	position: relative;
	z-index: 100;
}

.pgr-bar {
	background: url(/images/design/pgrbar-in-grey.png) repeat-x;
	height: 8px;
	position: relative;
	width: 100%;
	z-index: 3;
}

.pgr-yell {
	background: url(/images/design/pgrbar-in-yell.png) repeat-x;
	height: 8px;
	position: relative;
	z-index: 3;
}

.pgr-green {
	background: url(/images/design/pgrbar-in-green.png) repeat-x;
	height: 8px;
	position: relative;
	z-index: 3;
}

.pgr-red {
	background: url(/images/tower/red.png) repeat-x;
	height: 8px;
	position: relative;
	z-index: 3;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.res {
	line-height: 32px;
}

img.icon {
	border-spacing: 0;
	margin: 0;
	padding: 0;
	position: relative;
	top: -1px;
	vertical-align: middle;
}

img.icon-ny {
	background: url(/images/event/rewards/golden-line.jpg) center no-repeat;
	left: 32px;
	position: relative;
	top: -64px;
}

img.icon-menu-left {
	border-spacing: 0;
	margin: 0;
	padding: 0;
	position: relative;
	top: 2px;
	vertical-align: middle;
}

img.icon-menu-right {
	border-spacing: 0;
	margin: 0;
	padding: 0;
	position: relative;
	right: 8px;
	top: 1px;
	vertical-align: middle;
}

.hint {
	display: block;
	height: 80px;
	margin: 0 auto 17px;
	max-width: 360px;
	position: relative;
	text-align: left;
}

.hint .bot {
	left: 3%;
	position: absolute;
	top: 0;
	z-index: 2;
}

.hint .border {
	background: url(/images/design/hint-r.png) no-repeat right 10%, url(/images/design/hint-l.png) no-repeat left 10%, url(/images/design/hint-m.png) no-repeat 81%;
	background-clip: border-box;
	background-size: auto, auto, 90% 65px;
	height: 65px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 14px;
	width: 97%;
}

.hint .border .button_text {
	color: #76feff;
	display: inline-block;
	font-size: 13px;
	max-width: 360px;
	padding-left: 115px;
	padding-right: 10px;
	padding-top: 2px;
	text-align: left;
}

.action {
	background: url(/images/design/action-r.png) no-repeat right, url(/images/design/action-l.png) no-repeat left, url(/images/design/action-m.png) repeat-x;
	background-clip: border-box;
	height: 55px;
	margin-top: 10px;
	width: 100%;
}

.action .button_text {
	display: block;
	margin: 0 auto;
	padding-top: 15px;
	text-align: center;
}

.save {
	color: #beffff;
	text-decoration: underline;
}

.save-reward {
	color: #76feff;
	color: #76feff;
	text-decoration: none;
	text-decoration: none;
}

.gold {
	color: #eedd68;
}

.footer {
	margin-bottom: 10px;
	white-space: nowrap;
}

.footer .link {
	background: url(/images/design/main-footer-dlmtr.png) bottom no-repeat, url(/images/design/main-grad.png) 50% 100% no-repeat;
	height: 90px;
	margin-bottom: 10px;
	text-align: center;
}

.footer .middle a {
	color: #505e77;
	text-decoration: underline;
}

.footer .link a {
	display: inline-block;
	font-family: chaos2, arial, verdana, tahoma, sans-serif;
}

.footer .link .button_text {
	display: block;
}

.footer .uplink {
	background: url(/images/design/main-footer-dlmtr.png) top no-repeat, url(/images/design/main-grad-up.png) 50% 100% no-repeat;
	background-size: 100% auto;
	display: block;
	font-size: 14px;
	height: 55px;
	padding-top: 7px;
	text-align: center;
}

.w100 {
	width: 100%;
}

.w50 {
	width: 50%;
}

.w40 {
	width: 40%;
}

.w10 {
	width: 10%;
}

.header {
	display: block;
	margin-bottom: 5px;
}

.campaign {
	background: url(/images/design/campaign.jpg) top no-repeat;
	background-size: cover;
	padding-top: 10px;
	width: 100%;
}

.campaign .info {
	max-width: 330px;
	/*min-width:330px;*/
	width: 100%;
	display: flex;
	left: 50%;
	margin: 0 auto 0 -165px;
	position: relative;
	z-index: 11;
}

.campaign .boss {
	display: inline-block;
	width: 162px;
}

.campaign .boss-left {
	margin-left: -61px;
}

.campaign .boss-right {
	margin-left: 12px;
	margin-right: 3px;
}

.boss-header {
	background: url(/images/design/header-campany.png);
	background-size: cover;
	color: #fff;
	font-family: chaos2, arial, verdana, tahoma, sans-serif;
	font-size: 18px;
	height: 27px;
	left: 9px;
	margin: 0 auto;
	padding-top: 2px;
	position: absolute;
	text-align: center;
	top: -8px;
	width: 140px;
}

.boss-border {
	height: 166px;
	margin-top: -63px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.boss-border .image {
	height: 160px;
	left: 50%;
	margin-left: -82px;
	position: absolute;
	top: 2px;
	width: 165px;
}

.boss-border .border {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}

.boss-hint {
	color: #8f9b9d;
	font-family: Arial, serif;
	font-size: 16px;
	position: absolute;
	text-align: center;
	top: 151px;
	width: 100%;
}

.boss-hint-text {
	bottom: 0;
	height: 13px;
	left: 50%;
	margin-left: -76px;
	position: absolute;
	top: -25px;
	width: 141px;
}

.campaign .boss-image {
	left: 0;
	position: absolute;
	top: -20px;
	z-index: 0;
}

.campaign .boss-image-rgt {
	position: absolute;
	right: 0;
	top: -20px;
	z-index: 0;
}

.back-street-enter {
	height: 90px;
	margin: 0 auto;
	max-width: 322px;
	/*min-width:323px;*/
	width: 100%;
	position: relative;
	top:8px;
	z-index: 11;
}

.main-clanwar:after {
	content: "";
	display: block;
	height: 84px;
	margin-left: 43px;
	margin-right: 43px;
	margin-top: -22px;
}

.campaign .save-choose {
	height: 84px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -12px;
	max-width: 322px;
	min-width: 323px;
	position: relative;
	width: 100%;
}

.campaign .save-choose:after {
	background: url(/images/bosses/back-street/back/rc.png) left top repeat-x;
	content: "";
	display: block;
	height: 84px;
	margin-left: 43px;
	margin-right: 43px;
	margin-top: -48px;
}

.campaign .back-street-boss .image {
	left: 0;
	position: absolute;
	top: 0;
	z-index: 1;
}

.campaign .back-street-boss .border {
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 2;
}

.campaign .back-street-name {
	color: #fff;
	font-family: chaos2, arial, verdana, tahoma, sans-serif;
	font-size: 16px;
	position: relative;
	right: 21px;
	text-align: right;
	top: 10px;
	z-index: 3;
}

.campaign .save-name {
	color: #fff;
	font-family: chaos2, arial, verdana, tahoma, sans-serif;
	font-size: 14px;
	position: relative;
	right: 21px;
	text-align: right;
	top: 0;
	z-index: 3;
}

.campaign .save-name2 {
	color: #fff;
	font-family: chaos2, arial, verdana, tahoma, sans-serif;
	font-size: 14px;
	position: relative;
	right: 22px;
	text-align: right;
	top: -12px;
	z-index: 3;
}

.campaign .back-street-name-new {
	height: 22px;
	left: 21px;
	position: relative;
	text-align: left;
	top: 0;
	z-index: 3;
}

.campaign .back-street-name-text {
	color: #fff;
	font-family: chaos2, arial, verdana, tahoma, sans-serif;
	font-size: 16px;
}

.campaign .back-street-hint {
	color: #8f9b9d;
	font-size: 14px;
	margin: 0 auto;
	position: absolute;
	right: 9px;
	text-align: right;
	top: 37px;
	z-index: 3;
}

.campaign .back-street-hint-new {
	color: #5f5f5f;
	font-size: 14px;
	left: 15px;
	margin: 0 auto;
	position: absolute;
	text-align: center;
	top: 28px;
	width: 130px;
	z-index: 3;
}

.campaign .back-street-energy {
	color: #337ab7;
	font-size: 14px;
	position: absolute;
	right: 4px;
	text-align: center;
	top: 57px;
}

.btn-fight {
	background: url(/images/design/btn-blue-r.png) no-repeat right, url(/images/design/btn-blue-l.png) no-repeat left, url(/images/design/btn-blue-m.png) repeat-x;
	height: 36px;
	margin: 0 auto;
	max-width: 360px;
	position: relative;
	width: 100%;
}

.btn-grey {
	background: url(/images/design/grey-btn-r.png) no-repeat right, url(/images/design/grey-btn-l.png) no-repeat left, url(/images/design/grey-btn-m.png) repeat-x;
	height: 36px;
	margin: 0 auto;
	max-width: 360px;
	position: relative;
	width: 100%;
}

.btn-lose {
	background: url(/images/design/btn-lose-r.png) no-repeat right, url(/images/design/btn-lose-l.png) no-repeat left, url(/images/design/btn-lose-m.png) no-repeat 40px 0;
	background-size: auto, auto, 108px 36px;
	height: 36px;
	margin: 0 auto;
	max-width: 360px;
	position: relative;
	text-align: center;
	width: 188px;
}

.lose-shop {
	font-size: 16px;
	margin-bottom: 2px;
	text-align: center;
}

.lose-text {
	left: 50%;
	margin-left: -125px;
	position: absolute;
	text-align: center;
	top: 306px;
	width: 250px;
}

.lose-text .button_text {
	color: #FFF;
	font-family: chaos2, arial, verdana, tahoma, sans-serif;
	font-size: 18px;
	margin-bottom: 10px;
}

.btn-lose.mentor {
	top: 232px;
}

.lose-mentor {
	font-size: 16px;
	position: relative;
	text-align: center;
	top: 228px;
}

.btn-lose.train {
	top: 116px;
}

.lose-train {
	font-size: 16px;
	position: relative;
	text-align: center;
	top: 114px;
}

.btn-lose .button_text {
	color: #beffff;
	font-family: chaos2, arial, verdana, tahoma, sans-serif;
	font-size: 20px;
	line-height: 36px;
}

.btn-yell {
	background: url(/images/design/btn-yell-r.png) no-repeat right, url(/images/design/btn-yell-l.png) no-repeat left, url(/images/design/btn-yell-m.png) repeat-x;
	height: 39px;
	margin: 0 auto;
	max-width: 360px;
	position: relative;
	width: 100%;
}

.btn-yell .button_text {
	color: #FFF;
	font-family: chaos2, arial, verdana, tahoma, sans-serif;
	font-size: 16px;
	line-height: 39px;
}

.top-38 {
	top: -38px;
}

.btn-fight .button_text {
	color: #beffff;
	font-family: chaos2, arial, verdana, tahoma, sans-serif;
	font-size: 20px;
	line-height: 35px;
}

.btn-fight .text-small {
	color: #beffff;
	font-family: chaos2, arial, verdana, tahoma, sans-serif;
	font-size: 17px;
	line-height: 35px;
}

.btn-grey .button_text {
	color: #5f5f5f !important;
	font-family: chaos2, arial, verdana, tahoma, sans-serif;
	font-size: 20px;
	line-height: 35px;
}

.btn-grey .text-small {
	color: #5f5f5f !important;
	font-family: chaos2, arial, verdana, tahoma, sans-serif;
	font-size: 17px;
	line-height: 35px;
}

.profile-brd {
	background: url(/images/design/profile-brd2.png) bottom left no-repeat, url(/images/design/profile-brd1.png) bottom right no-repeat, url(/images/design/profile-brd3.png) top left no-repeat, url(/images/design/profile-brd4.png) top right no-repeat, url(/images/design/profile-brd-l.png) left repeat-y, url(/images/design/profile-brd-r.png) right repeat-y, url(/images/design/profile-brd-t.png) bottom repeat-x, url(/images/design/profile-brd-b.png) top repeat-x;
	font-size: 16px;
	width: 100%;
}

.profile-brd .button_text {
	color: #8f9b9d;
	padding: 8px;
}

.profile-back {
	background-size: cover;
	height: 435px;
	margin-top: -39px;
	max-height: 435px;
	overflow: hidden;
	width: 100%;
}

.profile-slot {
	background: url(/images/design/profile-slot.jpg) no-repeat;
	height: 84px;
	margin-bottom: 10px;
	width: 51px;
}

.profile-maneken {
	left: 50%;
	margin-left: -160px;
	margin-top: 40px;
	position: absolute;
}

.profile-text {
	color: #fff;
	font-size: 15px;
	left: 50%;
	line-height: 15px;
	margin-left: -160px;
	margin-top: 40px;
	padding-top: 4px;
	position: absolute;
	text-align: center;
	width: 320px;
}

.profile-slots-l {
	float: left;
	margin-left: 5px;
	position: relative;
	top: 67px;
}

.profile-slots-r {
	margin-right: 5px;
	margin-top: 40px;
	position: absolute;
	right: 0;
	top: 30px;
}

.profile-amulet {
	height: 55px;
}

.cards-back {
	background-size: cover;
	height: 100px;
	width: 100%;
}

.cards {
	display: table;
	margin: 0 auto;
}

.card-view {
	background: url(/images/design/board-card.png) no-repeat center;
	background-size: 100% 141px;
	height: 141px;
	margin-left: 2%;
	width: 96%;
}

.card-image {
	display: inline-block;
	float: left;
	height: auto;
	left: 0;
	position: relative;
	top: 0;
}

.card-image-in {
	left: 0;
	position: relative;
	top: 0;
}

.card-image-view {
	float: left;
	margin-left: 4px;
	margin-top: 4px;
	width: 102px;
}

.card-info {
	background: url(/images/design/board-card-back.png) no-repeat center;
	height: 140px;
	margin-left: 108px;
	position: relative;
	width: 222px;
}

.card-info-text {
	color: #8f9b9d;
	font-size: 16px;
	padding-left: 26px;
	padding-top: 24px;
}

.card-level-up {
	background-color: #000;
	height: 48px;
	left: 50%;
	margin-left: -132px;
	position: relative;
	top: -25px;
	width: 258px;
}

.card-image-school {
	font-family: chaos2, arial, verdana, tahoma, sans-serif;
	font-size: 14px;
	left: 26px;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	text-align: left;
	top: 2px;
	width: 70px;
}

.card .quality {
	bottom: 3px;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	text-align: center;
	top: 77px;
	width: 85px;
}

.card-image .up {
	bottom: 3px;
	left: 28px;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	text-align: center;
	width: 70px;
}

.school1 {
	color: #ffac4b !important;
}

.school2 {
	color: #d4ff58 !important;
}

.school3 {
	color: #8fecff !important;
}

.attack-button {
	background: url(/images/fight/button-fight.png) center center no-repeat;
	display: inline-block;
	height: 49px;
	line-height: 49px;
	position: relative;
	width: 319px;
}

.attack-button .w {
	float: left;
	margin-left: 25px;
	width: 270px;
}

.attack-button .progress {
	background: url(/images/fight/button-fight-p.png) no-repeat right, url(/images/fight/button-fight-full.png) no-repeat left;
	height: 50px;
	left: 0;
	line-height: 50px;
	overflow: hidden;
	position: relative;
	right: 0;
}

.attack-button .button_text {
	color: #8fecff;
	font-family: chaos2, arial, verdana, tahoma, sans-serif;
	font-size: 20px;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	right: 0;
	text-align: center;
	top: 2px;
	width: 70px;
}

.boss-main {
	margin-bottom: 15px;
	position: relative;
}

.boss-back {
	height: 270px;
	overflow: hidden;
	position: relative;
}

.boss-back-image {
	background: url(/images/bosses/fight-back1.jpg) no-repeat;
	height: 270px;
	left: 50%;
	margin-left: -230px;
	position: absolute;
	width: 460px;
}

.splash {
	opacity: 0;
	position: absolute;
}

.passive-skill-rage {
	opacity: 0;
	position: absolute;
	top: 5%;
	background: url(/images/fight/passiveSkills/rage.png);
	width: 460px;
	height: 284px;
}

.passive-skill-breakout {
	opacity: 0;
	position: absolute;
	top: 5%;
	background: url(/images/fight/passiveSkills/breakout.png);
	width: 460px;
	height: 284px;
}

.passive-skill-attackAround {
	opacity: 0;
	position: absolute;
	top: 5%;
	background: url(/images/fight/passiveSkills/attackAround.png);
	width: 460px;
	height: 284px;
}

.passive-skill-block {
	opacity: 0;
	position: absolute;
	top: 5%;
	background: url(/images/fight/passiveSkills/block.png);
	width: 460px;
	height: 284px;
}

.passive-skill-protection {
	opacity: 0;
	position: absolute;
	top: 5%;
	background: url(/images/fight/passiveSkills/protection.png);
	width: 460px;
	height: 284px;
}

.passive-skill-parry {
	opacity: 0;
	position: absolute;
	top: 5%;
	background: url(/images/fight/passiveSkills/parry.png);
	width: 460px;
	height: 284px;
}

.pvp_ava {
	display: block;
	height: 304px;
	left: 50%;
	margin-left: -230px;
	overflow: hidden;
	position: absolute;
	top: 1px;
	width: 460px;
}

.dead {
	left: 50%;
	margin-left: -244px;
	opacity: 0;
	position: absolute;
	top: -50px;
}

.respawn {
	left: 50%;
	margin-left: -220px;
	position: absolute;
	top: 2px;
}

.respawn_text {
	left: 50%;
	margin-left: -58px;
	position: absolute;
	top: 198px;
	font-size: 18px;
}

#respawn {
	/*opacity: 0;*/
}

.dead_backstreet {
	left: 50%;
	margin-left: -244px;
	opacity: 0;
	position: absolute;
	top: 0;
}

.boss-fight-info {
	background: url(/images/bosses/boss-back.png) repeat-y left;
	background-size: cover;
	color: #e82d2c;
	font-family: chaos2, arial, verdana, tahoma, sans-serif;
	font-size: 14px;
	height: 32px;
	left: 0;
	position: absolute;
	text-align: left;
	top: 0;
	width: 100%;
}

.my-fight-info {
	background: url(/images/fight/fight-player-back.png) no-repeat left;
	background-size: cover;
	bottom: 4px;
	color: #6085ad;
	font-family: chaos2, arial, verdana, tahoma, sans-serif;
	font-size: 14px;
	height: 32px;
	left: 0;
	position: absolute;
	text-align: left;
	width: 100%;
}

.lft {
	text-align: left;
}

.rgt {
	text-align: right;
}

.pgr-fight {
	background: url(/images/design/pgr-fight-l.png) no-repeat left, url(/images/design/pgr-fight-r.png) no-repeat right, url(/images/design/pgr-fight-m.png) repeat-x;
	height: 8px;
	padding-left: 4px;
	padding-right: 2px;
	position: relative;
}

.pgr-fight-damage {
	background: url(/images/design/progress-damage.png) repeat-x;
	float: left;
	height: 8px;
	position: relative;
}

.pgr-fight-health {
	background: url(/images/design/progress-hp.png) repeat-x;
	float: left;
	height: 8px;
	position: relative;
}

.fight-damage {
	color: #FFF;
	margin-right: 5px;
}

.fight-health {
	margin-right: 10px;
}

.fight-log-my {
	color: #3ead02;
}

.fight-log-boss {
	color: #a92827;
}

.fight-log {
	color: #303c4e;
	font-family: chaos2, arial, verdana, tahoma, sans-serif;
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 2px;
	white-space: nowrap;
}

.lh {
	line-height: 31px;
}

.disable:after {
	background-color: rgba(0, 0, 0, 0.5);
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

#reward {
	-moz-transform: scale(.1);
	-ms-transform: scale(.1);
	-o-transform: scale(.1);
	-webkit-transform: scale(.1);
	opacity: 0;
	transform: scale(.1);
}

.win-head {
	background: url(/images/widgets/win/head.png) no-repeat center 48px, url(/images/widgets/win/background.png) no-repeat center 152px;
	background-size: auto, auto, auto, 7px 191px, 7px 191px;
	height: 367px;
	left: 0;
	position: absolute;
	top: 0;
	width: 360px;
}

.trophy-head {
	background: url(/images/widgets/trophie/back.png) no-repeat center 48px, url(/images/widgets/win/background.png) no-repeat center 152px;
	background-size: auto, auto, auto, 7px 191px, 7px 191px;
	height: 367px;
	left: 0;
	position: absolute;
	top: 9px;
	width: 360px;
}

.trophy-head img {
	left: 125px;
	position: relative;
	top: 38px;
}

.light {
	left: 0;
	margin-left: auto;
	margin-right: auto;
	opacity: 0;
	position: fixed;
	right: 0;
	top: -12px;
	z-index: 10;
}

.win .button {
	text-align: center;
	top: 150px;
	width: 150px;
	z-index: 1;
}

.trophy .button {
	text-align: center;
	top: 108px;
	width: 150px;
	z-index: 1;
}

.reward-back {
	background: rgba(0, 0, 0, 1);
	bottom: 0;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 12;
}

.lose-head {
	background: url(/images/widgets/lose/head.png) no-repeat center 48px, url(/images/widgets/lose/background.png) no-repeat center 118px;
	background-size: auto, auto, auto, 7px 191px, 7px 191px;
	height: 450px;
	left: 0;
	position: absolute;
	top: 0;
	width: 360px;
}

.lose .button {
	text-align: center;
	top: 175px;
	width: 174px;
	z-index: 1;
}

.levelup-head {
	background: url(/images/widgets/levelup/head.png) no-repeat center 48px, url(/images/widgets/levelup/background.png) no-repeat 40px 123px;
	background-size: auto, auto, auto, 7px 191px, 7px 191px;
	height: 450px;
	left: 0;
	position: absolute;
	top: 0;
	width: 360px;
}

.levelup .button {
	text-align: center;
	top: 196px;
	width: 174px;
	z-index: 1;
}

.reward-text {
	color: #FFF;
	font-family: chaos2, arial, verdana, tahoma, sans-serif;
	font-size: 20px;
	left: 50%;
	margin-left: -87px;
	position: relative;
	text-align: center;
	width: 174px;
	z-index: 10;
}

.trophy .reward-text {
	top: 122px;
}

.trophy .reward-text2 {
	color: #efdc7a;
	font-family: chaos2, arial, verdana, tahoma, sans-serif;
	font-size: 16px;
	left: 50%;
	margin-left: -79px;
	position: relative;
	text-align: center;
	top: 9px;
	width: 174px;
	z-index: 10;
}

.win .reward-text {
	top: 142px;
}

.trophy .reward-res {
	left: 0;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
	top: 119px;
}

.lose .reward-text {
	top: 139px;
}

.levelup .reward-text {
	top: 138px;
}

.levelup .reward-res {
	left: 0;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
	top: 169px;
	width: 270px;
}

.levelup .reward-res2 {
	color: #FFF;
	font-family: Munchkin, serif;
	font-size: 30px;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
	top: 136px;
	width: 270px;
}

.win-reward-log {
	display: none;
	position: relative;
	top: 190px;
}

.reward-log {
	display: none;
	position: relative;
	top: 181px;
}

.chain2 {
	display: none;
	left: 84px;
	position: absolute;
	top: 30px;
	width: 33px;
}

.chain1 {
	display: none;
	left: 86px;
	position: absolute;
	top: 4px;
}

.chain3 {
	display: none;
	left: 86px;
	position: absolute;
	top: 73px;
}

.arrow_down {
	-moz-animation: arrow-motion 500ms ease-in 0ms infinite alternate;
	-o-animation: arrow-motion 500ms ease-in 0ms infinite alternate;
	-webkit-animation: arrow-motion 500ms ease-in 0ms infinite alternate;
	background-image: url(/images/design/arrow_down.png);
	height: 61px;
	left: 0;
	position: absolute;
	top: 0;
	width: 48px;
	z-index: 10;
}

.arrow_up {
	-moz-animation: arrow-motion 500ms ease-in 0ms infinite alternate;
	-o-animation: arrow-motion 500ms ease-in 0ms infinite alternate;
	-webkit-animation: arrow-motion 500ms ease-in 0ms infinite alternate;
	animation: arrow-motion 500ms ease-in 0ms infinite alternate;
	background-image: url(/images/design/arrow_down.png);
	height: 61px;
	left: 0;
	position: absolute;
	top: 0;
	width: 48px;
	z-index: 10000;
}

.campaign-back {
	background-size: cover;
	height: 465px;
	margin: 0 auto;
}

.campaign_exit {
	color: #5f5f5f;
	height: 170px;
	padding-top: 113px;
	position: absolute;
	text-align: center;
	top: 41px;
	width: 160px;
}

.cexit1 {
	padding-top: 120px;
}

a.campaign_exit {
	color: #5f5f5f;
	text-decoration: none;
}

.campaign1 {
	color: #fddbaa;
	font-size: 16px;
	left: 30%;
	padding-bottom: 16px;
	padding-top: 148px;
	position: absolute;
	text-align: center;
	top: 5px;
	width: 284px;
}

.campaign2 {
	color: #fddbaa;
	font-size: 16px;
	left: 10%;
	padding-bottom: 16px;
	padding-top: 135px;
	position: absolute;
	text-align: center;
	top: 223px;
	width: 284px;
}

a.campaign1, a.campaign2, a.clan_boss_in {
	color: #fddbaa;
	text-decoration: none;
}

.campaign-back .info {
	margin: 45px auto 5px;
	padding-bottom: 10px;
	position: relative;
	white-space: nowrap;
	width: 176px;
}

.main-head {
	background: url(/images/design/main-head.png) no-repeat center;
	background-size: 100% 100%;
	color: #5e7690;
	font-family: chaos2, arial, verdana, tahoma, sans-serif;
	font-size: 22px;
	height: 35px;
	line-height: 37px;
	margin: 0 auto;
	text-align: center;
	white-space: nowrap;
	width: 100%;
}

.campaign-boss1 {
	color: #67728a;
	font-family: chaos2, arial, verdana, tahoma, sans-serif;
	font-size: 20px;
	margin-top: 15px;
	text-align: center;
}

.campaign-boss2 {
	color: #be4545;
	font-family: chaos2, arial, verdana, tahoma, sans-serif;
	font-size: 20px;
	margin-top: 15px;
	text-align: center;
}

.campaign-time {
	color: #8f9b9d;
	font-family: chaos2, arial, verdana, tahoma, sans-serif;
	font-size: 20px;
	margin-top: -32px;
	position: relative;
	z-index: 4;
}

.campaign-link {
	position: relative;
	top: 5px;
}

.brd-item {
	background: url(/images/design/brd-item-shadow.png) no-repeat center 20px;
	min-height: 100px;
	width: 100%;
}

.item-name {
	color: #8f9b9d;
	font-family: chaos2, arial, verdana, tahoma, sans-serif;
	font-size: 20px;
	text-align: center;
}

.back-school {
	font-size: 12px;
	height: 15px;
	line-height: 15px;
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: center;
}

.back-school1 {
	background: url(/images/design/back-school1.png) no-repeat center;
	color: #9a372c;
}

.back-school2 {
	background: url(/images/design/back-school2.png) no-repeat center;
	color: #667428;
}

.back-school3 {
	background: url(/images/design/back-school3.png) no-repeat center;
	color: #455479;
}

.drop {
	left: 0;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	right: 0;
	top: 45px;
}

.main-hint {
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: center;
}

.train-school {
	height: 86px;
	margin: 8px auto 0;
	max-width: 460px;
	white-space: nowrap;
}

.train-school1 {
	background: url(/images/shop/trainback1.png) no-repeat 43px 0;
}

.train-school2 {
	background: url(/images/shop/trainback2.png) no-repeat 43px 0;
}

.train-school3 {
	background: url(/images/shop/trainback3.png) no-repeat 43px 0;
}

.train-school-dodge {
	background: url(/images/shop/trainbackdodge.png) no-repeat 43px 0;
}

.train-main {
	margin: 0 auto;
	width: 320px;
}

.grey {
	color: #bec2cc !important;
}

.btn-back {
	background: url(/images/buttons/btn-back-l.png) left center no-repeat, url(/images/buttons/btn-back-r.png) right center no-repeat;
	color: #8f9b9d;
	display: block;
	float: none;
	font-size: 18px;
	height: 48px;
	margin-left: -6px;
	margin-right: -6px;
	margin-top: 7px;
	overflow: hidden;
	position: relative;
	text-align: left;
	text-decoration: none;
}

.btn-back:after {
	background: url(/images/buttons/btn-back-arrow.png) left center no-repeat, url(/images/buttons/btn-back-gr.png) left center repeat-x;
	content: "";
	display: block;
	height: 48px;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: -37px;
}

.btn-clear-mail {
	background: url(/asset/img/_screen7/menu_btn_01.png) left center no-repeat, url(/asset/img/_screen7/menu_btn_05.png) right center no-repeat;
	color: #8f9b9d;
	display: block;
	float: none;
	font-size: 18px;
	height: 35px;
	margin-left: -6px;
	margin-right: -6px;
	margin-top: 7px;
	max-width: 460px;
	overflow: hidden;
	position: relative;
	text-align: left;
	text-decoration: none;
}

.btn-clear-mail:after {
	background: url(/images/icons/i.png) left center no-repeat, url(/asset/img/_screen7/menu_btn_03.png) left center repeat-x;
	content: "";
	display: block;
	height: 48px;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: -37px;
}

.amulet {
	max-width: 187px;
	width: 100%;
}

.amulet-info {
	color: #8f9b9d;
	margin: 3px auto 0;
	text-align: left;
	white-space: nowrap;
	width: 50%;
}

.campaign-tasks {
	line-height: 14px;
	margin: 0 auto;
	text-align: center;
	width: 92px;
}

.exit1 {
	padding-top: 6px;
}

.exit2 {
	padding-top: 0;
}

.card-reward {
	max-height: 139px;
	margin: 0 auto;
	padding-right: 4px;
	padding-top: 13px;
	width: 221px;
}

.card-reward-update {
	height: 160px;
	margin: 0 auto;
	padding-right: 4px;
	padding-top: 13px;
	width: 221px;
}

.card-reward-school {
	position: relative;
	top: -93px;
}

.new-card-text {
	background: url(/images/cards/new_card.jpg) no-repeat center;
	color: #fff;
	font-size: 18px;
	height: 65px;
	line-height: 22px;
	margin: 8px auto 0;
	padding-left: 67px;
	padding-top: 8px;
	width: 220px;
}

.reward-res-one {
	background: url(/images/widgets/res.png) no-repeat center;
	font-size: 18px;
	height: 80px;
	padding-top: 2px;
	width: 80px;
}

.reward-res-ones {
	display: table;
	margin: 0 auto;
	padding-bottom: 10px;
	padding-top: 17px;
	position: relative;
}

.popup {
	background: url(/images/popup/popup_big_wom.png) left center no-repeat, url(/images/popup/popup_big_1.jpg) left center no-repeat, url(/images/popup/popup_big_3.jpg) right center no-repeat;
	color: #8f9b9d;
	display: block;
	float: none;
	font-size: 18px;
	height: 114px;
	margin-bottom: 2px;
	margin-top: 2px;
	overflow: hidden;
	position: relative;
	text-align: left;
	text-decoration: none;
}

.popup .button_text {
	padding-left: 103px;
	padding-top: 4px;
}

.popup .text2 {
	height: 120px;
	margin: 0 auto;
	min-width: 268px;
	width: 100%;
}

.popup .text3 {
	line-height: 13px;
	margin: 0 auto;
}

.popup .text5 {
	width: 171px;
}

.popup:after {
	background: url(/images/popup/popup_big_2.jpg) left center repeat-x;
	content: "";
	display: block;
	height: 114px;
	margin-left: 148px;
	margin-right: 93px;
	margin-top: -124px;
}

.popup2 {
	background: url(/images/popup/popup_blue_1.jpg) left center no-repeat, url(/images/popup/popup_blue_3.jpg) right center no-repeat;
	color: #8f9b9d;
	display: block;
	float: none;
	font-size: 18px;
	height: 92px;
	margin-bottom: 2px;
	margin-top: 2px;
	overflow: hidden;
	position: relative;
	text-align: left;
	text-decoration: none;
}

.popup2:after {
	background: url(/images/popup/popup_blue_2.jpg) left center repeat-x;
	content: "";
	display: block;
	height: 92px;
	margin-left: 81px;
	margin-right: 80px;
	margin-top: -25px;
}

.popup3 {
	background: url(/images/popup/popup_red_1.jpg) left center no-repeat, url(/images/popup/popup_red_3.jpg) right center no-repeat;
	color: #8f9b9d;
	display: block;
	float: none;
	font-size: 18px;
	height: 52px;
	margin-bottom: 2px;
	margin-top: 2px;
	overflow: hidden;
	position: relative;
	text-align: left;
	text-decoration: none;
}

.popup3 .text5 {
	margin-top: -3px;
	padding-top: 18px;
}

.popup3:after {
	background: url(/images/popup/popup_red_2.jpg) left center repeat-x;
	content: "";
	display: block;
	height: 52px;
	margin-left: 73px;
	margin-right: 74px;
	margin-top: -25px;
}

.popup4 {
	background: url(/images/popup/popup_blue2_1.jpg) left center no-repeat, url(/images/popup/popup_blue2_2.jpg) right center no-repeat;
	color: #8f9b9d;
	display: block;
	float: none;
	font-size: 18px;
	height: 52px;
	margin-bottom: 0;
	margin-top: 0;
	overflow: hidden;
	position: relative;
	text-align: left;
	text-decoration: none;
}

.popup4 .text5 {
	color: #fff;
	font-size: 20px;
	margin-top: -3px;
	padding-top: 16px;
	text-decoration: none;
}

.popup4:after {
	background: url(/images/popup/popup_blue2_3.jpg) left center repeat-x;
	content: "";
	display: block;
	height: 52px;
	margin-left: 93px;
	margin-right: 93px;
	margin-top: -25px;
}

.popup5 {
	background: url(/images/popup/popup_violet_1.jpg) left center no-repeat, url(/images/popup/popup_violet_2.jpg) right center no-repeat;
	color: #8f9b9d;
	display: block;
	float: none;
	font-size: 18px;
	height: 92px;
	margin-bottom: -7px;
	margin-top: -7px;
	overflow: hidden;
	position: relative;
	text-align: left;
	text-decoration: none;
}

.popup5 .text6 {
	padding-top: 16px;
}

.popup5:after {
	background: url(/images/popup/popup_violet_3.jpg) left center repeat-x;
	content: "";
	display: block;
	height: 92px;
	margin-left: 81px;
	margin-right: 80px;
	margin-top: -25px;
}

button {
	background: none;
	border: none;
}

.profile_amulet_text {
	color: #8f9b9d;
	font-size: 18px;
	margin-top: -25px;
	text-align: center;
}

.profile_amulet_text_name {
	color: #eedd68;
	font-family: chaos2, arial, verdana, tahoma, sans-serif;
	font-size: 16px;
	position: relative;
	right: 21px;
	text-align: right;
	top: 7px;
	z-index: 3;
}

.profile_amulet_text_hint {
	color: #8f9b9d;
	font-size: 14px;
	position: absolute;
	right: 21px;
	text-align: right;
	top: 34px;
	width: 200px;
	z-index: 3;
}

.profile_amulet {
	height: 84px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 100%;
}

.btn-y {
	background: url(/images/buttons/btn-y-l.png) left top no-repeat, url(/images/buttons/btn-y-r.png) right top no-repeat;
	color: #68fffe;
	display: block;
	float: none;
	font-size: 18px;
	height: 36px;
	line-height: 34px;
	margin: 5px auto;
	max-width: 420px;
	overflow: hidden;
	position: relative;
	text-align: center;
	text-decoration: none;
}

.btn-y:after {
	background: url(/images/buttons/btn-y-m.png) left top repeat-x;
	content: "";
	display: block;
	height: 36px;
	margin-left: 46px;
	margin-right: 46px;
	margin-top: -34px;
}

.btn-f {
	background: url(/images/buttons/btn-f-l.png) left top no-repeat, url(/images/buttons/btn-f-r.png) right top no-repeat;
	color: #68fffe;
	display: block;
	float: none;
	font-size: 18px;
	height: 41px;
	line-height: 39px;
	margin: 5px auto;
	max-width: 420px;
	overflow: hidden;
	position: relative;
	text-align: center;
	text-decoration: none;
}

.btn-f:after {
	background: url(/images/buttons/btn-f-m.png) left top repeat-x;
	content: "";
	display: block;
	height: 41px;
	margin-left: 14px;
	margin-right: 14px;
	margin-top: -39px;
}

.row-gold {
	margin: 12px auto 24px;
	max-width: 327px;
}

.row-energy {
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	width: 327px;
}

.w33 {
	width: 33%;
}

.collections {
	background: url(/images/collections/r.png) no-repeat right 99px, url(/images/collections/l.png) no-repeat left 99px;
	background-size: auto, auto;
	margin: 0 auto 36px;
	max-width: 354px;
	min-width: 320px;
	width: 100%;
}

.collections:after {
	background: url(/images/collections/c.png) repeat-x center 0;
	background-size: auto;
	content: "";
	display: block;
	height: 24px;
	margin-left: 50px;
	margin-right: 50px;
	margin-top: -48px;
}

.collection {
	font-size: 15px;
	height: 130px;
	margin-top: 13px;
	padding-top: 101px;
	text-align: center;
	width: 90px;
}

.collection_in {
	background: url(/images/collections/l_3.png) no-repeat right 4px, url(/images/collections/l_1.png) no-repeat left 4px;
	background-size: auto, auto;
	margin: 0 auto;
	max-width: 280px;
	width: 100%;
}

.collection_in:after {
	background: url(/images/collections/l_2.png) repeat-x center 0;
	background-size: auto;
	content: "";
	display: block;
	height: 24px;
	margin-left: 36px;
	margin-right: 36px;
	margin-top: -24px;
}

.equip_text_plus {
	margin-right: 2px;
	margin-top: -19px;
	text-align: right;
}

.equip_rune {
	margin-right: 0;
	margin-top: -24px;
	text-align: right;
}

.equip_rune_set {
	margin-right: -8px;
	margin-top: -35px;
	text-align: right;
}

.equip_profile_rune_set {
	margin-right: -8px;
	margin-top: 3px;
	position: relative;
	text-align: right;
	top: 49px;
}

.equip_profile_rune {
	margin-right: 1px;
	margin-top: 3px;
	position: relative;
	text-align: right;
	top: 60px;
}

.boss-stigma {
	position: relative;
	text-align: center;
	top: 100px;
	z-index: 10;
}

.buble_tutor {
	background: url(/images/design/bubble_03.png) no-repeat center;
	color: #000;
	display: block;
	font-family: Munchkin;
	font-size: 13px;
	height: 88px;
	left: 48%;
	line-height: 18px;
	margin: 8px auto 0;
	padding-left: 28px;
	padding-top: 11px;
	position: absolute;
	top: 10%;
	width: 220px;
	z-index: 10;
}

.inbl, .footer .link img {
	display: inline-block;
}

.center, .footer .middle {
	text-align: center;
}

.clr-white, .school1off, .school2off, .school3off {
	color: #8f9b9d !important;
}

.pl5, .btn-main .url {
	padding-left: 5px;
}

.pst-relative, .disable {
	position: relative;
}

.text-typing-value, .first-log {
	display: none;
}

a.boss, a.boss-hint {
	color: #8f9b9d;
	text-decoration: none;
}

.back-street, .main-clanwar {
	height: 84px;
	max-width: 322px;
	/*min-width:323px;*/
	width: 100%;
	position: absolute;
}

.back-street:after, .profile_amulet:after {
	background: url(/images/bosses/back-street/back/rc.png) left top repeat-x;
	content: "";
	display: block;
	height: 84px;
	margin-left: 43px;
	margin-right: 43px;
	margin-top: -22px;
}

.boss-name, .fight-name {
	font-size: 18px;
	margin-left: 7px;
}

.margin-auto, .popup2 .text5, .popup5 .text5 {
	margin: 0 auto;
}

.win, .trophy, .lose, .levelup {
	height: 100%;
	left: 50%;
	margin-left: -180px;
	overflow-x: hidden;
	overflow-y: auto;
	position: fixed;
	top: 0;
	width: 360px;
	z-index: 20;
	-webkit-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.win .reward-res, .lose .reward-res {
	left: 0;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
	top: 156px;
	width: 270px;
}

a.campaign-link, .collection:hover {
	text-decoration: none;
}

.btn-back:hover, .btn-clear-mail:hover {
	color: #8f9b9d;
	text-decoration: none;
}

.btn-back .back-text, .btn-clear-mail .clear-mail-text {
	padding-left: 60px;
	padding-top: 12px;
}

.popup .text4, .popup2 .text4, .popup5 .text4 {
	line-height: 17px;
	margin-bottom: 13px;
}

.popup2 .text2, .popup5 .text2 {
	height: 25px;
	text-align: center;
}

.popup2 .text3, .popup5 .text3 {
	line-height: 13px;
	margin: 0 auto;
	padding-bottom: 4px;
	padding-top: 8px;
}

.popup3 .button_text, .btn-y:hover, .btn-f:hover {
	color: #68fffe;
	text-decoration: none;
}

.popup3 .text2, .popup4 .text2 {
	height: 28px;
	text-align: center;
}

.popup3 .text3, .popup4 .text3 {
	margin-top: -3px;
}

.popup3 .text4, .popup4 .text4 {
	margin-top: -14px;
}

.new_small_gift {
	position: absolute;
	right: -7px;
	top: 152px;
}

.new_small {
	position: absolute;
	right: -16px;
	top: 44px;
}

.new_small2 {
	position: absolute;
	right: -34px;
	top: 5px;
}

.new_small3 {
	position: absolute;
	right: -184px;
	top: -32px;
}

.new_small4 {
	position: relative;
	right: -56px;
	top: -24px;
}

.new_small5 {
	position: absolute;
	right: -3px;
	top: 6px;
}

.faster-btn {
	background: url(/asset/img/blue-line.png) repeat-x;
	bottom: -18px;
	cursor: pointer;
	height: 36px;
	left: 0;
	margin: 0 auto;
	max-width: 280px;
	position: absolute;
	right: 0;
	z-index: 1;
}

.faster-text {
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 7px;
}

.faster-btn p {
	color: #b7fdfd;
	font-family: "Munchkin";
	font-size: 16px;
}

.faster-btn p span {
	color: #fde87e;
	margin-left: 23px;
	position: relative;
}

.faster-btn p span:before {
	content: url('/asset/img/gold.png');
	left: -20px;
	position: absolute;
	top: -1px;
}

.faster-btn:before {
	content: url('/asset/img/left-blue.png');
}

.faster-btn:after {
	content: url('/asset/img/right-blue.png');
	position: absolute;
	right: 0;
	top: 0;
}

.newbie {
	background: url(/images/newbie/back.jpg) center center no-repeat;
	background-size: cover;
	height: 380px;
	position: relative;
}

.newbie_chapter {
	background: url(/images/newbie/back2.jpg) center center no-repeat;
	background-size: cover;
	height: 380px;
	position: relative;
}

.newbie2 {
	background: url(/images/newbie/right.png) right center no-repeat;
	background-size: initial;
	height: 380px;
	position: relative;
	right: -17px;
}

.newbie3 {
	background: url(/images/newbie/gold.png) left top no-repeat, url(/images/newbie/red.png) center bottom no-repeat;
	background-size: initial;
	height: 134px;
	margin-bottom: 10px;
	margin-top: -74px;
	position: relative;
}

.newbieCard1 {
	background: url(/images/newbie/1.jpg) right center no-repeat;
	background-size: initial;
	height: 165px;
	width: 131px;
}

.newbieCard2 {
	background: url(/images/newbie/2.jpg) right center no-repeat;
	background-size: initial;
	height: 165px;
	width: 131px;
}

.newbieCard2_3 {
	background: url(/images/newbie/2_3.jpg) right center no-repeat;
	background-size: initial;
	height: 165px;
	width: 131px;
}

.newbieCard2_4 {
	background: url(/images/newbie/2_4.jpg) right center no-repeat;
	background-size: initial;
	height: 165px;
	width: 131px;
}

.newbieCard3 {
	background: url(/images/newbie/3.jpg) right center no-repeat;
	background-size: initial;
	height: 165px;
	width: 131px;
}

.newbieCard3_3 {
	background: url(/images/newbie/3_3.jpg) right center no-repeat;
	background-size: initial;
	height: 165px;
	width: 131px;
}

.newbieCard4_3 {
	background: url(/images/newbie/4_3.jpg) center center no-repeat;
	background-size: initial;
	height: 195px;
	position: relative;
	width: 448px;
}

.newbieCard4_4 {
	background: url(/images/newbie/4_4.jpg) center center no-repeat;
	background-size: initial;
	height: 195px;
	position: relative;
	width: 448px;
}

.newbie_time {
	color: #fff;
	font-family: Munchkin;
	font-size: 22px;
	position: absolute;
	right: 60px;
	top: 65px;
}

.newbie_text1 {
	color: #fff;
	font-family: Munchkin;
	font-size: 16px;
	position: absolute;
	right: 100px;
	top: 157px;
}

.newbie_text2 {
	color: #fff;
	font-family: Munchkin;
	font-size: 32px;
	position: absolute;
	right: 53px;
	top: 189px;
}

.newbie_text3 {
	color: #efdc7a;
	font-family: Munchkin;
	font-size: 16px;
	position: absolute;
	right: 55px;
	text-align: center;
	top: 243px;
}

.newbie_text4 {
	color: #efdc7a;
	font-family: Munchkin;
	font-size: 22px;
	left: 165px;
	position: absolute;
	text-align: center;
	top: 77px;
}

.newbie_text5 {
	color: #FFF;
	font-family: Munchkin;
	font-size: 34px;
	position: absolute;
	right: 14%;
	text-align: center;
	top: 92px;
}

.old_price {
	color: #5f5f5f !important;
	text-decoration: line-through;
}

.sale_inner_content {
	height: 64px;
	left: -13px;
	max-width: 460px;
	position: relative;
}

.sale_border_img {
	background: url(/images/sale/f_left.png) left top no-repeat;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.sale_border_img:after {
	background: url(/images/sale/f_middle.png) center repeat-x, url(/images/sale/f_right.png) right top no-repeat;
	content: "";
	height: 100%;
	left: 43px;
	position: absolute;
	top: 0;
	width: 96%;
}

.sale-text {
	height: 100%;
	position: absolute;
	right: 18px;
	text-align: center;
	top: -4px;
	white-space: nowrap;
	width: 217px;
}

.sale-link {
	color: #e4f959;
	font-family: Munchkin;
	font-size: 18px;
	position: relative;
	top: 15px;
}

.sale-link:hover {
	color: #e4f959;
	text-decoration: none;
}

.sale-link2 {
	color: #fff;
	position: relative;
	top: 10px;
}

.sale-arrow {
	position: absolute;
	right: -3%;
	top: 22px;
}

.sale-plus {
	position: absolute;
	right: -26px;
	top: 1px;
}

.header-section_p {
	background: rgba(0, 0, 0, .7);
	display: flex;
	position: relative;
}

.vip_icon {
	background: url(/images/newbie/vips.png) no-repeat;
	height: 25px;
	line-height: 35px;
	margin-left: 3px;
	margin-top: 7px;
	width: 27px;
}

.b-coin_p span:nth-child(1):before {
	content: url('/asset/img/energy.png');
	left: -18px;
	position: absolute;
	top: 4px;
}

.b-coin_p span:nth-child(2):before {
	content: url('/asset/img/silver.png');
	left: -19px;
	position: absolute;
	top: 4px;
}

.b-coin_p span:nth-child(3):before {
	content: url('/asset/img/gold.png');
	left: -19px;
	position: absolute;
	top: 4px;
}

.header-section_p:after {
	border: 1px solid #423b32;
	bottom: 0;
	content: '';
	height: 5px;
	left: 8px;
	position: absolute;
	width: 98.1%;
}

.b-progress_p {
	border: 1px solid #423b32;
}

.b-coin span:nth-child(1):before {
	content: url('/asset/img/energy.png');
	left: -18px;
	position: absolute;
	top: 3px;
}

.b-coin span:nth-child(2):before {
	content: url('/asset/img/silver.png');
	left: -18px;
	position: absolute;
	top: 3px;
}

.b-coin span:nth-child(3):before {
	content: url('/asset/img/gold.png');
	left: -18px;
	position: absolute;
	top: 3px;
}

.header-section:after {
	border: 1px solid #423b32;
	bottom: 0;
	content: '';
	height: 5px;
	left: 0;
	position: absolute;
	width: 100%;
}

.b-progress--top {
	background: url(/asset/img/progress-yellow-bg.png);
	bottom: 1px;
	height: 5px;
	position: absolute;
}

.b-progress--top2 {
	height: 5px;
	left: 9%;
	position: absolute;
	right: -41px;
	top: 35px;
	width: 91%;
}

.header-section {
	background: #000;
	display: flex;
	max-width: 460px;
	position: relative;
}

.b-crown-online__border {
	background: url(/asset/img/rating-avatar-border-online.png) no-repeat;
	height: 39px;
	position: relative;
	width: 40px;
}

.b-button {
	color: #32373b;
	display: flex;
	font-family: "Munchkin", Tahoma;
	font-size: 18px;
	justify-content: center;
	margin-bottom: 5px;
	margin-top: 1px;
	margin-top: 5px;
}

.b-first__button--exper:hover {
	color: #efdc7a;
	text-decoration: none;
}

.b-first__button--school:hover {
	color: #7c8688;
	text-decoration: none;
}

.b-first__button--school {
	align-items: center;
	background: url(/asset/img/btn-back-gr.png);
	border-radius: 5px;
	color: #7c8688;
	cursor: pointer;
	cursor: pointer !important;
	display: flex;
	height: 40px;
	height: 35px;
	justify-content: center;
	margin-left: 4px;
	margin-right: 2px;
	position: relative;
	width: 48%;
	width: 49%;
	z-index: 1;
}

.b-first__button--exper {
	align-items: center;
	background: url(/asset/img/btn-back-gr.png);
	border-radius: 5px;
	color: #efdc7a;
	cursor: pointer;
	display: flex;
	height: 40px;
	height: 35px;
	justify-content: center;
	margin-left: 2px;
	margin-right: 4px;
	position: relative;
	width: 48%;
	width: 49%;
}

.price_short {
	font-family: Arial, serif;
}

.clan_invite {
	margin-bottom: 68px;
}

.clan_invite_name {
	color: #fff;
	display: inline-block;
	font-family: Munchkin, Serif;
	font-size: 22px;
	margin-top: 124px;
	text-align: center;
}

.clan_invite_level {
	color: #fceb92;
	display: inline-block;
	font-family: Munchkin, Serif;
	font-size: 22px;
	text-align: center;
}

.clan_invite_bonus_text {
	color: #fff;
	font-family: Munchkin;
	font-size: 14px;
	margin-bottom: 8px;
	margin-top: -2px;
	text-align: center;
}

.clan_invite_builds {
	text-align: center;
}

.clan_invite_green {
	color: #b5fc4a;
}

.clan_invite_text {
	color: #f7dc9b;
	font-family: Munchkin, Serif;
	font-size: 18px;
	padding-top: 7px;
	text-align: center;
	z-index: 1;
}

.clan_invite_text2 {
	color: #fff;
	font-family: Munchkin, Serif;
	font-size: 14px;
	line-height: 1px;
	margin: 0 auto;
	text-align: left;
	width: fit-content;
}

.clan_invite_decline {
	background: url(/images/clan/decline.jpg) center no-repeat;
	color: #68fffe;
	display: inline-block;
	float: left;
	font-size: 18px;
	height: 36px;
	line-height: 34px;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 130px;
}

.clan_invite_accept {
	background: url(/images/clan/accept.jpg) center no-repeat;
	color: #68fffe;
	display: inline-block;
	float: right;
	font-size: 18px;
	height: 36px;
	line-height: 34px;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 130px;
}

.hunter_avatar {
	align-items: center;
	background: url(/asset/img/hunter-avatar-border.png) no-repeat;
	display: flex;
	height: 40px;
	justify-content: center;
	margin-left: 4%;
	margin-right: 3%;
	width: 40px;
}

.pvpChange {
	position: absolute;
	right: 0;
	top: 189px;
}

.pvpMyCount {
	left: 6px;
	position: absolute;
	text-shadow: 1px 2px 2px black, 0 0 1em #000;
	top: 42px;
}

.pvpEnemyCount {
	position: absolute;
	right: 6px;
	text-shadow: 1px 2px 2px black, 0 0 1em #000;
	top: 42px;
}

.pvpDodge {
	position: absolute;
	right: 7px;
	top: 189px;
}

#tt_text {
	background: #000000c4;
	color: #fff;
	height: 71px;
	margin: 0 auto;
	padding: 5px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 27px;
	width: 189px;
	z-index: 10;
}

#vip_text {
	background: #000000c4;
	color: #fff;
	height: 71px;
	left: 58px;
	margin: 0 auto;
	padding: 5px;
	position: absolute;
	text-align: center;
	top: 27px;
	width: 189px;
	z-index: 10;
}

.main-chat-inner:after {
	background: url(/images/main/chatl.png) left no-repeat, url(/images/main/chatr.png) right no-repeat;
	content: "";
	height: 34px;
	left: 0;
	margin-top: -28px;
	position: absolute;
	width: 100%;
}

.main-chat-inner {
	border: 1px solid #333;
	font-size: 12px;
	height: 32px;
	margin-top: -6px;
	overflow: hidden;
	padding-left: 42px;
	position: relative;
	white-space: nowrap;
}

.tower_reward {
	background: url(/images/tower/find.jpg) center no-repeat;
	background-size: initial;
	height: 175px;
	margin: 0 auto;
	text-align: center;
}

.tower_doors {
	background: url(/images/tower/doors.jpg) center no-repeat;
	background-size: initial;
	height: 244px;
}

.tower_stage {
	background: url(/images/tower/stage.png) center no-repeat;
	background-size: initial;
	color: #fff;
	font-family: munchkin;
	font-size: 20px;
	height: 33px;
	text-align: center;
}

.tower_health {
	height: 5px;
	position: relative;
}

.tower_health_inner {
	height: 5px;
	position: absolute;
	width: 100%;
}

.tower_doors_inner {
	margin: 0 auto;
	position: relative;
	width: 247px;
}

.tower_door1_img {
	background: url(/images/tower/1.png) center no-repeat;
	background-size: initial;
}

.tower_door2_img {
	background: url(/images/tower/2.png) center no-repeat;
	background-size: initial;
}

.tower_door3_img {
	background: url(/images/tower/3.png) center no-repeat;
	background-size: initial;
}

.tower_door1_img.open {
	background: url(/images/tower/1_open.png) center no-repeat;
	background-size: initial;
}

.tower_door2_img.open {
	background: url(/images/tower/2_open.png) center no-repeat;
	background-size: initial;
}

.tower_door3_img.open {
	background: url(/images/tower/3_open.png) center no-repeat;
	background-size: initial;
}

.tower_door1_img.bossTower {
	background: url(/images/tower/uh.png) center no-repeat, url(/images/tower/1_open.png) center no-repeat;
	background-size: 147px 138px, auto;
}

.tower_door2_img.bossTower {
	background: url(/images/tower/uh.png) center no-repeat, url(/images/tower/2_open.png) center no-repeat;
	background-size: 147px 138px, auto;
}

.tower_door3_img.bossTower {
	background: url(/images/tower/uh.png) center no-repeat, url(/images/tower/3_open.png) center no-repeat;
	background-size: 147px 138px, auto;
}

.tower_door1 {
	height: 136px;
	left: -41px;
	position: absolute;
	top: 34px;
	width: 93px;
}

.tower_door2 {
	height: 136px;
	left: 80px;
	position: absolute;
	top: 34px;
	width: 93px;
}

.tower_door3 {
	height: 136px;
	left: 202px;
	position: absolute;
	top: 34px;
	width: 93px;
}

.tower_door1.door_open {
	height: 136px;
	left: -57px;
	position: absolute;
	top: 34px;
	width: 114px;
}

.tower_door2.door_open {
	height: 136px;
	left: 66px;
	position: absolute;
	top: 34px;
	width: 114px;
}

.tower_door3.door_open {
	height: 136px;
	left: 191px;
	position: absolute;
	top: 34px;
	width: 114px;
}

.tower_health_text {
	color: red;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
}

.tower_button {
	height: 50px;
}

.tower_menu {
	margin: 55px auto 80px;
	position: relative;
	width: 330px;
}

.tower_reward_one {
	display: inline-block;
	margin: 0 auto;
	position: relative;
	text-align: center;
	width: 56px;
}

.tower_reward_text {
	color: #8f9b9d;
	font-family: munchkin;
	font-size: 21px;
	line-height: 43px;
	position: relative;
	text-align: center;
	top: 12px;
}

.tower_reward_img {
	left: 8px;
	position: absolute;
	top: 0;
}

.tower_reward_all {
	position: relative;
	top: 21px;
}

.tower_open {
	color: #8f9b9d;
	font-family: munchkin;
	font-size: 16px;
	left: 50%;
	margin: 0 auto 0 -100px;
	position: absolute;
	text-align: center;
	width: 200px;
}

.tower_reward_plus {
	color: #22e200;
	display: none;
	font-size: 16px;
	margin: 0 auto;
	position: absolute;
	text-align: center;
	top: -20px;
	width: 56px;
}

.table-head {
	color: #3e3e3f;
	font-family: "Munchkin", Tahoma;
	font-size: 16px;
	font-weight: 400;
}

.table-block {
	align-items: center;
	display: flex;
	height: 40px;
	margin-bottom: 4px;
	margin-top: 4px;
	padding-left: 5%;
	padding-right: 5%;
}

.table-block-grey {
	background: #4b4b4b;
	background: -moz-linear-gradient(left, rgba(75, 75, 75, 0.3) 0%, rgba(28, 28, 28, 0.2) 100%);
	background: -webkit-linear-gradient(left, rgba(75, 75, 75, 0.3) 0%, rgba(28, 28, 28, 0.2) 100%);
	background: linear-gradient(to right, rgba(75, 75, 75, 0.3) 0%, rgba(28, 28, 28, 0.2) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b4b4b', endColorstr='#1c1c1c', GradientType=1);
}

.table-block-left {
	align-items: center;
	display: flex;
	width: 100%;
}

.table-block-left:hover {
	text-decoration: none;
}

.table-block-right {
	color: #818181;
	display: flex;
	font-family: Arial;
	font-size: 16px;
	justify-content: flex-end;
}

.table-block-right:hover {
	color: #686868;
	text-decoration: none;
}

.rating-place {
	align-items: center;
	background: url(/asset/img/rating-place.png) no-repeat;
	color: #818181;
	display: flex;
	font-family: Arial;
	font-size: 15px;
	height: 31px;
	justify-content: center;
	min-width: 26px;
}

.rating-first-place {
	background: url(/asset/img/rating-gold-place.png) no-repeat;
	color: #feeaad;
}

.rating-second-place {
	background: url(/asset/img/rating-place_2.png) no-repeat;
	color: #d0d5d9;
}

.rating-third-place {
	background: url(/asset/img/rating-place_3.png) no-repeat;
	color: #f3cfa0;
}

.rating-avatar {
	align-items: center;
	background: url(/asset/img/rating-avatar-border.png) no-repeat;
	display: flex;
	height: 40px;
	justify-content: center;
	margin-left: 4%;
	margin-right: 3%;
	min-width: 40px;
}

.rating-table-head {
	color: #3e3e3f;
	display: flex;
	font-family: "Munchkin", Tahoma;
	font-size: 16px;
	margin-top: 7px;
	padding-left: 3%;
	padding-right: 5%;
}

.rating-table-head-left {
	width: 48%;
}

.rating-table-head-right {
	text-align: right;
	width: 50%;
}

.location-name {
	background: #000;
	border-top: 3px solid #000;
	display: flex;
	font-size: 18px;
	height: 32px;
	justify-content: space-between;
	position: relative;
	z-index: 15;
}

.location-name:before {
	content: url('/asset/img/location-bg-left.png');
}

.location-name:after {
	content: url('/asset/img/location-bg-right.png');
}

.b-location__bg:before {
	background: url(/asset/img/line-1px-left.png) no-repeat;
	content: "";
	height: 30px;
	left: 0;
	position: absolute;
	width: 118px;
}

.b-location__bg:after {
	background: url(/asset/img/line-1px-right.png) no-repeat;
	content: "";
	height: 30px;
	position: absolute;
	right: 0;
	width: 118px;
}

.b-location__bg {
	align-items: center;
	background: url(/asset/img/line-1px.png);
	color: #007e72;
	display: flex;
	font-family: "Munchkin", Tahoma;
	height: 30px;
	justify-content: center;
	position: relative;
	width: 100%;
}

.b-location__bg span {
	z-index: 1;
}

.tower_info {
	position: absolute;
	right: 4px;
	top: 54px;
}

#energy {
	font-style: normal;
}

.gift-img img {
	height: 70px;
	margin-left: 5px;
	margin-right: 5px;
}

.gift_img_border {
	float: left;
	height: 100%;
	margin: -25px 10px;
	width: 50px;
}

.gift_info {
	color: #adadad;
	float: left;
	font-size: 13px;
	font-weight: 600;
	margin: -5px 30px;
}

.gift_grad {
	background: url(/asset/img/_screen9/equip_back_grad.png) center 20px no-repeat;
	height: 100%;
	width: 100%;
}

.gift_name {
	background: url(/asset/img/_screen9/equip_bottom_gray_border.png) center bottom no-repeat #000;
	color: #fff;
	font-size: 14px;
	margin: 0 1%;
	text-align: center;
	width: 98%;
}

#card_shade1, #card_shade2, #card_shade3 {
	background: #000;
	height: 0;
	opacity: .5;
	position: absolute;
	width: 95px;
	z-index: 3;
}

#dodge_shade {
	background-image: url(/images/pvp/dodge_grey.png);
	height: 0;
	position: absolute;
	width: 91px;
	z-index: 3;
}

.dodge_time, .change_time {
	color: #fff;
	font-family: Munchkin;
	font-size: 28px;
	height: 32px;
	position: absolute;
	text-shadow: 1px 3px 2px black, 0 0 1em #000;
	top: 27px;
	width: 92px;
	z-index: 4;
}

.dodge_text, .change_text {
	color: #efdc7a;
	font-family: Munchkin;
	font-size: 14px;
	height: 32px;
	position: absolute;
	top: 64px;
	width: 92px;
	z-index: 4;
}

#change_shade {
	background-image: url(/images/pvp/change_grey.png);
	height: 0;
	position: absolute;
	width: 91px;
	z-index: 3;
}

.ny_chest {
	background: url(/images/event/back.jpg?3) center no-repeat;
	background-size: cover;
	height: 460px;
}

.ny_tree {
	background: url(/images/event/tree.jpg?2) center no-repeat;
	background-size: initial;
	height: 460px;
}

.ny_timer {
	background: url(/images/event/timer.png) center no-repeat;
	background-size: initial;
	color: #fff;
	font-size: 16px;
	height: 35px;
	padding-left: 33px;
	padding-top: 6px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 108px;
}

.ny_snowflake {
	color: #fff;
	font-size: 16px;
	height: 35px;
	left: 7px;
	padding-top: 6px;
	position: absolute;
	text-align: center;
	top: 50px;
}

.ny_text {
	color: #fff;
	font-family: Munchkin;
	font-size: 18px;
	height: 35px;
	left: 50%;
	line-height: 18px;
	margin-left: -154px;
	padding-top: 6px;
	position: absolute;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
	top: 34px;
	width: 308px;
}

.ny_text2 {
	color: #fff;
	font-family: Munchkin;
	font-size: 23px;
	height: 35px;
	left: 50%;
	line-height: 30px;
	margin-left: -154px;
	padding-top: 6px;
	position: absolute;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
	top: 203px;
	width: 308px;
}

.ny_rating {
	color: #fff;
	font-size: 14px;
	position: absolute;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
	top: 244px;
	width: 55px;
}

.ny_info {
	color: #fff;
	font-size: 14px;
	position: absolute;
	right: 9px;
	text-shadow: 1px 1px 1px #000;
	top: 244px;
	width: 55px;
	z-index: 2;
}

.ny_reward:after {
	background: url(/images/event/rewards/golden-line.jpg) center no-repeat;
	content: "";
	height: 5px;
	left: 53px;
	position: absolute;
	top: 31px;
	width: 16px;
}

.ny_rewards {
	display: inline-flex;
	font-size: 23px;
	height: 35px;
	left: 50%;
	line-height: 30px;
	margin-left: -172px;
	padding-top: 6px;
	position: absolute;
	text-align: center;
	top: 71px;
	width: 351px;
}

.ny_in_chest {
	left: 50%;
	margin-left: -130px;
	position: absolute;
	text-align: center;
	top: 265px;
	width: 260px;
}

.ny_reward_text1 {
	color: #efdc7a !important;
	font-size: 12px;
	left: 3px;
	position: relative;
	text-align: center;
	top: -43px;
}

.ny_reward_text2 {
	color: #efdc7a !important;
	font-size: 10px;
	left: 0;
	position: relative;
	text-align: center;
	top: -54px;
}

.ny_bests {
	background: url(/images/event/bests.jpg) center no-repeat;
	background-size: initial;
	color: #fedb6f;
	font-family: Munchkin;
	font-size: 18px;
	height: 44px;
	padding-top: 9px;
	position: relative;
	text-align: center;
	width: 100%;
}

.event_stars {
	color: #fff;
	font-family: Munchkin;
	font-size: 20px;
	left: 0;
	padding-left: 19px;
	padding-top: 3px;
	position: absolute;
	text-align: center;
	top: 2px;
}

.shop_card_url {
	display: block;
	height: 172px;
	margin-top: -39px;
}

.shop_card_img {
	display: block;
	height: 161px;
	margin-top: -40px;
	width: 88px;
}

.clanwar_main_text {
	left: 12px;
	position: relative;
	top: 57px;
}

.sale_special {
	background: url(/images/sale/special2.jpg) center center no-repeat;
	background-size: cover;
	height: 434px;
	position: relative;
}

.sale_special_friday_gold {
	background: url(/images/shop/fon_03.jpg) center center no-repeat;
	background-size: cover;
	height: 540px;
	position: relative;
}

.sale_special_time {
	background: url(/images/sale/special4.png) center center no-repeat;
	background-size: cover;
	color: #fff;
	font-family: Munchkin;
	font-size: 22px;
	height: 50px;
	line-height: 22px;
	padding-left: 34px;
	padding-top: 6px;
	position: absolute;
	right: -5px;
	text-align: center;
	top: 20px;
	width: 175px;
}

.sale_special_time_name {
	color: #fbea8f;
	font-size: 16px;
}

.sale_special_text {
	color: #99f6fc;
	font-family: Munchkin;
	font-size: 32px;
	line-height: 30px;
	padding-top: 14px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 189px;
	width: 222px;
}

.sale_special_text2 {
	color: #fff;
	font-family: Munchkin;
	font-size: 20px;
	line-height: 18px;
	padding-top: 28px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 226px;
	width: 222px;
}

.sale_special_text3 {
	color: #fff;
	font-family: Arial;
	font-size: 27px;
	font-weight: 700;
	line-height: 18px;
	position: absolute;
	right: 28px;
	text-align: center;
	top: 396px;
}

.sale_special_back {
	background: url(/images/sale/special7.jpg) center center no-repeat;
	background-size: cover;
	height: 509px;
}

.sale_special1 {
	background: url(/images/sale/special5.png) right center no-repeat;
	background-size: initial;
	height: 165px;
	width: 115px;
}

.sale_special2 {
	background: url(/images/sale/special6.png) right center no-repeat;
	background-size: initial;
	height: 165px;
	width: 115px;
}

.sale_special3 {
	background: url(/images/sale/special8.png) right center no-repeat;
	background-size: initial;
	height: 165px;
	width: 115px;
}

.sale_special_text_get {
	color: #fbea8f;
	font-family: Munchkin;
	font-size: 24px;
	font-weight: 700;
	height: 48px;
	line-height: 46px;
	text-align: center;
}

.btn-sale-special {
	background: url(/images/sale/special10.png) right center no-repeat;
	background-size: initial;
	height: 36px;
	margin: 0 auto;
	position: relative;
	top: 20px;
	width: 357px;
}

.btn-sale-special-url {
	color: #89f703;
	display: block;
	font-family: Munchkin;
	font-size: 24px;
	height: 36px;
	line-height: 36px;
	text-align: center;
}

.btn-sale-special-url:hover {
	color: #89f703;
	text-decoration: none;
}

.sale_special_gold {
	display: flex;
	height: 55px;
	justify-content: space-between;
	margin: 14px auto 0;
	width: 223px;
}

.sale_special_gold_text {
	color: #fbea8f;
	font-family: Munchkin;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
}

.main-sale-special {
	background: url(/images/sale/special1.jpg) center center no-repeat;
	background-size: initial;
	color: #fff;
	font-family: Munchkin;
	font-size: 22px;
	height: 30px;
	max-width: 460px;
	text-align: center;
}

.foot-sale-special {
	background: url(/images/sale/special11.png) center center no-repeat;
	background-size: initial;
	color: #89f703;
	font-family: Munchkin;
	font-size: 18px;
	height: 178px;
	line-height: 29px;
	margin: 0 auto;
	max-width: 480px;
	padding-top: 49px;
	position: relative;
	text-align: center;
	top: 19px;
}

.foot-sale-special-daily {
	color: #89f703;
	font-family: Munchkin;
	font-size: 18px;
	height: 34px;
	line-height: 18px;
	margin: 0 auto;
	max-width: 480px;
	position: relative;
	text-align: center;
	top: 19px;
}

.deadwar_count {
	background: url(/images/deadWar/fraction_back.png) center center no-repeat;
	height: 89px;
	padding-left: 24px;
	padding-top: 23px;
	position: absolute;
	top: 40px;
	width: 94px;
}

.deadwar_dead_stone {
	background: url(/images/deadWar/deadStone.png) center center no-repeat;
	color: #8fecff;
	font-family: Munchkin;
	height: 89px;
	padding-top: 59px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 40px;
	width: 94px;
}

.deadwar_boss {
	margin-left: -204px;
}

.deadwar_ava {
	display: block;
	height: 304px;
	left: 50%;
	margin-left: -160px;
	overflow: hidden;
	position: absolute;
	top: 1px;
	width: 360px;
}

.fight_text {
	background: url(/images/deadWar/deadWarBackText.png) center center no-repeat;
	color: #8fecff;
	font-family: Munchkin;
	font-size: 16px;
	height: 112px;
	line-height: 18px;
	padding-top: 33px;
	position: absolute;
	text-align: center;
	top: 112px;
	width: 100%;
}

.deadwar_fight_view {
	color: #5f5f5f;
	font-family: Munchkin;
	font-size: 18px;
	margin-top: 15px;
	text-align: center;
}

.reward_uniq_key44 {
	color: #efdc7a !important;
	font-family: Munchkin;
}

.reward_uniq_key45 {
	color: #e82d2c !important;
	font-family: Munchkin;
}

.reward_uniq_key46, .reward_uniq_key47 {
	color: #8fecff !important;
	font-family: Munchkin;
}

.newbie_text6, .sale_special_text6 {
	color: #FFF;
	font-family: Munchkin;
	font-size: 15px;
	position: relative;
	text-align: center;
	top: 3px;
}

.newbie_text7, .sale_special_text7 {
	color: #FFF;
	font-family: Munchkin;
	font-size: 15px;
	position: relative;
	text-align: center;
	top: 99px;
}

.b-crown__border_p, .b-crown__border {
	background: url(/asset/img/ava-border1.png) no-repeat;
	height: 39px;
	position: relative;
	width: 40px;
}

.b-crow__img_p, .b-crow__img {
	background: url(/asset/img/nosave.jpg);
	height: 35px;
	left: 2px;
	position: absolute;
	top: 2px;
	width: 35px;
}

.b-sword_p, .b-sword {
	color: #8b8b8b;
	display: flex;
	font-size: 14px;
	line-height: 35px;
	width: 50%;
}

.sword-icon_p, .sword-icon {
	background: url(/asset/img/strength.png) no-repeat;
	height: 18px;
	line-height: 35px;
	margin-left: 3px;
	margin-top: 7px;
	width: 20px;
}

.b-coin_p, .b-coin {
	color: #8b8b8b;
	display: flex;
	font-size: 14px;
	justify-content: flex-end;
	line-height: 35px;
	width: 50%;
}

.b-coin_p span, .b-coin span {
	margin-left: 20px;
	margin-right: 5px;
	position: relative;
	white-space: nowrap;
}

.b-crown_p, .b-crown {
	z-index: 5;
}

.b-first__button--school:before, .b-first__button--exper:before {
	bottom: -10px;
	content: url('/asset/img/btn-back-l.png');
	left: 0;
	position: absolute;
}

.b-first__button--school:after, .b-first__button--exper:after {
	bottom: -10px;
	content: url('/asset/img/btn-back-r.png');
	position: absolute;
	right: 0;
}

.hunter_avatar_border_online, .rating-avatar-online {
	align-items: center;
	background: url(/asset/img/rating-avatar-border-online.png) no-repeat;
	display: flex;
	height: 40px;
	justify-content: center;
	margin-left: 4%;
	margin-right: 3%;
	min-width: 40px;
}

.new_hunter_name, .rating-name {
	color: #818181;
	font-family: Arial;
	font-size: 16px;
	position: relative;
}

.new_hunter_name--top, .rating-score-top, .rating-name--top {
	color: #fff;
}

.new_hunter_name:before, .rating-name:before {
	left: -16px;
	position: absolute;
}

.ny_reward-main, .ny_reward {
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
}

.valor_reward {
	width: 254px;
	height: 71px;
}

.valor_name {
	margin-left: 84px;
	margin-top: 5px;
	font-size: 14px;
	font-family: Munchkin;
	color: #efdc7a;
	line-height: 17px;
	padding-top: 8px;
}

.valor_stats {
	margin-left: 84px;
	font-size: 12px;
	color: #fff;
}

.valor_level {
	margin-left: 70px;
	margin-top: 5px;
	font-family: Munchkin;
	font-size: 18px;
	color: #fff;
}

.valor_reward.valor_current {
	background: url(/images/valor/valor_current.png) no-repeat top center;
	background-size: 254px 71px;
}

.valor_reward.valor51 {
	background: url(/images/valor/valor1.png) no-repeat top center;
	background-size: 254px 71px;
}

.valor_reward.valor52 {
	background: url(/images/valor/valor2.png) no-repeat top center;
	background-size: 254px 71px;
}

.valor_reward.valor53 {
	background: url(/images/valor/valor3.png) no-repeat top center;
	background-size: 254px 71px;
}

.valor_reward.valor54 {
	background: url(/images/valor/valor4.png) no-repeat top center;
	background-size: 254px 71px;
}

.valor_reward.valor55 {
	background: url(/images/valor/valor5.png) no-repeat top center;
	background-size: 254px 71px;
	padding-top: 1px;
}

.valor_bot {
	margin-bottom: 40px;
}

.valor_rewards {
	/*background:url(/images/valor/valor_back.jpg) no-repeat top center;*/
	height: 756px;
}

.valor_rewards_in {
	margin: 0 auto;
	width: 254px;
}

.valor_level_top {
	margin-top: 16px;
	margin-left: 15px;
	color: #fff;
	padding-top: 28px;
}

.tree_reward {
	position: absolute;
	top: 378px;
	width: 224px;
	left: 50%;
	margin-left: -110px;
}

.tree_reward_text {
	font-size: 12px;
	color: #fff;
	text-align: center;
	font-family: Munchkin;
	text-shadow: 1px 1px 1px #000;
	padding-top: 11px;
}

.gift-silver {
	background: url('/images/shop/daily/silver.png') no-repeat center;
	background-size: contain;
}

.gift-gold {
	background: url('/images/shop/daily/gold.png') no-repeat center;
	background-size: contain;
}

.gift-energy {
	background: url('/images/shop/daily/energy.png') no-repeat center;
	background-size: contain;
}

.gift-premium {
	background: url('/images/shop/daily/premium.png') no-repeat center;
	background-size: contain;
}

.gift-item {
	background: url('/images/shop/daily/item.png') no-repeat center;
	background-size: contain;
}

.gift-trophy {
	background: url('/images/shop/daily/trophy.png') no-repeat center;
	background-size: contain;
	height: 57px;
	width: 305px !important;
}

.gift-silver-get {
	background: url('/images/shop/daily/silver_get.png') no-repeat center;
	background-size: contain;
}

.gift-gold-get {
	background: url('/images/shop/daily/gold_get.png') no-repeat center;
	background-size: contain;
}

.gift-energy-get {
	background: url('/images/shop/daily/energy_get.png') no-repeat center;
	background-size: contain;
}

.gift-premium-get {
	background: url('/images/shop/daily/premium_get.png') no-repeat center;
	background-size: contain;
}

.gift-item-get {
	background: url('/images/shop/daily/item_get.png') no-repeat center;
	background-size: contain;
}

.gift-trophy-get {
	background: url('/images/shop/daily/trophy_get.png') no-repeat center;
	background-size: contain;
	height: 57px;
	width: 305px !important;
}

.gifts {
	height: 100px;
	width: 57px;
	position: relative;
}

.gift-text {
	text-align: center;
	color: #6894c7;
	font-family: Munchkin;
	font-size: 16px;
	white-space: nowrap;
}

.gift-text2 {
	padding-top: 35px;
	text-align: center;
	color: #fff;
	font-family: Munchkin;
	font-size: 16px;
}

.gift-text3 {
	color: #fff;
	font-family: Munchkin;
	font-size: 16px;
	text-align: right;
	padding-right: 16px;
	padding-top: 3px;
}

.gift-text-main {
	font-size: 27px;
	color: #fff;
	font-family: Munchkin;
}

.dailyTask {
	position: absolute;
	right: -18px;
	top: -5px;
	z-index: 11;
	width: 366px;
	height: 70px;
}

.valor_profile {
	background: url('/images/valor/valor_back.jpg') no-repeat center;
	background-size: cover;
}

@media screen and (min-width: 460px) {
	html {
		-webkit-background-size: 1200px 928px !important;
		background: url(/asset/img/bg-big.jpg) no-repeat top center fixed, #000 !important;
		background-size: 1600px 1200px !important;
		overflow-y: scroll;
	}
}

@media screen and (max-width: 440px) {
	.main-inner {
		padding-left: 0;
		padding-right: 0;
	}
}

@media screen and (max-width: 430px) {
	.inner-text {
		bottom: 32px;
		font-size: 16px;
	}

	.boss_level {
		display: none;
	}

	.sale-link {
		font-size: 13px !important;
	}

	.sale-arrow {
		display: none;
	}
}

@media screen and (max-width: 370px) {
	.inner-text {
		bottom: 34px;
	}

	.boss_level {
		display: none;
	}
}

@media screen and (max-width: 360px) {
	.inner-text {
		bottom: 32px;
		font-size: 16px;
	}

	.boss_level {
		display: none;
	}

	.work_status_label {
		font-size: 13px;
	}

	.comp-btn-l_p p {
		margin-left: -15px;
	}
}

@media screen and (max-width: 320px) {
	.inner-text {
		bottom: 30px !important;
	}

	.popup .text2 {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}

	.popup .button_text {
		padding-left: 5px !important;
		padding-top: 4px !important;
	}

	.popup {
		background: url(/images/popup/popup_big_1.jpg) left center no-repeat, url(/images/popup/popup_big_3.jpg) right center no-repeat !important;
	}

	.comp-btn_p {
		padding-left: 3px !important;
	}

	.boss_level {
		display: none;
	}

	.work_status_label {
		font-size: 13px;
	}

	.comp-btn-l_p p {
		margin-left: -15px;
	}

	.task_solid_header_label {
		color: #e2e4e5;
		display: inline-block;
		font-size: 14px;
		margin-top: 8px;
	}

	.task_desc_1, .task_desc_2 {
		font-size: 9px;
		line-height: 14px;
	}

	.sale-link {
		font-size: 13px !important;
	}

	.rating-name {

	}
}

@media screen and (max-width: 290px) {
	.hint .border .button_text {
		font-size: 11px;
	}
}

@media screen and (max-height: 620px) {
	.tutor_block {
		bottom: 0;
		margin-left: -15px;
		max-width: 460px;
		position: fixed;
		width: 100%;
		z-index: 25;
		height: 112px;
	}

	.tutor_girl_back {
		-webkit-background-size: cover;
		background: url(/images/tutor/block.png) no-repeat center center;
		background-size: cover;
		height: 198px;
		width: 100%;
	}

	.tutor_girl {
		-webkit-background-size: auto;
		background: url(/images/tutor/girl.png) no-repeat top left;
		background-size: auto;
		color: #fff;
		font-size: 12px;
		height: 95px;
		padding-left: 121px;
		padding-top: 44px;
		position: relative;
		top: 17px;
		width: 100%;
	}
}

.snow:before {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: -50%;
	width: 200%;
	height: 338px;
	z-index: 1;
	-webkit-background-size: 40rem 40rem;
	-moz-background-size: 40rem 40rem;
	background-size: 40rem 40rem;
	background-image: url(/images/xmas/falling-snow2.png);
	-webkit-animation: snow 28s linear infinite;
	-moz-animation: snow 28s linear infinite;
	-o-animation: snow 28s linear infinite;
	-ms-animation: snow 28s linear infinite;
	animation: snow 28s linear infinite;
	opacity: 0.3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-webkit-transition: opacity 10s;
	-moz-transition: opacity 10s;
	-o-transition: opacity 10s;
	-ms-transition: opacity 10s;
	transition: opacity 10s;
}

.snow:after {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: -50%;
	width: 200%;
	height: 338px;
	z-index: 10;
	-webkit-background-size: 40rem 40rem;
	-moz-background-size: 40rem 40rem;
	background-size: 40rem 40rem;
	background-image: url(/images/xmas/falling-snow1.png);
	-webkit-animation: snow 18s linear infinite;
	-moz-animation: snow 18s linear infinite;
	-o-animation: snow 18s linear infinite;
	-ms-animation: snow 18s linear infinite;
	animation: snow 18s linear infinite;
	animation-name: snow;
	animation-duration: 18s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-fill-mode: none;
	animation-play-state: running;
	opacity: 0.3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-webkit-transition: opacity 5s;
	-moz-transition: opacity 5s;
	-o-transition: opacity 5s;
	-ms-transition: opacity 5s;
	transition: opacity 5s;
}

.snow-clan:before {
	content: " ";
	display: block;
	position: absolute;
	top: 56px;
	left: -50%;
	width: 200%;
	height: 525px;
	z-index: 1;
	-webkit-background-size: 40rem 40rem;
	-moz-background-size: 40rem 40rem;
	background-size: 40rem 40rem;
	background-image: url(/images/xmas/falling-snow2.png);
	-webkit-animation: snow 28s linear infinite;
	-moz-animation: snow 28s linear infinite;
	-o-animation: snow 28s linear infinite;
	-ms-animation: snow 28s linear infinite;
	animation: snow 28s linear infinite;
	opacity: 0.3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-webkit-transition: opacity 10s;
	-moz-transition: opacity 10s;
	-o-transition: opacity 10s;
	-ms-transition: opacity 10s;
	transition: opacity 10s;
}

.snow-clan:after {
	content: " ";
	display: block;
	position: absolute;
	top: 56px;
	left: -50%;
	width: 200%;
	height: 252px;
	z-index: 10;
	-webkit-background-size: 40rem 40rem;
	-moz-background-size: 40rem 40rem;
	background-size: 40rem 40rem;
	background-image: url(/images/xmas/falling-snow1.png);
	-webkit-animation: snow 18s linear infinite;
	-moz-animation: snow 18s linear infinite;
	-o-animation: snow 18s linear infinite;
	-ms-animation: snow 18s linear infinite;
	animation: snow 18s linear infinite;
	animation-name: snow;
	animation-duration: 18s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-fill-mode: none;
	animation-play-state: running;
	opacity: 0.3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-webkit-transition: opacity 5s;
	-moz-transition: opacity 5s;
	-o-transition: opacity 5s;
	-ms-transition: opacity 5s;
	transition: opacity 5s;
}

.clan_boss {
	background: url(/images/clanBoss/back.jpg) center no-repeat;
	background-size: cover;
	height: 1395px;
}

.clan_boss_rewards_all {
	background: url(/images/clanBoss/back_rewards.jpg) center no-repeat;
	background-size: cover;
	height: 435px;
}

.clan_fial {
	background: url(/images/clanBoss/fial_clan.png) center no-repeat;
	background-size: cover;
	height: 130px;
	margin: 0 -15px;
	position: relative;
	top: -38px;
}

.clan_boss_img_clan {
	position: absolute;
	top: -170px;
	left: 50%;
	margin-left: -149px;
	width: 300px;
}

.clan_boss_enter {
	background: url(/images/clanBoss/enter.png) center no-repeat;
	background-size: cover;
	height: 347px;
}

.clan_boss_closed {
	margin-left: -83px;
	position: absolute;
	top: -15px;
	left: 16px;
}

.clan_boss_title {
	width: 250px;
	text-align: center;
	margin: 0 auto;
	font-family: munchkin;
	line-height: 26px;
}

.clan_boss_title_text {
	font-size: 22px !important;
	color: #fff !important;
}

.clan_boss_level {
	background: url(/images/clanBoss/level.png) center no-repeat;
	background-size: cover;
	font-size: 28px;
	font-family: Munchkin;
	width: 41px;
	height: 40px;
	position: absolute;
	top: 369px;
	text-align: center;
	color: #fff;
	left: 50%;
	margin-left: -20px;
}

.clan_boss_level_prev {
	font-size: 28px;
	font-family: Munchkin;
	width: 41px;
	height: 40px;
	position: absolute;
	top: 369px;
	text-align: center;
	left: 50%;
	margin-left: 16px;
}

.clan_boss_level_not {
	background: url(/images/clanBoss/level_not.png) center no-repeat;
	background-size: cover;
	font-size: 28px;
	font-family: Munchkin;
	width: 41px;
	height: 40px;
	position: absolute;
	top: 369px;
	text-align: center;
	color: #fff;
	left: 50%;
	margin-left: -20px;
}

.clan_boss_img {
	position: absolute;
	top: 4px;
	left: 50%;
	margin-left: -226px;
}

.clan_boss_best {
	background: url(/images/clanBoss/best.png) center no-repeat;
	background-size: cover;
	font-size: 28px;
	font-family: Munchkin;
	width: 85px;
	height: 110px;
	position: absolute;
	top: 271px;
	text-align: center;
	color: #fff;
	left: 50%;
	margin-left: 80px;
}

.clan_boss_rewards {
	background: url(/images/clanBoss/rewards.png) center no-repeat;
	background-size: cover;
	font-size: 28px;
	font-family: Munchkin;
	width: 100px;
	height: 110px;
	position: absolute;
	top: 271px;
	text-align: center;
	color: #fff;
	left: 50%;
	margin-left: -157px;
}

.clan_boss_rewards.get {
	background: url(/images/clanBoss/rewards_get.png) center no-repeat;
	background-size: cover;
}

.clan_boss_level_text {
	font-size: 18px;
	font-family: Munchkin;
	width: 136px;
	left: -46px;
	position: relative;
	top: 2px;
}

.clan_boss_best_link {
	display: block;
	margin-top: 0px;
	font-size: 18px;
	color: #efdc7a !important;
	height: 102px;
	padding-top: 105px;
}

.clan_boss_best_link:hover {
	color: #efdc7a !important;
	text-decoration: none;
}

.clan_boss_title2 {
	font-size: 16px;
	margin: 5px auto;
	width: 300px;
	text-align: center;
}

.clan_boss_title3 {
	font-size: 16px;
	margin: 0 auto;
	width: 256px;
	text-align: center;
}

.clan_bosses {
	position: relative;
	top: 416px;
}

.clan_boss_in {
	color: #fddbaa;
	font-size: 16px;
	font-family: Munchkin;
	left: 30%;
	padding-bottom: 16px;
	padding-top: 148px;
	position: absolute;
	text-align: center;
	top: 5px;
	width: 460px;
	height: 255px;
}

.clan_boss_in_text1 {
	position: relative;
	top: 147px;
	left: 59px;
	text-align: left;
}

.clan_boss_in_text2 {
	position: relative;
	top: 128px;
	left: 71px;
	text-align: left;
}

.clan_boss_in_text3 {
	position: relative;
	top: 130px;
	left: 54px;
	text-align: left;
}

.clan_boss_in_text4 {
	position: relative;
	top: 145px;
	left: 42px;
	text-align: left;
}

.clan_boss_autofight1 {
	position: relative;
	top: -261px;
	left: 117px;
}

.clan_boss_autofight2 {
	position: relative;
	top: -261px;
	left: -156px;
}

.clan_boss_link1 {
	position: relative;
	width: 192px;
	height: 202px;
	display: block;
	left: -48px;
	top: -101px;
	margin: 0 auto;
}

.clan_boss_link2 {
	position: relative;
	width: 192px;
	height: 202px;
	display: block;
	left: 59px;
	top: -120px;
	margin: 0 auto;
}

.clan_boss_link3 {
	position: relative;
	width: 192px;
	height: 202px;
	display: block;
	left: -16px;
	top: -119px;
	margin: 0 auto;
}

.clan_boss_link4 {
	position: relative;
	width: 192px;
	height: 202px;
	display: block;
	left: -20px;
	top: -133px;
	margin: 0 auto;
}

.clan_boss_in_x1 {
	position: relative;
	top: 79px;
	left: -11px;
}

.clan_boss_in_x2 {
	position: relative;
	top: -15px;
	left: 53px;
}

.clan_boss_in_x3 {
	position: relative;
	top: -13px;
	left: -32px;
}

.clan_boss_in_x4 {
	position: relative;
	top: -15px;
	left: -46px;
}

.clan_boss_enter1 {
	left: 50%;
	top: 194px;
	margin-left: -231px;
	top: -36px;
}

.clan_boss_enter_boss {
	position: relative;
	top: 3px;
	left: 50%;
	margin-left: -231px;
}

.clan_boss1 {
	background: url(/images/clanBoss/map/boss1.png) no-repeat center;
	left: 50%;
	top: 194px;
	margin-left: -231px;
	top: -36px;
}

.clan_boss2 {
	background: url(/images/clanBoss/map/boss2.png) no-repeat center;
	left: 50%;
	top: 194px;
	margin-left: -231px;
	top: 194px;
}

.clan_boss3 {
	background: url(/images/clanBoss/map/boss3.png) no-repeat center;
	left: 50%;
	top: 194px;
	margin-left: -231px;
	top: 398px;
}

.clan_boss4 {
	background: url(/images/clanBoss/map/boss4.png) no-repeat center;
	left: 50%;
	top: 194px;
	margin-left: -231px;
	top: 657px;
}

.clan_boss1.grey {
	background: url(/images/clanBoss/map/boss1.png) no-repeat center !important;
}

.clan_boss2.grey {
	background: url(/images/clanBoss/map/boss2_grey.png) no-repeat center !important;
}

.clan_boss3.grey {
	background: url(/images/clanBoss/map/boss3_grey.png) no-repeat center !important;
}

.clan_boss4.grey {
	background: url(/images/clanBoss/map/boss4_grey.png) no-repeat center !important;
}

@-moz-keyframes snow {
	00% {
		background-position-x: 0;
		background-position-y: 0;
	}
	50% {
		background-position-y: 40rem;
	}
	100% {
		background-position-x: 40rem;
		background-position-y: 80rem;
	}
}

@-webkit-keyframes snow {
	00% {
		background-position-x: 0;
		background-position-y: 0;
	}
	50% {
		background-position-y: 40rem;
	}
	100% {
		background-position-x: 40rem;
		background-position-y: 80rem;
	}
}

@-o-keyframes snow {
	00% {
		background-position-x: 0;
		background-position-y: 0;
	}
	50% {
		background-position-y: 40rem;
	}
	100% {
		background-position-x: 40rem;
		background-position-y: 80rem;
	}
}

@keyframes snow {
	00% {
		background-position-x: 0;
		background-position-y: 0;
	}
	50% {
		background-position-y: 40rem;
	}
	100% {
		background-position-x: 40rem;
		background-position-y: 80rem;
	}
}

.clan_boss_autofight_link {
	width: 316px;
	margin: 0 auto;
}

.clan_boss_bonus1 {
	color: #fff !important;
}

.clan_boss_bonus2 {
	font-size: 14px;
}

.clan_boss_bonus {
	font-family: Munchkin;
	position: relative;
	top: 85px;
	text-align: center;
}

.clan_boss_chest {
	position: relative;
	left: 23px;
	top: -16px;
	text-align: center;
	font-size: 12px;
}

.clan_boss_chest_rewards {
	display: flex;
	width: 262px;
	text-align: center;
	margin: 0 auto;
	color: #fff !important;
}

.clan_boss_op {
	opacity: 0.4;
}

.clan_boss_stats {
	background: url(/images/clanBoss/klaksa.png) no-repeat center !important;
	width: 263px;
	height: 78px;
	position: absolute;
	top: 224px;
	margin: 0 auto;
	left: 50%;
	margin-left: -135px;
	text-align: center;
	padding-top: 26px;
	font-family: Munchkin;
	color: red;
	font-size: 18px;
}

.clan_boss_reward_line {
	background: url(/images/clanBoss/reward_line.png) no-repeat center;
	width: 263px;
	height: 78px;
	position: relative;
	top: 0;
	margin: 0 auto;
	text-align: center;
	padding-top: 26px;
	font-family: Munchkin;
	color: #fff;
	font-size: 18px;
}

.clan_boss_chest_back {
	background: url(/images/widgets/levelup/background.png) no-repeat center;
	width: 283px;
	height: 354px;
	position: relative;
	top: 0;
	margin: 0 auto;
	text-align: center;
	padding-top: 26px;
	color: #fff;
	font-size: 18px;
}

.ingredient_count {
	position: relative;
	top: -22px;
	left: 25px;
	color: #fff;
	text-align: center;
	background: #000000ab;
	border-radius: 21px;
	width: 37px;
	white-space: nowrap;
	text-align: center;
	left: 50%;
	margin-left: -21px;
}


.ingredient_quality1 {
	border: 1px solid #a4a2a3;
}

.ingredient_quality2 {
	border: 1px solid #3da639;
}

.ingredient_quality3 {
	border: 1px solid #006de1;
}

.ingredient_quality4 {
	border: 1px solid #a35ee1;
}

.ingredient_quality5 {
	border: 1px solid #e16b21;
}

.ingredient_quality6 {
	border: 1px solid #d6003f;
}

.ingredient_quality7 {
	border: 1px solid #0fcfff;
}

.ingredient_image {
	width: 64px;
	border-radius: 8px;
}

.ingredient_view {
	left: 50%;
	position: relative;
	margin-left: -55px;
	margin-top: 12px;
}


.sell-container * {
	box-sizing: border-box;
	outline: none;
}

.sell-container {
	padding: 10px 50px;
}

.sell-container .ui-slider {
	position: relative;
	background: #044351;;
	height: 8px;
	border-radius: 10px;
	box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.3), 1px 1px 5px rgba(255, 255, 255, 1);
}

.sell-container .ui-slider .ui-slider-handle {
	position: absolute;
	margin-left: -18px;
	margin-top: 3px;
	text-align: center;
	width: 28px;
	height: 28px;
	font-size: 18px;
	line-height: 18px;
	padding-top: 4px;
	cursor: pointer;
	border-radius: 10px;
	border: 4px solid #73fdfd;
	top: -13px;
	background: #044351;
	z-index: 2;
	color: #000;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2), 0 4px 6px rgba(0, 0, 0, 0.2);
}

.sell-container .ui-slider .ui-slider-handle b {
	padding: 0 8px;
	font-family: Courier, monospace;
	color: #BFE2FF;
}

.sell-container .ui-slider .ui-slider-handle:hover b {
	color: #337AB7;
}

.sell-container .ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	height: 8px;
	display: block;
	border: 0;
	background: #73fdfd;
	border-radius: 10px;
	box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.3), 1px 1px 5px rgba(255, 255, 255, 1)
}

.sell-container .ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}

.sell-container .ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.campaign_raid {
	top: 156px;
	right: 190px;
	position: absolute;
	width: 100px;
	height: 100px;
	z-index: 0;
}

.raid_mansion_link {
	width: 40px;
	top: 0px;
	right: 180px;
	display: inline-block;
	position: absolute;
}

.shop_ingridients {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}