/* Minification failed. Returning unminified contents.
(14733,1): run-time error CSS1019: Unexpected token, found '}'
(14756,1): run-time error CSS1019: Unexpected token, found '}'
(14782,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14783,10): run-time error CSS1035: Expected colon, found '{'
(14790,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14791,10): run-time error CSS1035: Expected colon, found '{'
(15300,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15301,9): run-time error CSS1035: Expected colon, found ','
(15314,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15315,9): run-time error CSS1035: Expected colon, found ','
(15642,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15643,10): run-time error CSS1035: Expected colon, found '{'
(15648,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15649,10): run-time error CSS1035: Expected colon, found '{'
(15669,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15670,10): run-time error CSS1035: Expected colon, found '{'
(15673,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15674,10): run-time error CSS1035: Expected colon, found '{'
(15685,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15686,10): run-time error CSS1035: Expected colon, found '{'
(15689,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15690,10): run-time error CSS1035: Expected colon, found '{'
(15699,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15700,10): run-time error CSS1035: Expected colon, found '{'
(15704,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15705,10): run-time error CSS1035: Expected colon, found '{'
(15715,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15716,10): run-time error CSS1035: Expected colon, found '{'
(15735,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15736,10): run-time error CSS1035: Expected colon, found '{'
(16001,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(16002,10): run-time error CSS1035: Expected colon, found '{'
(16010,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16011,10): run-time error CSS1035: Expected colon, found '{'
(16023,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(16024,9): run-time error CSS1035: Expected colon, found ','
(16059,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16060,9): run-time error CSS1035: Expected colon, found ','
(16100,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(16101,10): run-time error CSS1035: Expected colon, found '{'
(16112,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16113,11): run-time error CSS1035: Expected colon, found '{'
(16129,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(16130,9): run-time error CSS1035: Expected colon, found ','
(16137,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16138,9): run-time error CSS1035: Expected colon, found ','
(16150,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(16151,9): run-time error CSS1035: Expected colon, found ','
(16158,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16159,9): run-time error CSS1035: Expected colon, found ','
(16171,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(16172,10): run-time error CSS1035: Expected colon, found '{'
(16201,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16202,10): run-time error CSS1035: Expected colon, found '{'
(16236,2): run-time error CSS1019: Unexpected token, found '@keyframes'
(16237,9): run-time error CSS1035: Expected colon, found '{'
(16266,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16267,10): run-time error CSS1035: Expected colon, found '{'
(16309,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(16310,10): run-time error CSS1035: Expected colon, found '{'
(16317,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16318,10): run-time error CSS1035: Expected colon, found '{'
(16330,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(16331,9): run-time error CSS1035: Expected colon, found ','
(16338,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16339,10): run-time error CSS1035: Expected colon, found ','
(16351,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(16352,10): run-time error CSS1035: Expected colon, found '{'
(16376,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16377,10): run-time error CSS1035: Expected colon, found '{'
(16406,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(16407,10): run-time error CSS1035: Expected colon, found '{'
(16427,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16428,9): run-time error CSS1035: Expected colon, found '{'
(16452,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(16453,10): run-time error CSS1035: Expected colon, found '{'
(16473,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16474,9): run-time error CSS1035: Expected colon, found '{'
(16508,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(16509,9): run-time error CSS1035: Expected colon, found ','
(16523,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16524,9): run-time error CSS1035: Expected colon, found ','
(16543,2): run-time error CSS1019: Unexpected token, found '@keyframes'
(16544,9): run-time error CSS1035: Expected colon, found ','
(16551,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16552,9): run-time error CSS1035: Expected colon, found ','
(16564,2): run-time error CSS1019: Unexpected token, found '@keyframes'
(16565,9): run-time error CSS1035: Expected colon, found ','
(16572,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16573,9): run-time error CSS1035: Expected colon, found ','
(16584,2): run-time error CSS1019: Unexpected token, found '@keyframes'
(16585,9): run-time error CSS1035: Expected colon, found ','
(16592,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16593,9): run-time error CSS1035: Expected colon, found ','
 */

/* === BASIC === */
body, h1, h2, form, html, p, div, span, table, tbody, td, tr, img { margin: 0;padding: 0; font-family: Arial, Tahoma, sans-serif; }
html { border: 0; height: 100%; }
body {
	position: relative;
	font-size: 12px;
	color: #e6e8d0;
	background: url('../images/bg/ny-2019.png') 50% 0px, url('../images/bg/bg-desktop.jpg') 50% 0 repeat-y #000000;
	word-wrap: break-word;
	margin: 0;
	padding: 0;
	font-family: Arial, Tahoma, sans-serif;
}

/*@media screen and (min-width: 900px) {
	body {
		background: url('/images/bg/bg-desktop.jpg') 50% 0 repeat-y #000000;
		background-attachment: fixed,fixed;
	}
}*/

@media screen and (min-width: 900px) {
	body {
		background: url('../images/bg/ny-2019.png') 50% 0px, url('../images/bg/bg-desktop.jpg') 50% 0 repeat-y #000000;
		background-attachment: fixed,fixed;
		animation: snowBack 120s linear infinite;
		-webkit-animation: snowBack 120s linear infinite;
	}
}
@keyframes snowBack { to { background-position: 50% 512px,50% 0; } }
@-webkit-keyframes snowBack { to { background-position: 50% 512px,50% 0; } }

@media screen and (max-width: 500px) {
	body {
		background: #000000;
	}
}

@media (min-width: 800px) and (max-width: 1200px) {@-ms-viewport {width: 640px !important;}}
a {
	color: #e6e8d0;
	text-decoration: underline;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	outline: none;
}
a, img, a img {
	outline: 0;
	border: 0;
	-moz-outline: 0;
}
img { vertical-align: middle; }
ul, ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
h1, h2, h3, h4 {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #dfe8ee;
	font-weight: bold;
	text-align: center;
}
h3, h3 span {
	margin-bottom: 7px;
	color: #a8aa97;
	font-weight: normal !important;
	font-family: 'Trajan', Arial, sans-serif !important;
}
h4 { font-size: 12px; color: #e0dac8; }

.font-trajan {
	font-family: 'Trajan', Arial, sans-serif !important;
}

@-ms-viewport {
	width:auto!important
}
.no-mt { margin-top: 0 !important; }
.no-mb { margin-bottom: 0 !important; }
.no-m {margin: 0 !important;}
.mt1 { margin-top: 1px !important; }
.mt3 { margin-top: 3px !important; }
.mt5 { margin-top: 5px !important; }
.mt8 { margin-top: 8px !important; }
.mt10 { margin-top: 10px !important; }
.mt12 { margin-top: 12px !important; }
.mb15 { margin-bottom: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 {margin-top: 30px !important;}
.mt-10 { margin-top: -10px !important;}
.mb3 { margin-bottom: 3px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mr5 {margin-right: 5px !important;}
.ml3 {margin-left: 3px !important;}
.ml7 {margin-left: 7px !important;}
.ml5 {margin-left: 5px !important;}
.mr7 {margin-right: 7px !important;}
.mr3 {margin-right: 3px !important;}
.mr2 {margin-right: 2px !important;}
.mr10 {margin-right: 10px !important;}
.m10auto {margin: 10px auto !important;}
.mauto {margin: auto !important;}

.no-pt {padding-top: 0 !important;}
.pb7 {padding-bottom: 7px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb5  {padding-bottom: 5px !important;}
.p10 {padding: 10px !important;}
.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.p10-17 {padding: 10px 17px 17px 17px !important;}
.p-middle {padding: 7px 0 10px 0 !important;}
.p5 {padding: 5px !important;}
.pl10 {padding-left: 10px !important;}
.pl20 {padding-left: 20px !important;}
.pr10 {padding-right: 10px !important;}
.pr20 {padding-right: 20px !important;}
.va-m {vertical-align: middle !important;}
.no-p { padding: 0 !important;}

._none {display: none !important;}
.d-b { display: block !important; }
.d-ib { display: inline-block !important; }
.no-bdr { border: 0 !important; }
.fleft { float: left !important; }
.fright { float: right !important; }
.center, .t-c { text-align: center !important; }
.td-n { text-decoration: none !important; }

.font11 {font-size: 11px !important;}
.font12 {font-size: 12px !important;}
.font14 {font-size: 14px !important;}
.font16 {font-size: 16px !important;}
.font18 {font-size: 18px !important;}
.font22 {font-size: 22px;}
.font24 {font-size: 24px !important;}

.font-btn {font-weight: normal !important; font-family: 'Trajan', Arial, sans-serif !important;}

.text-right { text-align: right !important; }
.text-left { text-align: left !important; }
.text-bold { font-weight: bold !important; }
.param { padding: 2px 0; font-size: 12px; }

.remain-time { color: #ffa800; }
.c-verygray {color: #575757 !important;}
.c-version {color: #2b2b2b;}
.c-gray {color: #777777 !important;}
.c-light {color: #e3dbc9;}
.alert {color: #8a380f !important;}
.notice-text .c-green {color: #007903; font-weight: bold;}
.c-realgreen {color: #2CC913;}
.c-green {color: #e8ba00;}
.c-red {color: #af0605;}
.c-brown {color: #A0A090;}
.c-normal {color: #a8aa97 !important;}
.c-link { color: #e6e8d0; }
.c-feed { color: #793600 !important;}
.c-darkgreen {color: #44781d !important ;}
.c-yellow {color: #e8ba00 !important;}
.red {color: #ce3333!important;}
.yellow {color: #fbc803 !important;}

.c-item-unique {color: #964AE8}
.c-item-unique .c-light {color: #D8B3FF}
.c-item-sim {color: #D7D4A1;}
.c-item-sim .c-light {color: #FFFEF2;}
.c-item-adv {color: #1DB659;}
.c-item-adv .c-light {color: #9AF0A5;}
.c-item-pro {color: #3F6FD7;}
.c-item-pro .c-light {color: #8EB2FF;}
.c-item-top {color: #BB6F19;}
.c-item-top .c-light {color: #FFCE96;}
.c-orange { color: #ff9600 !important;}
.c-ice { color: #6df1ff !important; }

.role-m .c-link {color: #42C700;}
.role-m .c-light {color: #357D1B;}
.role-gm .text {color: #357D1B;}
.role-gm .c-link {color: #42C700;}
.role-gm .c-light {color: #357D1B;}

.a {text-decoration: underline !important;}
.nowrap {white-space: nowrap !important;}
.block-center {margin: 0 auto !important;}
.ov-h {overflow: hidden;}
.defuse {line-height: 1.7em;}

.ico { margin-top: -2.5pt !important; }

.hint {
	text-align: center;
	margin-top: 3px;
	color: #737373;
}
.clearer {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}

.main-container {
	max-width: 480px;
	min-width: 240px;
	margin: 0 auto;
	color: #a8aa97;
}
.clearfix:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
}

.page-overlay {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.85);
	height: 100vh;
	width: 100%;
	z-index: 1001;
	display: block;
	-webkit-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease;
	opacity: 0;
	visibility: hidden;
}

.notice-show .page-overlay,
.notice-showError .page-overlay {
	opacity: 1;
	visibility: visible;
}

.text-center {
	text-align: center;
}
/* end of basic */

/* PREOLOADER  */
.preloader {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
	background: url('../images/icons/preloader.gif') 50% 20% no-repeat rgba(0,0,0,0.9);
}
.preloder-content {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 30%;
	left: 0;
}

/* Adaptive */
@media screen and (max-width: 310px) {
	.phantom {display: none;}
}

@media screen and (min-width: 480px) {
	.pack-label {display: inline-block !important;}
	.b-page a, .b-page span { min-width: 35px; }
	.b-page a.left, .b-page a.right {min-width: 70px;}
	.b-patrol-progress .btn-wrap {padding: 0 140px;}
	.btn-wrap {	padding: 0 80px;}
	.combat-stats table {min-width: 120px;padding: 0;border-spacing: 0 10pt;font-size: 12px;}
	.union-buff.ml {left: 14%;}
	.union-buff.mr {right: 14%;}
}


@media screen and (max-width: 460px) {
	.b-refill.combat {padding: 7px 5px 14px 5px;}
	.btn-wrap {	padding: 0 20px;}
	.btn-icon {left: -10px !important;}
	.btn-icon-l {left: -10px !important;}
	.btn-icon-r {right: -10px !important;}
	.b-patrol-progress .btn-wrap {padding: 0 50px;}
	.prefighting .btn-wrap {padding: 15px 10% 8px 10% !important;}
}

@media screen and (max-width: 320px) {
	.strap-text {font-size: 11px !important;font-weight: normal;}
	.prefighting img.vs {width:32px;height:41px;}
	.btn-wrap .btn-icon {left: -12px;}
	.btn-icon-l {left: -17px !important;}
	.btn-icon-r {right: -17px !important;}
	.content-item .inner {padding: 10px 5px 17px 5px !important;}
	.defuse {line-height: 1.4em}
}
@media screen and (max-width: 310px) {
	.line .btn, .line .resource-progress {display: block !important; float:none !important;width:100% !important;}

	.content-item td[width="88px"] img[width="80"], .content-item table td[width="88px"], .content-item td[width="88"] img[width="80"],.content-item table td[width="88"]{
		width: 60px !important;
		height: 60px !important;
		vertical-align: top;
		margin-right: 5px
	}
}

@media screen and (max-width: 240px) {
	.combat-stats table {border-spacing: 0;}
	td[width="120"] {width: 105px !important;vertical-align: top;}
	.content-item .inner {padding: 5px !important;}
	.btn-wrap {	padding: 0;}
	.b-victory .btn-wrap, .b-fail .btn-wrap {padding: 0 10% !important;}
	.btn-icon {left: -20px;}
	.btn-icon-l {left: -20px !important;}
	.btn-icon-r {right: -20px !important;}
	.b-patrol-progress .btn-wrap {padding: 0 20px;}
	.b-patrol-progress .secondary-img {width: 50px;}
	.b-patrol-progress table {border-spacing: 1px 15px;}
	.pack-content {width: 60% !important;}
	table.upgrade-block {margin-top: 7px;}
	.b-victory img.avatar, .b-fail img.avatar, .prefighting img.avatar {width: 66px; height: 53px;}
	.inner.victory, .inner.fail {padding: 5px !important;}
	.btn-wrap .btn-icon {display: none !important;}
	.b-spells .slot {margin: 0 !important;}
	.spell-icon {width: auto !important;}
	.spell-block td {padding-bottom: 1px !important;}
}

@media screen and (min-width:240px) and (max-width:320px) {
	.flag-title td {width: 33% !important;}
	.b-victory img.avatar, .b-fail img.avatar, .prefighting img.avatar {width: 74px; height: 59px;}
	.b-victory .btn-wrap, .b-fail .btn-wrap {padding: 0 10% !important;}
}

@media screen and (min-width:240px) and (max-width:480px) {
	.combat-stats table {border-spacing: 0 6pt;}
}
/* end of Adaptive */

/* === HEADER === */

.b-header {	position: relative; }
.header-exp {
	width: 100%;
	height: 2px;
	background: #000000;
}
.header-exp-fill {
	height: 2px;
	background: #27bc27;
}
.header-resources {
	padding: 1px 3px;
	font-size: 11px;
	color: #b6b8a5;
	background: url('../images/content/header-bg.png') repeat-y 50% 0 #212122;
}
.resource {margin-right: 5px; white-space: nowrap;}
span.resource span {vertical-align: middle;}
.user-lvl {	color: #a2adb2;white-space: nowrap;}

/* end of header */

/* === CONTENT === */

.b-content {
	position: relative;
}

.content-deep-bg {
	background:	#191612;
}

.content-item {
	position: relative;
	background:	#231f1b;
}

.content-item.deep { background: #191612; }
.content-item.lock { background: #1a1a1a; }
.content-item.lighter { background: #34302b; }
.content-item.lock-border { border: 1px solid #2F2D2D; }
.content-item.border { border: 1px solid #44382D; }
.content-item.gradient {
	background: -webkit-linear-gradient(rgb(35, 31, 27),rgb(35, 31, 27),rgb(16, 15, 12)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(rgb(35, 31, 27),rgb(35, 31, 27),rgb(16, 15, 12)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgb(35, 31, 27),rgb(35, 31, 27),rgb(16, 15, 12)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgb(35, 31, 27),rgb(35, 31, 27),rgb(16, 15, 12)); /* Standard syntax */
}

.content-item.border.red { border: 1px solid #492D26; }
.content-item.gradient.red {
	background: -webkit-linear-gradient(rgb(46, 23, 2),rgb(50, 25, 0),rgb(29, 15, 0)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(rgb(46, 23, 2),rgb(50, 25, 0),rgb(29, 15, 0)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgb(46, 23, 2),rgb(50, 25, 0),rgb(29, 15, 0)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgb(46, 23, 2),rgb(50, 25, 0),rgb(29, 15, 0)); /* Standard syntax */
}

.content-item .inner {
	padding: 10px 17px 17px 17px;
	font-size: 11px;
	color: #766f5f;
}

.content-item .subtitle {
	color: #a8aa97;
	font-weight: bold;
	font-size: 14px;
}
.content-item.lock .subtitle { color: #535353 !important;}

.content-item.domain h2 {
	height: 32px;
	overflow: hidden;
	color: #a8aa97;
}
.content-item.domain td {padding: 12px 0;}
.content-item.domain td.lock {background: #1a1a1a;}
.content-item.domain td.lock h2 {color: #38342f;}

.footer-menu {background: #1a1a1a;}
.footer-menu .inner {
	padding: 4px 8px 8px 8px;
	text-align: center;
	color: #626262;
}
.footer-menu .inner a {color: #626262; text-decoration: underline;}

.item-lock {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	display: block;
	background: url('../images/content/hourglass.png') no-repeat center center rgba(44,41,37,0.7);
}

.b-page-bg {
	background-position: 50% 0;
	background-repeat: no-repeat;
	overflow: hidden;
}
.b-page-bg.mini {height: 30px;}

/* separator */
.sep {
	margin: 1px 0;
	height: 4px;
	background: url('../images/content/sep-bg-in.png') repeat-x 0 0 transparent;
}
.sep-bg {height: 4px; background: url('../images/content/sep-bg-out.png') no-repeat 50% 0 transparent;}

.sep-thin {
	margin: 1px 0;
	height: 1px;
	background: url('../images/content/sep-thin-bg-out.png') no-repeat 50% 0 #91886a;
}

.sep-thin.dark {background: url('../images/content/sep-bg-dark.png') no-repeat 50% 0 #131210;}

.sep-thick {
	margin: 0;
	height: 15px;
	background: url('../images/content/sep-thick-bg.png') repeat-x 0 0 #000000;
}
.sep-shadow {height: 5px; background: url('../images/content/sep-shadow.png') repeat-x 0 0 #100d0b; }

.sep-short {
	margin: 0;
	height: 6px;
	background: url('../images/content/sep-short_239x7.png') no-repeat 50% 0 transparent;
}

/* titles */
.b-title {
	position: relative;
	overflow: hidden;
	height: 29px;
	background: url('../images/content/decor_bg-deep.png') repeat-x 0 0 #231f1b;
}
.b-title em {
	font-style: normal;
}
.title-l, .title-r
{
	display: none;
	width: 27px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.title-l {
	float: left;
	background-image: url('../images/content/title-left.png');
}
.title-r {
	float: right;
	background-image: url('../images/content/title-right.png');
}

.title-cont {
	position: absolute;
	width: 100%;
	padding: 7px 0;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
	font-size: 14px;
	color: #e3dbc9;
	text-overflow: ellipsis;
}
.title-cont, .title-cont span, .title-cont div {
	font-family: 'Trajan', Arial, sans-serif !important;
}

.b-title.combat {height: 30px;}
.b-title.combat .title-l {
	width: 74px;
	height: 30px;
	background: url('../images/content/combat-title-l.png') no-repeat 0 0 transparent;
}
.b-title.combat .title-r {
	width: 74px;
	height: 30px;
	background: url('../images/content/combat-title-r.png') no-repeat 0 0 transparent;
}
.b-title.combat .title-cont {border-bottom: 1px solid #231f1b;}

/* progress bars */
.task-progress {
	height: 5px;
	width: 172px;
	margin: 0 0 10px 22px;
	background: #000000;
}
.task-progress-fill {
	height: 5px;
	background: #546927;
}
.baracks-progress, .green-progress {
	display: block;
	height: 5px;
	min-width: 100px;
	max-width: 145px;
	background: #000000;
}
.baracks-progress-fill, .green-progress-fill {
	height: 3px;
	background: #29c429;
	border-top: 1px solid #188345;
	border-bottom: 1px solid #188345;
}
.extra-progress-fill {
	position: relative;
	height: 2px;
	background: #ffffff;
	border-top: 2px solid #5ac707;
	border-bottom: 1px solid #5ac707;
}
.extra-progress-fill img {
	display: block;
	width: 15px;
	height: 14px;
	position: absolute;
	left: -13px; top: -7px;
	z-index: 10;

}

.baracks-progress.center, .green-progress.center {display: inline-block; width: 145px;}

.resource-progress {
	position: relative;
	max-width: 320px;
	min-width: 140px;
	height: 7px;
	margin: 17px auto 0 auto;

	background: url('../images/content/progress-resource.png') repeat-x 0 0 #080706;
}

.resource-progress-fill { height: 7px;}
.resource-progress.gold .resource-progress-fill {
	background: url('../images/content/progress-gold-fill.png') repeat-x 0 0 #fbc803;
}
.resource-progress.mana .resource-progress-fill {
	background: url('../images/content/progress-mana-fill.png') repeat-x 0 0 #4187ac;
}
.resource-progress.army .resource-progress-fill {
	background: url('../images/content/progress-army-fill.png') repeat-x 0 0 #080706;
}
.resource-progress.feed .resource-progress-fill {
	background: #793600;
	background-image: linear-gradient(to bottom,#8f4000 0%,#5f2d00 100%);
}
.resource-progress.energy .resource-progress-fill {
	background: url('../images/content/progress-energy-fill.png') repeat-x 0 0 #080706;
}
.resource-progress.upgrade .resource-progress-fill {
	float: left;
	background: url('../images/content/progress-resource-upgrade.png') repeat-x 0 0 #1a6416;
}
.resource-progress.upgrade .resource-progress-fill.on {
	float: left;
	background: url('../images/content/progress-resource-upgrade-fill.png') repeat-x 0 0 #3fad3a;
}
.resource-progress img {
	display: block;
	position: absolute;
	left: -5px; top: -10px;
}
.resource-progress .quant {
	display: block;
	position: absolute;
	left: 16px; top: -14px;
	font-size: 11px;
	color: #766f5f;
}
.resource-progress .quant span.army {color: #8c8d8c;}
.resource-progress .quant span.gold {color: #fbc803;}
.resource-progress .quant span.mana {color: #4187ac;}
.resource-progress .quant span.energy {color: #35dec9;}
.resource-progress .quant span.upgrade {color: #6bdc64;}

.resource-overflow {
	position: absolute;
	height: 7px;
	z-index: 10;
	top: 0;
	right: 0;
	background: linear-gradient(to bottom,#e78a00 0%, #763e00 75%, #763e00 100%);
	background-color: #763e00;
}
.b-lands-progress {
	position: relative;
	margin-top: 7px;
	text-align: center;
	font-size: 0;
}

.b-npc {position: relative;overflow: hidden;}
.b-npc a.help-link {
	position: absolute;
	top: 0; right: 10px;
	display: block;
	text-decoration: underline;
	font-size: 12px;
	color: #766f5f;
}
.img-npc {float: left;}
.npc-phrase {
	margin: 20px 10px 0 10px;
	padding: 10px 10px 10px 95px;
	background: #dfcda9;
	color: #231f1b;
}


/* end of content */
/* === AVATAR === */

.wrap-ava {
	text-align: center;
	margin: 0 -7px;
}

.ava {
	text-decoration: none;
	display: inline-block;
	text-align: center;
	position: relative;
	width: 85px;
	min-height: 108px;
	vertical-align: top;
	margin: 7px 5px 0 5px;
}

.ava-preview {
	display: flex;
	align-items: start;
	justify-content: center;
	width: 100%;
	padding: 10px 5px;
	margin: 0;
	box-sizing: border-box;
}

.ava-preview-effects {
	padding: 0 0 0 20px;
}

@media (max-width: 380px) {
	.ava-preview-effects {
		padding: 0 0 0 10px;
	}
}

.ava-preview-effects._disable {
	display: none;
}

.ava-preview-portrait {
	width: 125px;
	flex-shrink: 0;
	box-sizing: border-box;
}

.ava-preview-name {
	background: radial-gradient(circle, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 49%, rgba(0,0,0,0) 100%);
}

.ava-titles {
	color: #e3dbc9;
	font-weight: 600;
}

.ava-effects-item {
	text-align: left;
}

.ava-effects-description {
	padding: 0 0 0 5px;
}

.ava._current {
	cursor: auto;
}

.ava._link {
	cursor: pointer;
}

.ava._current .ava-name,
span.ava .ava-name {
	font-size: 12px;
	color: #766f5f;
}

.ava._lock:after {
	content: "";
	width: 100%;
	position: absolute;
	z-index: 10;
	height: 21px;
	left: 0;
	top: 67px;
	background: url("../images/icons/spell_lock.png") 50% 0 no-repeat;
}

.ava._link .ava-name {
	font-size: 12px;
	text-decoration: underline;
}

.ava-name {
	font-size: 14px;
	padding: 3px 0;
	color: #e3dbc9;
}

.ava._for-profile {
	cursor: pointer;
	height: 98px;
	min-height: auto;
	margin: 0;
}

.ava._for-profile .ava-name {
	font-size: 11px;
	color: #a8aa97;
	text-decoration: underline;
	padding: 0;
}

.button-mini._for-center {
	width: 176px;
	margin: 0 auto;
}

@media screen and (max-width: 320px) and (min-width: 240px) {
	.b-victory img.avatar,
	.b-fail img.avatar,
	.prefighting img.avatar {
		width: auto;
		height: 59px;
	}
}

@media screen and (min-width: 380px) {
	.wrap-ava {
		padding: 0 40px;
	}
}

/* === COMBAT === */
.b-combat {position: relative;}

.b-combat-info {
	position: relative;
	margin-top: 1px;
}

.b-progress-hp {
	width: 100%;
	height: 6px;
	background: #000000;
	overflow: hidden;
}
.hp-fill {
	float: right;
	height: 6px;
	background: #44c20c;
}
.hp-fill-red {
	float: right;
	height: 6px;
	background: #890000;
}
.hp-fill.enemy, .hp-fill-red.enemy {float: left;}

.combat-stats {
	display: block;
	font-size: 11px;
	color: #80836b;
}
.combat-stats td {
	position: relative;
}
.combat-stats td .c-red, .combat-stats td .c-green {
	position: absolute;
	width: 100%;
	left: 0;
	text-align: left;
	white-space: nowrap;
	bottom: -0.9em;
}
.combat-stats tr td:first-child .c-red, .combat-stats tr td:first-child .c-green {
	text-align: right;
}
.avatar-image {
	display: inline-block;
	margin: 1px 0 0 0;
	padding: 0;
	height: auto;
	min-width: 84px;
	width: 100%;
	max-width: 180px !important;
}
.combat-stats table {font-size: 11px;  }


.btn-attack {
	position: relative;
	display: block;
	margin-top: 1px;
	padding: 12px 3px 13px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #fff5de;
	background: url('../images/content/btn-attack-bg.png') repeat-x 0 0 #4d4634;
	border-top: 2px solid #c4a55d;
	border-bottom: 1px solid #343329;
	cursor: pointer;
	text-shadow: 1px 1px 1px black;
}

.spell-btns { margin-top: 1px; }

.btn-spell {
	position: relative;
	display: block;
	min-height: 37px;
	padding: 10px 3px 25px;
	text-decoration: none;
	text-align: center;
	background: url('../images/content/btn-spell-bg.png') repeat-x 0 0 #3e372c;
	cursor: pointer;
}
.btn-spell.gray {
	background: url('../images/content/btn-spell-bg-gray.png') repeat-x 0 0 #272727;
}

.btn-spell.cost-off {
	min-height: 38px;
	padding: 17px 3px 17px;
}
.spell-price {
	position: absolute;
	width: 100%;
	text-align: right;
	bottom: 4px;
	font-size: 11px;
	color: #35dec9;
}
.spell-btns td.spacing {padding-right: 1px;}

.spell-quant {
	display: block;
	position: absolute;
	top: 2px; right: 6px;
	z-index: 5;
	font-size: 12px;
}

.spell-lock {
	position: absolute;
	top: 0; left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	display: block;
	background: url('../images/icons/spell_lock.png') no-repeat center center transparent;
}
.btn-spell.gray, .btn-spell.null {cursor: default}

.b-combat-log { background: #191612; position: relative; }
.b-combat-log .log-show {display: none}
.combat-log-top {
	height: 5px;
	background: url('../images/content/combat-log-top.png') repeat-x 0 0 #0a0907;
}
.log-text {
	font-size: 11px;
	margin-left: 15px;
	margin-bottom: 10px;
}

.log-show {
	display: block;
	height: 20px;
	text-decoration: none;
	background: url('../images/icons/log-show.png') no-repeat 50% 50% transparent;
	cursor: pointer;
}
.log-show:hover {background-color: rgba(97,85,68,0.1);}
/* end of combat */

/* === FORMS === */
.form-label {
	display: block;
	margin: 0;
	padding: 4px 0;
	text-align: center;
	font-size: 12px;
	color: #a8aa97;
	font-weight: normal;
}

.form-input {
	display: inline-block;
	max-width: 180px;
	padding: 4px;
	color: #000000;
	border-bottom: 1px solid #786850;
	border-top: none;
	border-left: none;
	border-right: 1px solid #786850;
	background: #a8aa97;
}
.form-input:disabled {
	color: #9E9E9E;
	background: #6E6F64;
}
.form-input.focus {border: 1px solid #b61100;}
.form-input.long {
	display: block;
	width: 97%;
	max-width: 97% !important;
}

.form-input.mini {
	width: 80px;
	text-align: center;
}
.form-input.search {
	display: block;
	height: 27px;
	width: 100%;
	max-width: none;
	padding: 0 4px;
	color:#60605c;
}
.btn-mini {
	display: block;
	position: relative;
	height: 27px;
	width: 100%;
	margin-left: 8px;
	padding: 0;
	cursor: pointer;
	border-top: 1px solid #baa36a;
	background: url('../images/content/mini-btn.png') repeat-x 0 0 #585447;
}
button.btn.start {
	width: 205px;
	color: #e3dbc9;
	text-shadow: 1px 1px 1px black;
	border: none;
	outline: none;
	margin: 12px auto 8px auto !important;
}
button .btn-cont {background: url('../images/content/btn-bg.png') repeat-x 0 0 #4f4d42; text-align: center; }
.b-feedback {
	padding: 7px 12px 10px 12px;
	font-size: 12px;
	color: #a8aa97;
	background: #421712;
}

button { box-sizing: inherit; color: #e3dbc9; border: 0; }


.b-feedback a {color:#ebddbc;}
/* === end of forms === */



/* === BUTTONS === */
.btn {
	display: block;
	margin: 0;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	color: #e6e8d0 !important;
	cursor: pointer;
	position: relative;

}
.btn-top {
	height: 1px;
	background: url('../images/content/btn-top.png') no-repeat 50% 0 #624f37;
}
.btn-bot {
	height: 1px;
	background: url('../images/content/btn-bot.png') no-repeat 50% 100% #252723;
}
.btn-cont {
	padding: 6px 18px 0 18px;
	height: auto;
	overflow: hidden;
	min-height: 23px;
	background: url('../images/content/btn-bg.png') repeat-x 0 0 #504f46;
}
.btn-cont,  .btn-cont span {
	font-weight: normal !important;
	font-family: 'Trajan', Arial, sans-serif !important;

}
td .btn-cont {
	padding-left: 0;
	padding-right: 0;
}
.btn-icon {
	position: absolute;
	z-index: 100;
	top: -2px; left: 5px;
	width: 45px; height: 34px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.btn-icon-l {
	position: absolute;
	z-index: 100;
	top: -2px; left: -5px;
	width: 45px; height: 34px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.btn-icon-r {
	position: absolute;
	z-index: 100;
	top: -2px; right: -5px;
	width: 45px; height: 34px;
	background-position: 0 0;
	background-repeat: no-repeat;
}


.btn.lose .btn-icon {background-image: url('../images/content/btn-flag.png')}
.btn.resurrection .btn-icon {background-image: url('../images/content/btn-bowl.png')}
.btn.attack .btn-icon {background-image: url('../images/content/btn-axe.png');left: 0;}
.btn.settings .btn-icon {background-image: url('../images/content/btn-settings.png')}
.btn.hammer .btn-icon {background-image: url('../images/content/btn-hammer-left.png')}
.btn.time .btn-icon {background-image: url('../images/content/btn-clock-left.png')}
.btn.progress .btn-icon {background-image: url('../images/content/btn-hand-left.png')}
.btn.letter .btn-icon {background-image: url('../images/content/btn-scroll-left.png')}
.btn.get .btn-icon {background-image: url('../images/content/btn-bag-left.png')}
.btn.gold .btn-icon {background-image: url('../images/content/btn-gold-left.png')}
.btn.hire .btn-icon {background-image: url('../images/content/btn-helmet-left.png')}
.btn.band .btn-icon {background-image: url('../images/content/btn-human-left.png')}
.btn.log .btn-icon {background-image: url('../images/content/btn-book-left.png')}
.btn.shield .btn-icon {background-image: url('../images/content/btn-shield-left.png')}
.btn.upgrade .btn-icon {background-image: url('../images/icons/upgrade-max.png');left: -4px;}


.btn.menu.active {}
span.btn {cursor: auto;}
.btn.menu .btn-cont {
	padding: 5px 8px 3px 8px;
	text-align: left;
	background: url('../images/content/btn-menu-bg.png') repeat-x 0 0 #3e3831;
}
.btn.menu .btn-cont span {vertical-align: middle;}

.btn.gray .btn-top {background: url('../images/content/btn-gray-top.png') no-repeat 50% 0 #40372d;}
.btn.gray .btn-cont {background: url('../images/content/btn-gray-bg.png') repeat-x 0 0 #37342d;}
.btn.gray .btn-bot {background: url('../images/content/btn-gray-bot.png') repeat-x 0 0 #24221e;}

.btn.dark .btn-top {background: url('../images/content/btn-dark-top.png') no-repeat 50% 0 #343332;}
.btn.dark .btn-cont {background: url('../images/content/btn-dark-bg.png') repeat-x 0 0 #2b2b2b; color: #6f6f6f;}
.btn.dark .btn-bot {background: #000000;}

.btn.mini {
	display: inline-block;
	width: 42px;
	padding: 1px 2px 6px 2px;
	border-top: 1px solid #746246;
	background: url('../images/content/mini-btn-dark.png') repeat-x 0 0 #3e362b;
}

button.btn {
	width: 100%;
	margin: 1px 0 0 0 !important;
	padding: 0;
	color: #e6e8d0;
	background: transparent;
}



/* end of buttons */

/* === PAGING === */
.b-page {
	text-align: center;
	height: 30px;
	font-size: 12px;
	overflow: hidden;
	background: url('../images/content/page-bg.png') repeat-x 0 0 #363129;
}
.page-inner {
	display: inline-block;
	height: 30px;
	overflow: hidden;
	white-space: nowrap;
}
.b-page a, .b-page span {
	display: inline-block;
	height: 22px;
	width: 25px;
	margin: 0;
	padding: 9px 0 0 0;
	float: left;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
	border-right: 1px solid #18150f;
	background: url('../images/content/page-bg.png') repeat-x 0 0 #363129;
}
.b-page .left, .b-page .right  {width: 50px;}
.b-page .left {border-left: 1px solid #18150f;}
.b-page span {
	cursor: auto;
	color: #5e574d;
	background: url('../images/content/page-bg-active.png') repeat-x 0 0 #242018;
}


/* end of pages */

/* === VICTORY and FAIL pages === */

.b-victory {
	position: relative;
	background: #251f16;
}
.b-fail {
	position: relative;
	background: #1d1d1d;
}

.flag-title {
	position: relative; z-index: 30;
	top: -9px;
	height: 40px;
	width: 100%;
	overflow: hidden;
}

.flag-title-text,
.siege-title-text {
	height: 49px;
	white-space: nowrap;
	margin-top: 2px;
	padding-top: 8px;
	text-align: center;
	font-size: 18px;
	color: #FFF;
	background: url('../images/content/flag-title-bg.png') repeat-x 0 0 transparent;
}
.b-fail .flag-title-text {
	color: #8a8a8a;
	background-image: url('../images/content/fail-flag-title-bg.png');
}


.box {
	position: relative;
	background: #251f16;
}
.box .content {
	padding: 1.2em;
}
.brd-top {
	position: absolute; z-index: 10;
	top: 0; left:0;
	min-width: 100%;
	width: 100%;
	max-width: 100%;
	height: 1px;
	background: #241f19;
	border-bottom: 1px solid #5d5041;
	border-top: 1px solid #424548;
}
.brd-tl, .brd-tr {
	position: absolute; z-index: 30;
	top: 0;
	width: 14px;
	height: 14px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.brd-tl {
	left: 0;
	background-image: url('../images/content/ugol-tl.png');
}
.brd-tr {
	right: 0;
	background-image: url('../images/content/ugol-tr.png');
}


.brd-left, .brd-right {
	position: absolute; z-index: 10;
	min-height: 100%;
	height: 100%;
	max-height: 100%;
	width: 1px;
	background: #241f19;

}
.brd-left {
	left: 0; top: 0;
	border-left: 1px solid #424548;
	border-right: 1px solid #5d5041;
}
.brd-right {
	right: 0; top: 0;
	border-left: 1px solid #5d5041;
	border-right: 1px solid #424548;
}

.brd-bot {
	position: absolute; z-index: 10;
	bottom: 0; left:0;
	min-width: 100%;
	width: 100%;
	max-width: 100%;
	height: 1px;
	background: #241f19;
	border-bottom: 1px solid #424548;
	border-top: 1px solid #5d5041;
}
.brd-bl, .brd-br {
	position: absolute; z-index: 20;
	bottom: 0;
	width: 14px;
	height: 14px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.brd-bl {
	left: 0;
	background-image: url('../images/content/ugol-bl.png');
}
.brd-br {
	right: 0;
	background-image: url('../images/content/ugol-br.png');
}


.brd-raidmob
{
	border: 1px solid #5f513f;
}

.grayscale {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray; /* IE 6-9 */
}


.substrate-tl, .substrate-tr {
	position: absolute; z-index: 20;
	top: -8px;
	width: 80px;
	height: 30px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.substrate-tl {
	left: -3px;
	background-image: url('../images/content/win-substrate-left.png');
}
.b-fail .substrate-tl {background-image: url('../images/content/fail-substrate-left.png');}
.substrate-tr {
	right: -3px;
	background-image: url('../images/content/win-substrate-right.png');
}
.b-fail .substrate-tr {background-image: url('../images/content/fail-substrate-right.png'); }
.b-fail .substrate-tl, .b-fail .substrate-tr {height: 38px;}

.content {padding: 24px 0 18px 0; }
.b-victory .btn-wrap, .b-fail .btn-wrap {
	padding: 0 22%;
}

/* end of victory page */



/* LANDS */
.content-item.land .inner {padding: 5px 5px 15px 5px;}

.b-map {
	position: relative;
	margin: 10px auto 0 auto;
	height: 78px;
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-color: transparent;
}
.b-map.step1 {background-image: url('../images/bg/map_step1.jpg') }
.b-map.step2 {background-image: url('../images/bg/map_step2.jpg') }
.b-map.step3 {background-image: url('../images/bg/map_step3.jpg') }

.b-map .arr {
	position: absolute;
	width: 73px;
	height: 64px;
	background: url('../images/content/map_marker.png') no-repeat 0 0 transparent;
}
.b-map.step1 .arr {left: 5%;top: -3%;}
.b-map.step2 .arr {left: 31%;top: -3%;}
.b-map.step3 .arr {left: 51%;top: -3%;}


.b-map .search {
	position: absolute;
	width: 99px;
	height: 95px;
	background: url('../images/content/icon_search_map.png') no-repeat 0 0 transparent;
}
.b-map.step1 .search {left: 24%;top: 1%;}
.b-map.step2 .search {left: 54%;top: 1%;}
.b-map.step3 .search {left: 75%;top: 1%;}


@media screen and (min-width:160px) and (max-width:480px) {
	.b-map.step1 { background-position: 0 0;}
	.b-map.step1 .search {left: 40%;top: 1%;}

	.b-map.step2 { background-position: 70% 0;}
	.b-map.step2 .search {left: 50%;top: 1%;}
	.b-map.step2 .arr {left: 15%;top: -3%;}

	.b-map.step3 { background-position: 100% 0;}
	.b-map.step3 .search {left: 70%;top: 1%;}
	.b-map.step3 .arr {left: 40%;top: -3%;}
}


/* end of LANDS */





/* === CHAT and FORUM === */
ul.b-forum {
	margin: 0;
	padding: 5px 0 0 0;
}
ul.b-list li {padding-bottom: 0;}
li.list-item a img { margin-right: 8px; }
li.list-item a {
	display: block;
	padding: 6px 25px 6px 10px;
	font-size: 11px;
	color: #80836b;
	text-decoration: none;
	background: url('../images/icons/12x12_arr-right.png') no-repeat 98% 50% #231f1b;
}
ul.b-list.no-arr li.list-item a {background: #231f1b;}
li.list-item a span {text-decoration: underline !important;}
.list-item span.desc, .content-item.union-call td span.desc {
	margin-left: 5px;
	text-decoration: none !important;
	font-style: italic;
	color: #38392d;
}
.odd {background-color: #1e1a16;}
.odd a {background-color: #1e1a16 !important;}

div.list-item.main .author {padding-bottom: 8px;background-color: #2d2722;}
div.list-item .author {padding: 6px 6px 4px 6px;}
.author span.date, .chat-item span.date {
	margin-left: 3px;
	font-size: 11px;
	font-style: italic;
	color: #38392d;
}
div.list-item.main .author span.date {color: #a8aa97;}
div.list-item .text {padding: 4px 6px 6px 6px;}

.list-item table {border-spacing: 0 8px;}


.text-area {
	display: block;
	border: 0;
	outline: 0;
	width: 100%;
	padding: 0;
	max-width: 448px;
	min-width: 208px;
	margin: 0;
	background: #a8aa97;
}
.chat-header {
	padding: 6px;
	background: #2d2722;
}
.chat-header a {color: #80836b;}
.chat-item {padding: 8px 6px;}
.chat-item span.text {
	margin-left: 5px;
}
.b-smiles {

}
.smiles-header {
	text-align: right;
}
.btn-smiles {
	cursor: pointer;
	display: inline-block;
	padding: 3px 7px 4px 7px;
	text-decoration: none;
	color: #80836b;
	background: url('../images/content/btn-smiles-bg.png') repeat-x 0 0 #3e362b;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
.smiles-content {
	margin-bottom: 1px;
	padding: 0 8px 8px 8px;
	background: #989a86;
}
.smiles-content .smile {
	display: inline-block;
	padding-top: 7px;
	text-align: center;
	color: #4f472e;
}
/* end of chat and forum */

/* === UNION === */
.b-choose-emblem {

}
.choose-block {
	position: relative;
	width: 200px;
	height: 89px;
	margin: 0 auto;
	overflow: hidden;
}
.btn-choose-left, .btn-choose-right {
	display: inline-block;
	float: left;
	width: 50%;
	height: 50px;
	margin-top: 18px;
	text-decoration: none;
	background: url('../images/content/22x50_arr-left.png') no-repeat 0 0 #362f28;
}
.btn-choose-right {
	float: right;
	background: url('../images/content/22x50_arr-right.png') no-repeat 100% 0 #362f28;
}

.img-emblem {
	display: block;
	position: absolute;
	left: 51px;
	width: 102px;
	height: 89px;
}
.b-bullets {
	text-align: center;
}
.bullet-off, .bullet-on {
	display: inline-block;
	margin: 0 2px;
	width: 5px;
	height: 5px;
	background: url('../images/icons/bullet-off.png') no-repeat 0 0 transparent;
}
.bullet-on {background-image: url('../images/icons/bullet-on.png');}

.union-header {	padding: 10px 16px;}
.union-wrap-emblem {
	position: relative;
	height: 125px;
	background: url('../images/clans/clan-emblem-wrap.png') no-repeat 50% 5% transparent;
}
.union-inner-emblem {
	position: relative;
	background-position: 50% 5%;
	background-repeat: no-repeat;
	background-color: transparent;
	height: 100%;
}
.union-buff {
	position: absolute;
	width: 41px;
	height: 44px;
	color: #e3dbc9;
	text-align: center;
	font-size: 11px;
	padding-top: 23px;
}

a.btn.no-m.half-left, button.btn.half-left {border-right: 1px solid #2e2b27;}
a.btn.no-m.half-left .btn-cont, button.btn.half-left .btn-cont {border-right: 1px solid #80775c;}
a.btn.no-m.half-right {	border-left: 1px solid #2e2b27;}
a.btn.no-m.half-right .btn-cont {border-left: 1px solid #80775c;}
a.btn.no-m.half-right.dark .btn-cont {border-left: 1px solid #575757;}
button.btn.half-left, button.btn.half-right {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 12px;
	border: 0;
	color: #e6e8d0;
	vertical-align: middle;
}
.content-item.union-staff td {
	padding: 5px 0 7px 0;
	font-size: 11px;
	color: #6d6758;
}
.content-item.union-staff td a {
	color: #80836b;
	text-decoration: underline;
}
.content-item.union-staff tr.head td {
	font-size: 12px;
	color: #a8aa97;
	background: #2d2722;
}
.b-tabs {
	overflow: hidden;
	background: #191612;
}
.tab {
	display: inline-block;
	float: left;
	padding: 7px 15px;
	margin-right: 1px;
	text-align: center;
	text-decoration: none;
	border-top: 1px solid #231f1b;
	background: #231f1b;
}
a.tab {
	border-top: 1px solid #baa36a;
	border-right: none;
	background: url('../images/content/mini-btn.png') repeat-x 0 0 #585447;
}

.b-tabs.full {background: #231f1b;}
.b-tabs.full .tab {
	display: block;
	width: 100%;
	float: none;
	padding: 7px 0;
}
.b-tabs.full table td {border-left: 1px solid #000;}
.b-tabs.full table td:first-child {border-left: 0;}

.content-item.union-call td {
	padding: 2px 5px;
	font-size: 11px;
	color: #6d6758;
}
.content-item.union-staff td a, .content-item.union-call td a {
	color: #80836b;
	text-decoration: underline;
}
.content-item.union-staff tr.head td {
	font-size: 12px;
	color: #a8aa97;
	background: #2d2722;
}

/* end of UNION */

/* === PATROL === */

.b-patrol-progress {
	padding: 5px 5px 20px 5px;
	text-align: center;
}
.secondary-img {
	display: inline-block;
	width: 70px;
}


.secondary-img.fail {opacity: 0.5; }

.b-patrol-progress table {border-spacing: 3px 15px;}

.b-patrol-progress i, .b-patrol-progress b, .b-patrol-progress strike {
	display: inline-block;
	width: 4px;
	height: 4px;
	margin: 0 3px;
	background: url('../images/content/patrol-progress-i.png') no-repeat 0 0 transparent;
}
.b-patrol-progress b {background-image: url('../images/content/patrol-progress-b.png');}
.b-patrol-progress strike {background-image: url('../images/content/patrol-progress-strike.png');}

/* end of patrol */


/* === SIEGE === */
.b-siege {
	position: relative;
}
.siege-header {
	position: relative;
	padding: 4px;
	font-size: 12px;
	text-align: center;
	color: #e3dbc9;
	border-bottom: 1px solid #9e8d66;
	background: #413826;
}
.siege-buff {
	position: absolute;
	width: 41px;
	height: 44px;
	padding-top: 22px;
	text-align: center;
	font-size: 11px;
	color: #e3dbc9;
}

h5 {
	display: block;
	margin: 15px 0 5px 0;
	padding: 0;
	text-align: center;
	font-size: 14px;
	color: #a8aa97;
	font-weight: normal;
}
/* === end of siedge === */


/* ======  MARKET  ========== */
.b-pack {white-space: nowrap;text-align: center;}

.pack-icon span {
	display: none;
}

.pack-icon.sms {background-image: url('../images/market/payment-sms_80x84.png')}
.pack-icon.qiwi {background-image: url('../images/market/payment-qiwi_80x84.png')}
.content-item.lightgreen.border { background: #1c301f !important; border-color: #2f4c28 !important; }

.pack-content {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	width: 60%;
	white-space: normal;
	padding: 5px 0 0 5px;
}
.pack-content.sms, .pack-content.qiwi {vertical-align: top;margin-top: 5px;}
.pack-name {font-size: 12px;color: #a8aa97;font-weight: bold;}

.b-pack.lock .pack-content, .b-pack.lock .pack-name {color: #777777 !important;}
.b-pack.start .pack-content, .b-pack.start .pack-name {color: #e3dbc9 !important;}

.pack-label {
	display: none;
	vertical-align: middle;
	width: 19%; height: 72px;
	padding-top: 12px;
	background-repeat: no-repeat;
	background-position:  50% 50%;
	background-color: transparent;
}

.content-item.green {background: #162909; }

.pack-profitable, .pack-popular {
	position: absolute;
	z-index: 100;
	bottom: -16px;
	left: 0;
	width: 100%;
	height: 37px;
	background: url('../images/market/lable-hit.png') 50% 0 no-repeat;
}
.pack-profitable {
	background: url('../images/market/lable-percent.png') 50% 0 no-repeat !important;
}

@media screen and (max-width:359px) {
	.switch_i {font-size: 12px;white-space: nowrap;}
}
.btn.menu._center .btn-cont{
	text-align: center !important;
	padding: 6px 18px 0 18px;
}

button.button-mini {
	width: 240px;
	margin: 0 auto;
}
button.button-mini .button-mini-inner {
	min-width: 240px;
	height: 32px;
}

.button-mini._lock { background: url('../images/content/button-mini-bg-middle_gray.png') 0 0 repeat-x; }
.button-mini._lock:before { background: url('../images/content/button-mini-bg-left_gray.png') 0 0 no-repeat; }
.button-mini._lock:after { background: url('../images/content/button-mini-bg-right_gray.png') 0 0 no-repeat; }
.button-mini._lock .button-mini-inner { color: #949494; }
/* 		End of MARKET       */



/* Castle */

table.upgrade-block {
	background: #171412;
	padding: 2px;
}
table.upgrade-block .btn {width: 96px}
table.upgrade-block .btn-cont {padding: 6px 0 0 0;}
.content-item.lock table.upgrade-block {
	background: #111;
}
/* end of Castle */

/* ACHIEVEMENTS */
.i-ach-stars
{
	display: inline-block;
	width: 19px;
	height: 19px;
	margin-top: -3px;
	vertical-align: middle;
	background: url('../images/achievements/stars.png') 50% 0 no-repeat;
}
.i-ach-stars.lock
{
	background-position: 50% -19px;
}
/* End Of ACHIEVEMENTS */

/* === FOOTER === */

.b-footer {
	margin-top: 15px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 12px;
	color: #575757;
}
.b-footer address {
	display: block;
	padding-top: 5px;
	font: 12px normal Arial,Tahoma,sans-serif;;
}
.b-footer .info {
	padding-top: 15px;
	text-align: center;
	font-size: 12px;
	color: #2b2b2b;
}
/* end of footer */

/* level-up */
.b-level-up {
	text-align: center;
	background: #171412;
}
.b-level-up .top, .b-level-up .bot {
	display: block;
	height: 6px;
	background: url('../images/content/level-up-top.png') no-repeat 50% 0 transparent;
}
.b-level-up .bot {background-image: url('../images/content/level-up-bot.png');}
.b-level-up .level-img {display: inline-block; margin-right: 10px;vertical-align: middle;}

/* prefighting */
.prefighting .btn-wrap {padding: 15px 28% 8px 28%;}
.b-danger {padding: 5px 20% 0 20%;text-align: center;font-size: 12px;}
.c-danger-low, .b-danger.low a {color: #2CC913 !important;}
.c-danger-middle, .b-danger.middle a {color: #fbc803 !important;}
.c-danger-high, .b-danger.high a {color: #ce3333 !important;}

.wrap-avatar {
	position: relative;
	display: inline-block;
}
.wrap-avatar.left {margin-right: 7%;}
.wrap-avatar.right {margin-left: 7%;}

.wrap-avatar .amount {
	position: absolute;
	min-width: 44px;
	padding-left: 4px;
	height: 22px;
	bottom: -7px;
	font-size: 14px;
	text-align: center;
	line-height: 22px;
	color: #e3dbc9;
	background: url('../images/content/substrate-war.png') no-repeat 0 0 transparent;
}
.amount .amount-count {
	white-space: nowrap;
	padding: 0 2px 0 0;
	width: 99%;
	float: right;
	text-align: center;
	z-index: 10;
	height: 22px;
	background: url('../images/content/substrate-war-r.png') no-repeat 100% 0 transparent;
}

.wrap-avatar.left .amount {left: 0;}
.wrap-avatar.right .amount {right:0;}

.b-refill {padding: 7px 14% 14px 14%;overflow: hidden;}
.b-refill .line {clear:both; white-space: nowrap}

.b-refill .resource-progress {
	display: inline-block;
	float: left;
	width: 50%;
	margin-right: 3%;
	max-width: 100%;
	margin-top: 2em;
}
.b-refill .line.full .resource-progress {
	display: block;
	float: none;
	width: 100%;
	margin-right: 0;
}
.b-refill.magic-tower {padding: 7px 10% 5px 10%}
.b-refill .btn {margin: 12px 0 0 0;}
.b-refill.combat .btn {display: inline-block; float: right; width: 47%}
.b-refill.magic-tower .resource-progress, .b-refill.castle .resource-progress, .b-refill.magic-tower .btn {display: block;width:100%;float:none;}
.b-refill.magic-tower .resource-progress-fill, .b-refill.castle .resource-progress-fill {border-left: 5px solid #34302b;}
.b-refill.magic-tower .resource-progress img, .b-refill.castle .resource-progress img {left:0;}
.b-refill.magic-tower .resource-progress .quant, .b-refill.castle .resource-progress .quant {left: 22px;}

.b-refill.castle {padding: 5px 0;}
.b-refill.castle .resource-progress {max-width: 360px;position: relative;}


.refill-hint {
	font-size: 11px;
	color: #766f5f;
	text-align: center;
	padding: 10px 17px 0 17px;
}
.danger-more {
	border-spacing: 0 10px;
	font-size: 11px;
}
/* end of prefighting */
/* MAGIC TOWER */
.b-spells {
	padding: 12px 0 0 0;
	text-align: center;
	white-space: nowrap;
	font-size: 0;
}
.slot {
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	margin: 0 2px;
	width: 47px;
	height: 41px;
	text-align: center;
	padding-top: 6px;
	background: url('../images/spells/slot_full_47x47.png') no-repeat 0 0 transparent;
}
.slot.empty {background-image: url('../images/spells/slot_empty_47x47.png')}
.spell-icon .slot.empty {background: none}
.resource-progress.energy .time-refill{
	position: absolute;
	font-size: 11px;
	padding-left: 17px;
	height: 15px;
	line-height: 15px;
	color: #766f5f;
	top: -16px; right: 0;
	display: block;
	white-space: nowrap;
	background: url('../images/icons/clock.png') no-repeat 0 50%;
}

.resource-progress.army .time-refill{
	position: absolute;
	font-size: 11px;
	padding-left: 17px;
	height: 15px;
	line-height: 15px;
	color: #766f5f;
	top: -16px; right: 0;
	display: block;
	white-space: nowrap;
	background: url('../images/icons/clock.png') no-repeat 0 50%;
}

.spell-block td {padding-bottom: 7px}
.spell-icon {width: 96px;}
.spell-info {padding-left: 10px;}

.combat-energy {
	background: #231f1b;
	border-top: 1px solid #000;
	padding: 7px 10% 12px 10%;
}

.upgrade-block.running tr td:first-child {width: 98px !important}
.upgrade-block.running .btn {width: auto}
.upgrade-block.running .btn {margin: 0 0 0 20px; }
/* end of magic tower */

/*PROFILE*/
.b-switch {
	margin-top: 3px;
	z-index: 10;
	margin-bottom: -1px;
	position: relative;
	overflow: hidden;
}

.tab-button:nth-of-type(1):nth-last-of-type(1) {
  width: 100%;
}

.tab-button:nth-of-type(1):nth-last-of-type(2),
.tab-button:nth-of-type(2):nth-last-of-type(1) {
  width: 50%;
}

.tab-button:nth-of-type(1):nth-last-of-type(3),
.tab-button:nth-of-type(2):nth-last-of-type(2),
.tab-button:nth-of-type(3):nth-last-of-type(1) {
  width: 33.33%;
}

.tab-button:nth-of-type(1):nth-last-of-type(4),
.tab-button:nth-of-type(2):nth-last-of-type(3),
.tab-button:nth-of-type(3):nth-last-of-type(2),
.tab-button:nth-of-type(4):nth-last-of-type(1) {
  width: 25%;
}

.tab-button:nth-of-type(1):nth-last-of-type(5),
.tab-button:nth-of-type(2):nth-last-of-type(4),
.tab-button:nth-of-type(3):nth-last-of-type(3),
.tab-button:nth-of-type(4):nth-last-of-type(2),
.tab-button:nth-of-type(5):nth-last-of-type(1) {
  width: 20%;
}

.switch_i {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #1a1a1a;
  padding: 12px 0;
  text-decoration: none;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px 3px 0 0;
  color: #766f5f;
  position: relative;
  margin-left: 1px;
  font-size: 14px;
}

.switch_i_img {
	margin: 0 3px 0 0;
}

@media (max-width: 425px) {
  .switch_i {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 6px 0;
  }

  .switch_i_img {
    margin: 0;
  }
}

span.switch_i,
.switch_i._active {
	color: #e6e8d0;
	background: #231f1b;
	border-color: #7e6f54 #7e6f54 transparent #7e6f54;
}

.content-item-social-icon {
	width: 16px;
	margin: 0 2px 0 0;
}
/*
.switch_i_cont-amount {
  display: none;
}
span.switch_i .switch_i_cont-amount {
  display: block;
}
*/
a.switch_i,
div.switch_i {
	border-color: #403626 #403626 transparent #403626;
	cursor: pointer;
}

a.switch_i:after,
div.switch_i:after {
	content: "";
	display: block;
	position: absolute;
	width: 103%;
	left: -1%;
	bottom: -1px;
	border-bottom: 1px solid #403626;
	z-index: 20;
}

div.switch_i._active:after {
	display: none;
}

.b-switch table tr td:first-child .switch_i {
	margin-left: 0;
}

.b-switch table tr td:first-child span.switch_i,
.b-switch table tr td:first-child div.switch_i._active {
	border-left-color: transparent;
}

.b-switch table tr td:last-child span.switch_i,
.b-switch table tr td:last-child div.switch_i._active {
	border-right-color: transparent;
}

.b-profile {
	width: 240px;
	height: 228px;
	margin: 15px auto 0 auto;
	position: relative;
	background: url("../images/content/kukla_240x228.png") no-repeat 50% 50%;
}

.profile_head,
.profile_body,
.profile_righthand,
.profile_lefthand,
.profile_legs,
.profile_gloves,
.profile_belt {
	position: absolute;
	display: block;
}

.profile_righthand {
	top: 43px;
	left: 20px;
}

.profile_lefthand {
	top: 43px;
	right: 18px;
}

.profile_legs {
	bottom: 15px;
	left: 92px;
}

.profile_gloves {
	top: 118px;
	left: 20px;
}

.profile_belt {
	top: 118px;
	right: 18px;
}

.profile_head {
	top: 3px;
	left: 92px;
}

.profile_body {
	top: 80px;
	left: 92px;
}

.profile_equipmen {
	width: 240px;
	margin: 0 auto;
}

.profile_equipmen_list {
	margin-top: 10px;
}

.profile_equipmen_list td {
	padding: 5px;
	border-top: 1px solid #2f2b25;
}

.profile_equipmen_list tr:first-child td {
	border-top: none !important;
}


/*end of profile*/

/*TAVERN*/
.content-item.border.current {
	background: #1c301f;
	border-color: #2f4c28;

}
.content-item.border.current:after {
	content: '';
	display: block;
	position: absolute;
	top: 10px;right:10px;
	width: 16px;
	height:16px;
	background: url('../images/tavern/current_tick.png') no-repeat 0 0;
}
.content-item.border.current .inner, .content-item.border.current .subtitle {color: #e3dbc9 !important;}
.btn.btn_green_panel .btn-cont {
	padding: 8px 20px 8px 9px;
	text-align: left;
	background: rgb(29,54,27);
	background: linear-gradient( to top, rgb(38,60,41) 0%, rgb(29,54,27) 22%, rgb(38,69,28) 97%);
	background: -webkit-linear-gradient(bottom, rgb(38,60,41) 0%, rgb(29,54,27) 22%, rgb(38,69,28) 97%);
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #2f4c28;
	color: #a8aa97;
	overflow: hidden;
	position: relative;
	line-height: 1.5em;
}
.btn.btn_green_panel .btn-cont:after {
	content: '';
	position: absolute;
	width: 7px;
	height: 18px;
	right: 7px;
	top: 35%;
	background: url('../images/tavern/btn_green_panel_arr.png') 0 0 no-repeat;
}
.btn.btn_green_panel .btn-top {
	background-color: #2f4c28;
	background: #91b05c;
	background: linear-gradient( to right, #2f4c28 0%, #91b05c 50%, #2f4c28 100%);
	background: -webkit-linear-gradient(left, #2f4c28 0%, #91b05c 50%, #2f4c28 100%);
}

.buff {
	position: absolute;
	bottom: 0;
	left:0;
	display: block;
	width: 100px;
	height: 80px;
	background-repeat: no-repeat;
	background-image: url('../images/tavern/buffs_strip_100x80.png@v=4');
}
.buff.guard_capitan_off {background-position: 0 0;}
.buff.guard_capitan_on, .content-item.border.current .buff.guard_capitan_off, .buff.guard_capitan_off:hover {background-position: 0 -80px;}
.buff.berserk_off {background-position: 0 -160px;}
.buff.berserk_on, .content-item.border.current .buff.berserk_off, .buff.berserk_off:hover {background-position: 0 -240px;}
.buff.path_finder_off {background-position: 0 -320px;}
.buff.path_finder_on, .content-item.border.current .buff.path_finder_off, .buff.path_finder_off:hover {background-position: 0 -400px;}
.buff.treasure_hunter_off {background-position: 0 -480px;}
.buff.treasure_hunter_on, .content-item.border.current .buff.treasure_hunter_off, .buff.treasure_hunter_off:hover {background-position: 0 -561px;}
.buff.shield_off {background-position: 0 -640px;}
.buff.shield_on, .content-item.border.current .buff.shield_off, .buff.shield_off:hover {background-position: 0 -720px;}
.buff.banner_bearer_off {background-position: 0 -800px;}
.buff.banner_bearer_on, .content-item.border.current .buff.banner_bearer_off, .buff.banner_bearer_off:hover {background-position: 0 -880px;}
.buff.merc_shards_league_off {background-position: 0 -960px;}
.buff.merc_shards_league_on, .content-item.border.current .buff.merc_shards_league_off, .buff.merc_shards_league_off:hover {background-position: 0 -1040px;}
.buff.path_finder_ny2018_off {background-position: 0 -1120px;}
.buff.path_finder_ny2018_on, .content-item.border.current .buff.path_finder_ny2018_off, .buff.path_finder_ny2018_off:hover {background-position: 0 -1200px;}
.buff.trasure_hunter_event_off {background-position: 0 -1280px;}
.buff.trasure_hunter_event_on, .content-item.border.current .buff.trasure_hunter_event_off, .trasure_hunter_event_off:hover {background-position: 0 -1360px;}
.buff.event_hunter_off {background-position: 0 -1440px;}
.buff.event_hunter_on, .content-item.border.current .buff.event_hunter_off, .event_hunter_off:hover {background-position: 0 -1520px;}

.buff_mini {
	display: inline-block;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-image: url('../images/tavern/buffs_strip_32x32.png@v=4');
}
.buff_mini.guard_capitan_mini_on {background-position: 0 0;}
.buff_mini.guard_capitan_mini_off {background-position: 0 -32px;}
.buff_mini.berserk_mini_on {background-position: 0 -64px;}
.buff_mini.berserk_mini_off {background-position: 0 -96px;}
.buff_mini.path_finder_mini_on {background-position: 0 -128px;}
.buff_mini.path_finder_mini_off {background-position: 0 -160px;}
.buff_mini.treasure_hunter_mini_on {background-position: 0 -192px;}
.buff_mini.treasure_hunter_mini_off {background-position: 0 -224px;}
.buff_mini.shield_mini_on {background-position: 0 -256px;}
.buff_mini.shield_mini_off {background-position: 0 -288px;}
.buff_mini.banner_bearer_mini_on {background-position: 0 -320px;}
.buff_mini.banner_bearer_mini_off {background-position: 0 -352px;}
.buff_mini.merc_shards_league_mini_on {background-position: 0 -384px;}
.buff_mini.merc_shards_league_mini_off {background-position: 0 -416px;}
.buff_mini.path_finder_ny2018_mini_on {background-position: 0 -448px;}
.buff_mini.path_finder_ny2018_mini_off {background-position: 0 -480px;}
.buff_mini.trasure_hunter_event_mini_on {background-position: 0 -512px;}
.buff_mini.trasure_hunter_event_mini_off {background-position: 0 -548px;}
.buff_mini.event_hunter_mini_on {background-position: 0 -580px;}
.buff_mini.event_hunter_mini_off {background-position: 0 -612px;}



/*TAVERN VISITORS*/
.b_buttons_box {
	position: relative;
	padding: 5px 2% 2px 25%;
	margin: 15px 0 27px 0;
}

.b_vizit {
	position: relative;
	padding: 5px 5% 40px 130px;
	margin: 15px 0 27px 0;
	min-height: 164px;
	background: url('../images/tavern/tavern_back_visitor.jpg') no-repeat 100% 100% #150f07;
}
.b_vizit.empty {
	background: url('../images/tavern/tavern_back_empty.jpg') no-repeat 0 0 #150f07;
}

.b_vizit.merchant_offer {
	background-position: 0 0, 100% 0;
	background-repeat: repeat-y, repeat-y;
	background-color: #0a1b29;
	margin: 15px 0 27px 0;
	height: auto;
	padding-left: 2%;
}
.b_vizit.merchant_santa {
	background: #0a1b29 !important;
	height: auto;
	padding-left: 2%;
}
.b_vizit.merchant_santa:after,
.ice-tower-2018:after {
	content: '';
	width: 100%;
	height: 38px;
	position: absolute;
	z-index: 50;
	left: 0;
	top: -11px;
	background: url('../images/content/ny/elkabg.png') 50% 0 no-repeat;
}

.b_vizit.merchant_santa .vizit_btns, .b_vizit.merchant_offer .vizit_btns {
	/*position: relative;*/
}
.merchant_content {
	font-size: 14px;
	color: #e3dbc9;
	margin: 5px 0 0 30%;
	position: relative;
	z-index: 601;
}
.merchant_content._for-center {
	width: 100%;
	text-align: center;
	margin: 0;
}

.vizit_image {
	width: 134px;
	height: 162px;
	position: absolute;
	bottom: 0;
	left: 0;
}
@media screen and (max-width:360px) {

	.vizit_image {
		width: 90px;
		height: auto;
	}
	.merchant_content {
		margin-left: 22%;
	}
	.vizit_btns {
		padding: 20px 0 7px 0 !important;
		text-align: center;
	}
	.b_vizit.merchant_santa:after {
		right: -83px;
	}
	.vizit_btns .btn_o {
		margin: 0 1px;
		width: 102px;
	}
}
.btn_o {
	display: block;
	text-decoration: none;
	width: 100%;
	text-align: center;
	height: 39px;
	background: url('../images/content/new/button_m.png') 0 0 repeat-x;
	position: relative;
}
.vizit_btns .btn_o {width: 120px;display: inline-block;}
.btn_o:before {
	content: '';
	height: 39px;
	width: 61px;
	background: #000;
	position: absolute;
	top: 0;
	left: -5px;
	background: url('../images/content/new/button_l.png') 100% 0 no-repeat;
}
.btn_o:after {
	content: '';
	height: 39px;
	width: 61px;
	background: #000;
	position: absolute;
	top: 0;
	right: -5px;
	background: url('../images/content/new/button_r.png') 0 0 no-repeat;
}
.btn_o.gray{
	background: url('../images/content/new/button_m_gray.png') 0 0 repeat-x;
	color: #6f6f6f !important;
}
.btn_o.gray:before {
	background: url('../images/content/new/button_l_gray.png') 100% 0 no-repeat;
}
.btn_o.gray:after {
	background: url('../images/content/new/button_r_gray.png') 0 0 no-repeat;
}
.btn_o_inner {
	display: block;
	position: absolute;
	z-index: 100;
	width: 100%;
	top: 12px;
	white-space: nowrap;
	font-size: 12px !important;
}
.vizit_btns {
	position: absolute;
	width: 100%;
	padding: 12px 0 7px 0;
	white-space: nowrap;
	margin: 0 0 -28px 0;
	text-align: center;
	z-index: 800;
	bottom:0;
	left:0;
}
.vizit_btns .btn_o {
	margin: 0 10px;
}

.inline_right {
	float: right;
}
@media screen and (max-width:360px) {
	.inline_right {
		float: none;
		white-space: nowrap;
	}
}

.vizit_talk {
	position: relative;
	top: 5px;
	left: 0px !important;
	background: #c9cbaf;
	border-radius: 7px;
	padding: 10px 15px;
	font-size: 14px;
	color: #766f5f;
}
.vizit_talk strong {
	color: #4d483b;
}
.vizit_talk:after {
	content: '';
	position: absolute;
	width: 0;
	bottom:20%;
	left: -17px;
	border-style: solid;
	border-color:  transparent #c9cbaf  transparent transparent;
	border-width: 15px 10px 3px 8px;
}
.notice-text .c-realgreen {
	color: #138900 !important
}
.vizit_stat {
	position: absolute;
	left: 20px;
	width: 100%;
	color: #645e4f;
	line-height: 1.8em;
}
.c-white {
	color: #fff !important
}
@media screen and (max-width:360px){
	.vizit_btns {
		margin-right: 5px;
	}
	.b_vizit {
		padding-left:90px;
		min-height: 130px;
	}
}

/*end of tavern*/

/*LEAGUES*/

.b-league-progress {
	text-align: center;
	position: relative;
	margin: 0 12%;
}
@media screen and (min-width: 480px) {.b-league-progress {margin: 0 22%;} }
@media screen and (max-width: 240px) {.league-progress-text .nowrap {display: none;} }

.league-icon {
	position: absolute;
	right: -22px;
	top: -6px;
	z-index: 10;
}
.league-icon-left {left: -22px;}
.league-progress-text {
	position: absolute;
	width: 90%;
	overflow: hidden;
	top: 2px;
	padding: 0 5%;
	line-height: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #fff;
}
.league-progress {
	clear: both;
	min-height: 20px;
	background: url('../images/leagues/league_progress_bg.png') 0 0 repeat-x #1f1910;
}
.league-progress-fill {
	background: url('../images/leagues/league_progress_fill.png') 0 0 repeat-x #d8700a;
	min-height: 20px;
	float: left;
}
.league-progress-fill.delta-up {background: url('../images/leagues/league_progress_delta-green.png') 0 0 repeat-x #188512;}
.league-progress-fill.delta-up.extra {position: relative;}
.league-progress-fill.delta-up.extra:after {
	content: '';
	display: block;
	width: 16px;
	height: 26px;
	position: absolute;
	top: -4px;
	right: -5px;
}

.league-progress-fill.delta-down { background: url('../images/leagues/league_progress_delta-red.png') 0 0 repeat-x #188512;}

.league-progress.glow {
	box-shadow: 0 0 8px rgba(33,100,12,0.8);
	border: 1px solid #21640c;
}
.current_league {
	display: inline-block;
	position: relative;
}
.current_league:before, .current_league:after {
	content: '';
	position: absolute;
	width: 6px;
	height: 7px;
	background: url('../images/leagues/league_arr.png') 0 0 no-repeat;
	right: -6px;
	top: 34px;
	z-index: 100;
}
.current_league:before {left: -6px;}

.raiting-table td {padding: 5px}
.raiting-table tr:nth-child(odd) td {background: #1e1a16;}
.raiting-table .current td {
	background: #2d2722 !important;
	border-top: 1px solid #44382d;
	border-bottom: 1px solid #44382d;
}
.raiting-table .current td:first-child {border-left: 1px solid #44382d;}
.raiting-table .current td:last-child {border-right: 1px solid #44382d;}

/*end of leagues*/


/* SIEGES */


.chest-icn {
	display: inline-block;
	width: 73px;
	height: 73px;
	position: absolute;
	z-index: 15;
	left: -7px;
	top: -24px;
}

.fort {
	width: 192px;
	height: 157px;
	position: relative;
	margin: 15px auto 15px auto;
}
.fort._unknown .fort-level {display: none;}

.fort-level {
	position: absolute;
	width: 100%;
	bottom: 10px;
	z-index: 15;
	left: 0;
	height: 21px;
}
.fort-level._level-0 {
	background: url('../images/content/stars_empty.png') 0 0 no-repeat;
}
.fort-level._level-1 {
	background: url('../images/content/stars_01.png') 0 0 no-repeat;
}
.fort-level._level-2 {
	background: url('../images/content/stars_02.png') 0 0 no-repeat;
}
.fort-level._level-3 {
	background: url('../images/content/stars_03.png') 0 0 no-repeat;
}
.main-button {
	display: table;
	width: 200px;
	height: 64px;
	text-align: center;
	text-decoration: none;
	background: url('../images/content/main-button-bg.png') 50% 50% no-repeat;
	margin: 5px auto 0px auto;
}
.main-button-inner {
	display: table-cell;
	width: 100%;
	height: 60px;
	padding-bottom: 4px;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	text-shadow: rgba(0,0,0,.7) 1px 1px 0, rgba(0,0,0,.7) 1px 1px 0;
	color: #fff5de;
	text-align: center;
}

.main-button .main-button-inner {
	width: 200px;
}

.change-fort {
	position: relative;
	max-width: 300px;
	min-width: 200px;
	border: 1px solid #fff;
	margin: 10px auto;
	border-radius: 14px;
}
.change-fort._time-lock {
	background: #191613;
	border: none;
	margin: 25px auto 15px auto;
}
.change-fort._time-lock:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 35px;
	z-index: 30;
	left: 0;
	top: -22px;
	background: url('../images/content/siege-target-expired.png') 50% 0 no-repeat;
}
.change-fort._time-lock .change-fort-inner {
	padding: 15px 7px 7px 7px;
	text-align: center;
}
.change-fort._level-low {
	background: #1a1a1a;
	border: 2px solid #065000;
}
.change-fort._level-middle {
	background: #262119;
	border: 2px solid #df9403;
}
.change-fort._level-high {
	background: #331812;
	border: 2px solid #6e1200;
}
.league-img {
	position: absolute;
	display: inline-block;
	left: -16px;
	top: 4px;
}
.change-fort .button-mini {
	position: absolute;
	right: -1px;
	top: 1px;
	width: 48px;
	text-align: center;
	font-size: 11px;
}
.change-fort-inner {
	padding: 5px 70px 7px 20px;
	font-size: 12px;
}
.clan-name {
	margin-top: -3px;
	font-size: 11px;
}
.fort-chest {
	width: 130px;
	margin: -15px auto 18px auto;
	position: relative;
	height: 25px;
	padding: 0 0 0 60px;
}
.fort-chest-name {
	font-size: 11px;
	text-align: left;
	border-radius: 15px;
	width: 113px;
	padding: 5px 5px 5px 45px;
	position: absolute;
	z-index: 10;
	left: 20px;
	bottom: -7px;
}

.fort-chest._wood .fort-chest-name {
	color: #867855;
	background:
			linear-gradient(to bottom, rgba(66,58,51,1) 0%, rgba(66,58,51,1) 1%, rgba(66,58,51,0) 2%, rgba(66,58,51,0) 98%, rgba(66,58,51,1) 99%, rgba(66,58,51,1) 100%),
			radial-gradient(ellipse, rgba(66,58,51,0) 0%, rgba(66,58,51,0) 50%, rgba(66,58,51,1)  100%);
}
.fort-chest._silver .fort-chest-name {
	color: #c1dbd6;
	background:
			linear-gradient(to bottom, rgba(49,57,58,1) 0%, rgba(49,57,58,1) 1%, rgba(49,57,58,0) 2%, rgba(49,57,58,0) 98%, rgba(49,57,58,1) 99%, rgba(49,57,58,1) 100%),
			radial-gradient(ellipse, rgba(49,57,58,0) 0%, rgba(49,57,58,0) 50%, rgba(49,57,58,1)  100%);
}
.fort-chest._gold .fort-chest-name {
	color: #ffca10;
	background:
			linear-gradient(to bottom, rgba(72,52,41,1) 0%, rgba(72,52,41,1) 1%, rgba(72,52,41,0) 2%, rgba(72,52,41,0) 98%, rgba(72,52,41,1) 99%, rgba(72,52,41,1) 100%),
			radial-gradient(ellipse, rgba(72,52,41,0) 0%, rgba(72,52,41,0) 50%, rgba(72,52,41,1)  100%);
}
.fort-chest._magic .fort-chest-name {
	color: #a863e2;
	background:
			linear-gradient(to bottom, rgba(64,39,72,1) 0%, rgba(64,39,72,1) 1%, rgba(41,137,216,0) 2%, rgba(41,137,216,0) 98%, rgba(64,39,72,1) 99%, rgba(64,39,72,1) 100%),
			radial-gradient(ellipse, rgba(64,39,72,0) 0%, rgba(64,39,72,0) 50%, rgba(64,39,72,1)  100%);
}

.b-siege {
	position: relative;
}
.siege-info table {
	height: 38px;
	background: #1e1e1e;
}

.siege-hp {
	height: 3px;
	background: #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	overflow: hidden;
}
.siege-hp-fill {
	height: 3px;
	background: #32b10f;
	float: left;

}
.siege-hp-delta {
	height: 3px;
	background: #b41b19;
	float: left;
}
.siege-hp-plus {
	height: 3px;
	background: #3cfc08;
	float: left;
}



.siege-fort {
	position: relative;
	height: 208px;
	background: url('../images/content/battle_back.jpg') no-repeat 50% 100% #4e86dd;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.fort-engine, .fort-garrison, .fort-barrier, .fort-attack, .fort-attack-effect {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
}
.fort-engine {z-index: 100;}
.fort-garrison { z-index: 150;}
.fort-barrier {z-index: 200;}
.fort-attack, .fort-attack-effect {
	z-index: 250;
}
.fort-spell-lightning {z-index: 300;top:0;}


.fort-buff-box {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 46px;
	z-index: 350;
	text-align: right;
}
.i-fort-buff {
	display: inline-block;
	min-width: 32px;

	position: relative;
	text-align: center;
	background: rgba(0,0,0,.7);
	padding: 1px;
	position: relative;
	z-index: 351;
	border-radius: 0 0 4px 4px;
}
.i-fort-buff-text {
	white-space: nowrap;
	color: #ffae00;
	font-size: 11px;
	font-weight: bold;
	padding-top: 1px;
	text-shadow:
			-0 -1px 0 #000000, 0 -1px 0 #000000, -0 1px 0 #000000, 0 1px 0 #000000,
			-1px -0 0 #000000, 1px -0 0 #000000, -1px 0 0 #000000, 1px 0 0 #000000,
			-1px -1px 0 #000000, 1px -1px 0 #000000, -1px  1px 0 #000000, 1px 1px 0 #000000,
			-1px -1px 0 #000000, 1px -1px 0 #000000, -1px  1px 0 #000000, 1px  1px 0 #000000;
}


.siege-result {
	position: relative;
	padding: 40px 0 20px 0;
	z-index: 900;
	color: #715d49;
	background:
			url('../images/content/siege-result-tl.png') 0 0 no-repeat,
			url('../images/content/siege-result-tr.png') 100% 0 no-repeat,
			url('../images/content/siege-result-bl.png') 0 100% no-repeat,
			url('../images/content/siege-result-br.png') 100% 100% no-repeat,
			url('../images/content/siege-result-t.png') 0 0 repeat-x,
			url('../images/content/siege-result-b.png') 0 100% repeat-x,
			url('../images/content/siege-result-r.png') 100% 0 repeat-y,
			url('../images/content/siege-result-l.png') 0 0 repeat-y #251f16;
}
.siege-result:after {
	content: '';
	position: absolute;
	z-index: 1000;
	width: 100%;
	top: -92px;
	height: 130px;
}
.siege-result:before {
	content: '';
	position: absolute;
	z-index: 800;
	width: 103%;
	background: rgba(0,0,0,.7);
	top: -216px;
	height: 212px;
	left: -3px;
}
.siege-result._victory:after {
	background: url('../images/content/siege_victory.png') 50% 0 no-repeat;
}
.siege-result._fail:after {
	background: url('../images/content/siege_fail.png') 50% 0 no-repeat;
}
.siege-result._timeout:after {
	background: url('../images/content/siege_timeout.png') 50% 0 no-repeat;
}
.b-siege._fatal:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background:
			radial-gradient(ellipse at center, rgba(101,2,0,0) 0%,rgba(101,2,0,0) 85%,rgba(101,2,0,1) 100%),
			linear-gradient(to right, rgba(101,2,0,1) 0%, rgba(101,2,0,0) 3%, rgba(101,2,0,0) 97%, rgba(101,2,0,1) 100% ),
			linear-gradient(to bottom, rgba(101,2,0,1) 0%, rgba(101,2,0,0) 3%, rgba(101,2,0,0) 97%, rgba(101,2,0,1) 100%);
	top: 1px;
	left: 0;
	display: none;
}

.siege-result-chest {
	position: relative;
	text-align: center;
	padding-bottom: 10px;
}
.siege-result-chest-icn {
	width: 135px;
	height: 135px;
	display: inline-block;
	margin: -40px 0 0 0;
}
.siege-result .button-mini {
	width: 50%;
	margin: 20px auto 0 auto !important ;
}

@media screen and (max-width:360px) {
	.siege-fort {height: 156px;}
	.siege-result:before {height: 161px !important;top: -164px !important;}
}
@media screen and (min-width:321px) and (max-width:359px) {
	.siege-fort {height: 145px;}
	.siege-result:before {height: 149px !important;top: -151px !important;}
}
@media screen and (min-width:361px) and (max-width:470px) {
	.siege-fort {height: 180px;}
	.siege-result:before {height: 161px !important;top: -164px !important;}
}
@media screen and (max-width:320px) {
	.siege-fort {height: 139px; }
	.siege-result:before {height: 143px !important;top: -147px !important;}
}
@media screen and (max-width:240px) {
	.siege-fort {height: 104px; }
	.siege-result:before {height: 109px !important;top: -113px !important;}
}

.show-stat {
	display: block;
	text-decoration: none;
	background:  url('../images/icons/unchecked.png') 15px 50% no-repeat #231f1b;
	padding: 5px 5px 5px 35px;
	color: #6b614b;
}
.show-stat._on {background:  url('../images/icons/checked.png') 15px 50% no-repeat #231f1b;}
.show-stat:hover {
	color: #e3dbc9;
}
.log-text {
	border-bottom: 1px solid #1e1a16;
	padding: 5px 5px 5px 10px;
	margin: 0 !important;
}


/* USER CHESTS */


.chest-slot-table {
	border-collapse: separate;
	border-spacing: 6px;
	margin: 7px 0 0 0;
}
@media screen and (max-width:400px) {
	.chest-slot-table {border-spacing: 2px !important;margin: 0 -5px !important;}
}
.chest-slot {
	display: block;
	text-decoration: none;
	height: 98px;
	text-align: center;
	border-radius: 5px;
	position: relative;
}


.chest-slot._empty {
	background: #282420;
	background: linear-gradient(to bottom, #25221e 0%,#25221e 5%,#282420 6%, #282420 92%,#322e2a 100%);
	background: -webkit-linear-gradient(top, #25221e 0%,#25221e 5%,#282420 6%, #282420 92%,#322e2a 100%);
	border: 1px solid #322e2a;
	color: #4e4638;
	height: 72px;
	padding-top: 27px;
}

.chest-slot._plus {
	background: url('../images/chests/plus.png') 50% 50% no-repeat #282420;
	background: url('../images/chests/plus.png') 50% 50% no-repeat, linear-gradient(to bottom, #3f3a34 0%,#2d2721 10%, #2d2721 94%,#29231d 100%) !important;
	background: url('../images/chests/plus.png') 50% 50% no-repeat, -webkit-linear-gradient(top, #3f3a34 0%,#2d2721 10%, #2d2721 94%,#29231d 100%) !important;
	border: 1px solid #2e2923;
	color: #4e4638;
	min-width: 30px;
}
.chest-slot._opened {
	background: #63593d;
	background: linear-gradient(to right,#5d543b 0,rgba(0,0,0,0) 2%,rgba(0,0,0,0) 98%,#5d543b 100%), linear-gradient(to bottom, #7f7760 0%, #63593d 7%, #63593d 93%, #4d4530 100%) #63593d;
	background: -webkit-linear-gradient(right,#5d543b 0,rgba(0,0,0,0) 2%,rgba(0,0,0,0) 98%,#5d543b 100%), -webkit-linear-gradient(top, #7f7760 0%, #63593d 7%, #63593d 93%, #4d4530 100%) #63593d;
	border: 1px solid #7f7660;
}
.chest-slot._opened .chest-slot-text {
	font-size: 12px;margin-top: 5px;
	padding-top: 5px;
	color: #fff;
	margin-bottom: -5px;
}
.chest-slot._time-opens {
	background: #63593d;
	background: linear-gradient(to right,#2f2924 0,rgba(0,0,0,0) 2%,rgba(0,0,0,0) 98%,#2f2924 100%), linear-gradient(to bottom, #403a34 0%, #2d2721 7%, #2d2721 93%, #28231e 100%) #63593d;
	background: -webkit-linear-gradient(right,#2f2924 0,rgba(0,0,0,0) 2%,rgba(0,0,0,0) 98%,#2f2924 100%), -webkit-linear-gradient(top, #403a34 0%, #2d2721 7%, #2d2721 93%, #28231e 100%) #63593d;
	border: 1px solid #201c19;
}
.chest-slot._closed {
	background: #2d2721;
	background: linear-gradient(to right,#2f2924 0,rgba(0,0,0,0) 2%,rgba(0,0,0,0) 98%,#2f2924 100%), linear-gradient(to bottom, #403a34 0%, #2d2721 7%, #2d2721 93%, #28231e 100%) #63593d;
	background: -webkit-linear-gradient(right,#2f2924 0,rgba(0,0,0,0) 2%,rgba(0,0,0,0) 98%,#2f2924 100%), -webkit-linear-gradient(top, #403a34 0%, #2d2721 7%, #2d2721 93%, #28231e 100%) #63593d;
	border: 1px solid #201c19;
}
.chest-slot-img {
	width: 100%;
	max-width: 75px;
	margin-top: -8px;
}
.chest-slot-text {
	height: 28px;
	margin-top: 5px;
	font-size: 11px;
	line-height: 12px;
	position: relative;
	z-index: 30;
	text-shadow: rgba(0,0,0,.7) 1px 1px 0, rgba(0,0,0,.7) 1px 1px 0;
}

.chest-slot-time {
	position: relative;
	z-index: 50;
	width: 55%;
	margin: -10px auto 0 auto;
	padding: 0 5px 0 15px;
	background: #ffffff;
	color: #000;
	border-radius: 8px;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 15px;
	line-height: 15px;
}
.chest-slot-time:after {
	content: '';
	position: absolute;
	z-index: 55;
	left: -2px;
	top: 0;
	background: url('../images/icons/clock.png') 0 0 no-repeat;
	width: 15px;
	height: 15px;
}

.r-box {
	padding: 20px 15px 15px 15px;
	position: relative;
	margin-top: 75px;
	color: #fff5de;
	font-size: 12px;
	text-align: center;
	background: #383127;
	text-shadow: rgba(0,0,0,.7) 1px 1px 0, rgba(0,0,0,.7) 1px 1px 0;
}
.r-inner {
	background: #4f412a;
	border-collapse: separate;
	border-spacing: 5px;
	width: 80%;
	margin: 0 auto;
}
.r-inner td {
	color: #fff5de;
	padding: 5px 0;
}

.r-box._time-opens {
	background: #243629;
	border: 1px solid #1e483a;
}
.r-box._time-opens .r-inner {
	background: #264834;
}
.r-box._chest-wood:before, .r-box._chest-silver:before, .r-box._chest-gold:before, .r-box._chest-magic:before {
	content: '';
	width: 100%;
	height: 135px;
	position: absolute;
	z-index: 50;
	top: -91px;
	left: 0;
}
.r-box._chest-wood:before {
	background: url('../images/chests/chest-wood-closed.png') 50% 0 no-repeat;
}
.r-box._chest-silver:before {
	background: url('../images/chests/chest-silver-closed.png') 50% 0 no-repeat;
}
.r-box._chest-gold:before {
	background: url('../images/chests/chest-gold-closed.png') 50% 0 no-repeat;
}
.r-box._chest-magic:before {
	background: url('../images/chests/chest-magic-closed.png') 50% 0 no-repeat;
}
.r-box-title {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 0 10px 0;
}

.r-box .btn {
	width: 70%;
	margin: auto;
}
.siege-result .b-league-progress {
	margin-bottom: 15px;
}

.b-card {
	height: 271px;
	padding-top: 147px;
	position: relative;
}
.b-card._open-wood {background: url('../images/chests/chest-wood-bg-open.png@1') 50% 50% no-repeat #231f1b;}
.b-card._open-silver {background: url('../images/chests/chest-silver-bg-open.png@1') 50% 50% no-repeat #231f1b;}
.b-card._open-gold {background: url('../images/chests/chest-gold-bg-open.png@1') 50% 50% no-repeat #231f1b;}
.b-card._open-magic {background: url('../images/chests/chest-magic-bg-open.png@1') 50% 50% no-repeat #231f1b;}

.card {
	display: block;
	position: absolute;
	background: #94d8d7;
	width: 63px;
	height: 83px;
	text-align: center;
	z-index: 200;
}
.card._tl {top: 22px; left: 25%;}
.card._tr {top: 22px; right: 25%;}
.card._ml {top: 136px; left: 10%;}
.card._mr {top: 136px; right: 10%;}
.card._bl {bottom: 51px; left: 25%;}
.card._br {bottom: 51px; right: 25%;}

.card._card_item_unique {background: url('../images/chests/card_item_unique.png') 0 0 no-repeat;}
.card._card_item_top {background: url('../images/chests/card_item_top.png') 0 0 no-repeat;}
.card._card_item_sim {background: url('../images/chests/card_item_sim.png') 0 0 no-repeat;}
.card._card_item_pro {background: url('../images/chests/card_item_pro.png') 0 0 no-repeat;}
.card._card_item_adv {background: url('../images/chests/card_item_adv.png') 0 0 no-repeat;}

.card-text {
	color: #fff5de;
	font-size: 12px;
	white-space: nowrap;
	font-weight: bold;
	width: 100%;
	overflow: hidden;
	position: absolute;
	bottom: 11px;
	left: 0;
}
.card-label {
	color: #fff5de;
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	top: 82px;
	left: -10%;
	width: 120%;
	line-height: 12px;
	z-index: 400;
	min-height: 27px;
	text-align: center;
}
.card-img {
	margin: 9px 0 0 2px;
	display: inline-block;
}


.b-card-center {
	width: 120px;
	height: 45px;
	padding-top: 75px;
	position: relative;
	z-index: 180;
	margin:0 auto 0 auto;
}
.card-num {
	position: absolute;
	color: #918f8d;
	z-index: 600;
	left: 0;
	top: 14px;
	width: 100%;
	text-align: center;
	font-size: 20px;
	text-shadow: rgba(0,0,0,.7) 1px 1px 0, rgba(0,0,0,.7) 1px 1px 0;
}

.wrap-half-button {
	margin: 10px auto 0 auto;
}
.button-mini {
	display: table;
	border-collapse: collapse;
	width: 90%;
	text-decoration: none;
	color: #fff5de;
	font-size: 12px;
	text-align: center;
	height: 39px;
	background: url('../images/content/button-mini-bg-middle.png') 0 0 repeat-x;
	position: relative;
	margin: 0 5%;
	z-index: 10;
}
.button-mini:before {
	content: '';
	width: 12px;
	height: 39px;
	left: -11px;
	position: absolute;
	z-index: 300;
	top: 0;
	background: url('../images/content/button-mini-bg-left.png') 0 0 no-repeat;
}
.button-mini:after {
	content: '';
	width: 12px;
	height: 39px;
	right: -11px;
	position: absolute;
	z-index: 300;
	top: 0;
	background: url('../images/content/button-mini-bg-right.png') 0 0 no-repeat;
}
.button-mini-inner {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	height: 39px;
	text-shadow: rgba(0,0,0,.7) 1px 1px 0, rgba(0,0,0,.7) 1px 1px 0;
}
.button-mini._left {
	border-right: 1px solid #383127;
	margin: 0;
	width: 100%;
}
.button-mini._left:after {
	display: none ;
}
.button-mini._right {
	border-left: 1px solid #383127;
	margin: 0;
	width: 100%;
}
.button-mini._right:before {
	display: none;
	margin: 0;
	width: 95%;
}
.chest-slot._selected:after {
	content: '';
	position: absolute;
	z-index: 1000;
	left: 38%;
	top: -17px;
	width: 23px;
	height: 21px;
	background: url('../images/content/slot-chest-arr.png') 0 0 no-repeat;
}
/* STRIKED BLOCK */

.striker {
	display: inline-block;
	position: relative;
}

.striker:after{
	content: '';
	width: 106%;
	border-top: 2px solid #8a380f;
	position: absolute;
	left: -1px;
	top: 8px;
}
.striker.c-gray:after {
	border-top: 1px solid #777!important;
	top: 9px;
}
/* === ANIMATIONS === */

/* end of animations */

/*placeholder color*/
::-webkit-input-placeholder {color:#575757;}
::-moz-placeholder          {color:#575757;}/* Firefox 19+ */
:-moz-placeholder           {color:#575757;}/* Firefox 18- */
:-ms-input-placeholder      {color:#575757;}
/*end placeholder color*/




/*.................................................
....................Clanwars.......................
.................................................*/
.wrap-build-dragon {
	margin-bottom: -2px;
}
.build-dragon-img {
	width: 100%;
	height: auto;
}

.wrap-dragon-skill {
	text-align: center;
	padding: 7px 0;
}
.dragon-skill {
	display: inline-block;
	position: relative;
	width: 55px;
	height: 55px;
	margin: 0 5px;
	text-decoration: none;
}
.dragon-skill-img {
	vertical-align: top;
	width: 55px;
	height: 55px;
}
.dragon-skill-lvl {
	position: absolute;
	width: 19px;
	height: 19px;
	background: url('../images/content/sheild_19.png') 0 0 no-repeat;
	bottom: -13px;
	left: 18px;
	z-index: 100;
	padding-top: 3px;
	text-align: center;
	color: #fff;
	font-size: 11px;
}
.dragon-skill._lock {

}
.dragon-skill._for-title {
	position: relative;
	display: block;
	z-index: 1000;
	margin: -50px auto 15px auto;
}
.skill-lock-text {
	position: absolute;
	width: 100%;
	background: url('../images/icons/spell_lock.png') 50% 10px no-repeat;
	top: 0;
	left: 0;
	height: 23px;
	padding-top: 32px;
	color: #9d9d9d !important;
}

.button-mini._for-center {
	width: 176px;
	margin: 0 auto;
}

.main-button._lock {background-image: url('../images/content/main-button-bg-lock.png') !important;}
.main-button._lock .main-button-inner {color: #d6d6d6 !important;}

.role-dragon-link {
	position: relative;
	display: inline-block;
	width: 55px;
	min-height: 70px;
	white-space: nowrap;
}
.role-dragon-link._selected:after, .dragon-skill._selected:after {
	content: '';
	position: absolute;
	z-index: 1000;
	left: 29%;
	top: -24px;
	width: 23px;
	height: 21px;
	background: url('../images/content/slot-chest-arr.png') 0 0 no-repeat;
}
.dragon-skill._selected:after {top: -28px !important;}
.r-box._for-text {
	margin: 0 0 0 0;
	text-shadow: none;
	color: #726b5b;
	text-align: left;
	font-size: 12px;
}
.lvl-flag {
	display: inline-block;
	width: 19px;
	height: 16px;
	background: url('../images/content/sheild_19.png') 0 0 no-repeat;
	padding-top: 3px;
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	color: #fff;
}
.panel-link {
	display: block;
	text-decoration: none;
	color: #726c5f;
	position: relative;
	border: 1px solid #44382d;
	padding: 8px 10px;
	background: url('../images/content/panel-link-arr.png') 98% 50% no-repeat, linear-gradient(to bottom,#372d22 0%,#262320 100%) !important;
	background: url('../images/content/panel-link-arr.png') 98% 50% no-repeat #262320;
}
.panel-link-img {
	width: 75px;
	float: left;
}
.panel-link-inner {
	margin-left: 70px;
}
.panel-link:before {
	content: '';
	position: absolute;
	width: 100%;
	top: -1px;
	left: 0;
	height: 1px;
	background: linear-gradient(to right,#44382d 0%, #fae5c6 50%, #44382d 100%);
}
.panel-link:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
}


.progress-step {
	height: 7px;
	width: 180px;
	background: #514c45;
	position: relative;
	display: block;
	margin: 0 auto;
}
.progress-step-fill {
	background: #49c214;
	height: 7px;
}
.progress-step:after {
	content: '';
	position: absolute;
	height: 7px;
	top: 0;
	width: 180px;
	left: 0;
	z-index: 100;
	background: url('css@v=i2WgzURenGxjVrQm72Yi47_QKI2d0BH2lwKi4zX_FUQ1.css') 0 0 repeat-x;
}
.progress-step._small-progress {
	display: inline-block;
	vertical-align: middle;
	height: 5px;
	width: 80px;
	overflow: hidden;

}
.progress-step._small-progress .progress-step-fill {
	height: 5px;
	float: left;
}


.box-back {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 500;
}
.wrap-opponent {
	display: inline-block;
	width: 125px;
	text-align: center;
}
.button-mini._lock {
	background: url('../images/content/button-mini-bg-middle_gray.png') 0 0 repeat-x;
}
.button-mini._lock:before {
	background: url('../images/content/button-mini-bg-left_gray.png') 0 0 no-repeat;
}
.button-mini._lock:after {
	background: url('../images/content/button-mini-bg-right_gray.png') 0 0 no-repeat;
}
.button-mini._lock .button-mini-inner {
	color: #949494;
}

.list-table tr:nth-child(even) td {
	background: #1e1a16;
}
.list-table td {
	padding: 5px 0 8px 0;
	vertical-align: middle;
}
.list-table .current-pos td {
	background: #2d2722 !important;
	border-top: 1px solid #44382d;
	border-bottom: 1px solid #44382d;
}
.box-change-link {
	position: absolute;
	white-space: nowrap;
	top: 10px;
	right: 10px;
	font-size: 12px;
	text-decoration: underline !important;
	color: #766f5f;
}
.content-item.border.lock {
	background: #1a1a1a;
	border-color: #2a2727 !important;
	color: #505050;
}
.content-item.border.lock .c-brown {
	color: #505050 !important;
}
.content-item.border.current .c-brown {
	color: #a8aa97 !important;
}
.resource-progress.feed .resource-progress-fill {
	background: #793600;
	background-image: linear-gradient(to bottom,#8f4000 0%,#5f2d00 100%);
}

.progress-stage {
	text-align: center;
	font-size: 0;
	white-space: nowrap;
	height: 39px;
	position: relative;
	margin: 10px 10px 10px 10px;
}
.progress-stage:before, .progress-stage:after {
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 19px;
	background-color: #aea867;
	background: linear-gradient( to right, rgba(189, 182, 110, 0) 0%, rgba(189, 182, 110, 1) 10%, rgba(189, 182, 110, 1) 90%, rgba(189, 182, 110, 0) 100%);
}
.progress-stage:after {
	top: 53px;
	background-color: #6e6b47;
	background: linear-gradient( to right, rgba(110, 107, 71, 0) 0%, rgba(110, 107, 71, 0) 5%, rgba(110, 107, 71, 1) 40%, rgba(110, 107, 71, 1) 60%, rgba(110, 107, 71, 0) 95%, rgba(110, 107, 71, 0) 100%);
}

.i-stage {
	display: inline-block;
	width: 45px;
	height: 39px;
	background: url('../images/clans/check_nonselect_45.png') 50% 50% no-repeat;
	margin: 0 3px;
	position: relative;
	z-index: 2;
}
.i-stage._current {
	background: url('../images/clans/check_select_45.png') 50% 50% no-repeat;
}
.i-stage._current:after {
	content: '';
	position: absolute;
	width: 26px;
	height: 14px;
	background: url('../images/clans/arrow_26.png') 0 0 no-repeat;
	z-index: 10000;
	bottom: -14px;
	left: 10px;
}
.i-stage._win {
	background: url('../images/clans/check_win_45.png') 50% 50% no-repeat;
}
.i-stage._fail {
	background: url('../images/clans/check_loose_45.png') 50% 50% no-repeat;
}
.i-stage._draw {
	background: url('../images/clans/check_none_45.png') 50% 50% no-repeat;
}

.fort-engine, .fort-garrison, .fort-barrier, .fort-attack-effect {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
}
.fort-engine {z-index: 100;}
.fort-garrison { z-index: 150;}
.fort-barrier {z-index: 200;}
.fort-attack { z-index: 250;}
.fort-spell-lightning {z-index: 300;top:0;}

/* new styles for scene clawar */
.siege-fort._clanwar {
	background: none !important;

}
.clanwar-bg, .clanwar-enemy-dragon, .clanwar-enemy-dragon-effect, .clanwar-effect-lining,
.clanwar-my-dragon, .clanwar-my-dragon-effect, .clanwar-lightning {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
}
.clanwar-effect-lining {
	background: rgba(0,0,0,0.8);
	height: 100%;
}
.clanwar-bg                          { z-index: 9;  }

.clanwar-enemy-dragon                { z-index: 11; }
.clanwar-enemy-dragon-effect         { z-index: 12; }

.clanwar-my-dragon                   { z-index: 20; }
.clanwar-my-dragon-effect            { z-index: 21; }

.clanwar-lightning                   { z-index: 15; }
.scene-section {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
}
.scene-section._onfocus {
	background: rgba(0,0,0,0.8);
	z-index: 300;
}

.box-back-result {
	height: 167px;
	position: relative;
	text-align: center;
}
.box-back-result._win {
	background: url('../images/clanwar/result_win_480.png') 50% 0 no-repeat #231f1b;
}
.box-back-result._fail {
	background: url('../images/clanwar/result_loose_480.png') 50% 0 no-repeat;
}
.box-back-result._draw {
	background: url('../images/clanwar/result_draw_480.png') 50% 0 no-repeat;
}
.box-back-result._draw .box-back-result-gerb {display: none;  }
.box-back-result-gerb {
	display: inline-block;
	width: 100px;
	height: 100px;
}

.dragon-lvl-left, .dragon-lvl-right {
	width: 41px;
	height: 44px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	position: absolute;
	right: -34px;
	top: -10px;
	z-index: 10;

}
.dragon-lvl-left {
	left: -34px;
}
.dragon-lvl-num {
	position: absolute;
	z-index: 11;
	bottom: 0;
	right: -3px;
	border-radius: 50%;
	color: #fff;
	font-size: 11px;
	text-align: center;
	padding-top: 1px;
	width: 16px;
	height: 14px;
	background: #554739;
	border: 1px solid #000;
}
.box.lock, .box.lock .content-item {
	background: #1f1f1f !important;
}
.box.lock .brd-bl {
	background: url('../images/content/ugol-bl_gray.png') 0 0 no-repeat;
}
.box.lock .brd-br {
	background: url('../images/content/ugol-br_gray.png') 0 0 no-repeat;
}
.box.lock .brd-tl {
	background: url('../images/content/ugol-tl_gray.png') 0 0 no-repeat;
}
.box.lock .brd-tr {
	background: url('../images/content/ugol-tr_gray.png') 0 0 no-repeat;
}
.box.lock .brd-right {
	background: #1f1f1f;
	border-left: 1px solid #5a5a5a;
	border-right: 1px solid #3d3d3d;
}
.box.lock .brd-left {
	background: #1f1f1f;
	border-left: 1px solid #3d3d3d;
	border-right: 1px solid #5a5a5a;
}
.box.lock .brd-top {
	background: #1f1f1f;
	border-bottom: 1px solid #505050;
	border-top: 1px solid #3e3e3e;
}
.box.lock .brd-bot {
	background: #1f1f1f;
	border-bottom: 1px solid #3e3e3e;
	border-top: 1px solid #505050;
}

.event-box {
	text-align: center;
	background: #2d2722;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #44382d;
}
.building-dragon-image {
	display: inline-block;
	width: 92px;
	height: 92px;
	position: relative;
	vertical-align: bottom;
	background-repeat: no-repeat;
	background-position: 0 -96px;
}
.building-dragon-image._lock {background-position: 0 0 !important;}
.building-dragon-image._fire { background-image: url('../images/dragons/building-dragon_fire-strip.png');}
.building-dragon-image._ice { background-image: url('../images/dragons/building-dragon_ice-strip.png');}
.building-dragon-image._emerald { background-image: url('../images/dragons/building-dragon_emerald-strip.png');}
.building-dragon-image:hover {background-position: 0 -192px;}

._btn-timer-lock {
	position: relative;
	border: 1px solid #393229 !important;
}
._btn-timer-lock:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.75);
	z-index: 100;
}
.timer-lock-count {
	position: absolute;
	z-index: 101;
	top: 5px;
	right: 5px;
	font-size: 12px;
	color: #766f5f !important;
	font-weight: normal;
}
.section {
	background: #181512;
	border-radius: 7px;
	padding: 12px 5px 10px 5px;
}
.log {
	position: relative;
	background: url('../images/content/combat-log-top.png') 0 0 repeat-x #191612;
	min-height: 56px;
}
.log-inner {
	padding: 13px 20px 3px 20px;
	font-size: 0;
	line-height: 0;
	white-space: nowrap;
	overflow: hidden;
}
.log-show {
	width: 20px;
	height: 56px;
	text-decoration: none;
	display: block;
	position: absolute;
	top: 0;
	z-index: 200;
}
.log-show:hover {
	background-color: #383127 !important;
}
.log-show._left {
	left: 0;
	background: url('../images/icons/log/log-show-left.png') 50% 50% no-repeat, url('../images/content/combat-log-top.png') 0 0 repeat-x #191612;
}
.log-show._right {
	right: 0;
	background: url('../images/icons/log/log-show-right.png') 50% 50% no-repeat, url('../images/content/combat-log-top.png') 0 0 repeat-x #191612;
}
.i-log {
	display: inline-block;
	width: 34px;
	vertical-align: middle;
	height: 44px;
	text-align: center;
}
.i-log-img {
	width: 30px;
	height: 30px;
}

.i-log-num {
	color: #aea99c;
	padding-top: 3px;
	font-size: 11px;
	line-height: 11px;
	width: 100%;
}
.i-log._red .i-log-num {
	color: #8a380f;
}
.i-log._green .i-log-num {
	color: #44781b
}
.i-log._dragon {
	width: 41px;
}
.i-log._dragon .i-log-img {
	width: 41px;
	height: 42px;
	margin: -9px 0 -3px 0;
}
/*.................................................
.................end ofClanwars....................
.................................................*/

/*.................................................
...................task and ny.....................
.................................................*/
.wrap-sectors {
	position: relative;
}
.wrap-sectors .sector:first-child {
	margin-top: 0;
}
.sector {
	background: #231f1b;
	padding: 10px;
	color: #766f5f;
	font-size: 12px;
	border: 1px solid #44382d;
	margin-top: -1px;
}
.sector._lock {
	background-color: #1a1a1a;
	color: #747474;
	border-color: #2f2d2d;
}
.sector._task-link {
	display: block;
	text-decoration: none;
	padding-right: 10%;
}
a.sector._task-link {
	background: url('../images/content/arrow-right-icn.png') 96% 50% no-repeat #231f1b;
}
.t-prg {
	height: 8px;
	border: 1px solid #000;
	background: #171410;
	position: relative;
	border-radius: 4px;
	position: relative;
	overflow: hidden;
}
.t-prg-fill {
	height: 8px;
	background: #ee9200;
	width: 46%;
	position: relative;
	left: 0px;
	top: 0px;
	border-radius: 4px 0 0 4px;
}
.t-prg-fill:after {
	content: '';
	height: 2px;
	background: #fba41b;
	width: 98%;
	position: absolute;
	left: 1%;
	top: 2px;
	border-radius: 2px;
}
.sector-title {
	font-weight: bold;
	font-size: 14px;
	color: #e8ba00;
}
.ava._lock:after {
	top: 92px !important;
}
.ava-name {
	padding-top: 4px;
}
.ava._current .ava-name {
	text-decoration: none !important;
}
/*.................................................
...................task and ny.....................
.................................................*/



/*............................................
....................consume...................
............................................*/

.rwrd-item {
	display: inline-block;
	position: relative;
	width: 69px;
	height: 60px;
	margin: 0 22px;
}
.rwrd-item-count {
	position: absolute;
	bottom: 0;
	left: -1px;
	min-width: 35px;
	text-align: center;
	min-height: 26px;
	z-index: 10;
	vertical-align: bottom;
	line-height: 28px;
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	text-shadow: 0 0 4px #231f1b, 0 0 4px #231f1b, 0 0 4px #231f1b, 0 0 4px #231f1b, 0 0 4px #231f1b, 0 0 4px #231f1b, 0 0 4px #231f1b, 0 0 4px #231f1b, 0 0 4px #231f1b, 0 0 4px #231f1b, 0 0 4px #231f1b, 0 0 4px #231f1b, 0 0 4px #231f1b, 0 0 4px #231f1b, 0 0 4px #231f1b;
}
.rwrd-item-count img {vertical-align: top !important;}
.rwrd-item-label {
	position: absolute;
	top: 6px;
	left: 50px;
	color: #fff;
	white-space: nowrap;
	min-width: 51px;
	height: 16px;
	padding-top: 2px;
}
.fort {
	position: relative;
}
.fort .rwrd-item {
	margin: 0;
	position: absolute;
	right: -60px;
	top: -10px;
}
.fort .rwrd-item .rwrd-item-label {
	background: transparent !important;
	top: 53px;
	left: 13px;
	padding: 6px 0 1px 0;
	text-align: center;
	border-radius: 10px;
	color: #766f5f;
}

/* consume */
.wrap-fort {
	width: 240px;
	padding: 20px 10px 33px 10px;
	margin: 0 auto;
	border-radius: 10px;
	background: #181513;
	position: relative;
}
.btn-simple {
	display: block;
	text-decoration: none;
	color: #e6e8d0;
	text-align: center;
	height: 12px;
	padding: 10px 0;
	background: url('../images/content/page-bg.png') repeat-x 0 0 #363129;
}
.substrate-ava {
	position: relative;
	width: 60px;
	height: 31px;
}
.ava-canvas:after {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 60px;
	height: 60px;
	z-index: 11;
	background: url('../images/consume/frame_avatar_60x60.png') 0 0 no-repeat;

}
.ava-canvas {
	position: absolute;
	z-index: 10;
	top: -12px;
	left: -3px;
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	background-position: 50% -12px;
	background-color: #001361;
}
.fort-enemy-table tr, .fort-enemy-table td {
	height: 31px;
}
.ava-league-img {
	position: absolute;
	z-index: 15;
	bottom: -32px;
	left: 11px;
}

.fort-conditions {
	margin-top: -35px;
	position: relative;
	text-align: center;
}
.fort-conditions .rwrd-item {
	position: relative;
	z-index: 20;
	display: inline-block;
	vertical-align: middle;
	width: 76px;
	height: 73px;
	margin-left: 30px;
}

.fort-conditions .rwrd-item .rwrd-item-label {
	background: #262119 !important;
	position: absolute;
	height: 23px;
	top: 20px;
	left: 0;
	text-align: right;
	padding: 10px 8px 0 28px;
	border-radius: 10px;
	color: #766f5f;
}
.fort-conditions .rwrd-item > img {
	position: absolute;
	z-index: 30;
	top: 9px;
	left: -19px;
}
.main-button._fort {
	margin-top: -30px;
	position: relative;
	z-index: 20;
}

.belt {
	height: 67px;
	background: url('../images/consume/belt_centr_1x50.png') repeat-x 50% 50%;
	position: relative;
	text-align: center;
	white-space: nowrap;
	margin: 0;
	display: inline-block;
	min-width: 100px;
}
.belt:before, .belt:after {
	content: '';
	width: 83px;
	height: 50px;
	position: absolute;
	top: 9px;
	z-index: 200;
	background: url('../images/consume/belt_right_83x50.png') 100% 0 no-repeat;
	right: -66px;
}

.belt:after {
	background: url('../images/consume/belt_left_83x50.png') 0 0 no-repeat;
	left: -66px;
	right: inherit;
}
.wrap-consume {
	position: relative;
	height: 69px;
	text-align: center;
}
.consume {
	display: inline-block;
	width: 69px;
	height: 69px;
	border-radius: 50%;
	position: relative;
	z-index: 2900;
}
.consume-img {

}
.consume-canvas {
	position: absolute;
	width: 69px;
	height: 69px;
	top: 0;
	left: 0;
	z-index: 99;
	background:
			url('../images/consume/frame_consums_69.png') 0 0 no-repeat,
			url('../images/consume/frame_consums_light_69.png') 0 0 no-repeat;
}
.consume-canvas:after {
	content: '';
	position: absolute;
	z-index: 1000;
	bottom: -4px;
	left: 24px;
	width: 23px;
	height: 23px;
	background: url('../images/consume/frame_plus_23.png') 0 0 no-repeat;
}
.wrap-consume._for-fight .consume-canvas:after {
	display: none;
}
.consume-count {
	position: absolute;
	top: 0;
	right: -2px;
	z-index: 3000;
	border-radius: 7px;
	padding: 2px 10px;
	background: #463927;
	text-align: center;
	color: white;
	border: 1px solid #22130a;
}
.consume._empty .consume-canvas {

	background:
			url('../images/consume/frame_consums_69.png') 0 0 no-repeat,
			url('../images/consume/frame_consums_dark_69.png') 0 0 no-repeat;
}
.consume._empty .consume-count, .consume._empty .consume-timer {
	color: #747474;
}
.consume._empty {

}
.info-panel {
	z-index: 2000;
	position: absolute;
	padding: 15px 0;
	font-size: 12px;
	background: #181513;
	width: 80%;
	left: 10%;
	top: 91px;
}
.consume._selected:after {
	content: '';
	position: absolute;
	z-index: 3000;
	left: 38%;
	bottom: -20px;
	width: 21px;
	height: 20px;
	background: url('../images/consume/info-panel-arr-top.png') 0 0 no-repeat;
}
.info-panel-inner {
	width: 80%;
	margin: 0 auto;
	white-space: normal;
	text-align: left;
}
.info-panel-close {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 0;
	right: 0;
	z-index: 4000;
	background: url('../images/consume/closer-icon.png') 50% 50% no-repeat;
}
.wrap-consume._for-fight, .wrap-consume._for-defense {
	background-color: #181513;
	padding: 0 0 10px;
}
.wrap-consume._for-fight .consume-count {
	left: 21px;
	right: inherit;
	top: 53px;
}
.wrap-consume._for-defense .consume-canvas:after {
	left: 46px;
	top: 40px;
}
.wrap-consume._for-defense .info-panel {
	top: 77px;
}
.wrap-consume._for-defense .consume._selected:after {
	left: 48px;
	bottom: -6px;
}
.alarm {
	display: inline-block;
	background: #b50000;
	padding: 3px;
	text-align: center;
	border-radius: 50%;
	margin-top: -2px;
	vertical-align: middle;
	color: #fff;
	white-space: nowrap;
	min-width: 14px;
}

.siege-stats-top, .siege-stats-bottom {
	position: absolute;
	left: 0;
	z-index: 9000;
	width: 100%;
	background: rgba(0,0,0,0.65);
	text-align: center;
	padding: 4px 0;
	color: #fff;
}
.siege-stats-top    {top:    0;}
.siege-stats-bottom {bottom: 0;}
.wrap-consume._for-fight .info-panel {
	top: 89px;
}
.consume-timer {
	position: absolute;
	bottom: 8px;
	left: -2px;
	z-index: 100;
	border-radius: 7px;
	padding: 2px 5px;
	background: black;
	text-align: center;
	color: #bcbeaa;
	font-size: 11px;
	border: 1px solid #2f1f0a;
}
.pos-rel {
	position: relative;

}
.siege-buff-icn {
	position: absolute;
	top: 2px;
	right: 2px;
	height: 21px;
	z-index: 100;
}
.hidden-text {
	display: inline-block;
	white-space: nowrap;
	max-width: 70px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.pt3 {
	padding-top: 3px !important;
}
.pb3 {
	padding-bottom: 3px !important;
}
/*............................................
....................consume...................
............................................*/

/*............castle.defend.................*/

.defend-progress {
	clear: both;
	position: relative;
	height: 20px;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #38322b;
	background: #1f1910;
	margin-bottom: 5px;
}

.defend-progress-text {
	position: absolute;
	left: 5px;
	top: 3px;
	text-align: left;
	color: #e3dbc9;
	-text-shadow: 1px 1px #000;
	filter: drop-shadow(0px 0px 1px #000) drop-shadow(0px 0px 1px #000);
}

.defend-progress-text img {
	vertical-align: top;
}

.defend-progress-fill {
	display: inline-block;
	margin:0;
	background: url('../images/castle/defend-upgrade-stat.png') 0 0 repeat-x #305130;
	height: 20px;
}

.defend-progress-fill._delta {
	background: url('../images/castle/defend-upgrade-delta.png') 0 0 repeat-x #9ccb06;
}

.defend-progress-league {
	position: relative;
	margin-top:-22px;
	background: transparent;
	border-right: 1px solid #fa0;
	text-align: right;
	height:20px;
}

.defend-progress-league img {
	margin-right: -9px;
}

.defend-upgrades {
	margin-top: 15px;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	border: 1px solid #6b644d;
}

.defend-upgrades-tower {
	position: absolute;
	top:0;
	left:0;
	z-index: 100;
}

.defend-upgrades-walls {
	position: absolute;
	top:0;
	left:0;
	z-index: 140;
}

.defend-upgrades-army {
	position: absolute;
	top:0;
	left:0;
	z-index: 120;
}

.defend-upgrade {
	display: block;
	position: absolute;
	text-align: left;
	top:0;
	left:0;
	z-index: 150;
	text-decoration: none;
	outline: none;
	width: 50px;
	height: 50px;
	border-radius: 50%;

}

span.defend-upgrade {
	position: inherit !important;
	display: inline-block;
	margin: 15px 5px 0 5px;
	filter: unset;
	-webkit-filter: unset;
}

.defend-upgrade.upgr-garrison {
	top: 30%;
	left: 8%;
}

.defend-upgrade.upgr-cannon {
	top: 8%;
	left: 32%;
}

.defend-upgrade.upgr-tower {
	top: 15%;
	left: 75%;
}

.defend-upgrade.upgr-wall {
	top: 50%;
	left: 55%;
}

.defend-upgrade-content {
	width: 50px;
	height: 50px;
	border-radius: 25px;
	overflow: hidden;
	background: #231f1b;
	box-shadow: 0px 0px 5px 5px rgba(32,160,32,1);
	-webkit-box-shadow: 0px 0px 5px 5px rgba(32,160,32,1);
}

span.defend-upgrade .defend-upgrade-content {
	box-shadow: unset;
	-webkit-box-shadow: unset;
}

.defend-upgrade-icon{
	margin-left:-2px;
	margin-top: 4px;
}

.defend-upgrade-frame {
	position: relative;
	top: -60px;
}

.defend-upgrade-amount {
	position: relative;
	left: 30px;
	top: -20px;
	display: inline-block;
	padding: 3px;
	padding-top: 4px;
	border-radius: 50%;
	border: 1px solid rgb(7, 168, 3);
	width: 15px;
	height: 13px;
	text-align: center;
	font-size: 11px;
	background-color: rgb(32, 32, 24);
	color: #d4d1cd;
	box-shadow: 0px 2px 1.5px 1.5px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 0px 2px 1.5px 1.5px rgba(0, 0, 0, 0.75);
}

.defend-upgrade-level {
	position: relative;
	left: 12px;
	top: -15px;
	display: inline-block;
	padding: 3px;
	padding-top: 4px;
	border-radius: 12.5px;
	border: 1px solid rgb(7, 168, 3);
	width: 35px;
	height: 13px;
	text-align: center;
	font-size: 11px;
	background-color: rgb(32, 32, 24);
	color: #2cc913;
	box-shadow: 0px 2px 1.5px 1.5px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 0px 2px 1.5px 1.5px rgba(0, 0, 0, 0.75);
}

.defend-upgrade._disable .defend-upgrade-amount {
	border-color: #a8aa97;
	color: #a8aa97;
}

.defend-upgrade._disable .defend-upgrade-content {
	box-shadow: none;
	-webkit-box-shadow: none;
}

.defend-notice {
	margin-top: 10px;
	display: table;
	width: 100%;
	text-align: center;
	border-radius:10px;
	color: #a00;
	background: #000;
}

.defend-notice-wrap {
	display: table-cell;
	height: 2em;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

.defend-notice span {
	display: inline-block;
}

.defend-timer {
	clear: both;
	position: relative;
	height: 3em;
	border-radius: 1.5em;
	overflow: hidden;
	border: 1px solid #38322b;
	background: #1f1910;
	margin: 10px 0;
}

.defend-timer-text {
	position: absolute;
	left: 5px;
	top: 3px;
	text-align: left;
	color: #e3dbc9;
}

.defend-timer-text td {
	padding-left: 3px;
}

.defend-timer-progress {
	display: inline-block;
	margin:0;
	background: url('../images/castle/defend-upgrade-timer.png') 0 0 repeat-x #d8700a;
	background-size: contain;
	height: 3em;
}

.wrap-upgradebox {
	position: absolute;
	z-index: 10000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.75);
}
.upgradebox {
	position: relative;
	overflow: hidden;
	margin: 33px auto 0 auto;
	width: 307px;
	height: 400px;
	background: url('../images/castle/upgrades-bg.png') 50% 0 no-repeat;
}

.upgradebox-close {
	text-decoration: none;
	outline: none;
	display: block;
	width: 30px;
	height: 23px;
	border-radius: 15px;
	position: absolute;
	top: 13px;
	right: 18px;
	text-align: center;
	padding-top: 7px;
	background: #000;
}

.upgradebox-title {
	width: 100%;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #e3dbc9;
}

.upgradebox-slider {
	width: 100%;
}

.upgradebox-image {
	width:110px;
	height: 96px;
	text-align: center;
}

.upgradebox-slider td:first-child,
.upgradebox-slider td:last-child {
	padding: 15px;
}

.upgradebox-level {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin: 10px 0;
}

.upgradebox-stats {
	margin: 0 30px;
}

.upgradebox-unlocks {
	text-align: center;
}

.upgrade-footer {
	position: relative;
	margin: 10px 30px 0 30px;
}

.upgradebox-cost {
	height: 1em;
	text-align: center;
	margin-bottom: 15px;
}

.upgradebox-cost._main {
	height: 0;
}

._convert {
	color: #f55 !important;
}

.upgrade-footer .btn_o img {
	vertical-align: middle;
}

.upgrade-convert {
	display: none;
	position: absolute;
	z-index: 10100;
	width: 84%;
	bottom: 15px;
	left:8%;
	margin: 0 auto;
	background-color: #000;
}

.item-popup .upgrade-convert {
	width: auto;
}

.upgrade-convert-inner {
	margin: 10px;
	text-align: center;
}

@media screen and (max-width: 310px) {
	.upgradebox {
		width: 240px;
	}

	.upgradebox-stats {
		margin: 0 10px;
	}

	.upgrade-footer {
		margin: 10px 10px 0 10px;
	}

	span.defend-upgrade {
		width: 40px;
	}

	span.defend-upgrade:last-child {
		margin-right: 18px;
	}
}


/*............................................
................castle.defend.................
............................................*/


/*............................................
..........SEARCH OPPONENT (WinRate)...........
............................................*/

.button-mini._fort {
	width: 160px;
	margin: -20px auto 0 auto;
}

.wrap-fort {
	padding-bottom: 20px;
}

.fort-enemy-table {
	border-radius: 8px;
}

.fort-enemy-table tr, .fort-enemy-table td {
	height: 36px;
}

.ava-canvas {
	overflow: hidden;
	border-radius: 50%;
}

.wrap-fort .hidden-text {
	max-width: 130px !important;
}

@media screen and (max-width:320px) {
	.wrap-fort {
		width: 200px !important;
	}

	.wrap-fort .hidden-text {
		max-width: 90px !important;
	}
}

.fort-conditions {
	margin-top: -25px;
}


.storm-header{
	height: 90px;
	overflow-y: hidden;
	background: url('../images/bg/osada_480x160.jpg') 50% 50% no-repeat;
}

.storm-header img {
	margin-top: -20px;
}

.storm-bonus {
	color: #766f5f;
	background-color: #000;
	border-radius: 8px;
	padding: 5px 8px;
}

.storm-bonus img{
	margin-left: -40px;
	margin-right: 3px;
}

.storm-search-wrapper {
	margin: 20px;
	height: 160px;
	text-align: center;
	position: relative;
}

.storm-search-castle {
	display: block;
	width: 192px;
	height: 157px;
	margin: 0 auto;
}

.storm-search-castle.castle-2 {
	margin-top: -157px;
}

.storm-search-castle.castle-3 {
	margin-top: -157px;
}

.storm-search-castle.castle-2,
.storm-search-castle.castle-3 {
	opacity: 0;
}

.storm-search-glass {
	position: absolute;
	top: 15%;
	left: 50%;
}

.search-start .castle-1 {
	animation: rotateCastle 6s ease-in-out infinite;
	-webkit-animation: rotateCastle 6s ease-in-out infinite;
}

.search-start .castle-2 {
	animation: rotateCastle 6s 2s ease-in-out infinite;
	-webkit-animation: rotateCastle 6s 2s ease-in-out infinite;
}

.search-start .castle-3 {
	animation: rotateCastle 6s 4s ease-in-out infinite;
	-webkit-animation: rotateCastle 6s 4s ease-in-out infinite;
}

@keyframes rotateCastle {
	from {
		opacity: 0;
	}

	10%,32% {
		opacity: 0.5;
	}
	40%, to {
		opacity: 0;
	}
}

@-webkit-keyframes rotateCastle {
	from {
		opacity: 0;
	}

	10%,32% {
		opacity: 0.5;
	}
	40%, to {
		opacity: 0;
		/*        filter: blur(5px);*/
	}
}


.search-start .storm-search-glass {
	left: 40%;
	animation: rotateGlass 10s ease-in-out infinite;
	-webkit-animation: rotateGlass 10s ease-in-out infinite;
}

@keyframes rotateGlass {
	from {
		transform: translate(0px, -30px);
	}
	25% {
		transform: translate(-30px, 0px);
	}
	50% {
		transform: translate(0px, 30px);
	}
	75% {
		transform: translate(30px, 0px);
	}
	to {
		transform: translate(0px, -30px);
	}
}

@-webkit-keyframes rotateGlass {
	from {
		-webkit-transform: translate(0px, -30px);
	}
	25% {
		-webkit-transform: translate(-30px, 0px);
	}
	50% {
		-webkit-transform: translate(0px, 30px);
	}
	75% {
		-webkit-transform: translate(30px, 0px);
	}
	to {
		-webkit-transform: translate(0px, -30px);
	}
}

/*..................End of....................
..........SEARCH OPPONENT (WinRate)...........
............................................*/

/*............................................
....................SHARDS....................
............................................*/
.card._br {
	bottom: 51px;
	right: 25%;
	display: none;
}

.card._bl {
	width: 88px;
	height: 116px;
	top: 20px;
	left: 50%;
	margin-left: -44px;
}

.card._bl .card-label{
	top: 113px;
}

.card._bl .card-text {
	bottom: 15px;
}

.card._tl {
	top: 42px;
	left: 23%;
}

.card._tr {
	top: 42px;
	right: 22%;
}

.b-card {
	height: 131px;
	padding-top: 147px;
	position: relative;
}

.b-card._open-wood,.b-card._open-silver,.b-card._open-gold,.b-card._open-magic {
	background-position: 50% 0 !important;
}

.r-box-title {
	padding: 5px 0 2px 0 !important;
}

.shards-count,.keys-count {
	display: inline-block;
	margin: 20px auto;
	background-color: #43392e;
	color: #e6e8d0;
	padding: 5px 10px 5px 55px;
	font-size: 14px;
	text-align: right;
	border-radius: 25px;
	position: relative;
}

.shards-count._dark,.keys-count._dark {
	background-color: #231f1b;
	text-align: center;
	font-weight: bold;
	padding: 5px 10px 5px 55px;
}

.keys-count:before {
	content: '';
	position: absolute;
	left: -2px;
	top: -13px;
	width: 50px;
	height: 50px;
	overflow: hidden;
	border-radius: 50%;
	border: 2px solid #43392e;
	background-image: url('../images/icons/clan_key_big.png');
}

.keys-count._dark:before {
	border-color: #231f1b;
	background-color: #000;
	border-width: 3px;
	top: -14px;
}

.chest-reward {
	text-align: center;
}

.chest-chance {
	color: #a8aa97;
	display: inline-block;
	padding: 2px 15px;
}
/*..................End of....................
....................SHARDS..................*/

/*............................................
.................RAID REWARDS.................
............................................*/
.reid-reward {
	padding: 10px 50px 0px 50px;
	text-align: center;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.reid-reward .rwrd-item {
	position: relative;
	margin: 2px;
	width: 47px;
	height: 47px;
}

.reid-reward .rwrd-item>img {
	height: 47px;
	width: auto;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events:none
}

.reid-reward .rwrd-popup {
	display: none;
	position: absolute;
	left: 50%;
	bottom: 55px;
	width: 150px;
	padding: 0px 7px 0px 7px;
	margin-left: -85px;
	border: 3px solid #4d4333;
	border-radius: 6px;
	background-color: #342d22;
	text-align: center;
	z-index: 10000;
	filter: drop-shadow(0px 2px 5px #000) drop-shadow(0px 2px 5px #000);
}

.reid-reward .rwrd-popup:before {
	content: '';
	display: block;
	height: 2px;
	width: 0px;
	position: absolute;
	left: 50%;
	bottom: -13px;
	margin-left: -10px;
	border: 10px solid transparent;
	border-bottom-width: 0;
	border-top-color: #4d4333;
}

.reid-reward .rwrd-item:active .rwrd-popup,
.reid-reward .rwrd-item:hover .rwrd-popup {
	display: block;
}
/*..................End of....................
.................RAID REWARDS...............*/

/*..................Viral....................*/
.field-mob {
	float: left;
	margin: 0px 20px 20px 20px;
	position: relative;
	width: 180px;
	height: 145px;
	z-index:0;
	filter: saturate(0.1);
	background-repeat: no-repeat;
}

.field-mob:before {
	content: '';
	display: block;
	position: absolute;
	width: 207px;
	height: 171px;
	left: 50%;
	top: 50%;
	margin-left: -103px;
	margin-top: -85px;
	background: url('../images/content/frame-small.png') 50% 50% no-repeat;
	z-index: 5;
}

.field-text {
	font-size: 14px;
	display: inline;
}


.beast-wrapper {
	position: relative;
	width: 90%;
	margin: 0 auto;
	z-index: 0;
}

.beast-wrapper img {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 10;
}

.beast-img {
	position: absolute;
	top: 8%;
	left: 5%;
	width: 90%;
	height: 84%;
	background-position: 0 0, 0 100%, 50% 0;
	background-repeat: repeat-x, repeat-x, no-repeat;
	background-size: 100% 10%, 100% 10%, cover;
	z-index:5;
}

.beast-text {
	padding: 20px 10% 20px 10%;
	font-size: 14px;
}

.beast-button {
	position: absolute;
	bottom: -2%;
	width: 100%;
	z-index: 15;
}

/*..................End of....................
....................Viral....................*/


/*.............Fixes ClanWar.................*/
.siege-fort._clanwar {
	width: 100% !important;
	height: 210px !important;
	overflow-x: hidden;
}

.clanwar-bg {
	width: 480px;
}

.clanwar-bg, .clanwar-enemy-dragon,
.clanwar-enemy-dragon-effect,
.clanwar-effect-lining, .clanwar-my-dragon,
.clanwar-my-dragon-effect, .clanwar-lightning {
	width: 480px;
}

.clanwar-enemy-dragon,
.clanwar-enemy-dragon-effect {
	left: auto !important;
	right: 0;
}

@media screen and (max-width: 350px)
{
	.siege-fort._clanwar {
		width: 100% !important;
		height: auto !important;
	}

	.clanwar-bg {
		position: relative;
		width: 100%;
		height: auto;
	}

	.clanwar-bg, .clanwar-enemy-dragon,
	.clanwar-enemy-dragon-effect,
	.clanwar-effect-lining, .clanwar-my-dragon,
	.clanwar-my-dragon-effect, .clanwar-lightning {
		width: 100%;
	}
}
/*..................End of....................
...............Fixes ClanWar.................*/


@font-face {
	font-family: 'Trajan';
	src: url('../fonts/TrajanPro3-Regular.eot');
	src: local('Trajan Pro 3'), local('TrajanPro3-Regular'), url('../fonts/TrajanPro3-Regular.eot@') format('embedded-opentype'), url('../fonts/TrajanPro3-Regular.woff') format('woff'), url('../fonts/TrajanPro3-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Trajan';
	src: url('../fonts/TrajanPro3-Bold.eot');
	src: local('Trajan Pro 3 Bold'), local('TrajanPro3-Bold'), url('../fonts/TrajanPro3-Bold.eot@') format('embedded-opentype'), url('../fonts/TrajanPro3-Bold.woff') format('woff'), url('../fonts/TrajanPro3-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

.admin-mail-npc {
	padding: 0;
	border: 0;
	border: none;
	width: 100%;
	height: 78px;
	background: url('../images/npc/npc_girl_big.png') 10px bottom no-repeat, url('../images/npc/npc-baloon-tail.png') 88px top no-repeat;
	background-color: #191612 !important;
}

.admin-mail-npc .date {
	display: block;
	position: absolute;
	bottom: 2px;
	right: 5px;
	color: #766f5f;
	text-align: right;
}

.admin-mail {
	background-color: #2d2722;
}

/* NY 2018 */

.box.ice-tower-2018 {
	background: #0a1b29 !important;
	margin: 10px auto 5px auto;
	padding-top: 25px;
}

.ice-tower-2018 .content-item {
	background: transparent;
}


.ice-tower-2018 .upgrade-block {
	background: #07121b;
}

.ice-tower-2018 .c-building-header {
	color: #6df1ff !important;
}

.c-ny-blue {
	color: #2e516e !important;
}

button.button-mini {
	cursor: pointer;
	position: relative;
}

.reid-reward .bonus-popup {
	display: none;
	text-decoration: none;
	position: absolute;
	left: 50%;
	top: 50px;
	width: 150px;
	padding: 0px 7px 0px 7px;
	margin-left: -85px;
	border: 3px solid #4d4333;
	border-radius: 6px;
	background-color: #342d22;
	text-align: center;
	z-index: 10000;
	filter: drop-shadow(0px 2px 5px #000) drop-shadow(0px 2px 5px #000);
}

.reid-reward .bonus-popup:before {
	content: '';
	display: block;
	height: 2px;
	width: 0px;
	position: absolute;
	left: 50%;
	top: -13px;
	margin-left: -10px;
	border: 10px solid transparent;
	border-top-width: 0;
	border-bottom-color: #4d4333;
}

.reid-reward .rwrd-item:active .bonus-popup,
.reid-reward .rwrd-item:hover .bonus-popup {
	display: block;
}

.button-mini.attack .btn-icon {
	background-image: url('../images/content/btn-axe.png');
	left: 0;
}

.bonus-popup, .subtitle {
	color: #a8aa97;
	font-weight: bold;
	font-size: 14px;
}

/* GRADE AVATARS*/

.i-user-avail {
	display: inline-block;
	width: 19px;
	height: 20px;
	vertical-align: middle;
	position: relative;
	margin: -2px 2px 0px 2px;
	background: url('../images/icons/inline-icon-std.png') 0 50% no-repeat;
}
.i-user-avail._recent {background-position: 50% 50%;}
.i-user-avail._online {background-position: 100% 50%;}

.history-block .i-user-avail,
.author .i-user-avail,
.fort-enemy-table .i-user-avail {
	margin-left: -2px;
	margin-right: 4px;
}

/* Avatar Warlord */

.i-user-avail._warlord {background-image: url('../images/icons/inline-icon-wl.png')}

.box._warlord .content-item,
.content-item._warlord {
	background-color: #24160a;
	background: url('../images/bg/flame_back.png') 50% 100% no-repeat #24160a;
}

.b-switch._warlord span.switch_i {
	background-color: #24160a;
}

/* Avatar Minotaur */

.box._minotaur .content-item,
.content-item._minotaur {
	background-color: #131540;
	background: url('../images/bg/flame_back.png') 50% 100% no-repeat #131540;
}

.b-switch._minotaur span.switch_i {
	background-color: #131540;
}



.clan-name {
	margin-top: 0px !important;
}

.raiting-table td {
	padding-top:8px;
	padding-bottom: 8px;
}

.raiting-table tr.iam td {
	background-color: #383127;
}

.raiting-table tr.iam span {
	font-weight: bold;
	color: #ffffff !important;
}

.raiting-table tr.feature td span,
.raiting-table tr.feature td>img {
	filter: drop-shadow(0px 0px 4px #e14a00);
}

.raiting-table tr td div {
	max-width: 0;
	min-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.siege-end {
	overflow-x: visible;
}



.siege-end-weeks {
	margin-top: 20px;
	overflow: hidden;
}

@media screen and (max-width: 300px) {

	.siege-end-weeks .siege-tab-name-long {
		display: none;
	}
	.siege-end-weeks .siege-tab-name-short {
		display: inline;
		font-size: 12px;
	}
}

.siege-end-winners, .siege-end-top-reward {
	background-color: #383127;
	margin: 1px 0;
}
.siege-end-winners { margin-top: 0; }

.siege-reward._got {
	margin-bottom: 70px;
	text-align: center;
}

.button-mini._green, .button-mini._action {
	background-image: url('../images/content/button-mini-bg-middle-green.png');
}
.button-mini._green:before,
.button-mini._action:before {
	background-image: url('../images/content/button-mini-bg-left-green.png');
}
.button-mini._green:after,
.button-mini._action:after {
	background-image: url('../images/content/button-mini-bg-right-green.png');
}

.siege-season-end-text {
	margin-left: -5px;
}

@media screen and (max-width: 300px) {
	.siege-season-end-text {
		width: 170px;
		height: auto;
	}
}


/* CHARMS in RAIDS */

.c-charm {
	color: #981fff !important;
}

.item-icon {
	display: inline-block;
	position: relative;
	width: 47px;
	height: 47px;
	z-index: 0;
	margin: 5px;
	text-align: center;
}

.item-icon.profile_head, .item-icon.profile_body, .item-icon.profile_righthand, .item-icon.profile_lefthand, .item-icon.profile_legs, .item-icon.profile_gloves, .item-icon.profile_belt {
	position: absolute;
	display: block;
}

.item-icon img {
	z-index: 5;
}

.item-icon._charmed:before {
	content: '';
	position: absolute;
	display: block;
	width: 70px;
	height: 70px;
	left: 50%;
	top:50%;
	margin-left: -35px;
	margin-top: -35px;
	background: url('../images/items/frame_charm_70.png') 50% 50%;
	z-index: 10;
}

.item-icon._charmed {
	margin-bottom: 10px;
}

.item-timer {
	display: block;
	margin: 0 auto;
	position: absolute;
	bottom:-12px;
	left: -3px;
	z-index: 15;
	padding: 1px 0px 1px 10px;
	font-size: 11px;
	color: #fff;
	background: #220728;
	border: 1px solid #481656;
	border-radius: 8px;
	white-space: nowrap;
	text-align: center;
	min-width:40px;
}

.item-timer:before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	position: absolute;
	left: -3px;
	top: -1px;
	background: url('../images/icons/clock.png') 50% 50% no-repeat;
	z-index: 17;
}

/* CHARMED RAID */

.content-item._event-raid-charm {
	position: relative;
	border: 1px solid #3e264b;
	background: -webkit-linear-gradient(#211825,#201724,#120d13); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#211825,#201724,#120d13); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#211825,#201724,#120d13); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#211825,#201724,#120d13); /* Standard syntax */
}

.content-item._event-raid-charm>* {
	position: relative;
	z-index:10;
}

.charmed-reward>* {
	position: relative;
	z-index: 10;
}

.content-item._event-raid-charm:before,
.charmed-reward:before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.2;
	background: url('../images/content/back_charm_320x140.png') 170% 50% no-repeat;
	z-index: 5;
}

.charmed-reward:before {
	background-position: 50% 50%;
}

.box._event-raid-charm .content-item {
	background-color: #201426;
}

.reward-preview {
	display: none;
}

._event-raid-charm .reward-preview {
	display: block;
	width: 100%;
	color: #fff;
	font-size: 14px;
	text-align: center;
	background: url('../images/content/back_charm_320x140.png') 50% 50% no-repeat;
	height: 140px;
}

.charmed-reward {
	padding-top: 20px;
	position: relative;
	color: #fff;
	height: 140px;
	font-size: 14px;
	text-align: center;
}

.charmed-reward._empty {
	margin-top: -20px;
	margin-bottom: -20px;
	padding-top: 60px;
	height: 80px;
}


/* ITEMS */

.item-icon {
	z-index: inherit !important;
}

@keyframes upgradeReady {
	from, to { transform: translateY(-2px); }
	50% { transform: translateY(1px); }
}
@-webkit-keyframes upgradeReady {
	from, to { -webkit-transform: translateY(-2px); }
	50% { -webkit-transform: translateY(1px); }
}

.item-icon img {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events:none
}

.main-container {
	position: relative;
}

.wrap-artbox {
	position: absolute;
	z-index: 10000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.75);
}

.wrap-close-detect {
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.siege-season-end{
	text-align: center;
	padding: 20px;
	background:
			url('../images/leagues/popap_tl.png') 0 0 no-repeat,
			url('../images/leagues/popap_tr.png') 100% 0 no-repeat,
			url('../images/leagues/popap_tm.png') 50% 0 no-repeat,

			url('../images/leagues/popap_bl.png') 0 100% no-repeat,
			url('../images/leagues/popap_br.png') 100% 100% no-repeat,
			url('../images/leagues/popap_bm.png') 50% 100% no-repeat,

			url('../images/leagues/popap_ml.png') 0 50% no-repeat,
			url('../images/leagues/popap_mr.png') 100% 50% no-repeat,
			url('../images/leagues/popap_mm.png') 50% 50% no-repeat;

	background-size:
			auto auto, auto auto, 80% 97px,
			auto auto, auto auto, 80% 55px,
			60px 80%, 60px 80%, 80% 80%;

	margin-top: 25px;
	margin-bottom: 70px;
}

.wrap-artbox-close {
	position: absolute;
	z-index: 10000;
	top: -5px;
	right: -5px;
	width: 40px;
	height: 40px;
	background: url('../images/content/close-popup.png') 50% 50% no-repeat;
}

.item-upgrade-back1,
.item-upgrade-back2 {
	width: 300px;
	height: 300px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -150px;
	margin-top: -150px;
	background: url('../images/leagues/artbox-light-1.png') 50% 50% no-repeat;
	opacity: 0.25;
	animation: itemUpgradeA 1s linear forwards;
	-webkit-animation: itemUpgradeA 1s linear forwards;
}

.item-upgrade-back2 {
	background-image: url('../images/leagues/artbox-light-2.png');
	animation: itemUpgradeB 1s linear forwards;
	-webkit-animation: itemUpgradeB 1s linear forwards;
}

@keyframes itemUpgradeA {
	from { opacity: 0.5; transform: scale(0.25); }
	10% { opacity: 0.5; transform: scale(1); }
	to { opacity: 0; transform: scale(0.9); }
}
@-webkit-keyframes itemUpgradeA {
	from { opacity: 0.5; -webkit-transform: scale(0.25); }
	10% { opacity: 0.5; -webkit-transform: scale(1); }
	to { opacity: 0; -webkit-transform: scale(0.9); }
}

@keyframes itemUpgradeB {
	from { opacity: 0.5; transform: scale(0.5); }
	10% { opacity: 0.5; transform: scale(0.75); }
	to { opacity: 0; transform: scale(1); }
}
@-webkit-keyframes itemUpgradeB {
	from { opacity: 0.5; -webkit-transform: scale(0.5); }
	10% { opacity: 0.5; -webkit-transform: scale(0.75); }
	to { opacity: 0; -webkit-transform: scale(1); }
}

.item-upgrade-stars {
	width: 100px;
	height: 100px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -50px;
	margin-top: -50px;
	background: url('../images/combat/buff_effect.png') 50% 50%;
	z-index: 10010;
	opacity: 0.5;
	animation: itemUpgradeSparks 1s linear forwards;
	-webkit-animation: itemUpgradeSparks 1s linear forwards;
}

@keyframes itemUpgradeSparks {
	from { transform: scale(0.25); opacity: 0.2}
	25% { transform: scale(0.8); opacity: 1; }
	to { transform: scale(1); opacity: 0; }
}
@-webkit-keyframes itemUpgradeSparks {
	from { -webkit-transform: scale(0.25); opacity: 0.2}
	25% { -webkit-transform: scale(0.8); opacity: 1; }
	to { -webkit-transform: scale(1); opacity: 0; }
}

/* SHOP */

.notice-show .item-card[id=itemPopup],
.notice-showError .item-card[id=notificationPopup] {
	opacity: 1;
	visibility: visible;
}

.shop-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 10px 7px;
}

.shop-header {
	width: 100%;
	position: relative;
	margin-top: 3px;
	margin-bottom: -15px;
	border-spacing: 0;
	z-index: 5;
}

.shop-header td:first-child,
.shop-header td:last-child {
	width: 78px;
	height: 42px;
	background: url("../images/market/titler-red-left.png") 50% 50% no-repeat;
}

.shop-header td:last-child {
	background-image: url("../images/market/titler-red-right.png");
}

.shop-header td:nth-child(2) {
	vertical-align: middle;
	padding-bottom: 3px;
	font-weight: normal;
	font-family: "Trajan", Arial, sans-serif !important;
	color: #fafd81;
	text-align: center;
	background: url("../images/market/titler-red-middle.png") 50% 50% repeat-x;
}

.shop-header._yellow td:first-child {
	background-image: url("../images/market/titler-yellow-left.png");
}
.shop-header._yellow td:last-child {
	background-image: url("../images/market/titler-yellow-right.png");
}
.shop-header._yellow td:nth-child(2) {
	background-image: url("../images/market/titler-yellow-middle.png");
}

.shop-header._blue td:first-child {
	background-image: url("../images/market/titler-blue-left.png");
}
.shop-header._blue td:last-child {
	background-image: url("../images/market/titler-blue-right.png");
}
.shop-header._blue td:nth-child(2) {
	background-image: url("../images/market/titler-blue-middle.png");
}

.item-lot {
	cursor: pointer;
	box-sizing: border-box;
	vertical-align: top;
	display: inline-block;
	position: relative;
	text-decoration: none;
	height: 150px;
	max-width: 136px;
	min-width: 100px;
	flex-grow: 1;
	flex-basis: 25%;
	/* max-width: 46%; */
	/* width: 25%; */
	margin: 10px;
	text-align: center;
	border-radius: 5px;
	position: relative;
	background: #2d2721;
	background: linear-gradient(to right, #2f2924 0, rgba(0, 0, 0, 0) 2%, rgba(0, 0, 0, 0) 98%, #2f2924 100%),
	linear-gradient(to bottom, #403a34 0%, #2d2721 7%, #2d2721 93%, #28231e 100%) #63593d;
	background: -webkit-linear-gradient(right, #2f2924 0, rgba(0, 0, 0, 0) 2%, rgba(0, 0, 0, 0) 98%, #2f2924 100%),
	-webkit-linear-gradient(top, #403a34 0%, #2d2721 7%, #2d2721 93%, #28231e 100%) #63593d;
	border: 1px solid #201c19;
	box-shadow: 0px 0px 2px 0px rgb(114, 114, 114);
	z-index: inherit;
}

.item-lot._empty {
	background: #282420;
	background: linear-gradient(to bottom, #25221e 0%, #25221e 5%, #282420 6%, #282420 92%, #322e2a 100%);
	background: -webkit-linear-gradient(top, #25221e 0%, #25221e 5%, #282420 6%, #282420 92%, #322e2a 100%);
	border: 1px solid #322e2a;
	color: #4e4638;
}

.item-lot-link {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 30;
}

.item-lot > .item-name,
.item-lot > .pack-name,
.item-lot-cost {
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 8px;
	text-align: center;
}

.item-lot .pack-bonus {
	position: absolute;
	left: 0px;
	top: 18px;
	display: block;
	width: 100%;
	font-size: 10px;
}

.item-lot .item-name,
.item-lot .pack-name {
	top: 5px;
}

.item-lot .pack-name {
	font-size: 16px;
	color: #e3dbc9;
	/* white-space: nowrap; */
}
.item-lot .pack-name .c-realgreen {
	font-size: 14px;
	font-weight: normal;
}

.item-lot-cost {
	font-size: 14px;
}

.item-lot-image {
	display: block;
	width: 47px;
	height: 47px;
	position: absolute;
	top: 55%;
	left: 50%;
	margin-left: -23.5px;
	margin-top: -25px;
	z-index: 15 !important;
	text-decoration: none;
}

.item-lot-action {
	display: block;
	position: absolute;
	left: -20px;
	top: -15px;
	width: 56px;
	height: 56px;
	background: url("../images/market/actions/action-ribbon.png") 50% 50% no-repeat;
	background-size: 100% 100%;
}

.item-lot-action .rwrd-popup {
	top: 57px;
	margin-left: -80px;
}

.item-lot-action .rwrd-popup:before {
	left: 78px;
}

.item-lot-pack {
	display: block;
	width: 80px;
	height: 80px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -40px;
	margin-top: -40px;
	z-index: inherit !important;
	text-decoration: none;
    background-repeat: no-repeat;
    background-size: 40% auto;
}


.item-lot-pack {
  background-repeat: no-repeat;
  background-size: 40% auto;
}

.item-lot-pack-1 {
  background-image: url("../images/icons/army_big.png");
  background-position: 50% 50%;
}

.item-lot-pack-2 {
  background-image: url("../images/icons/army_big.png"), url("../images/icons/army_big.png");
  background-position: 20% 50%, 80% 50%;
}

.item-lot-pack-3 {
  background-image: url("../images/icons/army_big.png"), url("../images/icons/army_big.png"), url("../images/icons/army_big.png");
  background-position: 17% 77%, 85% 77%, 50% 27%;
}

.shop-container > tr > td,
.shop-container > tbody > tr > td {
	padding: 20px 0;
}

/* ITEM GOT */

.reward-chest-light {
	opacity: 0.5;
	width: 143px;
	height: 153px;
	background: url('../images/chests/chest-light.png') 50% 50% no-repeat;
	position: absolute;
	bottom: 52px;
	left: 50%;
	margin-left: -72px;
}

@keyframes chestItemLateAppear {
	from, 60% { opacity: 0; }
	85%,to { opacity: 1; }
}
@-webkit-keyframes chestItemLateAppear {
	from, 60% { opacity: 0; }
	85%,to { opacity: 1; }
}

@keyframes chestItemIcon {
	from,24% { opacity: 0; transform: translateY(100px); }
	25% { opacity: 0.5; transform: translateY(100px); }
	70%, 80% { opacity: 1; transform: translateY(-30px); }
	to { opacity: 1; transform: translateY(0px); }
}
@-webkit-keyframes chestItemIcon {
	from,24% { opacity: 0; -webkit-transform: translateY(100px); }
	25% { opacity: 0.5; -webkit-transform: translateY(100px); }
	70%, 80% { opacity: 1; -webkit-transform: translateY(-30px); }
	to { opacity: 1; -webkit-transform: translateY(0px); }
}

._chest-open .item-upgrade-stars {
	z-index: 10040;
	animation: chestItemStars 1.5s linear forwards;
	-webkit-animation: chestItemStars 1.5s linear forwards;
}

@keyframes chestItemStars {
	from, 35% { transform: scale(0.25); opacity: 0}
	38% { transform: scale(0.25); opacity: 0.2}
	55% { transform: scale(0.8); opacity: 1; }
	to { transform: scale(1); opacity: 0; }
}
@-webkit-keyframes chestItemStars {
	from, 35% { -webkit-transform: scale(0.25); opacity: 0}
	38% { -webkit-transform: scale(0.25); opacity: 0.2}
	55% { -webkit-transform: scale(0.8); opacity: 1; }
	to { -webkit-transform: scale(1); opacity: 0; }
}

._chest-open .reward-chest {
	transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
	animation: chestShrink 0.75s ease-out forwards;
	-webkit-animation: chestShrink 0.75s ease-out forwards;
}

@keyframes chestShrink {
	from { transform: scale(1,1); }
	10%,20% { transform: scale(1.2,0.8); }
	40% { transform: scale(0.8,1.2); }
	80%, to { transform: scale(1,1); }
}
@-webkit-keyframes chestShrink {
	from { -webkit-transform: scale(1,1); }
	10%,20% { -webkit-transform: scale(1.2,0.8); }
	40% { -webkit-transform: scale(0.8,1.2); }
	80%, to { -webkit-transform: scale(1,1); }
}

.item-popup .item-upgrader,
.item-popup .item-level {
	z-index: 10050;
}
.wrap-league-shield {
	display: inline-block;
	text-decoration: none;
	position: relative;
	width: 80px;
	vertical-align: middle;
	text-align: center;
	height: 74px;
	padding: 6px 0 0 0;
	background:
			url('../images/leagues/artbox-light-2.png') 50% 50% no-repeat,
			url('../images/leagues/artbox-light-1.png') 50% 50% no-repeat;
	background-size: 103px auto, 95px auto;
}
@media screen and (max-width: 310px) {
	.wrap-league-shield {
		width: 60px !important;
		height: 56px !important;
		padding: 4px 0 0  !important;
		background-size: 77px auto, 71px auto !important;
		text-align: left !important;
	}
	.wrap-league-shield img[width="70"] {
		width: 60px !important;
		height: 60px !important;
	}
	.shop-header td:first-child, .shop-header td:last-child {
		width: 0 !important
	}
}
.combat-result {
	z-index: 3000;
}
.combat-result .raiting-table {
	max-width: 360px;
	margin: 0 auto;
}
.npc-tolk {
	width: 200px;
	height: 67px;
	margin: 0 auto;
	position: relative;
	background: url('../images/npc/npc_girl_big.png') 5px 0 no-repeat;
}
.npc-tolk-text {
	position: absolute;
	width: 107px;
	height: 34px;
	line-height: 34px;
	font-size: 12px;
	text-align: center;
	border: 2px solid #383127;
	border-radius: 3px;
	color: #bfb29d;
	background: rgba(0,0,0,0.7);
	left: 85px;
	top: 15px;
}
.npc-tolk-text:before,
.npc-tolk-text:after {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	left: -20px;
	top: 10px;
	z-index: 10;
	border-width: 10px 10px 10px 10px;
	border-style: solid;
	border-color: transparent #383127 transparent transparent ;
}
.npc-tolk-text:after {
	z-index: 11;
	border-color: transparent rgba(0,0,0,0.7) transparent transparent ;
	left: -17px;

}
.combat-result-promo {

}
.combat-result._timeout .combat-result-victory,
.combat-result._timeout .combat-result-fail,
.combat-result._victory .combat-result-timeout,
.combat-result._fail .combat-result-timeout {
	display: none !important;
}
.combat-result._timeout .combat-result-timeout {
	display: block;
}
.combat-result._timeout .combat-result-content:before {
	background-image: url('../images/content/siege_timeout.png') !important;

}
.siege-faq-block._current,
.raiting-table .current td {
	border-color: #e8ba00 !important;
}
.rwrd-item._place {
	min-width: 65px;
	width: auto;
	height: auto;
	min-height: 60px;
	margin: 3px 7px;
}
.rwrd-item._place img {
	height: 60px;
	width: auto;
	vertical-align: bottom;

}
.rwrd-item._place img.ava-img   {
	margin: 0 -3px;
	height: 75px;
}
.rwrd-item-place {
	white-space: nowrap;
	font-size: 14px;
	margin-top: 0;
}
.arr-up, .arr-down {
	display: inline-block;
	vertical-align: middle;
	width: 19px;
	height: 22px;
	position: relative;
	background: url('../images/icons/craft-icon.png') 0 0 no-repeat;
	-webkit-animation: upgradeReady 1s ease-in-out infinite;
	animation: upgradeReady 1s ease-in-out infinite;
}
.arr-down {
	background-image: url('../images/icons/arr-down.png');
}
.wrap-league-shield .arr-up,
.wrap-league-shield .arr-down {
	position: absolute;
	right: 9px;
	top: 7px;
}
.raiting-table tr td div.arr-up,
.raiting-table tr td div.arr-down {
	min-width: 19px !important;
}


/* Leagues polish*/

.content-item._siege-end {
	height: 97px;
	padding-top: 12px;
	text-align: center;
	background: url('../images/leagues/siege-end-bg.jpg') 50% 50% no-repeat;
}

.content-item._siege-new {
	height: 77px;
	padding-top: 32px;
	text-align: center;
	background: url('../images/leagues/siege-soon-bg.jpg') 50% 50% no-repeat;
}

.league-image {
	position: relative;
}

.league-glow-1,
.league-glow-2,
.league-glow-3 {
	width: 300px;
	height: 300px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -150px;
	margin-top: -150px;
	background: url('../images/leagues/artbox-light-1.png') 50% 50% no-repeat;
	opacity: 0.2;
	animation: leagueGlowRot 10s linear infinite;
	-webkit-animation: leagueGlowRot 10s linear infinite;
}

.league-glow-2 {
	background-image: url('../images/leagues/artbox-light-2.png');
	animation: leagueGlowRot 20s linear infinite;
	-webkit-animation: leagueGlowRot 20s linear infinite;
}

.league-glow-3 {
	background-image: url('../images/leagues/artbox-circle.png');
	animation: leagueGlowScale 3s ease-in-out infinite;
	-webkit-animation: leagueGlowScale 3s ease-in-out infinite;
}

@keyframes leagueGlowRot {
	to { transform: rotate(360deg); }
}
@-webkit-keyframes leagueGlowRot {
	to { -webkit-transform: rotate(360deg); }
}

@keyframes leagueGlowScale {
	50% { transform: scale(0.85) }
}
@-webkit-keyframes leagueGlowScale {
	50% { -webkit-transform: scale(0.85) }
}

.league-image._gained img {
	filter: drop-shadow(0px 0px 10px #ffaa00) drop-shadow(0px 0px 5px #ffaa00);
	-webkit-filter: drop-shadow(0px 0px 10px #ffaa00) drop-shadow(0px 0px 5px #ffaa00);
}

.league-image._gained div {
	opacity: 0.4;
}

.league-image._saved img {
	filter: drop-shadow(0px 0px 5px #ffaa00);
	-webkit-filter: drop-shadow(0px 0px 5px #ffaa00);
}

.league-image._backwards div {
	filter: saturate(0);
	-webkit-filter: saturate(0);
}

.league-bonus {
	position: relative;
	display: inline-block;
	background-color: #090807;
	border-radius: 12px;
	padding: 3px 8px 3px 30px;
	color: #fff;
}

.league-bonus>img {
	position: absolute;
	left: -10px;
	top: -5px;
}

.siege-faq-description {
	padding: 20px;
}

.siege-faq-description._current {
	border: 1px solid #5e4e13;
	border-top: transparent 0px;
}

/* TUTORIAL */
._tutorial-light {
	position: relative;
}

._tutorial-light:before, span._tutorial-light {
	content: '';
	width: 82px;
	height: 82px;
	background: url('../images/content/tutorial-light.png') 50% 50% no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -41px;
	margin-top: -41px;
	opacity: 0.75;
	animation: tutorialLight 1.5s linear infinite;
	-webkit-animation: tutorialLight 1.5s linear infinite;
	z-index: 999;
}

span._tutorial-light:before {
	display: none;
}


/* OVERLAY */
.overlay-footer {
	width: 480px;
	position: relative;
	height: 80px;
	margin: 0 auto;
}

.overlay-footer-menu {
	position: fixed;
	width: 480px;
	bottom: 0px;
	padding-bottom: 8px;
	left: 50%;
	margin-left: -240px;
	text-align: center;
	z-index: 99999;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%);
}

.overlay-button {
	text-decoration: none;
	display: inline-block;
	width: 87px;
	padding-top: 67px;
	margin: 0 5px;
	z-index: 100000;
	background: url('../images/icons/overlay-ui-strip.png') 0 0 no-repeat;
}

.overlay-button-name {
	font-size: 12px;
	color: #575757;
}

.overlay-button._seach { background-position: 50% 0; }
.overlay-button._siege { background-position: 100% 0; }

@media screen and (max-width: 480px) {
	.overlay-footer {
		width: 100%;
		overflow-x: hidden;
	}
}

@media screen and (max-width: 350px) {
	.overlay-button {
		margin: 0px;
	}
}

/* Shop discount */

.shop-discount-container {
	height:23px;
	width: 108px;
	position: absolute;
	left: 50%;
	margin-left: -54px;
	top: 30px;
}

@media screen and (max-width: 420px) {
	.shop-discount-container {
		margin-left: 0px;
		left: -12px;
	}

	.shop-discount-container:before {
		content: '';
		display: block;
		width: 0px;
		height: 0px;
		border-width: 8px;
		border-style: solid;
		border-color: transparent #704a01 transparent transparent;
		position: absolute;
		left: -5px;
		top: -9px;
	}
}

.shop-discount {
	position: relative;
	background: url('../images/market/gift-tape-shop.png');
	height:23px;
	width: 108px;
	display: block;
	color: #8d0000;
}

.shop-discount-text {
	font-size: 11px;
	position: relative;
	top: -1px;
	vertical-align: middle;
}

.shop-discount-value {
	font-size: 18px;
	vertical-align: middle;
	font-weight: bold;
}

/* INVENTORY - NEXT */

#menu-items-conf {
	display: block;
	text-decoration: none;
	text-align: center;
}

.items-container {
	background: #231f1b;
	padding: 10px 30px;
	text-align: center;
}
#items-conf {
	display: inline-block;
	text-align: center;
	display: inline-grid;
	grid-template-columns: auto auto auto auto auto auto;
}

@media screen and (max-width: 420px) {
	#items-conf { grid-template-columns: auto auto auto auto auto; }
}

@media screen and (max-width: 360px) {
	#items-conf { grid-template-columns: auto auto auto auto; }
}

@media screen and (max-width: 300px) {
	#items-conf { grid-template-columns: auto auto auto; }
}


.inv-item-container {
	position: relative;
	display: inline-block;
	margin: 5px 4px;
}


.inv-item-container:after {
	content: '';
	display: block;
	height: 2px;
	margin-top: 3px;
	margin-bottom: 2px;
}

.inv-item {
	display: inline-block;
	position: relative;
	background: #170601;
	border: 1px solid #7d715e;
	padding: 2px;
	padding-right: 1px;
	border-radius: 5px;
}


.inv-item:before {
	content: '';
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	border: 1px solid #5a5042;
	border-radius: 4px;
}

.inv-item-bar {
	display: block;
	background: #1a1815;
	position: relative;
	height: 11px;
	margin: 2px 3px 2px 2px;
}

.inv-item-bar-progress {
	display: block;
	background: #5a5042;
	height: 100%;
	position: absolute;
	left:0px;
}

.inv-item-bar-progress:before {
	content: '';
	display: block;
	background: #7d715e;
	width: 100%;
	height: 45%;
}

.inv-item-bar-text {
	display: block;
	font-size: 10px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: center;
	color: #e3c9af;
}

.inv-item-bar-upgrade {
	display: none;
	position: absolute;
	left: -12px;
	top: -7px;
	animation: upgradeReady 1s ease-in-out infinite;
	-webkit-animation: upgradeReady 1s ease-in-out infinite;
	z-index: 20;
}

.inv-item-level {
	display: block;
	position: absolute;
	width: 28px;
	height: 19px;
	background: url('../images/items/level-star.png') 50% 0% no-repeat;
	color: #4e4e4e;
	font-size: 11px;
	text-align: center;
	padding-top: 10px;
	top: -10px;
	left: -9px;
	z-index: 10;
}

.inv-item-icon, .inv-item-icon img {
	position: relative;
	display: block;
}

.inv-item-icon img {
	width: 47px;
	height: 47px;
}

.inv-item-icon:before {
	content: '';
	display: none;
	width: 50px;
	height: 50px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -25px;
	margin-top: -25px;
	background: url('../images/items/border-selected.png') 50% 50% no-repeat;
	z-index: 5;
}

.inv-item-icon:after {
	content: '';
	display: none;
	width: 29px;
	height: 25px;
	position: absolute;
	right: -8px;
	top: -10px;
	background: url('../images/items/item-selected.png') 50% 50% no-repeat;
	z-index: 5;
}

/* selected and upgrades */

._select .inv-item-icon:after,
._select .inv-item-icon:before {
	display: block;
}

._upgrade .inv-item-bar-upgrade {
	display: block;
}

.inv-item-container._feature:after {
	background: #16ab07;
	animation: itemBarGlow 0.75s linear infinite;
	-webkit-animation: itemBarGlow 0.75s linear infinite;
}

.inv-item-container._current:after {
	background: #f8ff2c;
	border-bottom: 2px solid #9e9a14;
	margin-bottom: 0px;
}

.inv-item-container._short .inv-item-bar{
	display: none;
}

/* card Type */

._qa-adv .inv-item {
	background: #051400;
	border-color: #266201;
}
._qa-adv .inv-item:before { border-color: #173c01; }
._qa-adv .inv-item-bar-progress { background: #266201; }
._qa-adv .inv-item-bar-progress:before { background: #1DB659; }
._qa-adv .inv-item-bar-text { color: #a4e397; }

._qa-pro .inv-item {
	background: #000b19;
	border-color: #02529e;
}
._qa-pro .inv-item:before { border-color: #013261; }
._qa-pro .inv-item-bar-progress { background: #013261; }
._qa-pro .inv-item-bar-progress:before { background: #02529e; }
._qa-pro .inv-item-bar-text { color: #8eaae3; }

._qa-unique .inv-item {
	background: #190030;
	border-color: #6900c5;
}
._qa-unique .inv-item:before { border-color: #400079; }
._qa-unique .inv-item-bar-progress { background: #400079; }
._qa-unique .inv-item-bar-progress:before { background: #6900c5; }
._qa-unique .inv-item-bar-text { color: #b681e3; }

._qa-league .inv-item {
	background: #090808;
	border-color: #c05c00;
}
._qa-league .inv-item:before { border-color: #753800; }
._qa-league .inv-item-bar-progress { background: #753800; }
._qa-league .inv-item-bar-progress:before { background: #c05c00; }
._qa-league .inv-item-bar-text { color: #e3a472; }

._qa-top .inv-item {
	background: #090808;
	border-color: #b70000;
}
._qa-top .inv-item:before { border-color: #700000; }
._qa-top .inv-item-bar-progress { background: #700000; }
._qa-top .inv-item-bar-progress:before { background: #b70000; }
._qa-top .inv-item-bar-text { color: #e39b9b; }

._qa-leg .inv-item {
	background: #000b19;
	border-color: #5087bd;
}
._qa-leg .inv-item:before { border-color: #315374; }
._qa-leg .inv-item-bar-progress { background: #315374; }
._qa-leg .inv-item-bar-progress:before { background: #5087bd; }
._qa-leg .inv-item-bar-text { color: #9ce3da; }

/* No item */

._empty .inv-item-bar-progress,
._noitem .inv-item-bar-progress,
._locked .inv-item-bar-progress {
	display: none;
}

._empty .inv-item-bar-text {
	color: #584e44;
}

._noitem .inv-item-bar-text {
	color: #565656;
}

._locked .inv-item-bar-text {
	left: 50%;
	width: 20px;
	height: 21px;
	margin-left: -10px;
	top: -10px; ;
	background: url('../images/items/item-lock.png') 50% 50% no-repeat;
	z-index: 25;
	opacity: 0.75;
	color: transparent;
}

._empty .inv-item-bar,
._noitem .inv-item-bar,
._locked .inv-item-bar {
	background-color: transparent;
}

._empty .inv-item-level,
._noitem .inv-item-level,
._locked .inv-item-level {
	display: none;
}

._empty .inv-item {
	background: #0e0e0e;
	border-color: #333333;
}

._empty .inv-item:before,
._noitem .inv-item:before {
	border-color: #252525;
}

._noitem .inv-item {
	background: #191919;
	border-color: #333333;
}

._locked .inv-item {
	background: #0e0e0e;
	border-color: #222222;
}

._locked .inv-item:before {
	border-color: #111111;
}

._noitem .inv-item-icon,
._locked .inv-item-icon {
	filter: saturate(0);
	-webkit-filter: saturate(0);
}

._locked .inv-item-icon {
	opacity: 0.4;
}


/* items menu */

._open .inv-item {
	animation: upgradeReady 1.2s ease-in-out infinite;
	-webkit-animation: upgradeReady 1.2s ease-in-out infinite;
}

.inv-item-container._open {
	z-index: 100;
}

.inv-item-menu {
	display: none;
}

._open .inv-item-menu {
	display: block;
	position: absolute;
	width: 92px;
	top: -15px;
	left: 50%;
	margin-left: -50px;

	background:
			url('../images/content/popups/item-menu-tl.png') 0 0 no-repeat,
			url('../images/content/popups/item-menu-tr.png') 100% 0 no-repeat,
			url('../images/content/popups/item-menu-t.png') 50% 0 no-repeat,

			url('../images/content/popups/item-menu-bl.png') 0 100% no-repeat,
			url('../images/content/popups/item-menu-br.png') 100% 100% no-repeat,
			url('../images/content/popups/item-menu-b.png') 50% 100% no-repeat,

			url('../images/content/popups/item-menu-l.png') 0 50% no-repeat,
			url('../images/content/popups/item-menu-r.png') 100% 50% no-repeat,
			url('../images/content/popups/item-menu-c.png') 50% 50% no-repeat;

	background-size:
			auto auto, auto auto, 95% 16px,
			auto auto, auto auto, 95% 16px,
			16px 95%, 16px 95%, 95% 95%;

	padding: 90px 4px 4px 4px;
	filter: drop-shadow(0px 3px 8px #000000) drop-shadow(0px 3px 8px #000000);
	-webkit-filter: drop-shadow(0px 3px 8px #000000) drop-shadow(0px 3px 8px #000000);
	text-align: center;
}

.btn-item {
	display: table;
	text-decoration: none;
	height: 28px;
	width: 100%;
	margin: 0 auto;
	background:
			url('../images/content/btn-mini-l.png') 0 50% no-repeat,
			url('../images/content/btn-mini-r.png') 100% 50% no-repeat,
			url('../images/content/btn-mini-c.png') 50% 50% no-repeat;
	background-size: auto auto, auto auto, 95% 28px;
}

.btn-item>span {
	display: table-cell;
	font-size: 10px;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}

.btn-item._active {
	background-image:
			url('../images/content/btn-mini-a-l.png'),
			url('../images/content/btn-mini-a-r.png'),
			url('../images/content/btn-mini-a-c.png');
}

.inv-item-menu-close {
	position: absolute;
	display: block;
	width: 24px;
	height: 24px;
	right: 0px;
	top: 0px;
	opacity: 0.5;
	background: url('../images/icons/agree-no.png') 50% 50% no-repeat;
}

/* stats */

.inv-menu {
	background-color: #161310;
	text-align: center;
	position: relative;
}

.inv-stats {
	text-align: left;
	position: absolute;
	left: 35%;
	right: 5%;
	top: 10px;
	padding: 2px 5px 2px 5px;
	box-shadow: inset 0 2px 2px rgba(255,255,255,.1),inset 0 -2px 2px rgba(0,0,0,.1),inset 0 -2px 2px rgba(0,0,0,.1);
	-webkit-box-shadow: inset 0 2px 2px rgba(255,255,255,.1),inset 0 -2px 2px rgba(0,0,0,.1),inset 0 -2px 2px rgba(0,0,0,.1);
	border-radius: 5px
}

.inv-stat {
	position: relative;
	display: inline-block;
	white-space: nowrap;
	color: #a79e91;
}

.inv-avatar {
	position: relative;
	top: 0px;
	left: 0px;
}

/* Update */

.inv-stat._change>span:before{
	content: '';
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -25px;
	margin-top: -25px;
	background: url('../images/combat/buff_effect.png') 50% 50%;
	background-size: 100% 100%;
	z-index: 10000;
	opacity: 0;
	animation: itemUpgradeSparks 1s linear forwards;
	-webkit-animation: itemUpgradeSparks 1s linear forwards;
}

.inv-stat._big._change>span:before {
	width: 100px;
	height: 100px;
	margin-top: -50px;
}

.inv-stat._change._delay1>span:before { animation-delay: 0.2s; -webkit-animation-delay: 0.2s; }
.inv-stat._change._delay2>span:before { animation-delay: 0.4s; -webkit-animation-delay: 0.4s; }
.inv-stat._change._delay3>span:before { animation-delay: 0.6s; -webkit-animation-delay: 0.6s; }
.inv-stat._change._delay4>span:before { animation-delay: 0.8s; -webkit-animation-delay: 0.8s; }
.inv-stat._change._delay5>span:before { animation-delay: 1s; -webkit-animation-delay: 1s; }
.inv-stat._change._delay6>span:before { animation-delay: 1.2s; -webkit-animation-delay: 1.2s; }

.inv-item-container._put-on {
	animation: itemPutOn 0.3s 1 linear forwards;
	-webkit-animation: itemPutOn 0.3s 1 linear forwards;
}

@keyframes itemPutOn {
	from { transform: scale(1.5); }
	40% { transform: scale(0.9); }
}
@-webkit-keyframes itemPutOn {
	from { -webkit-transform: scale(1.5); }
	40% { -webkit-transform: scale(0.9); }
}

.inv-info>table {
	margin: 0 auto;
	width: auto;
	min-width: 240px;
}

.inv-info>table td:first-child {
	width: 80px;
	text-align: right;
}

.inv-info {
	position: relative;
	position: sticky;
	min-height: 80px;
	top: 25px;
	z-index: 900;
	background-color: #161310;
	padding: 5px 0;
	border-bottom: 1px solid #000000;
}

.inv-info .inv-stats {
	position: static;
	left: 0;
	top: 0;
	text-align: left;
	width: auto;
	padding: 10px 5px 5px 5px;
}

.inv-info .inv-stats .item-card-stat {
	margin: 0 5px;
}

.inv-info .inv-stats>div {
	margin-top: -15px;
}

@media screen and (max-width: 480px) {
	.inv-info .inv-stats>.d-ib {
		display: block !important;
	}
}

@media screen and (max-width: 320px) {
	.inv-avatar {
		display: none;
	}
	.inv-info .inv-stats {
		text-align: center!important;
	}
	.inv-info {
		padding: 2px 5px;
	}

	.inv-info>table td:first-child {
		width: 0px;
	}
}

.item-card-stat[diff^="+"]:after,
.item-card-stat[diff^="-"]:after {
	content: attr(diff);
	position: absolute;
	bottom: -4px;
	font-size: 10px;
	display: block;
	text-align: center;
	min-width: 100%;
	left: 0px;
	color: #97ff64;
	filter: drop-shadow(0px 0px 3px #007e0f);
	-webkit-filter: drop-shadow(0px 0px 3px #007e0f);
}

.item-card-stat[diff^="+"]>span {
	color: #97ff64;
	filter: drop-shadow(0px 0px 3px #007e0f);
	-webkit-filter: drop-shadow(0px 0px 3px #007e0f);
}

.item-card-stat[diff^="-"]>span,
.item-card-stat[diff^="-"]:after {
	color: #ff4d4d;
	filter: drop-shadow(0px 0px 3px #ff0d0d);
	-webkit-filter: drop-shadow(0px 0px 3px #ff0d0d);
}

.item-card-stat._damage[diff^="+"]:after,
.item-card-stat._damage[diff^="-"]:after,
.item-card-stat._health[diff^="+"]:after,
.item-card-stat._health[diff^="-"]:after {
	bottom: 0px;
}

#menu-items-conf {
	display: block;
	text-decoration: none;
	text-align: center;
}

/* Totems */

.rwrd-item._totem img {
	width: 68px;
	height: auto;
}

.rwrd-item._totem {
	width: 68px;
	height: 75px;
}

.rwrd-item._totem._disabled {
	opacity: 0.5;
	filter: saturate(0);
	-webkit-filter: saturate(0);
}

.rwrd-item._totem .rwrd-popup {
	bottom: 80px;
}

/* ITEM CARD POPUP */

.item-card {
	position: fixed;
	left: 50%;
	top: 50px;
	display: block;
	width: 236px;
	margin: 0px;
	margin-left: -118px !important;
	padding: 4px;
	background: url('../images/content/popups/item-menu-tl.png') 0 0 no-repeat,
	url('../images/content/popups/item-menu-tr.png') 100% 0 no-repeat,
	url('../images/content/popups/item-menu-t.png') 50% 0 no-repeat,

	url('../images/content/popups/item-menu-bl.png') 0 100% no-repeat,
	url('../images/content/popups/item-menu-br.png') 100% 100% no-repeat,
	url('../images/content/popups/item-menu-b.png') 50% 100% no-repeat,

	url('../images/content/popups/item-menu-l.png') 0 50% no-repeat,
	url('../images/content/popups/item-menu-r.png') 100% 50% no-repeat,
	url('../images/content/popups/item-menu-c.png') 50% 50% no-repeat;
	background-size: auto auto, auto auto, 95% 16px,
	auto auto, auto auto, 95% 16px,
	16px 95%, 16px 95%, 95% 95%;
	filter: drop-shadow(0px 3px 18px #000000) drop-shadow(0px 3px 18px #000000);
	-webkit-filter: drop-shadow(0px 3px 18px #000000) drop-shadow(0px 3px 18px #000000);

}

.item-card .inv-item-container {
	filter: drop-shadow(0px 0px 2px #000000);
	-webkit-filter: drop-shadow(0px 0px 2px #000000);
}

.item-card .inv-item-menu-close {
	right: 2px;
	top: 5px;
}

.item-card-header {
	background: #7d715e;
	background: linear-gradient(to bottom, #7d715e 0%, #7d715e 45%, #554d40 55%, #554d40 100%) transparent;
	background: -webkit-linear-gradient(top, #7d715e 0%, #7d715e 45%, #554d40 55%, #554d40 100%);
	padding: 5px 0px;
	color: #e3dfda;
	font-size: 14px;
	text-align: center;
	border-radius: 5px 5px 0px 0px;
	border-bottom: 2px solid #1a1817;
}

.item-card-body {
	padding: 5px 0 10px 0;
	background: #8d8063;
	background: linear-gradient(to bottom right, #8d8063 0%, #674b3b 50%, #423527 100%) transparent;
	background: -webkit-linear-gradient(top left, #8d8063 0%, #674b3b 50%, #423527 100%) transparent;
	border-radius: 0px 0px 5px 5px;
}

.item-card-quality {
	font-size: 10px;
	color: #e3c9af;
	position: absolute;
	top: -8px;
	left: -5px;
}

.item-card-quality span {
	filter: drop-shadow(0px 0px 2px #000000);
	-webkit-filter: drop-shadow(0px 0px 2px #000000);
}

.item-pack-content {
	display: flex;
	justify-content: center;
	align-items: center;
}

.item-pack-description {
	text-align: left;
	color: white;
	margin-left: 10px;
}

.item-pack-description._disable {
	margin-left: 0;
}

.inv-stats._card {
	position: relative;
	left: 0;
	top: 0;
	margin: 5px 10px 5px 5px;
	width: auto;
}

.item-card-description {
	font-size: 10px;
	color: #e3c9af;
	padding: 12px 15px 5px 15px;
	background: url("../images/items/card-body-top.png") 0 0% repeat-x, url("../images/items/card-body-bot.png") 0 100% repeat-x, #433a32;
	margin-bottom: 15px;
}

.item-card-set-features {
	margin-top: 12px;
}

.item-card-location {
	margin-top: 12px;
}

.item-card-set {
	position: relative;
	top: 12px;
}

.item-card-set img {
	width: 25px;
	height: auto;
	margin-right: 1px;
	filter: drop-shadow(0px 0px 2px #000000);
	-webkit-filter: drop-shadow(0px 0px 2px #000000);
	box-sizing: border-box;
}

.item-card-set img._noitem {
	filter: drop-shadow(0px 0px 2px #000000) saturate(0) brightness(0.4);
	-webkit-filter: drop-shadow(0px 0px 2px #000000) saturate(0) brightness(0.4);
}

.item-card-set img._selected {
	border: 1px solid #fa0;
	border-radius: 4px;
}

.item-card-set-bonus {
	font-size: 10px;
	color: #e3c9af;
	padding: 0 15px;
}

.item-card-set-bonus._off {
	color: #83765b;
}

.item-card-stat {
	position: relative;
	display: inline-block;
	font-size: 14px;
	padding-top: 36px;
	padding-bottom: 6px;
	color: #fff1de;
	margin: 2px;
	min-width: 15px;
	text-align: center;
	background: url("../images/icons/emty-stat-15x15.png") 50% 40% no-repeat;
	vertical-align: baseline;
}

.item-card-stat._attack {
	background-image: url("../images/icons/attack_15x15.png");
}

.item-card-stat._defence {
	background-image: url("../images/icons/defence_15x15.png");
}

.item-card-stat._energy {
	background-image: url("../images/icons/energy_15x15.png");
}

.item-card-stat._resurrect {
	background-image: url("../images/icons/resurrect_15x15.png");
}

.item-card-stat._crit-power {
	background-image: url("../images/icons/crit_power_15x15.png");
}
.item-card-stat._crit-chance {
	background-image: url("../images/icons/crit_chance_15x15.png");
}

.item-card-stat-digit {
	filter: drop-shadow(0px -2px 1px #000000);
	-webkit-filter: drop-shadow(0px -2px 1px #000000);
}

.item-card-stat._damage,
.item-card-stat._health {
	font-size: 24px;
	min-width: 32px;
	padding-top: 26px;
	background: url("../images/icons/damage-big.png") 50% 30% no-repeat;
}

.item-card-stat._health {
	background-image: url("../images/icons/hp-big.png");
}

.item-card-controls {
	text-align: center;
	padding: 5px 0;
}

.item-card-controls .btn-item {
	width: 100px;
	display: inline-table;
	vertical-align: middle;
	margin: 3px;
	filter: drop-shadow(0px 0px 2px #000000);
	-webkit-filter: drop-shadow(0px 0px 2px #000000);
}

.item-card-upgrade-light,
.item-card-stat-inc {
	color: #97ff64;
	filter: drop-shadow(0px 0px 3px #007e0f);
	-webkit-filter: drop-shadow(0px 0px 3px #007e0f);
}

.item-card-stat-inc {
	position: absolute;
	bottom: -4px;
	font-size: 10px;
	text-align: center;
	min-width: 100%;
	left: 0px;
}

._damage .item-card-stat-inc,
._health .item-card-stat-inc {
	bottom: -1px;
}

/* QUALITY */
._qa-adv .item-card-header {
	background: #266201;
	background: linear-gradient(to bottom, #266201 0%, #266201 45%, #1a4201 55%, #1a4201 100%) transparent;
	background: -webkit-linear-gradient(top left, #266201 0%, #266201 45%, #1a4201 55%, #1a4201 100%);
}
._qa-adv .item-card-body {
	background: #4e6b40;
	background: linear-gradient(to bottom right, #4e6b40 0%, #374b30 50%, #263524 100%) transparent;
	background: -webkit-linear-gradient(top left, #4e6b40 0%, #374b30 50%, #263524 100%) transparent;
}
._qa-adv .item-card-description { background-color: #1e2c16; }
._qa-adv .item-card-quality,
._qa-adv .item-card-description,
._qa-adv .item-card-set-bonus { color: #a4e397; }
._qa-adv .item-card-set-bonus._off { color: #54664d; }

._qa-pro .item-card-header {
	background: #02529e;
	background: linear-gradient(to bottom, #02529e 0%, #02529e 45%, #01386b 55%, #01386b 100%) transparent;
	background: -webkit-linear-gradient(top, #02529e 0%, #02529e 45%, #01386b 55%, #01386b 100%);
}
._qa-pro .item-card-body {
	background: #41556c;
	background: linear-gradient(to bottom right, #41556c 0%, #303b4b 50%, #23293d 100%) transparent;
	background: -webkit-linear-gradient(top left, #41556c 0%, #303b4b 50%, #23293d 100%) transparent;
}
._qa-pro .item-card-description { background-color: #151f34; }
._qa-pro .item-card-quality,
._qa-pro .item-card-description,
._qa-pro .item-card-set-bonus { color: #8eaae3; }
._qa-pro .item-card-set-bonus._off { color: #4d5a67; }

._qa-unique .item-card-header {
	background: #6900c5;
	background: linear-gradient(to bottom, #6900c5 0%, #6900c5 45%, #470086 55%, #470086 100%) transparent;
	background: -webkit-linear-gradient(top, #6900c5 0%, #6900c5 45%, #470086 55%, #470086 100%);
}
._qa-unique .item-card-body {
	background: #3c2e50;
	background: linear-gradient(to bottom right, #524273 0%, #3c2e50 50%, #291e3d 100%) transparent;
	background: -webkit-linear-gradient(top left, #524273 0%, #3c2e50 50%, #291e3d 100%) transparent;
}
._qa-unique .item-card-description { background-color: #27003e; }
._qa-unique .item-card-quality,
._qa-unique .item-card-description,
._qa-unique .item-card-set-bonus { color: #b681e3; }
._qa-unique .item-card-set-bonus._off { color: #6f5470; }

._qa-league .item-card-header {
	background: #c05c00;
	background: linear-gradient(to bottom, #c05c00 0%, #c05c00 45%, #823e00 55%, #823e00 100%) transparent;
	background: -webkit-linear-gradient(top, #c05c00 0%, #c05c00 45%, #823e00 55%, #823e00 100%);
}
._qa-league .item-card-body {
	background: #8b562f;
	background: linear-gradient(to bottom right, #ad8535 0%, #8b562f 50%, #4e3122 100%) transparent;
	background: -webkit-linear-gradient(top left, #ad8535 0%, #8b562f 50%, #4e3122 100%) transparent;
}
._qa-league .item-card-description { background-color: #4c2400; }
._qa-league .item-card-quality,
._qa-league .item-card-description,
._qa-league .item-card-set-bonus { color: #e3a472; }
._qa-league .item-card-set-bonus._off { color: #9c6a33; }

._qa-league._season .item-card-body {
	background: #8b562f;
	background: url('../images/items/league-item-back.png') 50% 0 repeat-y, linear-gradient(to bottom right, #ad8535 0%, #8b562f 50%, #4e3122 100%) transparent;
	background: url('../images/items/league-item-back.png') 50% 0 repeat-y, -webkit-linear-gradient(top left, #ad8535 0%, #8b562f 50%, #4e3122 100%) transparent;
}

._qa-top .item-card-header {
	background: #b70000;
	background: linear-gradient(to bottom, #b70000 0%, #b70000 45%, #7c0000 55%, #7c0000 100%) transparent;
	background: -webkit-linear-gradient(top, #b70000 0%, #b70000 45%, #7c0000 55%, #7c0000 100%);
}
._qa-top .item-card-body {
	background: #8e2e27;
	background: linear-gradient(to bottom right, #ab4323 0%, #8e2e27 50%, #4e2020 100%) transparent;
	background: -webkit-linear-gradient(top left, #ab4323 0%, #8e2e27 50%, #4e2020 100%) transparent;
}
._qa-top .item-card-description { background-color: #4c0000; }
._qa-top .item-card-quality,
._qa-top .item-card-description,
._qa-top .item-card-set-bonus { color: #e39b9b; }
._qa-top .item-card-set-bonus._off { color: #a1322e; }

._qa-top._season .item-card-body {
	background: #8e2e27;
	background: url('../images/items/league-item-back.png') 50% 0 repeat-y, linear-gradient(to bottom right, #ab4323 0%, #8e2e27 50%, #4e2020 100%) transparent;
	background: url('../images/items/league-item-back.png') 50% 0 repeat-y, -webkit-linear-gradient(top left, #ab4323 0%, #8e2e27 50%, #4e2020 100%) transparent;
}

._qa-leg .item-card-header {
	background: #5087bd;
	background: linear-gradient(to bottom, #5087bd 0%, #5087bd 45%, #365c80 55%, #365c80 100%) transparent;
	background: -webkit-linear-gradient(top, #5087bd 0%, #5087bd 45%, #365c80 55%, #365c80 100%);
}
._qa-leg .item-card-body {
	background: #558291;
	background: linear-gradient(to bottom right, #a7d7e2 0%, #6bb1cc 50%, #558291 100%) transparent;
	background: -webkit-linear-gradient(top left, #a7d7e2 0%, #6bb1cc 50%, #558291 100%) transparent;
}
._qa-leg .item-card-description { background-color: #315374; }
._qa-leg .item-card-quality,
._qa-leg .item-card-description,
._qa-leg .item-card-set-bonus { color: #9ce3da; }
._qa-leg .item-card-set-bonus._off { color: #25427d; }

._qa-leg._snow .item-card-body {
	background: #558291;
	background: url('../images/items/frost-item-back.png') 50% 0 repeat-y, linear-gradient(to bottom right, #a7d7e2 0%, #6bb1cc 50%, #558291 100%) transparent;
	background: url('../images/items/frost-item-back.png') 50% 0 repeat-y, -webkit-linear-gradient(top left, #a7d7e2 0%, #6bb1cc 50%, #558291 100%) transparent;
}

.btn-item._gray {
	background-image:
			url('../images/content/btn-mini-g-l.png'),
			url('../images/content/btn-mini-g-r.png'),
			url('../images/content/btn-mini-g-c.png');
}

.btn-item._gray>span {
	color: #aaaaaa;
}


/* SHOP */


.notice-show #itemPopup {
	opacity: 1;
	visibility: visible;
}

.notice-showError #notificationPopup {
    opacity: 1;
    visibility: visible;
}

.shop-item-card {
	position: fixed;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	min-width: 236px;
	width: 90%;
	max-width: 350px;
	padding: 4px;
	background: url("../images/content/popups/item-menu-tl.png") 0 0 no-repeat, url("../images/content/popups/item-menu-tr.png") 100% 0 no-repeat, url("../images/content/popups/item-menu-t.png") 50% 0 no-repeat, url("../images/content/popups/item-menu-bl.png") 0 100% no-repeat, url("../images/content/popups/item-menu-br.png") 100% 100% no-repeat, url("../images/content/popups/item-menu-b.png") 50% 100% no-repeat, url("../images/content/popups/item-menu-l.png") 0 50% no-repeat, url("../images/content/popups/item-menu-r.png") 100% 50% no-repeat, url("../images/content/popups/item-menu-c.png") 50% 50% no-repeat;
	background-size: auto auto, auto auto, 95% 16px, auto auto, auto auto, 95% 16px, 16px 95%, 16px 95%, 95% 95%;
	filter: drop-shadow(0px 3px 18px #000000) drop-shadow(0px 3px 18px #000000);
	-webkit-filter: drop-shadow(0px 3px 18px #000000) drop-shadow(0px 3px 18px #000000);
	z-index: 1002;
	-webkit-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease;
	opacity: 0;
	visibility: hidden;
}

.shop-item-card .inv-item-menu-close {
	right: 5px;
	top: 7px;
}

.shop-item-card-header {
	background: #7d715e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7d715e), color-stop(45%, #7d715e), color-stop(55%, #554d40), to(#554d40)) transparent;
	background: -o-linear-gradient(top, #7d715e 0%, #7d715e 45%, #554d40 55%, #554d40 100%) transparent;
	background: linear-gradient(to bottom, #7d715e 0%, #7d715e 45%, #554d40 55%, #554d40 100%) transparent;
	background: -webkit-linear-gradient(top, #7d715e 0%, #7d715e 45%, #554d40 55%, #554d40 100%);
	padding: 5px 0px;
	color: #e3dfda;
	font-size: 14px;
	text-align: center;
	border-radius: 5px 5px 0px 0px;
	border-bottom: 2px solid #1a1817;
}

._pk-res .shop-item-card-header,
._pk-keys .shop-item-card-header {
	color: #ffffff;
	font-weight: bold;
	font-size: 18px;
	text-shadow: 2px 2px #333300;
	-webkit-text-shadow: 2px 2px #333300;
}

._pk-keys .shop-item-card-header {
	background: #163b42;
	background: -webkit-gradient(linear, left top, left bottom, from(#25a67a), color-stop(45%, #25a67a), color-stop(55%, #197153), to(#197153)) transparent;
	background: -o-linear-gradient(top, #25a67a 0%, #25a67a 45%, #197153 55%, #197153 100%) transparent;
	background: linear-gradient(to bottom, #25a67a 0%, #25a67a 45%, #197153 55%, #197153 100%) transparent;
	background: -webkit-linear-gradient(top, #25a67a 0%, #25a67a 45%, #197153 55%, #197153 100%);
}

._pk-res .shop-item-card-header {
	background: #cca610;
	background: -webkit-gradient(linear, left top, left bottom, from(#cca610), color-stop(45%, #cca610), color-stop(55%, #8a710b), to(#8a710b)) transparent;
	background: -o-linear-gradient(top, #cca610 0%, #cca610 45%, #8a710b 55%, #8a710b 100%) transparent;
	background: linear-gradient(to bottom, #cca610 0%, #cca610 45%, #8a710b 55%, #8a710b 100%) transparent;
	background: -webkit-linear-gradient(top, #cca610 0%, #cca610 45%, #8a710b 55%, #8a710b 100%);
}

.shop-item-card-body {
	padding: 5px 10px 10px 10px;
	background: #8d8063;
	background: -webkit-gradient(linear, left top, right bottom, from(#8d8063), color-stop(50%, #674b3b), to(#423527)) transparent;
	background: -o-linear-gradient(top left, #8d8063 0%, #674b3b 50%, #423527 100%) transparent;
	background: linear-gradient(to bottom right, #8d8063 0%, #674b3b 50%, #423527 100%) transparent;
	background: -webkit-linear-gradient(top left, #8d8063 0%, #674b3b 50%, #423527 100%) transparent;
	border-radius: 0px 0px 5px 5px;
}

._pk-res .shop-item-card-body,
._pk-keys .shop-item-card-body,
._pk-box .shop-item-card-body {
	background-position: 50% 30%, center;
	background-repeat: repeat, no-repeat;
	background-color: transparent;
}

._pk-res .shop-item-card-body {
	background-image: url("../images/chests/chest-bg-gold.png"), -webkit-gradient(linear, left top, right bottom, from(#73540e), color-stop(50%, #6d430c), to(#362a0c));
	background-image: url("../images/chests/chest-bg-gold.png"), -o-linear-gradient(top left, #73540e 0%, #6d430c 50%, #362a0c 100%);
	background-image: url("../images/chests/chest-bg-gold.png"), linear-gradient(to bottom right, #73540e 0%, #6d430c 50%, #362a0c 100%);
	background-image: url("../images/chests/chest-bg-gold.png"), -webkit-linear-gradient(top left, #73540e 0%, #6d430c 50%, #362a0c 100%);
}

._pk-keys .shop-item-card-body {
	background-image: url("../images/chests/chest-bg-silver.png"), -webkit-gradient(linear, left top, right bottom, from(#1c544a), color-stop(50%, #163c44), to(#173332));
	background-image: url("../images/chests/chest-bg-silver.png"), -o-linear-gradient(top left, #1c544a 0%, #163c44 50%, #173332 100%);
	background-image: url("../images/chests/chest-bg-silver.png"), linear-gradient(to bottom right, #1c544a 0%, #163c44 50%, #173332 100%);
	background-image: url("../images/chests/chest-bg-silver.png"), -webkit-linear-gradient(top left, #1c544a 0%, #163c44 50%, #173332 100%);
}

._pk-box .shop-item-card-body {
	background-image: url("../images/chests/chest-bg-magic.png"), -webkit-gradient(linear, left top, right bottom, from(#73540e), color-stop(50%, #6d430c), to(#362a0c));
	background-image: url("../images/chests/chest-bg-magic.png"), -o-linear-gradient(top left, #73540e 0%, #6d430c 50%, #362a0c 100%);
	background-image: url("../images/chests/chest-bg-magic.png"), linear-gradient(to bottom right, #73540e 0%, #6d430c 50%, #362a0c 100%);
	background-image: url("../images/chests/chest-bg-magic.png"), -webkit-linear-gradient(top left, #73540e 0%, #6d430c 50%, #362a0c 100%);
}

.shop-item-card-quality {
	font-size: 10px;
	color: #e3c9af;
	position: absolute;
	top: -8px;
	left: -5px;
}

.shop-item-card-quality span {
	filter: drop-shadow(0px 0px 2px #000000);
	-webkit-filter: drop-shadow(0px 0px 2px #000000);
}

.shop-item-pack-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.shop-item-pack-description {
	text-align: left;
	color: white;
	margin-left: 10px;
}

.shop-item-pack-description._disable {
	margin-left: 0;
}

._pk-res .inv-item-menu-close,
._pk-keys .inv-item-menu-close {
	filter: drop-shadow(1px 1px 2px #000000) drop-shadow(1px 1px 2px #000000);
	-webkit-filter: drop-shadow(1px 1px 2px #000000) drop-shadow(1px 1px 2px #000000);
}





._shop .inv-item-bar-text {
	color: #97ff64;
	filter: drop-shadow(0px 0px 2px #007e0f) drop-shadow(0px 0px 2px #007e0f);
	-webkit-filter: drop-shadow(0px 0px 2px #007e0f) drop-shadow(0px 0px 2px #007e0f);
}

._shop .inv-item-bar {
	animation: itemBarGlow 2s linear infinite;
	-webkit-animation: itemBarGlow 2s linear infinite;
}

@keyframes itemBarGlow {
	50% { filter: drop-shadow(0px 0px 1px #97ff64); }
}
@-webkit-keyframes itemBarGlow {
	50% { -webkit-filter: drop-shadow(0px 0px 1px #97ff64); }
}

._shop .inv-item-bar-progress {
	z-index: 2;
}

._shop .inv-item-bar-progress-extra {
	display: block;
	width: 2px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0px;
	background: #6fbc4a;
	filter: drop-shadow(0px 0px 3px #004809) ;
	-webkit-filter: drop-shadow(0px 0px 3px #004809);
	z-index: 1;
}

._shop .inv-item-bar-text {
	z-index: 5;
}

.item-lot .pack-bonus {
	position: absolute;
	left: 0px;
	top: 20px;
	display: block;
	width: 100%;
	font-size: 10px;
}

.item-lot .inv-item-container {
	position: relative;
	top: 52px;
}

.item-lot .inv-item-container._consume { top: 35px; }
.item-lot .inv-item-container._short { top: 70px; }
.item-lot .inv-item-container._shortname { top: 55px; }


.item-lot {
	height: 160px;
}

.item-lot-pack {
	top: 55%;
}

.shop-discount-container {
	top: 40px;
}

.item-card-controls._nomoney {
	width: 200px;
	margin: 5px auto;
	background: rgba(0,0,0,0.5);
	padding: 8px;
	border-radius: 10px;
}

.item-card .item-pack {
	text-align: center;
	margin: 10px 0;
	filter: drop-shadow(0px 2px 5px #000000);
	-webkit-filter: drop-shadow(0px 2px 5px #000000);
}

/* CHESTS */

.chest-body {
	padding: 10px 0;
	border-radius: 6px;
	background: url('../images/chests/chest-bg-wood.png') 50% 100% no-repeat, linear-gradient(to bottom, #544336 0%, #65503f 50%, #423527 100%) #544336;
	background: url('../images/chests/chest-bg-wood.png') 50% 100% no-repeat, -webkit-linear-gradient(top, #544336 0%, #65503f 50%, #423527 100%) #544336;
}

._silver .chest-body {
	background: url('../images/chests/chest-bg-silver.png') 50% 100% no-repeat, linear-gradient(to bottom, #738094 0%, #4f6c78 50%, #303e4d 100%) #738094;
	background: url('../images/chests/chest-bg-silver.png') 50% 100% no-repeat, -webkit-linear-gradient(top, #738094 0%, #4f6c78 50%, #303e4d 100%) #738094;
}

._gold .chest-body {
	background: url('../images/chests/chest-bg-gold.png') 50% 100% no-repeat, linear-gradient(to bottom, #ad8e39 0%, #ab600c 50%, #4a320c 100%) #ab600c;
	background: url('../images/chests/chest-bg-gold.png') 50% 100% no-repeat, -webkit-linear-gradient(top, #ad8e39 0%, #ab600c 50%, #4a320c 100%) #ab600c;
}

._magic .chest-body {
	background: url('../images/chests/chest-bg-magic.png') 50% 100% no-repeat, linear-gradient(to bottom, #8188bd 0%, #65429d 50%, #3f295a 100%) #65429d;
	background: url('../images/chests/chest-bg-magic.png') 50% 100% no-repeat, -webkit-linear-gradient(top, #8188bd 0%, #65429d 50%, #3f295a 100%) #65429d;
}

.reward-chest {
	position: relative;
	width: 94px;
	height: 90px;
	background: url('../images/chests/wood-chest.png') 50% 50% no-repeat;
	margin: 40px auto -40px auto;
	z-index: 10010;
	filter: drop-shadow(0px 0px 10px #000000);
	-webkit-filter: drop-shadow(0px 0px 10px #000000);
}

._chest-open._many .reward-chest {
	animation: chestShrinkA 0.75s ease-out forwards;
	-webkit-animation: chestShrinkA 0.75s ease-out forwards;
	background-image: url('../images/chests/wood-chest.png');
}

._silver .reward-chest { background-image: url('../images/chests/silver-chest.png'); }
._gold .reward-chest { background-image: url('../images/chests/gold-chest.png'); }
._magic .reward-chest { background-image: url('../images/chests/magic-chest.png'); }

.item-card  .item-button {
	z-index: 100000;
}

@keyframes chestShrinkA {
	from { transform: scale(1.2,0.8); }
	10%, 30%, 50%, 70% { transform: scale(1.2,0.8); }
	20%, 40%, 60%, 80% { transform: scale(1,1); }
	to { transform: scale(1,1); }
}
@-webkit-keyframes chestShrinkA {
	from { -webkit-transform: scale(1,1); }
	10%, 30%, 50%, 70% { -webkit-transform: scale(1.2,0.8); }
	20%, 40%, 60%, 80% { -webkit-transform: scale(1.2,0.9); }
	to { -webkit-transform: scale(1,1); }
}


.chest-row {
	display: block;
	position: relative;
	text-align: center;
	min-height: 70px;
}

.chest-item-icon {
	position: absolute;
	display: inline-block;
	width: 50px;
	top: 0px;
	left: 50%;
	margin-left: -25px;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	z-index: 10015;
}

.chest-item-icon._bonus {
	font-size: 12px;
	line-height: 1.5em;
}

/*    1 | 2 | 3 |     */
/*  4 | 5 | 6 | 7 |   */
.chest-item-icon._pos1 { left: 25%; }
.chest-item-icon._pos2 { left: 50%; }
.chest-item-icon._pos3 { left: 75%; }
.chest-item-icon._pos4 { left: 12.5%; }
.chest-item-icon._pos5 { left: 37.5%; }
.chest-item-icon._pos6 { left: 62.5%; }
.chest-item-icon._pos7 { left: 87.5%; }

.chest-item-icon img {
	position: relative;
	display: block;
	width: 50px;
	height: auto;
}

.chest-item-icon:before {
	content: '';
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	left: 50%;
	margin-left: -32px;
	top:-7px;
	background: url('../images/chests/shine-small.png') 50% 0 no-repeat;
}

._chest-open .chest-item-icon       { animation: itemGotA 0.1s 1 linear forwards; -webkit-animation: itemGotA 0.1s 1 linear forwards; }
._chest-open .chest-item-icon._del1 { animation: itemGotB 0.2s 1 linear forwards; -webkit-animation: itemGotB 0.2s 1 linear forwards; }
._chest-open .chest-item-icon._del2 { animation: itemGotC 0.3s 1 linear forwards; -webkit-animation: itemGotC 0.3s 1 linear forwards; }
._chest-open .chest-item-icon._del3 { animation: itemGotD 0.4s 1 linear forwards; -webkit-animation: itemGotD 0.4s 1 linear forwards; }
._chest-open .chest-item-icon._del4 { animation: itemGotE 0.5s 1 linear forwards; -webkit-animation: itemGotE 0.5s 1 linear forwards; }
._chest-open .chest-item-icon._del5 { animation: itemGotF 0.6s 1 linear forwards; -webkit-animation: itemGotF 0.6s 1 linear forwards; }
._chest-open .chest-item-icon._del6 { animation: itemGotG 0.7s 1 linear forwards; -webkit-animation: itemGotG 0.7s 1 linear forwards; }
._chest-open .chest-item-icon._del7 { animation: itemGotH 0.8s 1 linear forwards; -webkit-animation: itemGotH 0.8s 1 linear forwards; }

@keyframes itemGotA  { from { left: 50%; transform: translateY(150px); opacity: 0; } }
@keyframes itemGotB { from, 50% { left: 50%; transform: translateY(150px); opacity: 0; } }
@keyframes itemGotC { from, 66.66% { left: 50%; transform: translateY(150px); opacity: 0; } }
@keyframes itemGotD { from, 75% { left: 50%; transform: translateY(150px); opacity: 0; } }
@keyframes itemGotE { from, 80% { left: 50%; transform: translateY(150px); opacity: 0; } }
@keyframes itemGotF { from, 83.33% { left: 50%; transform: translateY(150px); opacity: 0; } }
@keyframes itemGotG { from, 85.71% { left: 50%; transform: translateY(150px); opacity: 0; } }
@keyframes itemGotH { from, 87.5% { left: 50%; transform: translateY(150px); opacity: 0; } }

@-webkit-keyframes itemGotA  { from { left: 50%; -webkit-transform: translateY(150px); opacity: 0; } }
@-webkit-keyframes itemGotB { from, 50% { left: 50%; -webkit-transform: translateY(150px); opacity: 0; } }
@-webkit-keyframes itemGotC { from, 66.66% { left: 50%; -webkit-transform: translateY(150px); opacity: 0; } }
@-webkit-keyframes itemGotD { from, 75% { left: 50%; -webkit-transform: translateY(150px); opacity: 0; } }
@-webkit-keyframes itemGotE { from, 80% { left: 50%; -webkit-transform: translateY(150px); opacity: 0; } }
@-webkit-keyframes itemGotF { from, 83.33% { left: 50%; -webkit-transform: translateY(150px); opacity: 0; } }
@-webkit-keyframes itemGotG { from, 85.71% { left: 50%; -webkit-transform: translateY(150px); opacity: 0; } }
@-webkit-keyframes itemGotH { from, 87.5% { left: 50%; -webkit-transform: translateY(150px); opacity: 0; } }

._chest-open .chest-row._sec .chest-item-icon       { animation: itemGotAA 0.1s 1 linear forwards; -webkit-animation: itemGotAA 0.1s 1 linear forwards; }
._chest-open .chest-row._sec .chest-item-icon._del1 { animation: itemGotBB 0.2s 1 linear forwards; -webkit-animation: itemGotBB 0.2s 1 linear forwards; }
._chest-open .chest-row._sec .chest-item-icon._del2 { animation: itemGotCC 0.3s 1 linear forwards; -webkit-animation: itemGotCC 0.3s 1 linear forwards; }
._chest-open .chest-row._sec .chest-item-icon._del3 { animation: itemGotDD 0.4s 1 linear forwards; -webkit-animation: itemGotDD 0.4s 1 linear forwards; }
._chest-open .chest-row._sec .chest-item-icon._del4 { animation: itemGotEE 0.5s 1 linear forwards; -webkit-animation: itemGotEE 0.5s 1 linear forwards; }
._chest-open .chest-row._sec .chest-item-icon._del5 { animation: itemGotFF 0.6s 1 linear forwards; -webkit-animation: itemGotFF 0.6s 1 linear forwards; }
._chest-open .chest-row._sec .chest-item-icon._del6 { animation: itemGotGG 0.7s 1 linear forwards; -webkit-animation: itemGotGG 0.7s 1 linear forwards; }
._chest-open .chest-row._sec .chest-item-icon._del7 { animation: itemGotHH 0.8s 1 linear forwards; -webkit-animation: itemGotHH 0.8s 1 linear forwards; }

@keyframes itemGotAA  { from { left: 50%; transform: translateY(80px); opacity: 0; } }
@keyframes itemGotBB { from, 50% { left: 50%; transform: translateY(80px); opacity: 0; } }
@keyframes itemGotCC { from, 66.66% { left: 50%; transform: translateY(80px); opacity: 0; } }
@keyframes itemGotDD { from, 75% { left: 50%; transform: translateY(80px); opacity: 0; } }
@keyframes itemGotEE { from, 80% { left: 50%; transform: translateY(80px); opacity: 0; } }
@keyframes itemGotFF { from, 83.33% { left: 50%; transform: translateY(80px); opacity: 0; } }
@keyframes itemGotGG { from, 85.71% { left: 50%; transform: translateY(80px); opacity: 0; } }
@keyframes itemGotHH { from, 87.5% { left: 50%; transform: translateY(80px); opacity: 0; } }

@-webkit-keyframes itemGotAA  { from { left: 50%; -webkit-transform: translateY(80px); opacity: 0; } }
@-webkit-keyframes itemGotBB { from, 50% { left: 50%; -webkit-transform: translateY(80px); opacity: 0; } }
@-webkit-keyframes itemGotCC { from, 66.66% { left: 50%; -webkit-transform: translateY(80px); opacity: 0; } }
@-webkit-keyframes itemGotDD { from, 75% { left: 50%; -webkit-transform: translateY(80px); opacity: 0; } }
@-webkit-keyframes itemGotEE { from, 80% { left: 50%; -webkit-transform: translateY(80px); opacity: 0; } }
@-webkit-keyframes itemGotFF { from, 83.33% { left: 50%; -webkit-transform: translateY(80px); opacity: 0; } }
@-webkit-keyframes itemGotGG { from, 85.71% { left: 50%; -webkit-transform: translateY(80px); opacity: 0; } }
@-webkit-keyframes itemGotHH { from, 87.5% { left: 50%; -webkit-transform: translateY(80px); opacity: 0; } }

.chest-item {
	position: relative;
	margin: 0 auto;
	text-align: center;
	z-index: 10015;
}

/*    1 | 2 | 3 |     */
/*      4 | 5 |       */

.chest-item._pos1, .chest-item._pos2, .chest-item._pos3, .chest-item._pos4, .chest-item._pos5 { position: absolute; top: -5px; margin-left: -30px; }
.chest-item._pos1 { left: 25%; }
.chest-item._pos2 { left: 50%; }
.chest-item._pos3 { left: 75%; }
.chest-item._pos4 { left: 35%; }
.chest-item._pos5 { left: 65%; }

._chest-open .chest-item {
	animation: chestItemIcon 0.5s ease-in-out forwards;
	-webkit-animation: chestItemIcon 0.5s ease-in-out forwards;
}

.chest-item-name {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	position: relative;
	z-index: 10020;
	margin-bottom: 10px;
	text-shadow: 2px 2px #000000;
	-webkit-text-shadow: 2px 2px #000000;
}

._chest-open .chest-item:before {
	content: '';
	display: block;
	position: absolute;
	width: 212px;
	height: 212px;
	left: 50%;
	margin-left: -106px;
	top:-66px;
	background: url('../images/chests/shine-big.png') 50% 0 no-repeat;
	background-size: 100% auto;
}

._chest-open .chest-item-name,
._chest-open .chest-item:before {
	animation: chestItemLateAppear 1s linear forwards;
	-webkit-animation: chestItemLateAppear 1s linear forwards;
}

._chest-open._new .chest-item:before {
	background-image: url('../images/chests/shine-bright.png');
	animation: chestItemPulse 1.2s linear infinite;
	-webkit-animation: chestItemPulse 1.2s linear infinite;
}

@keyframes chestItemPulse {
	from, to { transform: scale(0.75); opacity: 0.5; }
	30% { transform: scale(1); opacity: 1; }
}
@-webkit-keyframes chestItemPulse {
	from, to { -webkit-transform: scale(0.75); opacity: 0.5; }
	30% { -webkit-transform: scale(1); opacity: 1; }
}

._chest-open._new .chest-item {
	animation: chestItemNew 3s linear forwards;
	-webkit-animation: chestItemNew 3s linear forwards;
}

@keyframes chestItemNew {
	from, 70% { opacity: 0; transform: scale(1.5); }
	75%, to { opacity: 1; transform: scale(1); }
}
@-webkit-keyframes chestItemNew {
	from, 70% { opacity: 0; -webkit-transform: scale(1.5); }
	75%, to { opacity: 1; -webkit-transform: scale(1); }
}

._chest-open._new .chest-item._template {
	position: absolute;
	left: 50%;
	margin-left: -30px;
	top: 40px;
	animation: chestItemIconNew 3s ease-in-out forwards;
	-webkit-animation: chestItemIconNew 3s ease-in-out forwards;
}

._chest-open .chest-item._template:before {
	display: none;
}

@keyframes chestItemIconNew {
	from,6% { opacity: 0; transform: translateY(100px); }
	7% { opacity: 0.5; transform: translateY(100px); }
	17.5%, 20% { opacity: 1; transform: translateY(-30px); }
	25% { opacity: 1; transform: translateY(0px) scaleX(1); }
	37%, 38.6%, 42.6%, 57.8% { transform: translateX(1px) translateY(1px); }
	37.8% { transform: translateX(2px) translateY(1px); }
	39.4%, 41%, 49.8%, 54.6%, 59.4%, 61.8%, 63.4%  { transform: translateX(0) translateY(0); }
	40.2% { transform: translateX(-1px) translateY(0); filter: brightness(1); }
	41.8% { transform: translateX(1px) translateY(0); }
	43.4% { transform: translateX(0) translateY(1px); }
	44.2%, 49%, 51.4%, 53% { transform: translateX(-1px) translateY(1px); }
	45%, 46.6%, 48.2% { transform: translateX(-2px) translateY(2px); }
	45.8% { transform: translateX(-3px) translateY(2px); }
	47.4%, 52.2% { transform: translateX(-3px) translateY(3px); }
	50.6% { transform: translateX(1px) translateY(-1px); }
	53.8%, 65% { transform: translateX(1px) translateY(2px); }
	55.4% { transform: translateX(-2px) translateY(-1px); }
	56.2%, 71.4% { transform: translateX(0) translateY(-1px); }
	57% { transform: translateX(-1px) translateY(-2px);  }
	58.6% { transform: translateX(2px) translateY(3px); }
	60.2% { transform: translateX(-2px) translateY(-2px); }
	61% { transform: translateX(-4px) translateY(-4px); }
	62.6% { transform: translateX(2px) translateY(2px); }
	64.2% { transform: translateX(-2px) translateY(-3px); }
	65.8% { transform: translateX(-3px) translateY(0); }
	66.6% { transform: translateX(3px) translateY(0); }
	67.4% { transform: translateX(-3px) translateY(-2px); }
	68.2% { transform: translateX(4px) translateY(1px); }
	69% { transform: translateX(-2px) translateY(-4px); }
	69.8% { transform: translateX(2px) translateY(0); }
	70.6% { transform: translateX(-4px) translateY(1px); opacity: 1; }
	72.2% { transform: translateX(0px) translateY(0px); opacity: 0.5; filter: brightness(20); }
	80%, to { transform: translateX(0px) translateY(0px); opacity: 0; }
}
@-webkit-keyframes chestItemIconNew {
	from,6% { opacity: 0; -webkit-transform: translateY(100px); }
	7% { opacity: 0.5; -webkit-transform: translateY(100px); }
	17.5%, 20% { opacity: 1; -webkit-transform: translateY(-30px); }
	25% { opacity: 1; -webkit-transform: translateY(0px) scaleX(1); }
	37%, 38.6%, 42.6%, 57.8% { -webkit-transform: translateX(1px) translateY(1px); }
	37.8% { -webkit-transform: translateX(2px) translateY(1px); }
	39.4%, 41%, 49.8%, 54.6%, 59.4%, 61.8%, 63.4%  { -webkit-transform: translateX(0) translateY(0); }
	40.2% { -webkit-transform: translateX(-1px) translateY(0); -webkit-filter: brightness(1); }
	41.8% { -webkit-transform: translateX(1px) translateY(0); }
	43.4% { -webkit-transform: translateX(0) translateY(1px); }
	44.2%, 49%, 51.4%, 53% { -webkit-transform: translateX(-1px) translateY(1px); }
	45%, 46.6%, 48.2% { -webkit-transform: translateX(-2px) translateY(2px); }
	45.8% { -webkit-transform: translateX(-3px) translateY(2px); }
	47.4%, 52.2% { -webkit-transform: translateX(-3px) translateY(3px); }
	50.6% { -webkit-transform: translateX(1px) translateY(-1px); }
	53.8%, 65% { -webkit-transform: translateX(1px) translateY(2px); }
	55.4% { -webkit-transform: translateX(-2px) translateY(-1px); }
	56.2%, 71.4% { -webkit-transform: translateX(0) translateY(-1px); }
	57% { -webkit-transform: translateX(-1px) translateY(-2px);  }
	58.6% { -webkit-transform: translateX(2px) translateY(3px); }
	60.2% { -webkit-transform: translateX(-2px) translateY(-2px); }
	61% { -webkit-transform: translateX(-4px) translateY(-4px); }
	62.6% { -webkit-transform: translateX(2px) translateY(2px); }
	64.2% { -webkit-transform: translateX(-2px) translateY(-3px); }
	65.8% { -webkit-transform: translateX(-3px) translateY(0); }
	66.6% { -webkit-transform: translateX(3px) translateY(0); }
	67.4% { -webkit-transform: translateX(-3px) translateY(-2px); }
	68.2% { -webkit-transform: translateX(4px) translateY(1px); }
	69% { -webkit-transform: translateX(-2px) translateY(-4px); }
	69.8% { -webkit-transform: translateX(2px) translateY(0); }
	70.6% { -webkit-transform: translateX(-4px) translateY(1px); opacity: 1; }
	72.2% { -webkit-transform: translateX(0px) translateY(0px); opacity: 0.5; -webkit-filter: brightness(20); }
	80%, to { -webkit-transform: translateX(0px) translateY(0px); opacity: 0; }
}

._chest-open._new .item-upgrade-stars {
	opacity: 0;
	animation: chestItemStarsNew 3s linear forwards;
	-webkit-animation: chestItemStarsNew 3s linear forwards;
}

._chest-open._new .item-upgrade-stars._wave {
	opacity: 0;
	background-image: url('../images/leagues/artbox-circle.png');
	background-size: 100% auto;
	animation-duration: 2.9s;
	-webkit-animation-duration: 2.9s;
}

@keyframes chestItemStarsNew {
	from, 74% { transform: scale(0.75); opacity: 0}
	75% { transform: scale(0.75); opacity: 1}
	77% { transform: scale(1.2); opacity: 1; }
	80% { transform: scale(1.6); opacity: 1; }
	to { transform: scale(2); opacity: 0; }
}

@-webkit-keyframes chestItemStarsNew {
	from, 74% { -webkit-transform: scale(0.75); opacity: 0}
	75% { -webkit-transform: scale(0.75); opacity: 1}
	77% { -webkit-transform: scale(1.2); opacity: 1; }
	80% { -webkit-transform: scale(1.6); opacity: 1; }
	to { -webkit-transform: scale(2); opacity: 0; }
}

._chest-open._new .chest-item-name {
	animation: chestItemNewTitle 3s linear forwards;
	-webkit-animation: chestItemNewTitle 3s linear forwards;
}

@keyframes chestItemNewTitle {
	from, 73% { opacity: 0; }
	76%, to {opacity: 1; }
}
@-webkit-keyframes chestItemNewTitle {
	from, 73% { opacity: 0; }
	76%, to {opacity: 1; }
}

.btn-item {
	height: 40px;
	background-size: auto 38px, auto 38px, 95% 100%
}
.chest-popup{
	text-align: center;
	padding: 5px;
	background:
			url('../images/content/popups/item-menu-tl.png') 0 0 no-repeat,
			url('../images/content/popups/item-menu-tr.png') 100% 0 no-repeat,
			url('../images/content/popups/item-menu-t.png') 50% 0 no-repeat,

			url('../images/content/popups/item-menu-bl.png') 0 100% no-repeat,
			url('../images/content/popups/item-menu-br.png') 100% 100% no-repeat,
			url('../images/content/popups/item-menu-b.png') 50% 100% no-repeat,

			url('../images/content/popups/item-menu-l.png') 0 50% no-repeat,
			url('../images/content/popups/item-menu-r.png') 100% 50% no-repeat,
			url('../images/content/popups/item-menu-c.png') 50% 50% no-repeat;

	background-size:auto auto, auto auto, 95% 16px,
	auto auto, auto auto, 95% 16px,
	16px 95%, 16px 95%, 95% 95%;

	position: relative;
	top:125px;
	margin: 0 auto;
	min-height: 120px;
	min-width: 230px;
	width: 60%;
}

.inv-item-title {
	padding-bottom: 5px;
	text-align: center;
}

.item-info {
	width: 75px;
	height: 44px;
	background: url('../images/combat/button_spell.png') 50% 50% no-repeat;
	text-align: center;
	padding-top: 15px;
	text-decoration: none;
	display: none;
}
.item-info._green {
	background-image: url('../images/content/button-square-green.png');
}

/* EVENT HUNT */

.event-taget {
	display: inline-block;
	position: relative;
	margin: 5px 2px;
}

.event-taget:before {
	content: '';
	position: absolute;
	display: block;
	top: -8px;
	left: -5px;
	width: 30px;
	height: 30px;
	background: url('../images/icons/icon_target_30.png') 50% 50% no-repeat;
	background-size: 100% auto;
}

.event-shop {
	text-align: center;
}

.event-shop .item-lot {
	background: rgba(45, 39, 33, 0.15);
	background: linear-gradient(to right,rgba(47, 41, 36, 0.15) 0,rgba(0,0,0,0) 2%,rgba(0,0,0,0) 98%,#2f2924 100%), linear-gradient(to bottom, rgba(64, 58, 52, 0.15) 0%, rgba(45, 39, 33, 0.15) 7%, rgba(45, 39, 33, 0.15) 93%, rgba(40, 35, 30, 0.15) 100%) rgba(99, 89, 61, 0.15);
	background: -webkit-linear-gradient(right,rgba(47, 41, 36, 0.15) 0,rgba(0,0,0,0) 2%,rgba(0,0,0,0) 98%,rgba(47, 41, 36, 0.15) 100%), -webkit-linear-gradient(top, rgba(64, 58, 52, 0.15) 0%, rgba(45, 39, 33, 0.15) 7%, rgba(45, 39, 33, 0.15) 93%, rgba(40, 35, 30, 0.15) 100%) rgba(99, 89, 61, 0.15);
	border: 1px solid #4a330c;
}

.event-shop .shop-discount-container {
	top: 45px;
}

.shop-header .action-name {
	color: #ffe0a9;
	font-size: 20px;
	line-height: 1.1em;
	margin: 0 auto !important;
	filter: drop-shadow(0px 0px 5px #000);
	-webkit-filter: drop-shadow(0px 0px 5px #000);
}

@media screen and (max-width: 440px) {
	.shop-header .action-name {
		font-size: 14px;
	}
}

.event-shop  {
	padding: 5px;
}

.event-shop .item-lot._wide {
	display: block;
	margin: 5px auto;
	width: auto;
	max-width: 400px;
	height: auto;
	padding: 8px 8px 0 8px;
}

.item-lot._wide .inv-item-container {
	top: 0px;
}

.item-lot._wide .item-name {
	position: relative;
	top: 0px;
	text-align: left;
	margin-bottom: 5px;
}

.item-card {
	position: relative;
	margin-top: 50px;
}

/* Event UPD */

.inv-item {
	text-decoration: none;
}

.event-info {
	display: none;
}

._opened .event-info {
	display: block;
}

.inv-item-container .item-card-quality {
	position: absolute;
	left: -50%;
	width: 200%;
	text-align: center;
	top: -20px;
}

.event-description {
	width: 100%;
	background: url('../images/tavern/visitor_pathfinder.png') 0 100% no-repeat; ;
	min-height: 150px;
	margin-top: 20px;
}

@media screen and (max-width: 400px) {
	.event-description { background-position: -20px 100%; }
}
@media screen and (max-width: 340px) {
	.event-description { background-position: -30px 100%; }
}
@media screen and (max-width: 280px) {
	.event-description { background-position: -50px 100%; }
}

.event-divider {
	height: 2px;
	background: linear-gradient(to right, rgba(230,200,115,0.75), rgba(230,200,115,0));
	background: -webkit-linear-gradient(left, rgba(230,200,115,0.75), rgba(230,200,115,0));
}

.event-time {
	padding: 5px;
	background: linear-gradient(to right, rgba(55,60,6,0.75), rgba(55,60,6,0) 60%);
	background: -webkit-linear-gradient(left, rgba(55,60,6,0.75), rgba(55,60,6,0) 60%);
}

.event-more {
	display: inline-block;
	width: 16px;
	height: 8px;
	margin-left: 3px;
	background: url('../images/content/arr-down-16x16.png') 0 0 no-repeat;
}

._opened .event-more {
	background: url('../images/content/arr-up-16x16.png') 0 100% no-repeat;
}

.event-bubble {
	width: 90%;
	padding: 8px 3%;
	margin: 0px 2%;
	background-color: #f1e5bf;
	border-radius: 10px;
	color: #766f5f;
	font-size: 14px;
	position: relative;
	z-index: 100;
	text-align: left;
}

.event-bubble a {
	color: #2b2b27;
}

.event-bubble-tail {
	position: absolute;
	bottom: 5px;
	left: -28px;
	fill: #f1e5bf;
	stroke-width:0;
}

.event-feature {
	margin-top: 20px;
	margin-bottom: 30px;
}

.event-feature-icon, .event-feature-icon>img {
	position: relative;
}

.event-feature-stats {
	position: absolute;
	width: 60px;
	left: 50%;
	margin-left: -30px;
	bottom: -25px;
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	filter: drop-shadow(0px 0px 2px #8613cd) drop-shadow(0px 0px 3px #8613cd) drop-shadow(0px 0px 5px #8613cd) drop-shadow(0px 0px 5px #000000) drop-shadow(0px 0px 3px #000000);
	-webkit-filter: drop-shadow(0px 0px 2px #8613cd) drop-shadow(0px 0px 3px #8613cd) drop-shadow(0px 0px 5px #8613cd) drop-shadow(0px 0px 5px #000000) drop-shadow(0px 0px 3px #000000);
}

.event-feature-glow {
	width: 156px;
	height: 146px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -78px;
	margin-top: -73px;
	background: url('../images/items/hunt-glow.png') 50% 50% no-repeat;
}

.event-feature-frame {
	width: 70px;
	height: 70px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -35px;
	margin-top: -35px;
	background: url('../images/items/frame_hunt_70.png') 50% 50% no-repeat;
}

.event-feature-text {
	position: relative;
	z-index: 100;
	padding-left: 10px;
	font-size: 14px;
	color: #ffffff;
}

.event-info .raiting-table td { padding: 3px !important; }
.event-info .raiting-table td div { overflow: visible; text-overflow: none; }

/* Raid Hunt + widget */

.content-item._event-raid-hunt:before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.75;
	background: url('../images/market/actions/target-raid.png') 110% 40% no-repeat;
	z-index: 5;
}

.content-item._event-raid-hunt {
	position: relative;
	border: 1px solid #4b2626;
	background: -webkit-linear-gradient(#251818,#241817,#4a1a1a);
	background: linear-gradient(#251818,#241817,#4a1a1a);
}

.content-item._event-raid-hunt>* {
	position: relative;
	z-index:10;
}

.content-item._event-raid-hunt .c-brown {
	color: #a8aa97 !important;
}

.box._event-hunt:before {
	display: none;
}

.box._event-hunt {
	background: -webkit-linear-gradient(#251818,#241817,#4a1a1a);
	background: linear-gradient(#251818,#241817,#4a1a1a);
}

.box._event-raid-hunt>.inner>div:first-child {
	position: relative;
}

.box._event-raid-hunt>.inner>div:first-child:before {
	content: '';
	display: block;
	width: 96px;
	height: 82px;
	background: url('../images/market/actions/target-raid-big.png') 50% 50% no-repeat;
	background-size: 80% auto;
	position: absolute;
	left: 50%;
	top: auto;
	bottom: -31px;
	margin-left: -37px;
}

.offer-mini._event._hunt {
	background: url('../images/market/actions/event-hunt-bg.jpg@1') 100% 50% no-repeat;
}

/* menu columns fix */
.b-menu table td {
	background: url('../images/content/btn-top.png') 50% 0 no-repeat,
	url('../images/content/btn-bot.png') 50% 100% no-repeat,
	url('../images/content/btn-menu-bg.png') 50% 50% no-repeat #3e3831;
	background-size: 100% 1px, 100% 1px, 100% 100%;
	vertical-align: middle;
}
.b-menu table td a {
	display: inline-block;
	background: none;
	position: relative;
	width: 100%;
	height: 100%;
}

.b-menu table td .btn-cont,
.b-menu table td .btn-top,
.b-menu table td .btn-bot {
	background: none !important;
}

/* restyle event-shop */
.item-lot._feature {
	background-color: rgba(66, 62, 95, 0.55);
	border-color: #5d4d34;
	box-shadow: 0px 0px 8px #9e4242;
	-webkit-box-shadow: 0px 0px 10px #9e4242;
}

.event-shop .item-lot .item-name .subtitle {
	color: #e3dbc9;
}

.event-shop .item-lot .item-lot-cost {
	color: #a8aa97 !important;
}

.inv-item-container._consume .font16 {
	display: block;
	position: absolute;
	top: 50px;
	width: 100%;
	padding: 3px 5px;
	text-align: center;
	color: #84705f !important;
	font-weight: bold;
	font-size: 14px !important;
}

.event-feature {
	margin-top: 10px;
	margin-bottom: 0px;
}

.event-shop .item-lot>.item-name {
	width: 96%;
	left: 2%;
}

.event-feature-stats {
	font-size: 18px;
}

.event-information {
	position: relative;
	z-index: 100;
}

/* Light UI - РІРёРґР¶РµС‚С‹ */

.b-page-bg.mini {
	padding-top: 5px;
	height: 25px;
	text-align: center;
}

.lands-widget {
	padding: 10px;
	text-align: center;
	max-width: 320px;
	background-color: #383127;
	border-radius: 8px;
	margin: 10px auto 20px auto;
	position: relative;
	z-index: 10;
}

.lands-widget>div {
	display: inline-block;
	vertical-align: middle;
}

.lands-widget-icon {
	position: relative;
}

.lands-container {
	background: url('../images/combat/mob_shade_top.png') 0 -5px/100% 50px repeat-x, url('../images/combat/mob_shade_bot.png') 0 105%/100% 50px repeat-x;
	background-color: #231f1b ;
}

.lands-container._campaign {
	overflow: hidden;
}

.land-header {
	background: url('../images/lands/light/head-land-2.jpg') 50% 100% no-repeat;
	text-align: center;
	color: #fbe133;
	padding: 5px 10px 15px 10px;
	border-bottom: solid 2px #000000;
}

@media screen and (max-width: 350px) {
	.land-header {
		padding: 5px 10px 10px 5px;
	}

}

.land-header-text {
	font-family: 'Trajan', Arial, sans-serif;
	font-weight: normal;
	font-size: 16px;
}

.land-header._npc {
	padding: 0;
}

._campaign .land-header {
	position: relative;
	z-index: 10;
	padding: 20px 0;
}

@media screen and (max-width: 380px) {
	.land-header-text {
		width: 60%;
		display: block;
		text-align: left;
		padding-left: 10px;
	}
}

.land-artefact {
	position: absolute;
	right: 5%;
	margin-right: -30px;
	top: -10px;
	width: 120px;
	height: auto;
}

.land-artefact img {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 15;
}

.land-artefact:before {
	content: '';
	display: block;
	width: 173px;
	height: 173px;
	background: url('../images/content/cutscenes/shine-artefact.png') 50% 50% no-repeat;
	z-index: 11;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -82px;
	opacity: 0.5;
}
@keyframes artefactGlow {
	from, to {opacity: 0.25;}
	50% {opacity: 0.5}
}
@-webkit-keyframes artefactGlow {
	from, to {opacity: 0.25;}
	50% {opacity: 0.5}
}

.land-body {
	position: relative;
	padding: 20px 0;
	text-align: center;
	background: url('../images/combat/mob_shade_top.png') 0% -5px/100% 20px no-repeat ,url('../images/lands/light/back-land-2.jpg') 50% 0% no-repeat #00110b;
}

._campaign .land-body:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: url('../images/lands/light/back-map.png@v=3') 50% 50% no-repeat;
}

._campaign .land-body {
	min-height: 420px;
}


.main-map-paths {
	width: 100%;
	height: 340px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.main-map-paths path {
	vector-effect: non-scaling-stroke;
	stroke: #767b5a;
	stroke-dasharray: 20 5;
	stroke-dashoffset: 0;
}


.land-mob {
	position: absolute;
	top: 200px;
	left: 38%;
	width: 0px;
	height: 0px;
}

.land-mob-image {
	position: absolute;
	width: 62px;
	height: auto;
	z-index: 5;
	left: -31px;
	top: -72px;
	z-index: 5
}

._lock .land-mob-image {
	filter: saturate(0) brightness(0.5);
	-webkit-filter: saturate(0) brightness(0.5);
}

.land-mob .land-mob-frame {
	width: 70px;
	height: 56.7px;
	position: absolute;
	left: -35px;
	top: -75px;
	background: url('../images/lands/light/campaign-frame-big.png') 50% 50%/100% 100% no-repeat;
	z-index: 10;
}

.land-mob .land-mob-frame:after {
	content: '';
	display: block;
	width: 30px;
	height: 18px;
	background: url('../images/lands/light/map-tag.png') 50% 0 no-repeat;
	background-size: 100% auto;
	position: absolute;
	left: 50%;
	bottom: -12px;
	margin-left: -15px;
}

.land-mob-link {
	display: block;
	width: 70px;
	height: 100px;
	position: absolute;
	top:-80px;
	left: -35px;
	z-index: 30;
}

.land-mob-name {
	display: block;
	width: 140px;
	font-size: 14px;
	color: #e6e8d0;
	position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}

.land-mob-fight {
	position: absolute;
	display: block;
	width: 66px;
	left: 50%;
	margin-left: -33px;
	z-index: 10;
}

.land-point {
	background: url('../images/lands/light/map-points.png@v=3') 0px 50% no-repeat;
	background-size: auto 100%;
	width: 50px;
	height: 50px;
	margin-left: -50px;
	position: absolute;
}

.land-point._prev {
	top: 280px;
	left: 25%;
	background-position: 80% -5px;
}

.land-point._next {
	top: 119px;
	left: 73%;
	background-position-x: 60%;
}

.land-point._last {
	top: 67px;
	left: 94%;
	background-position-x: 60%;
}

.land-point>span {
	font-family: 'Trajan', Arial, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #fbe133;
	text-shadow: 0px 2px 5px #000000, 0px 0px 2px #000000;
	-webkit-text-shadow: 0px 2px 5px #000000, 0px 0px 2px #000000;
	position: relative;
	top: 3px;
}

.land-mob .land-point {
	width: 60px;
	height: 60px;
	bottom: -30px;
	left: 50%;
	margin-left: -30px;
	background-position-x: 40%;
}

.land-mob._cooldown .land-point {
	background-position-x: 20%;
}

.land-mob._invasion._watch .land-point,
.land-mob._invasion._raid .land-point {
	background-position-x: 100%;
}

.land-mob._invasion .land-point {
	background-position-x: 0%;
	width: 50px;
	height: 50px;
	margin-left: -25px;
}

.land-mob._invasion._cooldown .land-point {
	background-position-x: 20%;
}





.land-mob._invasion {
	display: block;
	width: 0px;
	height: 0px;
	position: absolute;
	left: 20%;
	top: 173px;
}

.land-mob._invasion._two {
	left: 20%;
	top: 295px;
}

.land-mob._invasion._three {
	left: 52%;
	top: 128px;
}

.land-mob._invasion._four {
	left: 53%;
	top: 267px;
}

.land-mob._invasion._five {
	left: 81%;
	top: 200px;
}

.land-mob._invasion._watch {
	left: 60%;
	top: 240px;
}

.land-mob._invasion._raid {
	left: 85%;
	top: 320px;
}

._invasion .land-mob-cost {
	margin-left: 3px !important;
	z-index: 22;
	position: absolute;
	top: -65px;
	color: #ffffff;
}

._invasion .land-mob-frame {
	position: absolute;
	width: 46px;
	height: 64px;
	top: -57px;
	left: -22px;
	background: url('../images/lands/light/map-pointer.png') 0% 0 no-repeat;
	background-size: 200% 100%;
	z-index: 10;
}

.land-mob._invasion .land-mob-frame:after {
	display: none;
}

.land-mob .land-mob-frame:before {
	content: '';
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	top: 27px;
	background: url('../images/lands/light/icon-swords.png') 0% 0 no-repeat;
	z-index: 15;
}

.land-mob._invasion .land-mob-frame:before {
	top: 3px;
}

._invasion .land-mob-link {
	width: 80px;
	left: -40px;
	top: -60px;
	height: 100px;
}

._invasion .land-mob-name {
	position: absolute;
	width: 100px;
	top: 36px;
	z-index: 22;
}

@keyframes battlePulse {
	50% {transform: scale(1.2)}
}
@-webkit-keyframes battlePulse {
	50% {-webkit-transform: scale(1.2)}
}

._invasion._watch .land-mob-frame:before,
._invasion._raid .land-mob-frame:before { display: none; }

/* COOLDOWN */

.land-mob._invasion._cooldown .land-mob-frame {
	background-position-x: 100%;
}

.land-mob._invasion._cooldown .land-mob-link {
	/*display: none;*/
}

.new-timer {
	display: none;
	width: 80px;
	position: absolute;
	left: 50%;
	margin-left: -40px;
	z-index: 15;
	bottom: 25px;
	font-size: 14px;
	color: #e6e8d0;
	filter: drop-shadow(0px 1px 2px #000000);
	-webkit-filter: drop-shadow(0px 1px 2px #000000);
}

.land-mob._invasion._cooldown .new-timer {
	bottom: -40px;
}

.land-mob._cooldown .new-timer {
	display: block;
}

.land-mob._cooldown:before {
	content: '';
	display: block;
	width: 62px;
	height: 50px;
	background: rgba(0,0,0,0.75);
	position: absolute;
	top: -73px;
	left: -31px;
	z-index: 8;
}

.land-mob._invasion._cooldown:before {
	display: none;
}

.land-mob._cooldown .land-mob-frame:before {
	display: block;
	width: 15px;
	height: 22px;
	margin-left: -8px;
	top: 18%;
	background: url('../images/lands/light/icon-clock.png') 50% 50% no-repeat;
	animation: actionClock 3s ease-in-out infinite;
	-webkit-animation: actionClock 3s ease-in-out infinite;
}

.land-mob._invasion._cooldown .land-mob-frame:before {
	top: 12px;
}

@keyframes actionClock {
	from, 15% { transform: rotateZ(0deg); }
	40%, 55% { transform: rotateZ(180deg); }
	80%, to { transform: rotateZ(360deg); }
}
@-webkit-keyframes actionClock {
	from, 15% { -webkit-transform: rotateZ(0deg); }
	40%, 55% { -webkit-transform: rotateZ(180deg); }
	80%, to { -webkit-transform: rotateZ(360deg); }
}

/* Watches and raids */

._invasion._watch .land-mob-frame {
	width: 71px;
	height: 58px;
	left: -35px;
	background: none;
}

._invasion._raid .land-mob-frame {
	width: 108px;
	height: 58px;
	left: -54px;
	top: -40px;
	background: none;
}

._invasion._watch._cooldown .land-mob-frame:before { top: 30px; }


/* SKINS */

._campaign .land-body {
	background-position-x: 50%;
	background-repeat: no-repeat;
	background-size: auto;
}

._land-1 .land-header, .land-header._land-1 { background-image: url('../images/lands/light/head-land-1.jpg'); }
._land-1 .land-body {
	background-image: url('../images/combat/mob_shade_top.png'),url('../images/lands/light/back-land-1.jpg');
	background-color:  #051218;
}

._land-2 .land-body {
	background-image: url('../images/combat/mob_shade_top.png'),url('../images/lands/light/back-land-2.jpg@v=3');
	background-position: 50% 0%, 50% 100%;
	background-color:  #051218;
}

._land-3 .land-header, .land-header._land-3 { background-image: url('../images/lands/light/head-land-3.jpg'); }
._land-3 .land-body {
	background-image: url('../images/combat/mob_shade_top.png'),url('../images/lands/light/back-land-3.jpg');
	background-color:  #051218;
}

._land-3 .land-body {
	background-image: url('../images/combat/mob_shade_top.png'),url('../images/lands/light/back-land-3.jpg@v=3');
	background-position: 50% 0%, 50% 100%;
	background-color:  #051218;
}

._campaign._land-3 .land-body {
	background-image: url('../images/lands/light/back-land-3.jpg');
	background-position-y: -60px;
}

._land-4 .land-header, .land-header._land-4 { background-image: url('../images/lands/light/head-land-4.jpg'); }
._land-4 .land-body {
	background-image: url('../images/combat/mob_shade_top.png'),url('../images/lands/light/back-land-4.jpg');
	background-color:  #151f06;
}
._campaign._land-4 .land-body {
	background-image: url('../images/lands/light/back-land-4.jpg');
	background-position: center;
	background-size: cover;
}

._land-5 .land-header, .land-header._land-5 { background-image: url('../images/lands/light/head-land-5.jpg'); }
._land-5 .land-body {
	background-image: url('../images/combat/mob_shade_top.png'),url('../images/lands/light/back-land-5.jpg');
	background-color:  #3b2817;
}
._campaign._land-5 .land-body {
	background-image: url('../images/lands/light/back-land-5.jpg');
	background-position: center;
	background-size: cover;
}

._land-6 .land-header, .land-header._land-6 { background-image: url('../images/lands/light/head-land-6.jpg'); }
._land-6 .land-body {
	background-image: url('../images/combat/mob_shade_top.png'),url('../images/lands/light/back-land-6.jpg');
	background-color:  #69472e;
}
._campaign._land-6 .land-body {
	background-image: url('../images/lands/light/back-land-6.jpg');
	background-position: center;
	background-size: cover;
}

._land-7 .land-header, .land-header._land-7 { background-image: url('../images/lands/light/head-land-7.jpg'); }
._land-7 .land-body {
	background-image: url('../images/combat/mob_shade_top.png'),url('../images/lands/light/back-land-7.jpg');
	background-color:  #01060c;
}
._campaign._land-7 .land-body {
	background-image: url('../images/lands/light/back-land-7.jpg');
	background-position: center;
	background-size: cover;
}

._land-8 .land-header, .land-header._land-8 { background-image: url('../images/lands/light/head-land-8.jpg'); }
._land-8 .land-body {
	background-image: url('../images/combat/mob_shade_top.png'),url('../images/lands/light/back-land-8.jpg');
	background-color:  #1b1b13;
}
._campaign._land-8 .land-body {
	background-image: url('../images/lands/light/back-land-8.jpg');
	background-position-y: -40px;
}

._land-9 .land-header, .land-header._land-9 { background-image: url('../images/lands/light/head-land-9.jpg'); }
._land-9 .land-body {
	background-image: url('../images/combat/mob_shade_top.png'),url('../images/lands/light/back-land-9.jpg');
	background-color:  #0b2c33;
}
._campaign._land-9 .land-body {
	background-image: url('../images/lands/light/back-land-9.jpg');
	background-position-y: -100px;
}

._land-10 .land-header, .land-header._land-10 { background-image: url('../images/lands/light/head-land-10.jpg'); }
._land-10 .land-body {
	background-image: url('../images/combat/mob_shade_top.png'),url('../images/lands/light/back-land-10.jpg');
	background-color:  #1f0101;
}
._campaign._land-10 .land-body {
	background-image: url('../images/lands/light/back-land-10.jpg');
	background-position-y: -120px;
}

._land-11 .land-header, .land-header._land-11 { background-image: url('../images/lands/light/head-land-11.jpg'); }
._land-11 .land-body {
	background-image: url('../images/combat/mob_shade_top.png'),url('../images/lands/light/back-land-11.jpg');
	background-color:  #140e10;
}
._campaign._land-11 .land-body {
	background-image: url('../images/lands/light/back-land-11.jpg');
	background-position-y: -150px;
}

._land-12 .land-header, .land-header._land-12 { background-image: url('../images/lands/light/head-land-12.jpg'); }
._land-12 .land-body {
	background-image: url('../images/combat/mob_shade_top.png'),url('../images/lands/light/back-land-12.jpg');
	background-color:  #181c0d;
}
._campaign._land-12 .land-body {
	background-image: url('../images/lands/light/back-land-12.jpg');
	background-position-y: -30px;
}

._land-13 .land-header, .land-header._land-13 { background-image: url('../images/lands/light/head-land-13.jpg'); }
._land-13 .land-body {
	background-image: url('../images/combat/mob_shade_top.png'),url('../images/lands/light/back-land-13.jpg');
	background-color:  #6d7578;
}

._land-14 .land-header, .land-header._land-14 { background-image: url('../images/lands/light/head-land-13.jpg'); }
._land-14 .land-body {
	background-image: url('../images/combat/mob_shade_top.png'),url('../images/lands/light/back-land-13.jpg');
	background-color:  #6d7578;
}
._campaign._land-13 .land-body,
._campaign._land-14 .land-body {
	background-image: url('../images/lands/light/back-land-13.jpg');
	background-position-y: -50px;

}

._land-15 .land-header, .land-header._land-15 { background-image: url('../images/lands/light/head-land-14.jpg'); }
._land-15 .land-body {
	background-image: url('../images/combat/mob_shade_top.png'),url('../images/lands/light/back-land-14.jpg');
	background-color:  #6d7578;
}
._campaign._land-15 .land-body {
	background-image: url('../images/lands/light/back-land-14.jpg');
	background-position: center;
	background-size: cover;
}

._land-16 .land-header, .land-header._land-16 { background-image: url('../images/lands/light/head-land-16.jpg'); }
._land-16 .land-body {
	background-image: url('../images/combat/mob_shade_top.png'),url('../images/lands/light/back-land-16.jpg');
	background-color:  #6d7578;
}
._campaign._land-16 .land-body {
	background-image: url('../images/lands/light/back-land-16.jpg');
	background-position: center;
	background-size: cover;
}

._campaign._land-2 .land-body:before,
._campaign._land-3 .land-body:before,
._campaign._land-4 .land-body:before,
._campaign._land-5 .land-body:before,
._campaign._land-6 .land-body:before,
._campaign._land-7 .land-body:before,
._campaign._land-15 .land-body:before,
._campaign._land-16 .land-body:before {
	display: none;
}

/* MAIN WIDGETS */
.land-widget {
	position: relative;
	width: 80%;
	margin: 5px 10% 25px 10%;
}

.land-widget-image {
	position: relative;
	z-index: 1;
	width: 100%;
	height: auto;
	border-radius: 8px;
}

.land-widget._small {
	display: inline-block;
	width: 37%;
}

.land-widget._small:nth-child(odd) { margin: 10px 10% 10px 2%; }
.land-widget._small:nth-child(even) { margin: 10px 2% 10px 10%; }

.land-widget:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	top: 0;
	left: 0;
	z-index: 2;
	box-shadow: inset 0px 0px 10px 8px #000000;
	-webkit-box-shadow: inset 0px 0px 10px 8px #000000;
}

.land-widget .land-mob-frame {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background:
			url('../images/lands/light/widget-frame-tl.png') 0% 0% no-repeat,
			url('../images/lands/light/widget-frame-tr.png') 100% 0% no-repeat,
			url('../images/lands/light/widget-frame-l.png') 0 100%/4px 90% no-repeat,
			url('../images/lands/light/widget-frame-r.png') 100% 100%/4px 90% no-repeat,
			url('../images/lands/light/widget-frame-t.png') 50% 0%/90% 3px no-repeat;
	z-index: 5;
}

.land-widget .land-mob-frame._bottom {
	position: absolute;
	left: 2%;
	top: auto;
	bottom: -12px;
	width: 96%;
	height: 30px;
	background: url('../images/lands/light/widget-frame-b.png') 50% 100% no-repeat;
	z-index: 7;
}

.land-widget .land-mob-frame._bottom:before,
.land-widget .land-mob-frame._bottom:after {
	content: '';
	position: absolute;
	right: -2%;
	bottom: 0px;
	width: 40px;
	height: 30px;
	background: url('../images/lands/light/widget-frame-br.png') 50% 50% no-repeat;
}

.land-widget .land-mob-frame._bottom:after {
	left: -2%;
	right: auto;
	background: url('../images/lands/light/widget-frame-bl.png') 50% 50% no-repeat;
}

.land-chapter-name {
	position: absolute;
	width: 100%;
	text-align: center;
	top: -12px;
	z-index: 10;
}

.land-chapter-name>span {
	position: relative;
	display: inline-block;
	height: 20px ;
	padding: 7px 20px 0 20px;
	background:
			url('../images/lands/light/widget-header-l.png') 0 50% no-repeat,
			url('../images/lands/light/widget-header-r.png') 100% 50% no-repeat,
			url('../images/lands/light/widget-header-m.png') 50% 50%/70% 25px no-repeat;
}

.land-chapter-name>span:after {
	content: '';
	position: absolute;
	right: 3px;
	top: 5px;
	display: inline-block;
	width:  15px;
	height: 14px;
	background: url('../images/lands/light/widget-header-gem.png') 0% 50% no-repeat;
	z-index: 12;
}

._new .land-chapter-name>span:after {
	background-position: 100% 0;
}

.new-menu-mark {
	display: inline-block;
	width:  15px;
	height: 14px;
	background: url('../images/lands/light/widget-header-gem.png') 100% 0 no-repeat;
	z-index: 12;
}


.land-widget._main .land-chapter-name>span {
	padding-top: 6px;
	height: 21px ;
	font-family: 'Trajan', Arial, sans-serif;
	font-size: 16px;
	color: #fbe133;
}

.land-widget .menu-widget-time {
	top: auto;
	bottom: -15px;
	z-index: 10;
}

.land-widget .menu-widget-time>span {
	border: 1px solid #320;
	border-radius: 10px;
	padding-right: 5px;
}

.land-widget .land-progress {
	position: absolute;
	bottom: 2px;
	right: 8px;
	color: #ffffff;
	font-size: 14px;
	z-index: 5;
}

.land-widget._small .land-progress {
	bottom: 5px;
	right: auto;
	left: 0;
	width: 100%;
	text-align: center;
}

.land-button-refresh {
	margin-top: 20px;
}

.land-widget .land-mob-link {
	left: 0px;
	top: -0px;
	width: 100%;
	height: 100%;
}




.lands-menu {
	margin-top: 15px;
	margin-bottom: 10px;
	text-align: center;
}


.main-widget {
	position: relative;
	vertical-align: top;
	display: inline-block;
	width: 70px;
	text-decoration: none;
	text-align: center;
	margin-left: 2px;
	z-index: 501;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
}

.main-widget-icon {
	display: block;
	margin: 0 auto;
	height: 55px;
	width: 70px;
	background: url('../images/icons/menu-icons-big.png@v=3') 50% -20px no-repeat;
}

.main-widget-name {
	display: block;
	width: 100%;
	padding: 3px 0px;
	font-size: 12px;
	color: #aaa;
	background: #000;
	border-radius: 8px;
	position: relative;
	z-index: 502;
}

._fields .main-widget-icon { background: url("../images/castle/barrack_officers_16x16.png") 50% 50% no-repeat; background-size: 75% auto; }
.land-menu ._fields .main-widget-icon { background: url("../images/castle/barrack_officers_16x16.png") 50% 50% no-repeat; background-size: 75% auto; }
._union .main-widget-icon { background-position: 50% -90px; }
._rating .main-widget-icon { background-position: 50% -170px; }
._tavern .main-widget-icon { background-position: 50% -250px; }
._shop .main-widget-icon { background-position: 50% -330px; }
._equipment .main-widget-icon { background-position: 50% -410px; }
._castle .main-widget-icon { background-position: 50% -490px; }
._main .main-widget-icon { background-position: 50% -570px; }
._dungeon .main-widget-icon { background-position: 50% -650px; }
._raids .main-widget-icon { background-position: 50% -730px; }
._watch .main-widget-icon { background-position: 50% -810px; }
._tasks .main-widget-icon { background-position: 50% -890px; }
._defend .main-widget-icon { background-position: 50% -970px; }
._off .main-widget-icon {
	opacity: 0.5;
	filter: saturate(0);
	-webkit-filter: saturate(0);
}

._off .main-widget-name {
	color: #5a5a5a;
}

img.main-widget-icon {
	background: none;
	height: 55px;
	width: auto;
}

._chest img.main-widget-icon,
._siege img.main-widget-icon,
._clan img.main-widget-icon {
	height: 65px;
}

._chest img.main-widget-icon~.main-widget-name,
._siege img.main-widget-icon~.main-widget-name,
._clan img.main-widget-icon~.main-widget-name {
	top: -10px;
}

.menu-widget._chest img.main-widget-icon,
.menu-widget._siege img.main-widget-icon,
.menu-widget._clan img.main-widget-icon {
	height: 60px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: auto;
}

.menu-widget._clan img.main-widget-icon {
	position: relative;
	top: -5px;
}

.menu-widget._talents img.main-widget-icon {
	height: 60px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: auto;
	filter: none;
	-webkit-filter: none;
}


.main-menu {
	padding: 15px 10px;
	text-align: center;
	background: url('../images/combat/mob_shade_top.png') 0 -10px/100% 30px repeat-x, url('../images/combat/mob_shade_bot.png') 0 105%/100% 50px repeat-x, url('../images/content/cutscenes/bg-stone-cutscene.jpg') 50% 0 repeat-y;
}

.main-menu-pvp {
	max-width: 380px;
	margin: 0 auto;
	padding: 2px 5px;
	box-shadow: inset 0 2px 2px rgba(255,255,255,.1),inset 0 -2px 2px rgba(0,0,0,.1),inset 0 -2px 2px rgba(0,0,0,.1);
	-webkit-box-shadow: inset 0 2px 2px rgba(255,255,255,.1),inset 0 -2px 2px rgba(0,0,0,.1),inset 0 -2px 2px rgba(0,0,0,.1);
	border-radius: 5px
}

.main-menu-pvp .d-ib {
	vertical-align: top;
}

.main-widget-new {
	display: block;
	position: absolute;
	left: 0px;
	top: 5px;
	z-index: 10;
}

span.main-widget-new {
	width: 20px;
	color: #ffffff;
	font-size: 14px;
	border-radius: 50%;
	padding: 2px 0;
	background: #00aa00;
}

img.main-widget-new {
	animation: upgradeReady 1s ease-in-out infinite;
	-webkit-animation: upgradeReady 1s ease-in-out infinite;
}

._talents .main-widget-new {
	left: 0px;
	top: 34px;
	width: 100%;
	text-align: center;
	background: transparent;
	padding: 0px;
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
	filter: drop-shadow(0px 0px 2px #000000) drop-shadow(0px 0px 7px #000000);
	-webkit-filter: drop-shadow(0px 0px 2px #000000) drop-shadow(0px 0px 7px #000000);
}

.main-menu-content {
	margin: 15px 0;
}

.menu-widget {
	text-decoration: none;
	display: inline-block;
	position: relative;
	width: 87px;
	margin: 0 5px;
	z-index: 910;
	background: url('../images/icons/menu-btm-frame.png') 0 0 no-repeat;
}

.main-menu-content .menu-widget {
	z-index: 90;
}

.menu-widget .main-widget-icon {
	height: 70px;
	width: 80px;
}

.menu-widget-time,
.main-widget-lvl {
	position: absolute;
	top: 48px;
	left: 0px;
	width: 100%;
	color: #ffffff;
}

.menu-widget-time>span,
.main-widget-lvl>span {
	display: inline-block;
	padding: 3px 3px;
	font-size: 12px;
	color: #aaa;
	background: #000;
	border-radius: 8px;
	position: relative;
}

.main-widget-lvl {
	top: 0px;
	color: #555555;
	z-index: 20;
}

.main-widget-lvl>span {
	font-size: 10px;
	padding: 2px 4px;
	color: #555555;
}


._avatar img.main-widget-icon {
	height: 60px;
	width: auto;
	margin-bottom: 10px;
}

.menu-widget-name {
	position: relative;
	font-size: 12px;
	color: #A0A090;
}

.menu-widget .main-widget-new { display: none }
.menu-widget .main-widget-new ~ .menu-widget-name:before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 14px;
	background: url("../images/lands/light/widget-header-gem.png") 100% 50% no-repeat;
	position: relative;
	top: 2px;
	right: -2px;
	margin-left: -14px;
}

.lands-widget-icon .menu-widget-time:last-child {
	top: auto;
	bottom: -5px;
}

.lands-widget-icon .menu-widget-time:first-child {
	top: -8px;
}

.lands-widget-icon .menu-widget-time:first-child>span {
	padding: 3px 5px;
}


.npc-block {
	position: fixed;
	width: 480px;
	left: 50%;
	margin-left: -240px;
	bottom: 0px;
	z-index: 999999;
	background: url('https://lords.mobi/images/combat/mob_shade_bot') 50% 100%/100% 30px repeat-x;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7) 30%, rgba(70,50,20,1));
	background: -webkit-linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.7) 30%, rgba(70,50,20,1));
}

.npc-block-description {
	width: 100%;
	background-position: 0 100%;
	background-size: 100px auto;
	background-repeat: no-repeat;
	height: 120px;
}

.land-header .npc-block-description {
	height: 100px;
	background-size: auto 100%;
}

@media screen and (max-width: 480px) {
	.npc-block {
		width: 100%;
		left:0;
		margin-left: 0;
	}
}

@media screen and (max-width: 400px) {
	.npc-block-description td:first-child {
		width: 100px;
	}
}

.npc-block-description .event-bubble-tail {
	top: 50%;
	margin-top: -10px;
}

.button-mini._marble {
	height: 60px;
	background-image: url('../images/content/button-marble-m.png');
	text-shadow: 0px -1px #000000;
}

.button-mini._marble:before, .button-mini._marble:after {
	height: 60px;
	width: 20px;
	left: auto;
	right: -10px;
	background-image: url('../images/content/button-marble-r.png');
}

.button-mini._marble:after {
	right: auto;
	left: -10px;
	background-image: url('../images/content/button-marble-l.png');
}

.button-mini._marble>div {
	padding-top: 15px;
	vertical-align: middle;
	color: #fff375;
}

/* LAND QUEST WIDGET*/

a.lands-container {
	display: block;
	text-decoration: none;
	text-align: left;
	border-bottom: 1px solid #000000;
}

a.lands-container .land-name {
	position: relative;
	z-index: 10;
}

a.lands-container .land-body:before {
	background: rgba(0,0,0,0.3);
}

a.lands-container .land-body {
	min-height: 0px;
	padding: 10px 0px 0px 0px;
}

a.lands-container .land-body .land-header-text {
	color: #fbe133;
}

a.lands-container .land-artefact {
	position: relative;
	margin: -10px 0;
}

a.lands-container table {
	position: relative;z-index: 10;
}

.land-description {
	position: relative;
	z-index: 10;
	font-size: 14px;
}

@media screen and (max-width: 380px) {
	a .land-header-text {
		display: inline-block;
		width: auto;
		text-align: center;
		padding:0px;
	}

	.land-description {
		font-size: 12px;
	}
}

/* NEW LANDS */
.mylands-header {
	padding: 20px 0;
	text-align: center;
	background: url('../images/lands/light/mylands-header.jpg') 50% 100% no-repeat;
	border-bottom: 2px solid #111111;
}

.mylands-name,
.mylands-name span {
	font-size: 24px;
	font-family: 'Trajan', Arial, sans-serif;
	color: #fbe133;
}

.mylands-body {
	position: relative;
	padding: 20px 10px;
	text-align: center;
	background: url('../images/lands/light/back-land-2.jpg') 50% 20% no-repeat;
}

.mylands-body:before{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	position: absolute;
	top: 0px;
	left: 0px;
}

.mylands-info {
	line-height: 1.5em;
	position: relative;
	padding: 20px;
	min-width: 200px;
	max-width: 240px;
	margin: 0 auto;
	box-shadow: inset 0 1px 2px rgba(255,255,255,.2),inset 0 -2px 2px rgba(0,0,0,.2),inset 0 -1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(255,255,255,.2),inset 0 -2px 2px rgba(0,0,0,.2),inset 0 -1px 2px rgba(0,0,0,.2);
	border-radius: 5px
}

.mylands-bonus {
	margin-top: 30px;
	position: relative;

}

.mylands-item {
	display: block;
	text-decoration: none;
	width: 100%;
	margin: 2px 0;
	background: #221e1a;
	border: 1px solid #43372c ;
}

.mylands-item table {
	width: 100%;
}

.mylands-item td:nth-child(2) {
	padding-left: 8px;
}

.mylands-item-icon {
	width: 100px;
	height: 70px;
	border: 1px solid rgba(0,0,0,0.5);
	background: url('../images/lands/light/head-land-1.jpg') 40% 0%;
	background-size: auto 100% !important;
}
._land-1 .mylands-item-icon { background-position: 100% 0%; }
._land-2 .mylands-item-icon { background-image: url('../images/lands/light/head-land-2.jpg'); }
._land-3 .mylands-item-icon { background-image: url('../images/lands/light/head-land-3.jpg'); }
._land-4 .mylands-item-icon { background-image: url('../images/lands/light/head-land-4.jpg'); }
._land-5 .mylands-item-icon { background-image: url('../images/lands/light/head-land-5.jpg'); }
._land-6 .mylands-item-icon { background-image: url('../images/lands/light/head-land-6.jpg'); }
._land-7 .mylands-item-icon { background-image: url('../images/lands/light/head-land-7.jpg'); }
._land-8 .mylands-item-icon { background-image: url('../images/lands/light/head-land-8.jpg'); }
._land-9 .mylands-item-icon { background-image: url('../images/lands/light/head-land-9.jpg'); }
._land-10 .mylands-item-icon { background-image: url('../images/lands/light/head-land-10.jpg'); }
._land-11 .mylands-item-icon { background-image: url('../images/lands/light/head-land-11.jpg'); }
._land-12 .mylands-item-icon { background-image: url('../images/lands/light/head-land-12.jpg'); }
._land-13 .mylands-item-icon { background-image: url('../images/lands/light/head-land-13.jpg'); background-position: 60% 0%; }
._land-14 .mylands-item-icon { background-image: url('../images/lands/light/head-land-13.jpg'); background-position: 100% 0%; }
._land-15 .mylands-item-icon { background-image: url('../images/lands/light/head-land-14.jpg'); background-position: 60% 0%; }
._land-16 .mylands-item-icon { background-image: url('../images/lands/light/head-land-16.jpg'); background-position: 10% 0%; }

.mylands-item-name, .mylands-item-name span, .mylands-info-header {
	font-size: 16px;
	font-family: 'Trajan', Arial, sans-serif;
}
.mylands-item-name span {
	display: inline-block;
}

@media screen and (max-width: 300px) {
	.mylands-item-name, .mylands-item-name span {
		font-size: 14px;
	}
}

.mylands-item-name .inv-item-bar-upgrade {
	position: relative;
	display: inline-block;
	left: 0px;
	top: 0px;
}

.mechanic-hint {
	position: relative;
	background: #30241b;
	margin: 5px 20px;
	padding: 8px 10px;
	text-align: center;
	color: #A0A090;
}

.mechanic-hint:before,
.mechanic-hint:after {
	content: '';
	display: block;
	width: 17px;
	height: 100%;
	height: calc(100% + 2px);
	background: url('../images/content/hint-rt.png') 0 0 no-repeat,
	url('../images/content/hint-rb.png') 0 100% no-repeat,
	url('../images/content/hint-rm.png') 0 50%/17px 90% no-repeat;
	position: absolute;
	top: -2px;
	right: -16px;
}

.mechanic-hint:before {
	background: url('../images/content/hint-lt.png') 0 0 no-repeat,
	url('../images/content/hint-lb.png') 0 100% no-repeat,
	url('../images/content/hint-lm.png') 0 50%/17px 90% no-repeat;
	right: auto;
	left: -17px;
}

.mylands-info .land-button-refresh {
	position: relative;
	top: 40px;
	margin-top: -30px;
}

.land-button-refresh div{
	font-family: 'Trajan', Arial, sans-serif;
	font-weight: normal;
	font-size: 20px;
}

.land-card {
	position: relative;
	display: block;
	max-width: 320px;
	margin: 100px auto 0 auto;
	padding: 4px;
	background: url('../images/content/popups/item-menu-tl.png') 0 0 no-repeat,
	url('../images/content/popups/item-menu-tr.png') 100% 0 no-repeat,
	url('../images/content/popups/item-menu-t.png') 50% 0 no-repeat,

	url('../images/content/popups/item-menu-bl.png') 0 100% no-repeat,
	url('../images/content/popups/item-menu-br.png') 100% 100% no-repeat,
	url('../images/content/popups/item-menu-b.png') 50% 100% no-repeat,

	url('../images/content/popups/item-menu-l.png') 0 50% no-repeat,
	url('../images/content/popups/item-menu-r.png') 100% 50% no-repeat,
	url('../images/content/popups/item-menu-c.png') 50% 50% no-repeat;
	background-size: auto auto, auto auto, 95% 16px,
	auto auto, auto auto, 95% 16px,
	16px 95%, 16px 95%, 95% 95%;
	filter: drop-shadow(0px 3px 18px #000000) drop-shadow(0px 3px 18px #000000);
	-webkit-filter: drop-shadow(0px 3px 18px #000000) drop-shadow(0px 3px 18px #000000);
}

.land-card .lands-container {
	border-radius: 5px 5px 0px 0px;
	overflow: hidden;
}

.land-card .land-header {
	padding: 10px;
	background-position: 50% 50% !important;
}

.land-card .land-body {
	position: relative;
	padding-bottom: 10px;
	background-position: 100% -15px, 50% 0;
	z-index: 1000;
}

.land-card .land-body>* {
	position: relative;
	z-index: 1010;
}

.land-card .land-body:before{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1001;
}

.land-card .inv-item-menu-close {
	background: url('../images/content/close-popup.png') 50% 50%/100% 100% no-repeat;
	opacity: 1;
	right: -2px;
	top: -2px;
}

.mylands-info-header {
	margin-top: -25px;
	margin-bottom: 10px;
}

.mylands-info-table {
	margin: 0 auto;
	color: #ffffff;
}

.mylands-info-table td {
	text-align: left;
	padding-right: 10px;
}

.land-card .main-button {
	margin-bottom: 0px;
	margin-top: 20px;
}

.land-card .main-button .main-button-inner {
	font-size: 14px !important;
	padding-top: 8px;
}

.menu-widget._chest._ready:before {
	content: '';
	display: block;
	width: 86px;
	height: 84px;
	position: absolute;
	left: 50%;
	top: 45%;
	margin: -43px -42px;
	background: url('../images/chests/shine-open.png') 50% 50% no-repeat;
	animation: chestReady 1.5s ease-in-out infinite;
	-webkit-animation: chestReady 1.5s ease-in-out infinite;
}

@keyframes chestReady {
	from, to { opacity: 1; transform: scale(0.7); }
	75% { opacity: 0.5; transform: scale(1); }
}
@-webkit-keyframes chestReady {
	from, to { opacity: 1; -webkit-transform: scale(0.7); }
	75% { opacity: 0.5; -webkit-transform: scale(1); }
}

.menu-widget._chest._ready img {
	animation: chestIdle 1.5s ease-in-out infinite;
	-webkit-animation: chestIdle 1.5s ease-in-out infinite;
}
@keyframes chestIdle {
	20%,40%,60% { transform: rotateZ(-10deg); }
	30%,50%  { transform: rotateZ(10deg); }
	from, 70%, to { transform: rotateZ(0deg); }
}
@-webkit-keyframes chestIdle {
	20%,40%,60% { -webkit-transform: rotateZ(-10deg); }
	30%,50%  { -webkit-transform: rotateZ(10deg); }
	from, 70%, to { -webkit-transform: rotateZ(0deg); }
}

.b-stone {
	background: url('../images/combat/mob_shade_top.png') 0 -10px/100% 30px repeat-x, url('../images/combat/mob_shade_bot.png') 0 105%/100% 30px repeat-x, url('../images/market/actions/action-main-background.jpg') 50% 50% repeat-y
}

/* COMBAT STYLE */

.b-combat-info table {
	position: relative;
	overflow: hidden;
}

.combat-mob { overflow: hidden; }

.spell-status {
	-display: none;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -30px;
	padding: 30px 0;
	background: url('../images/combat/weak-bg.png') 50% 50%/auto 100% no-repeat;
	text-align: center;
	animation: showSpellStatus 2s 1 linear forwards;
	-webkit-animation: showSpellStatus 2s 1 linear forwards;
}

@keyframes showSpellStatus {
	from,to { opacity: 0; }
	10%,90% { opacity: 1; }
}
@-webkit-keyframes showSpellStatus {
	from,to { opacity: 0; }
	10%,90% { opacity: 1; }
}

.spell-status._resist {
	background-image: url('../images/combat/resist-bg.png');
}

.spell-status>* {
	vertical-align: middle;
}

.spell-status>img {
	width: 16px;
	height: auto;
}

.spell-status-text {
	font-size: 14px;
	color: #8c0000;
	font-weight: bold;
	font-family: 'Trajan',Arial,sans-serif;
}

._resist .spell-status-text {
	color: #ffea00;
}

.spell-status-effect {
	color: #1b9200;
	font-size: 14px;
	display: inline-block;
	font-weight: bold;
}

._resist .spell-status-effect {
	color: #ff0000;}

.spell-status-effect:before {
	content: '';
	position: relative;
	display: block;
	margin: 0 auto;
	height: 0px;
	width: 0px;
	border-width: 0px 6px 6px 6px;
	border-color: transparent transparent #1b9200 transparent;
	border-style: solid;
}

._resist .spell-status-effect:before {
	display: none;
}

._resist .spell-status-effect:after {
	content: '';
	position: relative;
	display: block;
	margin: 0 auto;
	height: 0px;
	width: 0px;
	border-width: 6px 6px 0px 6px;
	border-color: #ff0000 transparent transparent transparent ;
	border-style: solid;
}

/* LOADER & SYSTEM */

.menu-widget._talents img.main-widget-icon {
	height: 60px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: auto;
	filter: none;
	-webkit-filter: none;
}

._talents .main-widget-new {
	left: 0px;
	top: 34px;
	width: 100%;
	text-align: center;
	background: transparent;
	padding: 0px;
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
	filter: drop-shadow(0px 0px 2px #000000) drop-shadow(0px 0px 7px #000000);
	-webkit-filter: drop-shadow(0px 0px 2px #000000) drop-shadow(0px 0px 7px #000000);
}


.lds-spinner {
	color: official;
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
}
.lds-spinner div {
	transform-origin: 32px 32px;
	-webkit-transform-origin: 32px 32px;
	animation: lds-spinner 1.2s linear infinite;
	-webkit-animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
	content: " ";
	display: block;
	position: absolute;
	top: 3px;
	left: 29px;
	width: 5px;
	height: 14px;
	border-radius: 20%;
	background: #fff;
}
.lds-spinner div:nth-child(1) {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	animation-delay: -1.1s;
	-webkit-animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
	transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	animation-delay: -1s;
	-webkit-animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
	transform: rotate(60deg);
	-webkit-transform: rotate(60deg);
	animation-delay: -0.9s;
	-webkit-animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	animation-delay: -0.8s;
	-webkit-animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
	transform: rotate(120deg);
	-webkit-transform: rotate(120deg);
	animation-delay: -0.7s;
	-webkit-animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
	transform: rotate(150deg);
	-webkit-transform: rotate(150deg);
	animation-delay: -0.6s;
	-webkit-animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	animation-delay: -0.5s;
	-webkit-animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
	transform: rotate(210deg);
	-webkit-transform: rotate(210deg);
	animation-delay: -0.4s;
	-webkit-animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
	transform: rotate(240deg);
	-webkit-transform: rotate(240deg);
	animation-delay: -0.3s;
	-webkit-animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
	transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	animation-delay: -0.2s;
	-webkit-animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
	transform: rotate(300deg);
	-webkit-transform: rotate(300deg);
	animation-delay: -0.1s;
	-webkit-animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
	transform: rotate(330deg);
	-webkit-transform: rotate(330deg);
	animation-delay: 0s;
	-webkit-animation-delay: 0s;
}
@keyframes lds-spinner {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.popup-loader {
	z-index: 80000;
	position: fixed;
	left: 50%;
	top: 50%;
	width: 60px;
	padding: 20px;
	background: rgba(0,0,0,0.5);
	border-radius: 10px;
	margin-left: -50px;
	margin-top: -50px;
	text-align: center;
}

.system-notice {
	position: fixed;
	top: 0px;
	left: 50%;
	width: 320px;
	margin-left: -170px;
	padding: 10px;
	z-index: 90000;
}

.system-notice-content {
	background: rgba(40,40,90,0.4);
	padding: 10px 30px 10px 20px;
	border: 1px solid #000055;
	color: #ffffff;
	position: relative;
}

._sys-error .system-notice-content {
	background: rgba(100,50,50,0.4);
	border-color: #550000;
}

._sys-info .system-notice-content {
	background: rgba(20,100,20,0.4);
	border-color: #005500;
}

._sys-warn .system-notice-content {
	background: rgba(100,100,20,0.4);
	border-color: #555500;
}

.system-notice-close {
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
}

@media screen and (max-width: 320px) {
	.system-notice {
		left: 0px;
		right: 0px;
		margin: 0px;
		width: auto;
	}
}

/* Standard popup */

.popup-border {
	padding: 4px;
	background: url('../images/content/popups/item-menu-tl.png') 0 0 no-repeat,
	url('../images/content/popups/item-menu-tr.png') 100% 0 no-repeat,
	url('../images/content/popups/item-menu-t.png') 50% 0 no-repeat,

	url('../images/content/popups/item-menu-bl.png') 0 100% no-repeat,
	url('../images/content/popups/item-menu-br.png') 100% 100% no-repeat,
	url('../images/content/popups/item-menu-b.png') 50% 100% no-repeat,

	url('../images/content/popups/item-menu-l.png') 0 50% no-repeat,
	url('../images/content/popups/item-menu-r.png') 100% 50% no-repeat,
	url('../images/content/popups/item-menu-c.png') 50% 50% no-repeat;
	background-size: auto auto, auto auto, 95% 16px,
	auto auto, auto auto, 95% 16px,
	16px 98%, 16px 98%, 95% 98%;
	filter: drop-shadow(0px 3px 18px #000000) drop-shadow(0px 3px 18px #000000);
	-webkit-filter: drop-shadow(0px 3px 18px #000000) drop-shadow(0px 3px 18px #000000);
}

.popup-lvl3 {
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -80px;
	z-index: 60000;
	display: block;
	width: 312px;
	margin-left: -160px;
}

.popup-lvl3-content {
	background: url('../images/content/cutscenes/bg-stone-cutscene.jpg') 50% 50% repeat-y;
	overflow: hidden;
	border-radius: 5px;
	text-align: center;
	padding: 10px 10px 40px 10px;
}

.popup-lvl3 .inv-item-menu-close {
	background: url('../images/content/close-popup.png') 50% 50%/60% 60% no-repeat;
	opacity: 1;
	right: -12px;
	top: -12px;
	z-index: 50010;
	width: 40px;
	height: 40px;
}

.popup-lvl3 .main-button {
	position: absolute;
	z-index: 500;
	bottom: -25px;
	left: 50%;
	margin-left: -100px;
}

.popup-lvl3 .main-button .main-button-inner {
	padding-bottom: 0px;
	padding-top: 4px;
}

@media screen and (max-width: 330px) {
	.popup-lvl3 {
		left: 0;
		margin-left: 0px;
		width: 100%;
	}

	.popup-lvl3 .inv-item-menu-close {
		right: 0px;
	}
}

.popup-lvl3._show {
	display: block;
	animation: showPopup 0.25s 1 linear forwards;
	-webkit-animation: showPopup 0.25s 1 linear forwards;
}

/* GET TAKENTS POINTS */

.block-popup {
	position: relative;
	display: block;
	max-width: 380px;
	top: 80px;
	margin: 0 auto;
}

.combat-result-body {
	background: url('../images/content/popups/cornet-gold-r.png') 97% 97% no-repeat, url('../images/content/popups/cornet-gold-l.png') 3% 97% no-repeat, url('../images/content/popups/win-bg.jpg') 50% 50% repeat-y;
	overflow: hidden;
	border-radius: 5px;
	text-align: center;
	padding: 50px 10px 40px 10px;
}

.combat-result-header {
	background: url('../images/content/popups/achieve-header.png') 50% 50% no-repeat;
	width: 401px;
	height: 162px;
	position: absolute;
	left: 50%;
	margin-left: -200.5px;
	top: -70px;
	text-align: center;
}

.combat-result-header img {
	position: relative;
	top: 66px;
	z-index: 10;
	filter: drop-shadow(0px 0px 1px #ffffaa) drop-shadow(0px 0px 1px #ffffaa) drop-shadow(0px 0px 5px #ffcc00) drop-shadow(0px 0px 5px #ffcc00);
	-webkit-filter: drop-shadow(0px 0px 1px #ffffaa) drop-shadow(0px 0px 1px #ffffaa) drop-shadow(0px 0px 5px #ffcc00) drop-shadow(0px 0px 5px #ffcc00);
}

.combat-result-content {
	text-align: center;
}

.combat-result-item {
	display: inline-block;
	margin: 10px 5px;
	position: relative;
	padding: 10px 12px;
	box-shadow: inset 0 1px 2px rgba(255,255,255,.4), inset 0 -2px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(255,255,255,.4), inset 0 -2px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(0,0,0,.2);
	border-radius: 5px;
}

._talent-point.combat-result-item {
	padding-top: 20px;
	width: 120px;
}

.combat-result-item-image { position: relative; z-index: 1; }

.combat-result-item:before {
	content: '';
	display: block;
	width: 120px;
	height: 120px;
	position: absolute;
	left: 50%;
	top: 42%;
	margin-left: -60px;
	margin-top: -60px;
	background: url('../images/content/popups/reward-glow.png') 50% 50%/100% 100% no-repeat;
}

.combat-result-item-value {
	position: relative;
	color: #ffffff;
	z-index: 1;
	font-size: 14px;
	margin-top: 5px;
}

._talent-point .combat-result-item-value {
	font-family: 'Trajan', Arial, sans-serif;
	filter: drop-shadow(1px 1px 2px #000000);
	-webkit-filter: drop-shadow(1px 1px 2px #000000);
	font-size: 24px;
	left: -8px;
}

._talent-point.combat-result-item:before {
	width: 200px;
	height: 200px;
	margin-left: -100px;
	margin-top: -100px;
}

.combat-result-buttons {
	position: absolute;
	bottom: -32px;
	left: 0px;
	width: 100%;
	text-align: center;
}

.combat-result-buttons .main-button-inner {
	font-size: 14px;
	padding-top: 5px;
}

.main-button {
	display: table;
	background-image: url('../images/content/main-button-green.png');
}

.combat-result-buttons {
	filter: drop-shadow(1px 1px 4px #000000);
	-webkit-filter: drop-shadow(1px 1px 4px #000000);
}

.achievement-info {
	padding: 30px 0 10px 0;
	font-size: 14px;
}

.wrap-artbox {
	position: fixed;
	width: 480px;
	height: 100%;
	height: 100vh;
	margin-left: -240px;
	z-index: 10000;
	top: 0;
	left: 50% !important;
	background: rgba(0,0,0,0.75);
	overflow: hidden;
}

@media screen and (max-width: 480px) {
	.wrap-artbox {
		width: 100% !important;
		left: 0px !important;
		margin-left: 0px !important;
	}
}

.combat-result-close {
	display: block;
	position: absolute;
	right: -10px;
	top: -10px;
	width: 50px;
	height: 50px;
	z-index: 100;
	background: url('../images/icons/agree-no.png') 50% 50% no-repeat;
}

.achiv {
	display: block;
	margin: 5px;
	position: relative;
	padding: 10px;
	box-shadow: inset 0 1px 2px rgba(255,255,255,.4), inset 0 -2px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(255,255,255,.4), inset 0 -2px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(0,0,0,.2);
	border-radius: 5px;
}

.achiv-cost {
	display: inline-block;
	text-align: center;
	color: #ffffff;
	font-size: 18px;
	font-family: 'Trajan', Arial, sans-serif;
	font-weight: normal;
	text-shadow: 1px 1px 2px #000000, -1px 1px 2px #000000,1px -1px 2px #000000 ,-1px -1px 2px #000000;
	-webkit-text-shadow: 1px 1px 2px #000000, -1px 1px 2px #000000,1px -1px 2px #000000 ,-1px -1px 2px #000000;
}

.achiv-cost:before {
	content: '';
	display: block;
	width: 29px;
	height: 29px;
	background: url('../images/resourceitems/tp_29.png') 50% 50% no-repeat;
	margin-bottom: -12px;
}

.achiv-cost._off {
	color: rgba(255,255,255,0.4);
}

.achiv-cost._off:before {
	background-image: url('../images/resourceitems/tp_29-off.png');
}

.achiv-title {
	font-size: 16px;
	font-family: 'Trajan', Arial, sans-serif;
	font-weight: normal;
	color: #ffffff;
}

.achiv-descr {
	font-size: 12px;
}

.b-stone-dark {
	background: url('../images/combat/mob_shade_top.png') 0 -10px/100% 30px repeat-x, url('../images/combat/mob_shade_bot.png') 0 105%/100% 30px repeat-x, url('../images/content/cutscenes/bg-stone-cutscene.jpg') 50% 50% repeat-y;
}

.achiv-progress {
	position: relative;
	background: #000000;
	text-align: center;
	font-size: 12px;
	color: #ffffff;
	text-shadow: 1px 1px 2px #000000, -1px 1px 2px #000000,1px -1px 2px #000000 ,-1px -1px 2px #000000;
	-webkit-text-shadow: 1px 1px 2px #000000, -1px 1px 2px #000000,1px -1px 2px #000000 ,-1px -1px 2px #000000;
	border: 1px solid #000000;
}

.achiv-progress:before {
	content: '';
	display: block;
	border-width: 10px;
	border-style: solid;
	border-color: transparent transparent #000000 transparent;
	position: absolute;
	top: -20px;
	right: 7px;
	z-index: 5;
}

._complete .achiv-progress {
	display: none;
}

._pos2 .achiv-progress:before { right: 40px; }
._pos3 .achiv-progress:before { right: 72px; }
._pos4 .achiv-progress:before { right: 104px; }
._pos5 .achiv-progress:before { right: 136px; }
._complete .achiv-progress:before { display: none; }

.achiv-progress-text {
	position: relative;
	z-index: 10;
}

.achiv-progress-bar {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	background: #9a6200;
	z-index: 7;
}

.achiv-complete {
	display: none;
	color: #ffaa00;
	text-align: right;
}

._complete .achiv-complete { display: block; }

@media screen and (max-width: 360px) {
	.achiv { margin: 0px; padding: 5px; }
	.achiv td:first-child { display: none; }
	.achiv-title { font-size: 14px; }
	.achiv-descr { font-size: 11px; }
}

/* ISLANDS RAID */

._raid-event-islands .raid-buttons {
	padding: 10px 0;
	background: linear-gradient(to bottom,rgba(37,31,22,1), rgba(37,31,22,0) 10%) , url('../images/singleraids/islands/sea-bg.jpg') 50% 0 repeat-y;
	background: -webkit-linear-gradient(top,rgba(37,31,22,1), rgba(37,31,22,0) 10%) , url('../images/singleraids/islands/sea-bg.jpg') 50% 0 repeat-y;
}

._raid-event-islands .content-item {
	background: transparent;
}

._raid-event-islands .inner {
	padding: 10px 0 0 0 !important;
}

._raid-event-islands .main-button {
	position: relative;
	display: inline-block;
	width: 24%;
	height: 0px;
	padding-bottom: 20%;
	margin: 0px !important;
	background: url('../images/singleraids/islands/island-1-bg.png') 50% 50% no-repeat;
	background-size: 100% 100%;
}

._raid-event-islands .main-button-inner {
	position: absolute;
	width: 100%;
	height: 80%;
	top: 10%;
	left: 0px;
	text-shadow: 1px 1px 3px #000000;
}

._raid-event-islands .main-button#lvl-2 { background-image: url('../images/singleraids/islands/island-2-bg.png') }
._raid-event-islands .main-button#lvl-3 { background-image: url('../images/singleraids/islands/island-3-bg.png') }
._raid-event-islands .main-button#lvl-4 { background-image: url('../images/singleraids/islands/island-4-bg.png') }
._raid-event-islands .main-button#lvl-5 { background-image: url('../images/singleraids/islands/island-5-bg.png') }
._raid-event-islands .main-button#lvl-6 { background-image: url('../images/singleraids/islands/island-6-bg.png') }
._raid-event-islands .main-button#lvl-7 { background-image: url('../images/singleraids/islands/island-7-bg.png') }
._raid-event-islands .main-button#lvl-8 { background-image: url('../images/singleraids/islands/island-8-bg.png') }
._raid-event-islands .main-button#lvl-9 { background-image: url('../images/singleraids/islands/island-9-bg.png') }
._raid-event-islands .main-button#lvl-10 { background-image: url('../images/singleraids/islands/island-10-bg.png') }
._raid-event-islands .main-button#lvl-11 { background-image: url('../images/singleraids/islands/island-11-bg.png') }
._raid-event-islands .main-button#lvl-12 { background-image: url('../images/singleraids/islands/island-12-bg.png') }
._raid-event-islands .main-button#lvl-13 { background-image: url('../images/singleraids/islands/island-13-bg.png') }
._raid-event-islands .main-button#lvl-14 { background-image: url('../images/singleraids/islands/island-14-bg.png') }
._raid-event-islands .main-button#lvl-15 { background-image: url('../images/singleraids/islands/island-15-bg.png') }
._raid-event-islands .main-button#lvl-16 { background-image: url('../images/singleraids/islands/island-16-bg.png') }

.content-item._raid-event-islands {
	position: relative;
	border: 1px solid #404e73;
	background: -webkit-linear-gradient(#181825,#141046,#005b82);
	background: linear-gradient(#181825,#141046,#005b82);
	overflow: hidden;
}

.content-item._raid-event-islands:before {
	content: '';
	position: absolute;
	top: 0px;
	right: -80px;
	width: 160px;
	height: 100%;
	opacity: 0.5;
	background: url('../images/singleraids/islands/island-1-bg.png') 121% 50% no-repeat;
	background-size: 160px auto;
	z-index: 5;
}

.content-item._raid-event-islands table {
	position: relative;
	z-index: 100;
}

.content-item._raid-event-islands .c-brown { color: #aaaaff; }
.content-item._raid-event-islands .c-gray { color: #5555aa !important; }

.raid-cooldown-content {
	text-align: center;
	margin-bottom: 15px;
}

.raid-buttons {
	text-align: center;
	margin-bottom: 15px;
}

._raid-cooldown .raid-buttons {
	display: none;
}

._raid-event-islands .raid-buttons { display: block !important; margin-top: 15px; position: relative; }

.raid-button-name { display: none; }

._raid-event-islands .raid-button-name {
	display: block;
	position: absolute;
	left: 0px;
	width: 100%;
	bottom: 0px;
	text-align: center;
	text-shadow: 0px 0px 5px #000000,0px 2px 5px #000000;
}

.main-button._locked {
	display: none;
}

._raid-event-islands .main-button._locked {
	display: inline-block !important;
	filter: saturate(0);
	-webkit-filter: saturate(0);
}

._raid-event-islands .main-button._locked .raid-button-name {
	color: #888888;
}

._raid-event-islands .main-button._locked .nowrap { display: none; }

._raid-event-islands .raid-cooldown-content  {
	display: block;
	position: absolute;
	width: 100%;
	top: 15%;
	height: 70%;
	z-index: 500;
	background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.75) 30%, rgba(0,0,0,0.75) 80%, rgba(0,0,0,0));
	background: -webtit-linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.75) 30%, rgba(0,0,0,0.75) 80%, rgba(0,0,0,0));
}

._raid-event-islands .raid-cooldown-content div {
	position: absolute;
	text-align: center;
	width: 100%;
	left: 0px;
	top: 40%;
	font-size: 18px;
	color: #ffffff;
}

/* LAND2 RAID */

._raid-land-2 .raid-buttons {
	padding-bottom: 200%;
	position: relative;
	background: url('../images/singleraids/land2/arden-background.jpg') 50% 0 repeat-y;
	background-size: 100% auto;
}

._raid-land-2 .content-item {
	background: transparent;
}

._raid-land-2 .inner {
	padding: 0px 0 20px 0 !important;
}

.box._raid-land-2 #raid-image,
.box._raid-land-2 #raid-description { display:none; }

._raid-land-2 .raid-buttons .main-button {
	position: absolute;
	left: 19%;
	top: 8%;
	display: inline-block;
	width: 33.333%;
	height: auto !important;
	margin: 0px !important;
	background: url('../images/singleraids/land2/arden-mines.png@v=3') 50% 50% no-repeat;
	background-size: 100% 100%;
}

._raid-land-2 .raid-buttons .main-button-inner {
	position: relative;
	display: block !important;
	width: 100%;
	height: 0px !important;
	padding-bottom: 62.5%;
	top: 10%;
	left: 0px;
	text-shadow: 1px 1px 3px #000000;
}

._raid-land-2 .raid-buttons .main-button-inner>.nowrap {
	position: absolute;
	top: 0;
	left: 0px;
	width: 100%;
	text-shadow: 0px 0px 5px #000000,0px 2px 5px #000000;
	-webkit-text-shadow: 0px 0px 5px #000000,0px 2px 5px #000000;
}

._raid-land-2 .raid-buttons .main-button-inner>.nowrap>.nowrap { margin-right: 8px; }
._raid-land-2 .raid-buttons .main-button-inner>.nowrap>.nowrap:last-child { margin-right: 0px; }

._raid-land-2 .main-button#lvl-2 {
	background-image: url('../images/singleraids/land2/arden-graveyard.png@v=3');
	left: 65%;
	top: 10%;
}
._raid-land-2 .main-button#lvl-3 {
	background-image: url('../images/singleraids/land2/arden-obelisk.png@v=3');
	left: 15%;
	top: 21%;
}
._raid-land-2 .main-button#lvl-4 {
	background-image: url('../images/singleraids/land2/arden-fields.png@v=3');
	left: 65%;
	top: 29%;
}
._raid-land-2 .main-button#lvl-5 {
	background-image: url('../images/singleraids/land2/arden-path.png@v=3');
	left: 34%;
	top: 34.5%;
}
._raid-land-2 .main-button#lvl-6 {
	background-image: url('../images/singleraids/land2/arden-village.png@v=3');
	left: 60%;
	top: 41%;
}
._raid-land-2 .main-button#lvl-7 {
	background-image: url('../images/singleraids/land2/arden-badass.png@v=3');
	left: 2%;
	top: 52%;
}
._raid-land-2 .main-button#lvl-8 {
	background-image: url('../images/singleraids/land2/arden-ratlair.png@v=3');
	left: 43%;
	top: 59.5%;
}
._raid-land-2 .main-button#lvl-9 {
	background-image: url('../images/singleraids/land2/arden-estate.png@v=3');
	left: 0%;
	top: 68%;
}
._raid-land-2 .main-button#lvl-10 {
	background-image: url('../images/singleraids/land2/arden-forest.png@v=3');
	left: 62%;
	top: 68%;
}
._raid-land-2 .main-button#lvl-11 {
	background-image: url('../images/singleraids/land2/arden-mill.png@v=3');
	left: -1%;
	top: 83%;
}
._raid-land-2 .main-button#lvl-12 {
	background-image: url('../images/singleraids/land2/arden-lake.png@v=3');
	left: 32%;
	top: 86.3%;
}

.content-item._raid-land-2 {
	position: relative;
	border: 1px solid #25693a;
	background: -webkit-linear-gradient(#0c1f1d,#143734,#1e503b);
	background: linear-gradient(#0c1f1d,#143734,#1e503b);
	overflow: hidden;
}

.content-item._raid-land-2:before {
	content: '';
	position: absolute;
	top: 0px;
	right: -60px;
	width: 160px;
	height: 100%;
	opacity: 0.5;
	background: url('../images/singleraids/land2/arden-forest.png@v=3') 0% 50% no-repeat;
	background-size: 200% auto;
	z-index: 5;
}

.content-item._raid-land-2 table {
	position: relative;
	z-index: 100;
}

.content-item._raid-land-2 .c-brown { color: #99b3a0; }
.content-item._raid-land-2 .c-gray { color: #556f5d !important; }

._raid-land-2 .raid-buttons {
	display: block !important;
	position: relative;
}

._raid-land-2 .raid-button-name {
	display: block;
	position: absolute;
	left: 0px;
	width: 100%;
	bottom: 8%;
	text-align: center;
	text-shadow: 0px 0px 5px #000000,0px 2px 5px #000000;
	-webkit-text-shadow: 0px 0px 5px #000000,0px 2px 5px #000000;
}

._raid-land-2 .raid-buttons .main-button._locked {
	display: inline-block !important;
	filter: saturate(0);
	-webkit-filter: saturate(0);
}

._raid-land-2 .raid-buttons .main-button:hover,
._raid-land-2 .raid-buttons .main-button:active {
	filter: brightness(1.2);
	-webkit-filter: brightness(1.2);
}

._raid-land-2 .raid-buttons .main-button._locked .raid-button-name {
	color: #888888;
}

._raid-land-2 .raid-buttons .main-button._locked .nowrap { display: none; }

._raid-land-2 .raid-cooldown-content  {
	display: block;
	position: absolute;
	width: 100%;
	top: 0px;
	height: 100%;
	z-index: 500;
	background: rgba(0,0,0,.75);
}

._raid-land-2 .raid-cooldown-content div {
	position: absolute;
	text-align: center;
	width: 100%;
	left: 0px;
	top: 40%;
	font-size: 18px;
	color: #ffffff;
}

._raid-land-2 .raid-buttons .main-button {
	background-size: 200% auto;
	background-position: 0% 50%;
}

._raid-land-2 .raid-buttons .main-button._unavail {
	background-position: 100% 50%;
}

._raid-land-2 .raid-buttons ._unavail .main-button-inner>.nowrap {
	display: none;
}

._raid-land-2 ._unavail .raid-button-name {
	opacity: 0.5;
}

/* LAND3 RAID */

._raid-land-3 .raid-buttons {
	padding-bottom: 200%;
	position: relative;
	background: url('../images/singleraids/land3/background.jpg') 50% 0 repeat-y;
	background-size: 100% auto;
}

._raid-land-3 .content-item {
	background: transparent;
}

._raid-land-3 .inner {
	padding: 0px 0 20px 0 !important;
}

.box._raid-land-3 #raid-image,
.box._raid-land-3 #raid-description { display:none; }

._raid-land-3 .raid-buttons .main-button {
    position: absolute;
    left: 10%;
    top: 6%;
    display: inline-block;
    width: 33.333%;
    height: auto !important;
    margin: 0px !important;
    background: url('../images/singleraids/land3/julian-house.png@v=3') 50% 50% no-repeat;
    background-size: 100% 100%;
}

._raid-land-3 .raid-buttons .main-button-inner {
    position: relative;
    display: block !important;
    width: 100%;
    height: 0px !important;
    padding-bottom: 62.5%;
    top: 10%;
    left: 0px;
    text-shadow: 1px 1px 3px #000000;
}

._raid-land-3 .raid-buttons .main-button-inner>.nowrap {
	position: absolute;
	top: 0;
	left: 0px;
	width: 100%;
	text-shadow: 0px 0px 5px #000000,0px 2px 5px #000000;
	-webkit-text-shadow: 0px 0px 5px #000000,0px 2px 5px #000000;
}

._raid-land-3 .raid-buttons .main-button-inner>.nowrap>.nowrap { margin-right: 8px; }
._raid-land-3 .raid-buttons .main-button-inner>.nowrap>.nowrap:last-child { margin-right: 0px; }

._raid-land-3 .main-button#lvl-2 {
	background-image: url('../images/singleraids/land3/orc-secret.png@v=3');
	left: 51%;
	top: 5%;
}
._raid-land-3 .main-button#lvl-3 {
	background-image: url('../images/singleraids/land3/driad-ambush.png@v=3');
	left: 58%;
	top: 16%;
}
._raid-land-3 .main-button#lvl-4 {
	background-image: url('../images/singleraids/land3/unicorns.png@v=3');
	left: 14%;
	top: 23%;
}
._raid-land-3 .main-button#lvl-5 {
	background-image: url('../images/singleraids/land3/silent-waters.png@v=3');
	left: 53%;
	top: 31%;
}
._raid-land-3 .main-button#lvl-6 {
	background-image: url('../images/singleraids/land3/silver-water.png@v=3');
	left: 5%;
	top: 43%;
}
._raid-land-3 .main-button#lvl-7 {
	background-image: url('../images/singleraids/land3/druid-tower.png@v=3');
	left: 8%;
	top: 61%;
}
._raid-land-3 .main-button#lvl-8 {
	background-image: url('../images/singleraids/land3/castle-remains.png@v=3');
	left: 51%;
	top: 69%;
}
._raid-land-3 .main-button#lvl-9 {
	background-image: url('../images/singleraids/land3/dead-woods.png@v=3');
	left: 26%;
	top: 79%;
}

.content-item._raid-land-3 {
	position: relative;
	border: 1px solid #25693a;
	background: -webkit-linear-gradient(#0c1f1d,#143734,#1e503b);
	background: linear-gradient(#0c1f1d,#143734,#1e503b);
	overflow: hidden;
}

.content-item._raid-land-3:before {
	content: '';
	position: absolute;
	top: 0px;
	right: -60px;
	width: 160px;
	height: 100%;
	opacity: 0.5;
	background: url('../images/singleraids/land3/dead-woods.png@v=3') 0% 20% no-repeat;
	background-size: 200% auto;
	z-index: 5;
}

.content-item._raid-land-3 table {
	position: relative;
	z-index: 100;
}

.content-item._raid-land-3 .c-brown { color: #99b3a0; }
.content-item._raid-land-3 .c-gray { color: #556f5d !important; }

._raid-land-3 .raid-buttons {
	display: block !important;
	position: relative;
}

._raid-land-3 .raid-button-name {
	display: block;
	position: absolute;
	left: 0px;
	width: 100%;
	bottom: 8%;
	text-align: center;
	text-shadow: 0px 0px 5px #000000,0px 2px 5px #000000;
	-webkit-text-shadow: 0px 0px 5px #000000,0px 2px 5px #000000;
}

._raid-land-3 .raid-buttons .main-button._locked {
    display: inline-block !important;
    filter: saturate(0);
    -webkit-filter: saturate(0);
}

._raid-land-3 .raid-buttons .main-button:hover,
._raid-land-3 .raid-buttons .main-button:active {
	filter: brightness(1.2);
	-webkit-filter: brightness(1.2);
}

._raid-land-3 .raid-buttons .main-button._locked .raid-button-name {
    color: #888888;
}

._raid-land-3 .raid-buttons .main-button._locked .nowrap { display: none; }

._raid-land-3 .raid-cooldown-content  {
	display: block;
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
	height: 100%;
	z-index: 500;
	background: rgba(0,0,0,.75);
}

._raid-land-3 .raid-cooldown-content div {
	position: absolute;
	text-align: center;
	width: 100%;
	left: 0px;
	top: 40%;
	font-size: 18px;
	color: #ffffff;
}

._raid-land-3 .raid-buttons .main-button {
	background-size: 200% auto;
	background-position: 0% 50%;
}

._raid-land-3 .raid-buttons .main-button._unavail {
	background-position: 100% 50%;
}

._raid-land-3 .raid-buttons ._unavail .main-button-inner>.nowrap {
	display: none;
}

._raid-land-3 ._unavail .raid-button-name {
	opacity: 0.5;
}





/* Event Raid Jan2021 */

._raid-land-jan2021 .raid-buttons {
	padding-bottom: 200%;
	position: relative;
	background: url('../images/singleraids/land3/background.jpg') 50% 0 repeat-y;
	background-size: 100% auto;
}

._raid-land-jan2021 .content-item {
	background: transparent;
}

._raid-land-jan2021 .inner {
	padding: 0px 0 20px 0 !important;
}

.box._raid-land-jan2021 #raid-image,
.box._raid-land-jan2021 #raid-description { display:none; }

._raid-land-jan2021 .main-button {
	position: absolute;
    left: 10%;
    top: 4%;
	display: inline-block;
	width: 33.333%;
	height: auto !important;
	margin: 0px !important;
	background: url('../images/singleraids/land3/julian-house.png@v=3') 50% 50% no-repeat;
	background-size: 100% 100%;
}

._raid-land-jan2021 .main-button-inner {
	position: relative;
	display: block !important;
	width: 100%;
	height: 0px !important;
	padding-bottom: 62.5%;
	left: 10%;
    top: 6%;
	text-shadow: 1px 1px 3px #000000;
}

._raid-land-jan2021 .main-button-inner>.nowrap {
	position: absolute;
	top: 0;
	left: 0px;
	width: 100%;
	text-shadow: 0px 0px 5px #000000,0px 2px 5px #000000;
	-webkit-text-shadow: 0px 0px 5px #000000,0px 2px 5px #000000;
}

._raid-land-jan2021 .main-button-inner>.nowrap>.nowrap { margin-right: 8px; }
._raid-land-jan2021 .main-button-inner>.nowrap>.nowrap:last-child { margin-right: 0px; }

._raid-land-jan2021 .main-button#lvl-2 {
	background-image: url('../images/singleraids/land3/orc-secret.png@v=3');
    left: 50%;
    top: 7%;
}
._raid-land-jan2021 .main-button#lvl-3 {
	background-image: url('../images/singleraids/land3/driad-ambush.png@v=3');
    left: 58%;
    top: 18%;
}
._raid-land-jan2021 .main-button#lvl-4 {
background-image: url('../images/singleraids/land3/unicorns.png@v=3');
    left: 8%;
    top: 28%;
}
._raid-land-jan2021 .main-button#lvl-5 {
background-image: url('../images/singleraids/land3/silent-waters.png@v=3');
    left: 54%;
    top: 31%;
}
._raid-land-jan2021 .main-button#lvl-6 {
    background-image: url('../images/singleraids/land3/druid-tower.png@v=3');
    left: 13%;
    top: 15%;
}
._raid-land-jan2021 .main-button#lvl-7 {
    background-image: url('../images/singleraids/land3/castle-remains.png@v=3');
    left: 36%;
    top: 41%;
}
._raid-land-jan2021 .main-button#lvl-8 {
    background-image: url('../images/singleraids/land3/dead-woods.png@v=3');
    left: 62%;
    top: 53%;
}

._raid-land-jan2021 .main-button#lvl-9 {
    background-image: url('../images/singleraids/land2/arden-mill.png@v=3');
    left: 23%;
    top: 59%;
}
._raid-land-jan2021 .main-button#lvl-10 {
    background-image: url('../images/singleraids/land2/arden-obelisk.png@v=3');
    left: 3%;
    top: 48%;
}
._raid-land-jan2021 .main-button#lvl-11 {
    background-image: url('../images/singleraids/land2/arden-badass.png@v=3');
    left: 8%;
    top: 86%;
}
._raid-land-jan2021 .main-button#lvl-12 {
    background-image: url('../images/singleraids/land2/arden-estate.png@v=3');
    left: 59%;
    top: 67%;
}
._raid-land-jan2021 .main-button#lvl-13 {
    background-image: url('../images/singleraids/land2/arden-mines.png@v=3');
    left: 53%;
    top: 80%;
}
._raid-land-jan2021 .main-button#lvl-14 {
    background-image: url('../images/singleraids/land9/2_ritual_stone.png@v=3');
    left: 14%;
    top: 73%;
}

.content-item._raid-land-jan2021 {
    position: relative;
    border: 1px solid #a08b43;
    background: -webkit-linear-gradient(#4c2e0d,#7b4110,#ba6b29);
    background: linear-gradient(#4c2e0d,#7b4110,#ba6b29);
    overflow: hidden;
}

.content-item._raid-land-jan2021:before {
	content: '';
	position: absolute;
	bottom: 0px;
	right: -20px;
	width: 200px;
	height: 100px;
	opacity: 0.25;
	background: url('../images/singleraids/collosium/collosium-icon.png') 100% 0% no-repeat;
	background-size: 200px auto;
	z-index: 5;
}

.content-item._raid-land-jan2021 table {
	position: relative;
	z-index: 100;
}

.content-item._raid-land-jan2021 .c-brown { color: #ffea96; }
.content-item._raid-land-jan2021 .c-gray { color: #556f5d !important; }

._raid-land-jan2021 .raid-buttons {
	display: block !important;
	position: relative;
}

._raid-land-jan2021 .raid-button-name {
	display: block;
	position: absolute;
	left: 0px;
	width: 100%;
	bottom: 8%;
	text-align: center;
	text-shadow: 0px 0px 5px #000000,0px 2px 5px #000000;
	-webkit-text-shadow: 0px 0px 5px #000000,0px 2px 5px #000000;
}

._raid-land-jan2021 .main-button._locked {
	display: inline-block !important;
	filter: saturate(0);
	-webkit-filter: saturate(0);
}

._raid-land-jan2021 .raid-buttons .main-button:hover,
._raid-land-jan2021 .raid-buttons .main-button:active {
	filter: brightness(1.2);
	-webkit-filter: brightness(1.2);
}

._raid-land-jan2021 .main-button._locked .raid-button-name {
	color: #888888;
}

._raid-land-jan2021 .main-button._locked .nowrap { display: none; }

._raid-land-jan2021 .raid-cooldown-content  {
	display: block;
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
	height: 100%;
	z-index: 500;
	background: rgba(0,0,0,.75);
}

._raid-land-jan2021 .raid-cooldown-content div {
	position: absolute;
	text-align: center;
	width: 100%;
	left: 0px;
	top: 40%;
	font-size: 18px;
	color: #ffffff;
}

._raid-land-jan2021 .raid-buttons .main-button {
	background-size: 200% auto;
	background-position: 0% 50%;
}

._raid-land-jan2021 .raid-buttons .main-button._unavail {
	background-position: 100% 50%;
}

._raid-land-jan2021 .raid-buttons ._unavail .main-button-inner>.nowrap {
	display: none;
}

._raid-land-jan2021 ._unavail .raid-button-name {
	opacity: 0.5;
}



/* polish */



/* SHADR RAID */

._raid-shadr-curse .raid-buttons {
	padding-bottom: 125%;
	position: relative;
	background: url('../images/singleraids/shadr/background.jpg') 50% 0 repeat-y;
	background-size: 100% auto;
	margin-bottom:0;
}

._raid-shadr-curse .content-item {
	background: transparent;
}

._raid-shadr-curse .inner {
	padding: 0px 0 0px 0 !important;
}

.box._raid-shadr-curse #raid-image,
.box._raid-shadr-curse #raid-description { display:none; }


._raid-shadr-curse .raid-buttons .main-button {
	position: absolute;
	left: 48%;
	top: 10%;
	display: inline-block;
	width: 41%;
	height: auto !important;
	margin: 0px !important;
	background: url('../images/singleraids/shadr/pyramid-1.png@v=3') 50% 50% no-repeat;
	background-size: 100% auto;
}

._raid-shadr-curse .raid-buttons .main-button-inner {
	position: relative;
	display: block !important;
	width: 100%;
	height: 0px !important;
	padding-bottom: 80%;
	top: 10%;
	left: 0px;
	text-shadow: 1px 1px 3px #000000;
}

._raid-shadr-curse .raid-buttons .main-button-inner>.nowrap {
	position: absolute;
	bottom: 32%;
	left: 0px;
	width: 100%;
	text-shadow: 0px 0px 5px #000000,0px 2px 5px #000000;
	-webkit-text-shadow: 0px 0px 5px #000000,0px 2px 5px #000000;
}

._raid-shadr-curse .raid-buttons .main-button-inner>.nowrap>.nowrap { margin-right: 8px; }
._raid-shadr-curse .raid-buttons .main-button-inner>.nowrap>.nowrap:last-child { margin-right: 0px; }

._raid-shadr-curse .raid-buttons .main-button#lvl-2 {
	background-image: url('../images/singleraids/shadr/pyramid-2.png@v=3');
	width: 36%;
	left: 8%;
	top: 30%;
}
._raid-shadr-curse .raid-buttons .main-button#lvl-3 {
	background-image: url('../images/singleraids/shadr/pyramid-3.png@v=3');
	width: 47%;
	left: 47%;
	top: 40%;
}
._raid-shadr-curse .raid-buttons .main-button#lvl-4 {
	background-image: url('../images/singleraids/shadr/pyramid-4.png@v=3');
	left: 4%;
	top: 64%;
	width: 53%;
}

.content-item._raid-shadr-curse {
	position: relative;
	border: 1px solid #a08b43;
	background: -webkit-linear-gradient(#52472d,#5f4f2a,#887242);
	background: linear-gradient(#52472d,#5f4f2a,#887242);
	overflow: hidden;
}

.content-item._raid-shadr-curse:before {
	content: '';
	position: absolute;
	bottom: 0px;
	right: -20px;
	width: 160px;
	height: 100%;
	opacity: 0.25;
	background: url('../images/singleraids/shadr/pyramid-4.png@v=3') 0% 0% no-repeat;
	background-size: 200px auto;
	z-index: 5;
}

.content-item._raid-shadr-curse table {
	position: relative;
	z-index: 100;
}

.content-item._raid-shadr-curse .c-brown { color: #ffec87; }
.content-item._raid-shadr-curse .c-gray { color: #9e835a !important; }

._raid-shadr-curse .raid-buttons {
	display: block !important;
	position: relative;
}

._raid-shadr-curse .raid-buttons .raid-button-name {
	display: block;
	position: absolute;
	left: 0px;
	width: 100%;
	top: 70%;
	font-weight: normal;
	font-size: 16px;
	font-family: 'Trajan', Arial, sans-serif !important;
	text-align: center;
	color: #ffec87;
	text-shadow: 0px 0px 5px #000000,0px 2px 5px #000000;
	-webkit-text-shadow: 0px 0px 5px #000000,0px 2px 5px #000000;
}

._raid-shadr-curse .raid-buttons .main-button._locked {
	display: inline-block !important;
	filter: saturate(0);
	-webkit-filter: saturate(0);
}

._raid-shadr-curse .raid-buttons .main-button:hover {
	filter: brightness(1.2);
	-webkit-filter: brightness(1.2);
}

._raid-shadr-curse .raid-buttons .main-button._locked .raid-button-name {
	color: #888888;
}

._raid-shadr-curse .raid-buttons .main-button._locked .nowrap { display: none; }

._raid-shadr-curse .raid-cooldown-content  {
	display: block;
	position: absolute;
	width: auto;
	left: 3px;
	right: 3px;
	top: 3px;
	bottom: 0px;
	height: 100%;
	z-index: 500;
	background: rgba(0,0,0,.8);
}

._raid-shadr-curse .raid-cooldown-content:before {
	content: '';
	display: block;
	width: 111px;
	height: 177px;
	position: absolute;
	top: 60%;
	left: 50%;
	margin-left: -56px;
	margin-top: -88px;
	background: url('../images/singleraids/raid-lock.png');
	animation: lockMove 3s ease-in-out infinite;
	-webkit-animation: lockMove 3s ease-in-out infinite;
	transform-origin: 50% 20%;
	-webkit-transform-origin: 50% 30%;
}

@keyframes lockMove {
	from,to { transform: rotateZ(-2deg); }
	50% { transform: rotateZ(2deg); }
}

@-webkit-keyframes lockMove {
	from,to { -webkit-transform: rotateZ(-2deg); }
	50% { -webkit-transform: rotateZ(2deg); }
}

._raid-shadr-curse .raid-cooldown-content:after {
	content: '';
	display: block;
	width: 100%;
	height: 418px;
	position: absolute;
	top: 60%;
	left: 0%;
	margin-top: -296px;
	background: url('../images/singleraids/raid-chain.png') 50% 50% no-repeat;
}

._raid-shadr-curse .raid-cooldown-content>div {
	position: absolute;
	text-align: center;
	width: 100%;
	left: 0px;
	top: 5%;
	font-size: 18px;
	color: #ffffff;
	z-index: 10;
}

._raid-shadr-curse .raid-buttons .main-button {
	background-size: 200% auto;
	background-position: 0% 50%;
}

._raid-shadr-curse .raid-buttons .main-button._unavail {
	background-position: 100% 50%;
}

._raid-shadr-curse .raid-buttons ._unavail .main-button-inner>.nowrap {
	display: none;
}

._raid-shadr-curse ._unavail .raid-button-name {
	opacity: 0.5;
}



/* RAID BLOOOD SANDS */

._raid-collosium .raid-buttons {
	padding-bottom: 83%;
	position: relative;
	background: url('../images/singleraids/collosium/collosium.jpg') 50% 0 repeat-y;
	background-size: 100% auto;
}

._raid-collosium .content-item {
	background: transparent;
}

._raid-collosium .inner {
	padding: 0px 0 20px 0 !important;
}

.box._raid-collosium #raid-image,
.box._raid-collosium #raid-description { display:none; }

._raid-collosium .main-button {
	position: absolute;
	left: 70%;
	top: 35%;
	display: inline-block;
	width: 25%;
	height: auto !important;
	margin: 0px !important;
	background: url('../images/singleraids/collosium/point-bronze.png') 50% 50% no-repeat;
	background-size: 100% auto;
	animation: collosiumRaidButton 2s ease-in-out infinite;
	-webkit-animation: collosiumRaidButton 2s ease-in-out infinite;
}

@keyframes collosiumRaidButton { 40% { transform: translateY(-7%); } }
@-webkit-keyframes collosiumRaidButton { 40% { -webkit-transform: translateY(-7%); } }

._raid-collosium .main-button-inner {
	position: relative;
	display: block !important;
	width: 100%;
	height: 0px !important;
	padding-bottom: 100%;
	top: 10%;
	left: 0px;
}

._raid-collosium .main-button-inner>.nowrap {
	position: absolute;
	left: 0%;
	bottom: 80%;
	width: 100%;
	white-space: normal !important;
}

._raid-collosium .main-button-inner>.nowrap>.nowrap {
	font-size: 14px;
	display: inline-block;
	padding: 2px 8px;
	min-width: 20%;
	background: #0a2b5f;
	border-radius: 10px;
	margin: 2px;
}

._raid-collosium .main-button#lvl-2,
._raid-collosium .main-button#lvl-5,
._raid-collosium .main-button#lvl-8,
._raid-collosium .main-button#lvl-11,
._raid-collosium .main-button#lvl-14 {
	background-image: url('../images/singleraids/collosium/point-silver.png');
	left: 5%;
	top: 30%;
	animation-duration: 2.2s;
	-webkit-animation-duration: 2.2s;
}

._raid-collosium .main-button#lvl-3,
._raid-collosium .main-button#lvl-6,
._raid-collosium .main-button#lvl-9,
._raid-collosium .main-button#lvl-12,
._raid-collosium .main-button#lvl-15 {
	background-image: url('../images/singleraids/collosium/point-gold.png');
	left: 37%;
	top: 25%;
	animation-duration: 2.5s;
	-webkit-animation-duration: 2.5s;
}

._raid-collosium._cells .main-button {
	background-image: url('../images/singleraids/collosium/point-cell-1.png');
	background-size: 80% auto;
}

._raid-collosium._cells .main-button#lvl-2,
._raid-collosium._cells .main-button#lvl-5,
._raid-collosium._cells .main-button#lvl-8,
._raid-collosium._cells .main-button#lvl-11,
._raid-collosium._cells .main-button#lvl-14 {
	background-image: url('../images/singleraids/collosium/point-cell-2.png');
}

._raid-collosium._cells .main-button#lvl-3,
._raid-collosium._cells .main-button#lvl-6,
._raid-collosium._cells .main-button#lvl-9,
._raid-collosium._cells .main-button#lvl-12,
._raid-collosium._cells .main-button#lvl-15 {
	background-image: url('../images/singleraids/collosium/point-cell-3.png');
}

._raid-collosium._elements .main-button,
._raid-collosium._inferno .main-button {
	background-size: 80% auto;
	left: 37% !important;
	top: 35% !important;
	animation-duration: 2s !important;
	-webkit-animation-duration: 2s !important;
}

._raid-collosium._elements .main-button {
	background-image: url('../images/singleraids/collosium/point-elemental.png') !important;
}

._raid-collosium._inferno .main-button {
	background-image: url('../images/singleraids/collosium/point-inferno.png') !important;
}

._raid-collosium .raid-buttons {
	display: block !important;
	position: relative;
}

._raid-collosium .raid-button-name {
	display: block;
	position: absolute;
	left: 0px;
	width: 100%;
	top: 80%;
	font-weight: normal;
	font-size: 14px;
	font-family: 'Trajan', Arial, sans-serif !important;
	text-align: center;
	color: #ffffaa;
	text-shadow: 1px 1px 3px #000000,1px 1px 3px #000000;
}

._raid-collosium .main-button._locked {
	display: block !important;
	filter: saturate(0);
	-webkit-filter: saturate(0);
	opacity: 0.75;
	animation: none !important;
	-webkit-animation: none !important;
}

._raid-collosium .main-button:hover {
	filter: brightness(1.2);
	-webkit-filter: brightness(1.2);
}

._raid-collosium .main-button._locked .raid-button-name {
	color: #888888;
}

._raid-collosium .main-button._locked .nowrap { display: none; }

._raid-collosium .raid-cooldown-content  {
	display: block;
	position: absolute;
	width: auto;
	left: 3px;
	right: 3px;
	top: 3px;
	bottom: 0px;
	height: 100%;
	z-index: 500;
	background: rgba(0,0,0,.8);
}

._raid-collosium .raid-cooldown-content:before {
	content: '';
	display: block;
	width: 111px;
	height: 177px;
	position: absolute;
	top: 60%;
	left: 50%;
	margin-left: -56px;
	margin-top: -88px;
	background: url('../images/singleraids/raid-lock.png');
	animation: lockMove 3s ease-in-out infinite;
	-webkit-animation: lockMove 3s ease-in-out infinite;
	transform-origin: 50% 20%;
	-webkit-transform-origin: 50% 30%;
}

._raid-collosium .raid-cooldown-content:after {
	content: '';
	display: block;
	width: 100%;
	height: 418px;
	position: absolute;
	top: 60%;
	left: 0%;
	margin-top: -296px;
	background: url('../images/singleraids/raid-chain.png') 50% 50% no-repeat;
}

._raid-collosium .raid-cooldown-content>div {
	position: absolute;
	text-align: center;
	width: 100%;
	left: 0px;
	top: 5%;
	font-size: 18px;
	color: #ffffff;
}

.content-item._raid-collosium {
	position: relative;
	border: 1px solid #a08b43;
	background: -webkit-linear-gradient(#4c2e0d,#7b4110,#ba6b29);
	background: linear-gradient(#4c2e0d,#7b4110,#ba6b29);
	overflow: hidden;
}

.content-item._raid-collosium:before {
	content: '';
	position: absolute;
	bottom: 0px;
	right: -20px;
	width: 200px;
	height: 100px;
	opacity: 0.25;
	background: url('../images/singleraids/collosium/collosium-icon.png') 100% 0% no-repeat;
	background-size: 200px auto;
	z-index: 5;
}

.content-item._raid-collosium table {
	position: relative;
	z-index: 100;
}

.content-item._raid-collosium .c-brown { color: #ffea96; }
.content-item._raid-collosium .c-gray { color: #eb9006 !important; }

._raid-collosium .raid-buttons .main-button._unavail {
    background-position: 100% 50%;
}

._raid-collosium .raid-buttons ._unavail .main-button-inner > .nowrap {
    display: none;
}

._raid-collosium ._unavail .raid-button-name {
    opacity: 1;
}

/* new menu */

.land-menu, .land-widgets, .events-widgets {
	position: absolute;
	left: 0px;
	width: 100%;
	bottom: 0px;
	text-align: left;
}

.events-widgets {
	width: 80%;
	left: 10px;
	bottom: auto;
	top: 10px;
}

.land-widgets {
	text-align: right;
}

@media screen and (max-width: 400px) {
	.land-widgets {
		bottom: 90px;
	}
}

.land-menu .menu-widget,
.land-widgets .menu-widget {
	text-align: center;
	background: none !important;
	margin: 0px -5px;
}

@media screen and (max-width: 320px) {
	.land-menu .menu-widget {
		margin: 0 -10px;
	}
}

.land-menu .menu-widget:first-child {
	margin-left: 2px;
}

.land-menu .menu-widget-name,
.land-widgets .menu-widget-name,
.events-widgets .menu-widget-name {
	background: #000000;
	background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.6) 20%, rgba(0,0,0,0.6) 80%, rgba(0,0,0,0));
	background: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.6) 20%, rgba(0,0,0,0.6) 80%, rgba(0,0,0,0));
	padding: 5px 10px;
	top: -10px;
	color: #ffffff;
}

.decor-substrate {
  background: #000000;
	background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.6) 10%, rgba(0,0,0,0.6) 90%, rgba(0,0,0,0));
	background: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.6) 10%, rgba(0,0,0,0.6) 90%, rgba(0,0,0,0));
	padding: 1px 0;
}

.land-widgets .menu-widget {
	margin-right: 5px;
}

.land-widgets .menu-widget-name {
	color: #00ee00;
	font-weight: bold;
	font-size: 14px;
}

.land-widgets .menu-widget-name:before {
	content: '';
	position: absolute;
	display: block;
	left: -8px;
	top: 50%;
	margin-top: -11px;
	vertical-align: middle;
	width: 15px;
	height: 22px;
	background: url('../images/lands/light/icon-clock-green.png') 50% 50% no-repeat;
	animation: actionClock 3s ease-in-out infinite;
	-webkit-animation: actionClock 3s ease-in-out infinite;
}

.event-info-timer-clock {
	width: 15px;
	height: 22px;
	background: url('../images/lands/light/icon-clock-green.png') 50% 50% no-repeat;
	animation: actionClock 3s ease-in-out infinite;
	-webkit-animation: actionClock 3s ease-in-out infinite;
}

.land-widgets .menu-widget img.main-widget-icon {
	width: 80px;
	height: auto;
	position: relative;
}

.popup-absolute {
	position: absolute;
}

.popup-border .button-mini {
	position: absolute;
	z-index: 500;
	bottom: -25px;
	left: 50%;
	width: 200px;
	margin-left: -100px;
}

.popup-npc {
	position: absolute;
	bottom: 15px;
	left: 10px;
}

/* NEWS */

.header-news {
	display: inline-block;
}

.header-news-link {
	position: relative;
}

.header-news svg {
	display: none;
	fill: #e0c69c;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	bottom: -20px;
	z-index: 100;
}

.header-news-actual {
	display: none;
	text-decoration: none;
	position: absolute;
	right: 5px;
	top: 35px;
	padding: 10px 25px 10px 10px;
	background: #e0c69c;
	color: #3a342c;
	border-radius: 5px;
	text-align: left;
	z-index: 405;
	max-width: 170px;
}

.header-news-actual a {
	color: inherit;
	text-decoration: none;
}

.header-news-close {
	text-decoration: none;
	position: absolute;
	top: 50%;
	right: 0px;
	display: block;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	background: url('../images/icons/agree-no.png') 50% 50% no-repeat;
	z-index: 410;
}

._new .header-news-link img {
	filter: drop-shadow(0px 0px 2px rgba(0,200,0,1)) drop-shadow(0px 0px 2px  rgba(0,200,0,1));
	animation: newsGlow 1s linear infinite;
	-webkit-animation: newsGlow 1s linear infinite;
}

@keyframes newsGlow {
	50% {
		filter: drop-shadow(0px 0px 2px rgba(0,200,0,0)) drop-shadow(0px 0px 2px rgba(0,200,0,0));
	}
}
@-webkit-keyframes newsGlow {
	50% {
		-webkit-filter: drop-shadow(0px 0px 2px rgba(0,200,0,0)) drop-shadow(0px 0px 2px rgba(0,200,0,0));
	}
}

._new .header-news-actual,
._new.header-news svg {
	display: block;
}

.menu-widget._action:before {
	content: '';
	display: block;
	width: 100px;
	height: 100px;
	background: url('../images/market/actions/action-glow.png') 50% 50% no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: -20px;
	left: 50%;
	margin-left: -50px;
	animation: actionWidgetGlow 4s ease-in-out infinite;
	-webkit-animation: actionWidgetGlow 4s ease-in-out infinite;
}

@keyframes actionWidgetGlow {
	from, 40%, to { opacity: 0.75;transform: scale(1,1); }
	20% { opacity: 0.2;transform: scale(1.2,1.2); }
}

@-webkit-keyframes actionWidgetGlow {
	from, 40%, to { opacity: 0.75;-webkit-transform: scale(1,1); }
	20% { opacity: 0.2;-webkit-transform: scale(1.2,1.2); }
}

.menu-widget._event  {
	width: 100px;
	background: none !important;
}

.menu-widget._event .menu-widget-icon {
	position: relative;
	width: 100px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: 80% 100%;
	overflow: hidden !important;
}

.events-widgets .menu-widget-name {
	top: 0px;
	display: block;
	text-align: center;
	width: 100%;
	left: -10px;
}

.events-widgets .menu-widget-name img {
	display: inline-block;
	margin: -26px -5px -26px -15px;
}

.menu-widget._event._ready .menu-widget-name {
	color: #ffbb00;
	font-weight: bold;
}

.menu-widget._event._ready .menu-widget-icon:before {
	content: '';
	display: block;
	width: 100%;
	height: 47px;
	background: linear-gradient(104deg, rgba(255,255,255,0) 30%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 70% );
	position: absolute;
	top: 3px;
	left: 0px;
	animation: eventShine 2s linear infinite;
	-webkit-animation: eventShine 2s linear infinite;
}

@keyframes eventShine {
	from { transform: translateX(-100%); }
	20%, to { transform: translateX(100%); }
}

@-webkit-keyframes eventShine {
	from { -webkit-transform: translateX(-100%); }
	20%, to { -webkit-transform: translateX(100%); }
}

.events-widgets ._pulse .menu-widget-name img {
	animation: battlePulse 0.2s linear infinite;
	-webkit-animation: battlePulse 0.2s linear infinite;
}

/* POPUP */

.popup-item * {
	box-sizing: border-box;
}

.popup-item {
	box-sizing: border-box;
	position: fixed;
	z-index: 50000;
	padding: 4px;
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-width: 236px;
	width: 90%;
	max-width: 370px;
	-webkit-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease;
	opacity: 0;
	visibility: hidden;
}

.notice-show .popup-item {
	opacity: 1;
	visibility: visible;
}

.popup-item-title {
	font-family: "Trajan", Arial, sans-serif !important;
	width: 100%;
	padding: 9px 0 5px 0;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
	font-size: 14px;
	color: #e3dbc9;
	text-overflow: ellipsis;
	background: url('../images/content/decor_bg-deep.png') repeat-x 0 0 #231f1b;
}

.popup-item-content {
	/* padding: 10px; */
	position: relative;
	width: 100%;
	background-image: url('../images/content/popups/cornet-gold-l.png'), url('../images/content/popups/cornet-gold-r.png'), url('../images/content/cutscenes/bg-stone-cutscene.jpg');
	border: 0px;
	background-position: 0% 100%, 100% 100%, 50% 50%;
	background-repeat: no-repeat;
	background-size: 30px 30px, 30px 30px, cover;
}

.popup-item-description {
	text-align: center;
	/* margin-bottom: 10px; */
	padding-top: 10px;
	font-size: 12px;
}

.popup-item-list {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: 10px;
}

.popup-item-list .item-lot-pack {
	width: 80%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup-item-list .item-lot {
	min-width: 72px;
	height: 160px;
}

.item-lot-pack-1 {
	background-image: url('../images/icons/army_big.png');
	background-position: 50% 50%;
}

.item-lot-pack-2 {
	background-image: url('../images/icons/army_big.png'),url('../images/icons/army_big.png');
	background-position: 20% 50%, 80% 50%;
}

.item-lot-pack-3 {
	background-image: url('../images/icons/army_big.png'), url('../images/icons/army_big.png'), url('../images/icons/army_big.png');
	background-position: 17% 60%, 85% 60%, 50% 10%;
}

.popup-item-list .shop-discount-container {
	top: 20%;
}

.popup-item-list .item-lot-pack img {
	max-width: 100%;
}

@media screen and (max-width: 410px) {
	.popup-item-list .shop-discount-container {
		margin-left: 0px;
		left: 0;
		width: 100%;
	}
	.popup-item-list .shop-discount-container::before {
		display: none;
	}

	.popup-item-list .item-lot {
		margin: 5px;
		height: 130px;
	}

	.popup-item-list .shop-discount {
		width: 100%;
		background-position: 95% 0;
		background-repeat: no-repeat;
		text-align: left;
		line-height: 17px;
		padding-left: 3px;
	}

	.popup-item-list .shop-discount-text {
		font-size: 11px;
		top:0;
	}
	.popup-item-list .shop-discount-value {
		font-size: 11px;
		vertical-align: middle;
	}

	.popup-item-description {
		font-size: 11px;
	}
	.popup-item-list .item-lot-pack-3 {
		background-position: 17% 65%, 85% 65%, 50% 25%;
	}
}

@media screen and (max-width: 359px) {
	.popup-item-list .item-lot-pack-3 {
		background-position: 17% 60%, 85% 60%, 50% 25%;
	}
}


/* EVENT popup */

.event-content {
	overflow: hidden;
	vertical-align: top;
}

.event-content .stone-back {
	overflow: scroll;
	overflow: hidden scroll;
	width: 100%;
	width: calc(100% + 20px);
	box-sizing: content-box;
}

@media screen and (max-width: 480px) {
	.event-content .stone-back {
		width: 100%;
		padding-right: 20px;
	}
}

.event-card {
	position: fixed;
	z-index: 50000;
	padding: 4px;
	display: block;
	bottom: auto;
	top: 5%;
	top: 5vh;
	height: 80%;
	height: 80vh;
	width: 94%;
	min-width: 290px;
	max-width: 460px;
	left: 2%;
	margin: 0;
}

@media screen and (min-width: 480px) {
	.event-card._tree {
		width: 452px;
		left: 50%;
		margin-left: -230px;
	}
}

.button-mini._marble>div {
	position: relative;
	z-index: 305;
}

.event-card .button-mini {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px;
}

.popup-border .inv-item-menu-close {
	background: url('../images/content/close-popup.png') 50% 50% no-repeat;
	background-size: 60% 60%;
	opacity: 1;
	right: -12px;
	top: -12px;
	z-index: 50010;
	width: 40px;
	height: 40px;
	background-size: 100% 100%;
	right: -5px;
	top: -3px;
}

/* EVENT PAGE STYLES */

.event-header {
	position: relative;
	width: 100%;
	padding-bottom: 56.875%;
	background: url('../images/singleraids/shadr/event-page-background.jpg') 50% 50%;
	background-size: auto 100%;
	overflow: hidden;
}

.stone-back {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: url('../images/content/cutscenes/bg-stone-cutscene.jpg') 50% 0 repeat-y;
}

.event-header:after {
	content: '';
	display: block;
	width: 100%;
	height: 20%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: linear-gradient(to bottom, rgba(20,0,0,0),rgba(20,0,0,1));
	background: -webkit-linear-gradient(top, rgba(20,0,0,0),rgba(20,0,0,1));
}

.event-char-left {
	position: absolute;
	left: -7%;
	bottom: -10px;
	background: url('../images/singleraids/shadr/event-page-mummy-left.png') 0% 100% no-repeat;
	width: 40%;
	background-size: 100% auto;
	height: 233px;
}

.event-char-right {
	position: absolute;
	right: -3%;
	bottom: -10px;
	background: url('../images/singleraids/shadr/event-page-mummy-right.png') 100% 100% no-repeat;
	width: 41%;
	background-size: 100% auto;
	height: 205px;
}

.event-chest {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: url('../images/singleraids/shadr/event-page-chest.png') 50% 100% no-repeat;
	background-size: 95% auto;
}

.event-controls {
	background: linear-gradient(to bottom,rgba(0,0,0,0.7),rgba(0,0,0,0) 50%);
	background: -webkit-linear-gradient(top,rgba(0,0,0,0.7),rgba(0,0,0,0) 50%);
	text-align: center;
	border-top: 2px solid #000000;
}

.event-bar {
	width: 70%;
	margin: -15px auto 10px auto;
	position: relative;
	background: #000000;
	padding: 2px;
	box-sizing: border-box;
}

.event-bar:before,
.event-bar:after {
	content: '';
	display: block;
	height: 3px;
	background: url('../images/content/btn-attack-bot.png') 50% 0 repeat-x;
	width: 100%;
	position: absolute;
	top: -3px;
	left: 0px;
	z-index: 10;
}

.event-bar:after {
	top: auto;
	bottom: -3px;
}

.event-bar-fill {
	height: 20px;
	background: url('../images/singleraids/shadr/event-progress.png');
}

.event-bar-end {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	width: 27px;
	height: 30px;
	right: -27px;
	background: url('../images/content/title-left.png') 50% 50% no-repeat;
}

.event-bar-icon {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 50%;
	left: 0px;
	margin-top: -30px;
	margin-left: -30px;
	background: url('../images/singleraids/shadr/counter-icon.png') 50% 50% no-repeat;
	z-index: 20;
}

.event-bar-text {
	width: 100%;
	text-align: center;
	color: #ffffff;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 30;
	font-size: 16px;
	top: 4px;
}

.event-text {
	display: table;
	margin: 0 auto 5px auto;
	width: 80%;
}

.event-text>span {
	display: table-cell;
	vertical-align: middle;
	height: 50px;
	font-family: 'Trajan', Arial, sans-serif !important;
	font-size: 16px;
	color: #e6d738;
}

.event-descript {
	font-size: 14px;
	padding: 20px;
	margin-top: -10px;
}

.event-loot {
	width: 12.5%;
	background-position: 50% 200%;
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: absolute;
	left: 50%;
	top: 80%;
	margin-left: -30px;
	margin-top: -30px;
}
.event-loot:before {
	content: '';
	display: block;
	width: 100%;
	padding-bottom: 100%;
	background: inherit;
	background-position: 50% 50%;
}

/* DARKNESS ENTRY RAID */

._raid-dark-entry .raid-buttons {
	padding-bottom: 79%;
	position: relative;
	background: url('../images/singleraids/darkness/castle-back.jpg') 50% 0 repeat-y;
	background-size: 100% auto;
}

._raid-dark-entry .content-item {
	background: transparent;
}

._raid-dark-entry .inner {
	padding: 0px 0 20px 0 !important;
}

.box._raid-dark-entry #raid-image,
.box._raid-dark-entry #raid-description { display:none; }

._raid-dark-entry .main-button {
	position: absolute;
	left: 8%;
	bottom: 5%;
	display: inline-block;
	width: 25%;
	height: auto !important;
	margin: 0px !important;
	background: url('../images/singleraids/darkness/enter-keys.png') 50% 50% no-repeat;
	background-size: 100% auto;
	animation: darkRaidArrowA 2s ease-in-out infinite;
	-webkit-animation: darkRaidArrowA 2s ease-in-out infinite;
}

@keyframes darkRaidArrowA { 40% { transform: translate(3%,-7%) scale(0.9); } }
@-webkit-keyframes darkRaidArrowA { 40% { -webkit-transform: translate(3%,-7%) scale(0.9); } }

._raid-dark-entry .main-button-inner {
	position: relative;
	display: block !important;
	width: 100%;
	height: 0px !important;
	padding-bottom: 100%;
	top: 10%;
	left: 0px;
	text-shadow: 1px 1px 3px #000000;
}

._raid-dark-entry .main-button-inner>.nowrap {
	position: absolute;
	bottom: -5%;
	left: -17%;
	width: 100%;
}

._raid-dark-entry .main-button-inner>.nowrap>.nowrap>img { display: none; }
._raid-dark-entry .main-button-inner>.nowrap>.nowrap {
	font-size: 14px;
	display: inline-block;
	padding: 2px 8px;
	min-width: 20%;
	background: #000000;
	border-radius: 10px;
}

._raid-dark-entry .main-button#lvl-2,
._raid-dark-entry .main-button#lvl-5,
._raid-dark-entry .main-button#lvl-8,
._raid-dark-entry .main-button#lvl-11,
._raid-dark-entry .main-button#lvl-14 {
	background-image: url('../images/singleraids/darkness/enter-ram.png');
	left: 65%;
	bottom: 3%;
	animation: darkRaidArrowB 2s 0.25s ease-in-out infinite;
	-webkit-animation: darkRaidArrowB 2s 0.25s ease-in-out infinite;
}

@keyframes darkRaidArrowB { 40% { transform: translate(-3%,-6%) scale(0.9); } }
@-webkit-keyframes darkRaidArrowB { 40% { -webkit-transform: translate(-3%,-6%) scale(0.9); } }

._raid-dark-entry .main-button#lvl-2 .main-button-inner>.nowrap,
._raid-dark-entry .main-button#lvl-5 .main-button-inner>.nowrap,
._raid-dark-entry .main-button#lvl-8 .main-button-inner>.nowrap,
._raid-dark-entry .main-button#lvl-11 .main-button-inner>.nowrap,
._raid-dark-entry .main-button#lvl-14 .main-button-inner>.nowrap {
	bottom: 0%;
	left: 10%;
}

._raid-dark-entry .main-button#lvl-3,
._raid-dark-entry .main-button#lvl-6,
._raid-dark-entry .main-button#lvl-9,
._raid-dark-entry .main-button#lvl-12,
._raid-dark-entry .main-button#lvl-15 {
	background-image: url('../images/singleraids/darkness/enter-sabotage.png');
	left: 22%;
	bottom: auto;
	top: 3%;
	animation: darkRaidArrowC 2s 0.5s ease-in-out infinite;
	-webkit-animation: darkRaidArrowC 2s 0.5s ease-in-out infinite;
}

@keyframes darkRaidArrowC { 40% { transform: translate(2%,6%) scale(0.9); } }
@-webkit-keyframes darkRaidArrowC { 40% { -webkit-transform: translate(2%,6%) scale(0.9); } }

._raid-dark-entry .main-button#lvl-3 .main-button-inner>.nowrap,
._raid-dark-entry .main-button#lvl-6 .main-button-inner>.nowrap,
._raid-dark-entry .main-button#lvl-9 .main-button-inner>.nowrap,
._raid-dark-entry .main-button#lvl-12 .main-button-inner>.nowrap,
._raid-dark-entry .main-button#lvl-15 .main-button-inner>.nowrap {
	bottom: auto;
	top: -4%;
	left: -15%;
}

._raid-dark-entry .raid-buttons {
	display: block !important;
	position: relative;
}

._raid-dark-entry .raid-button-name {
	display: none;
}

._raid-dark-entry .main-button._locked {
	display: block !important;
	filter: saturate(0);
	-webkit-filter: saturate(0);
	opacity: 0.75;
	animation: none !important;
	-webkit-animation: none !important;
}

._raid-dark-entry .main-button:hover {
	filter: brightness(1.2);
	-webkit-filter: brightness(1.2);
}

._raid-dark-entry .main-button._locked .raid-button-name {
	color: #888888;
}

._raid-dark-entry .main-button._locked .nowrap { display: none; }

._raid-dark-entry .raid-cooldown-content  {
	display: block;
	position: absolute;
	width: auto;
	left: 3px;
	right: 3px;
	top: 3px;
	bottom: 0px;
	height: 100%;
	z-index: 500;
	background: rgba(0,0,0,.8);
}

._raid-dark-entry .raid-cooldown-content:before {
	content: '';
	display: block;
	width: 111px;
	height: 177px;
	position: absolute;
	top: 60%;
	left: 50%;
	margin-left: -56px;
	margin-top: -88px;
	background: url('../images/singleraids/raid-lock.png');
	animation: lockMove 3s ease-in-out infinite;
	-webkit-animation: lockMove 3s ease-in-out infinite;
	transform-origin: 50% 20%;
	-webkit-transform-origin: 50% 30%;
}

._raid-dark-entry .raid-cooldown-content:after {
	content: '';
	display: block;
	width: 100%;
	height: 418px;
	position: absolute;
	top: 60%;
	left: 0%;
	margin-top: -296px;
	background: url('../images/singleraids/raid-chain.png') 50% 50% no-repeat;
}

._raid-dark-entry .raid-cooldown-content>div {
	position: absolute;
	text-align: center;
	width: 100%;
	left: 0px;
	top: 5%;
	font-size: 18px;
	color: #ffffff;
}

/* LAND 9 raid style */

.content-item._raid-land9 {
	position: relative;
	border: 1px solid #2391ae;
	background: -webkit-linear-gradient(#0d444c,#10627b,#2993ba);
	background: linear-gradient(#0d444c,#10627b,#2993ba);
	overflow: hidden;
}

.content-item._raid-land9:before {
	content: '';
	position: absolute;
	bottom: -50px;
	right: -10px;
	width: 150px;
	height: 120px;
	opacity: 0.25;
	background: url('../images/singleraids/land9/5_ice_mounds.png@v=3') 0% 0% no-repeat;
	background-size: 200% auto;
	z-index: 5;
}

.content-item._raid-land9 table {
	position: relative;
	z-index: 100;
}

.content-item._raid-land9 .a { color: #c9f5ff; }
.content-item._raid-land9 .c-brown { color: #c9f5ff; }
.content-item._raid-land9 .c-gray { color: #8abfd3 !important; }

@media screen and (max-width: 340px) {
	._raid-land9 .raid-button-name {
		font-size: 11px;
	}

	._raid-land9 .main-button-inner > .nowrap img {
		height: 1.25em;
		width: auto;
	}
}

/* RESOURCES IMPOOVE */
.rwrd-item-amount {
	position: absolute;
	left: 0px;
	top: 90%;
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
}

.rwrd-item._resource {
	margin-bottom: 15px;
	vertical-align: bottom;
}

.rwrd-item._resource a {
	display: block;
	margin-bottom: 3px;
}

.rwrd-popup-find {
	text-align: left;
	padding: 5px 0 5px 0;
}

.b-header {
	position: sticky;
	top: 0px;
	z-index: 1000;
	border-bottom: 1px solid #111100;
}

.hidden-rsources {
	position: absolute;
	display: none;
	top: 120%;
	left: 10%;
	width: 80%;
	padding: 10px 20px;
	box-sizing: border-box;
	background: #342d22;
	text-align: center;
	border-radius: 10px;
	border: 3px solid #4d4333;
	box-shadow: 0px 2px 3px #000000;
	-webkit-box-shadow: 0px 2px 3px #000000;
}

:hover > .hidden-rsources,
:active > .hidden-rsources {
	display: block;
}


/* NEW NOTICES */
.b-notice {
	display: block;
	position: fixed;
	left: 50%;
	top: 0px;
	padding-top: 10px;
	width: 480px;
	margin-left: -240px;
	-webkit-animation: noticeShow 4s linear forwards;
	animation: noticeShow 4s linear forwards;
	z-index: 5000;
	text-align: center;
	background: rgba(0, 0, 0, 0.8);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0) 100%); }
@media screen and (max-width: 480px) {
	.b-notice {
		left: 0;
		width: 100%;
		margin: 0; } }

.b-notice .c-green {
	color: #2CC913 !important; }

.notice-cont {
	display: inline-block;
	max-width: 90%;
	min-width: 240px;
	position: relative;
	background: url("../images/content/popups/notice-menu-tl.png") 0 0 no-repeat, url("../images/content/popups/notice-menu-tr.png") 100% 0 no-repeat, url("../images/content/popups/notice-menu-t.png") 50% 0 no-repeat, url("../images/content/popups/notice-menu-bl.png") 0 100% no-repeat, url("../images/content/popups/notice-menu-br.png") 100% 100% no-repeat, url("../images/content/popups/notice-menu-b.png") 50% 100% no-repeat, url("../images/content/popups/notice-menu-l.png") 0 50% no-repeat, url("../images/content/popups/notice-menu-r.png") 100% 50% no-repeat, url("../images/content/popups/notice-menu-c.png") 50% 50% no-repeat;
	background-size: auto auto, auto auto, 95% 16px, auto auto, auto auto, 95% 16px, 16px 95%, 16px 95%, 95% 95%;
	padding: 15px;
	border-radius: 7px;
	box-sizing: border-box;
	-webkit-filter: drop-shadow(0 10px 20px #000000), drop-shadow(0 8px 10px #000000), drop-shadow(0 3px 5px #000000);
	filter: drop-shadow(0 10px 20px #000000), drop-shadow(0 8px 10px #000000), drop-shadow(0 3px 5px #000000);
	-webkit-box-shadow: 0px 3px 8px #000000, 0px 2px 5px #000000;
	box-shadow: 0px 3px 8px #000000, 0px 2px 5px #000000;
	text-align: center;
	line-height: 1.7em; }

._error .notice-cont {
	background-image: url("../images/content/popups/error-menu-tl.png"), url("../images/content/popups/error-menu-tr.png"), url("../images/content/popups/error-menu-t.png"), url("../images/content/popups/error-menu-bl.png"), url("../images/content/popups/error-menu-br.png"), url("../images/content/popups/error-menu-b.png"), url("../images/content/popups/error-menu-l.png"), url("../images/content/popups/error-menu-r.png"), url("../images/content/popups/error-menu-c.png") !important; }

._success .notice-cont {
	background-image: url("../images/content/popups/success-menu-tl.png"), url("../images/content/popups/success-menu-tr.png"), url("../images/content/popups/success-menu-t.png"), url("../images/content/popups/success-menu-bl.png"), url("../images/content/popups/success-menu-br.png"), url("../images/content/popups/success-menu-b.png"), url("../images/content/popups/success-menu-l.png"), url("../images/content/popups/success-menu-r.png"), url("../images/content/popups/success-menu-c.png") !important; }

.b-notice .close-mini {
	display: none;
	position: absolute;
	width: 24px;
	height: 24px;
	right: 0;
	top: 0;
	opacity: 0.5;
	background: url("../images/icons/agree-no.png") 50% 50% no-repeat; }
.b-notice._no-hide {
	-webkit-animation: noticePin 0.4s linear forwards;
	animation: noticePin 0.4s linear forwards; }
.b-notice._no-hide .close-mini {
	display: block; }

.notice-buttons {
	margin-top: 10px;
	margin-bottom: -25px;
	white-space: nowrap; }
.notice-buttons .btn-item {
	display: inline-table;
	width: 35%;
	margin: 0px 5px;
	-webkit-box-shadow: 0px 3px 8px #000000, 0px 2px 5px #000000;
	box-shadow: 0px 3px 8px #000000, 0px 2px 5px #000000;
	border: 2px solid #000000;
	border-radius: 7px;
	padding: 0 8px;
	box-sizing: border-box; }

.task-status td {
	border-bottom: 1px solid #676156;
	font-size: 12px;
	padding: 3px 0; }

.task-status tr:last-child td {
	border-bottom: 0px; }

.task-status a {
	text-decoration: none; }

.task-status a img {
	-webkit-animation: taskArrow 1s ease-in-out infinite;
	animation: taskArrow 1s ease-in-out infinite; }

.items-status td {
	border-bottom: 1px solid #676156;
	font-size: 12px;
	padding: 3px 0; }

.items-status tr:last-child td {
	border-bottom: 0px; }

@-webkit-keyframes taskArrow {
	30% {
		-webkit-transform: translateX(5px);
		transform: translateX(5px); } }
@keyframes taskArrow {
	30% {
		-webkit-transform: translateX(5px);
		transform: translateX(5px); } }
@-webkit-keyframes noticeShow {
	from {
		opacity: 0;
		-webkit-transform: translateY(-150px);
		transform: translateY(-150px); }
	10%, 75% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		transform: translateY(0px); }
	99% {
		opacity: 0;
		-webkit-transform: translateY(-150px);
		transform: translateY(-150px); }
	to {
		opacity: 0;
		-webkit-transform: translateY(-150px);
		transform: translateY(-150px); } }
@keyframes noticeShow {
	from {
		opacity: 0;
		-webkit-transform: translateY(-150px);
		transform: translateY(-150px); }
	10%, 75% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		transform: translateY(0px); }
	99% {
		opacity: 0;
		-webkit-transform: translateY(-150px);
		transform: translateY(-150px); }
	to {
		opacity: 0;
		-webkit-transform: translateY(-150px);
		transform: translateY(-150px); } }
@-webkit-keyframes noticePin {
	from {
		opacity: 0;
		-webkit-transform: translateY(-150px);
		transform: translateY(-150px); }
	to {
		opacity: 1;
		-webkit-transform: translateY(0px);
		transform: translateY(0px); } }
@keyframes noticePin {
	from {
		opacity: 0;
		-webkit-transform: translateY(-150px);
		transform: translateY(-150px); }
	to {
		opacity: 1;
		-webkit-transform: translateY(0px);
		transform: translateY(0px); } }



.menu-widget-timer {
	position: absolute;
	bottom: 15px;
	left: 0;
	padding: 30px 0;
	width: 100%;
	text-align: center;
	font-size: 10px;
	background: radial-gradient(ellipse at 50% 50%, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0) 70%);
	background: -webkit-radial-gradient(50% 50%, ellipse, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0) 70%)
}

/* NEW HEADER */
.header-exp {
	display: none;
}

.game-header-avatar {
	left: 5px;
	top: 3px;
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	vertical-align: middle;
	background-color: #000;
	border: 1px solid #635233;
	border-radius: 50%;
	z-index: 4;
}
.game-header-avatar-link {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 50;
}
.game-header-avatar-img {
	display: inline-block;
	position: absolute;
	top: 2px;
	left: 2px;
	overflow: hidden;
	border-radius: 50%;
	width: 34px;
	height: 34px;
	border: 1px solid #635233;
	z-index: 10;
	background-size: 120% auto !important;
	background-position: 0 5px !important;
}
.game-header-avatar-exp {
	position: absolute;
	top: 0;
	left: 0;
	width: 44px;
	height: 44px;
	z-index: 5;
}
.game-header-avatar-exp-progress {
	position: absolute;
	left: -2px;
	top: -2px;
}
.game-header-avatar-exp-progress circle {
	fill: none;
	stroke: #f2ed0a;
	stroke-width: 2;
	stroke-dasharray: 220, 220;
}

.header-resources.container {
	padding-left: 50px;
}
.header-resources.container:hover .hidden-rsources, .header-resources.container:active .hidden-rsources {
	display: block;
}
.header-resources table {
	font-size: 11px;
	color: #b6b8a5;
}
.header-resources .user-lvl {
	display: none;
}

.game-header-profile-level {
	opacity: 1;
	position: absolute;
	top: -6px;
	left: -6px;
	z-index: 20;
	width: 25px;
	height: 20px;
	background: url("../images/content/profile-level.png") 50% 50% no-repeat;
	background-size: 100% 100%;
	text-align: center;
	color: #e8ba00;
	font-size: 12px;
	padding-top: 5px;
}

.lds-spinner {
	width: 20px;
	height: 20px;
}
.lds-spinner div {
	transform-origin: 10px 10px;
	-webkit-transform-origin: 10px 10px;
}
.lds-spinner div:after {
	width: 2px;
	height: 5px;
	top: 15px;
	left: 9px;
}

.popup-loader {
	width: 26px;
	right: 50%;
	top: 0;
	margin-left: auto;
	margin-right: -240px;
	margin-top: 0;
	padding: 3px;
	box-sizing: border-box;
	text-align: right;
}
@media screen and (max-width: 480px) {
	.popup-loader {
		margin: 0;
		left: auto;
		right: 0;
	}
}

/* GET RESOURCES */
.get-resource-item {
	position: fixed;
	z-index: 1010;
	left: 50%;
	top: 50%;
	margin-left: -30px;
	margin-top: -30px;
}
.get-resource-item:before {
	content: "";
	display: block;
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: url("../images/chests/shine-bright.png") 50% 50% no-repeat, url("../images/chests/shine-bright.png") 50% 50% no-repeat;
	background-size: 100% auto, 100% auto;
	animation: getResourceBack 5s linear infinite;
	-webkit-animation: getResourceBack 5s linear infinite;
}
.get-resource-item-img {
	position: relative;
	width: 59px;
	height: 59px;
	background-size: 100% auto;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.get-resource-item._item .get-resource-item-img {
	background-size: auto auto;
}
.get-resource-item-amount {
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	position: absolute;
	top: 70%;
	left: 0;
	display: block;
	width: 100%;
	text-shadow: 1px -2px 2px #000000, 1px 2px 2px #000000;
	-webkit-text-shadow: 1px -2px 2px #000000, 1px 2px 2px #000000;
}

@keyframes getResourceBack { to { transform: rotateZ(180deg); } }
@-webkit-keyframes getResourceBack { to { -webkit-transform: rotateZ(180deg); } }

/* INVENTORY FEATURE */
.inv-item-new {
	position: absolute;
	width: 100%;
	top: 105%;
	left: 0;
	color: #00cc00;
	animation: invItemHintText 1s ease-in-out infinite;
	-webkit-animation: invItemHintText 1s ease-in-out infinite;
}

._hint .inv-item, ._hint .inv-item:before {
	animation: invItemHint 1s linear infinite;
	-webkit-animation: invItemHint 1s linear infinite;
}

@keyframes invItemHint { 30% { border-color: #00cc00; } }
@-webkit-keyframes invItemHint { 30% {border-color: #00cc00;} }
@keyframes invItemHintText { 30% {transform: translateY(-3px);} }
@-webkit-keyframes invItemHintText { 30% {-webkit-transform: translateY(-3px);} }

.game-guide {
	position: absolute;
	width: 160px;
	height: 160px;
	left: 50%;
	top: 50%;
	margin-left: -80px;
	margin-top: -80px;
	animation: pointerRotate 8s linear infinite;
	-webkit-animation: pointerRotate 8s linear infinite;
	z-index: 100;
}
.inv-item .game-guide {
	top: 58%;
}
.game-guide-img {
	width: 100%;
	height: 100%;
	background: url("../images/icons/guide.png") 50% 50% no-repeat;
	background-size: 100% auto;
	animation: pointerScale 1s ease-in-out infinite;
	-webkit-animation: pointerScale 1s ease-in-out infinite;
}

@keyframes pointerRotate { to {transform: rotateZ(360deg);} }
@-webkit-keyframes pointerRotate { to {-webkit-transform: rotateZ(360deg);} }
@-webkit-keyframes pointerScale { 30% {-webkit-transform: scale(0.85);opacity: 0.75;} }
@keyframes pointerScale { 30% {transform: scale(0.85);opacity: 0.75;} }

/* FIELDS OFF */
.mylands-item .c-gray {
	font-size: 12px;
}
.mylands-item._off {
	background: #151515;
	border-color: #212121;
	position: relative;
}
.mylands-item._off .mylands-item-icon {
	opacity: 0.25;
}
.mylands-item._off .mylands-item-name {
	color: #484440;
}
.mylands-item._off .c-gray, .mylands-item._off .c-white {
	color: #484440 !important;
}
.mylands-item._off .c-gray img, .mylands-item._off .c-white img {
	opacity: 0.25;
}
.mylands-item._off .quest-arrow {
	display: none;
}

.mylands-item-hint {
	display: table;
	width: 100px;
	height: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 2px;
	font-size: 12px;
	color: #ffaa00;
}
.mylands-item-hint span {
	display: table-cell;
	vertical-align: middle;
}

.wrap-artbox > a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.hint-arrow {
	position: absolute;
	left: 50%;
	top: 50%;
}
.hint-arrow div {
	background: url("../images/content/arrow_ftue.png") 50% 0 repeat-y;
	width: 60px;
	height: 50px;
	margin-left: -60px;
	margin-top: -20px;
}

.use-effect {
	background: url('../images/combat/use-consume-energy.png') 0% 50% no-repeat;
	width: 200px;
	height: 200px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -100px;
	margin-top: -100px;
	z-index: 200;
}

/* NEW LANDS */

.land-mob {
	left: 20% !important;
	top: 173px !important;
}
.land-mob._one {
	left: 20% !important;
	top: 173px !important;
}
.land-mob._two {
	left: 20% !important;
	top: 310px !important;
}
.land-mob._three {
	left: 52% !important;
	top: 128px !important;
}
.land-mob._four {
	left: 53% !important;
	top: 267px !important;
}
.land-mob._five {
	left: 81% !important;
	top: 200px !important;
}
@media screen and (min-width: 400px) {
	.land-mob._five {
		top: 230px !important;
	}
}
.land-mob._invasion .land-mob-name {
	top: 25px;
}
.land-mob._ready .land-mob-name {
	bottom: auto;
	top: 25px;
}

.land-boss {
	position: absolute;
	width: 25%;
	top: 20px;
	right: 20px;
}
.land-boss .land-mob-name {
	width: 100%;
	position: absolute;
  bottom: -10%;
  z-index: 10;
}
.land-boss img {
	position: relative;
	width: 100%;
	height: auto;
	z-index: 5;
}
.land-boss:before {
	content: "";
	display: block;
	position: absolute;
	top: -15%;
	left: -10%;
	bottom: -15%;
	right: -10%;
	background: url("../images/lands/light/campaign-frame-boss.png") 50% 50% no-repeat;
	background-size: 100% 100%;
	z-index: 10;
}
.land-boss._lock:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url("../images/icons/lock.png") 50% 50% no-repeat rgba(0, 0, 0, 0.7);
	background-size: auto 60%;
	z-index: 8;
	animation: bossLock 3s ease-in-out infinite;
	-webkit-animation: bossLock 3s ease-in-out infinite;
}
.land-boss._feature img, .land-boss._feature:before {
	animation: bossPulse 2s ease-in-out infinite;
	-webkit-animation: bossPulse 2s ease-in-out infinite;
}

@keyframes bossLock {
	from, 5%, to {
		transform: rotateZ(-4deg);
	}
	50%, 55% {
		transform: rotateZ(4deg);
	}
}
@-webkit-keyframes bossLock {
	from, to {
		-webkit-transform: rotateZ(-4deg);
	}
	50% {
		-webkit-transform: rotateZ(4deg);
	}
}
@keyframes bossPulse {
	from, 5%, 20%, 25%, 40%, to {
		transform: scale(1);
	}
	10%, 30% {
		transform: scale(1.1);
	}
}
@-webkit-keyframes bossPulse {
	from, 5%, 20%, 25%, 40%, to {
		-webkit-transform: scale(1);
	}
	10%, 30% {
		-webkit-transform: scale(1.1);
	}
}
.land-timer {
	background: url("../images/content/cutscenes/bg-stone-cutscene.jpg") 50% 0 repeat-y;
}
.land-timer table {
	width: 100%;
	margin: 0 auto;
}
.land-timer table td {
	vertical-align: middle;
	padding: 0 5px;
}

.resource-spent {
	position: fixed;
	padding: 10px;
	width: 140px;
	top: 10px;
	left: 50%;
	box-sizing: border-box;
	margin-left: -70px;
	color: #FFFFFF;
	font-size: 16px;
	z-index: 90000;
	background: #000000;
	border-radius: 10px;
	text-align: center;
}

/* RATING RESOURCE POPUP */

.new-rate-table {
	display: table;
	width: 100%;
	position: relative;
}
.new-rate-table-row {
	position: relative;
	display: table-row;
	width: 100%;
}
.new-rate-table-row:nth-child(odd) {
	background: #1e1a16;
}
.new-rate-table-cell {
	display: table-cell;
	padding: 8px 5px;
	vertical-align: middle;
	position: relative;
}
.new-rate-table-cell:first-child {
	width: 10%;
	text-align: center;
}
.new-rate-table-cell:nth-child(2) {
	width: 32px;
}
.new-rate-table-cell:nth-child(2) > div {
	min-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.new-rate-table-cell:last-child {
	width: 12%;
}

.rate-popup {
	position: absolute;
	display: block;
	top: 100%;
	bottom: auto;
	left: -20px;
	width: 200px;
	padding: 10px 5px;
	z-index: 20;
	border: 3px solid #4d4333;
	border-radius: 6px;
	background-color: #342d22;
	text-align: center;
	z-index: 10000;
	overflow: visible !important;
	white-space: normal !important;
	filter: drop-shadow(0px 2px 5px #000) drop-shadow(0px 2px 5px #000);
	-webkit-filter: drop-shadow(0px 2px 5px #000) drop-shadow(0px 2px 5px #000);
}
.rate-popup > img {
	margin: 3px;
}
.rate-popup:before {
	content: "";
	display: block;
	height: 2px;
	width: 0px;
	position: absolute;
	left:30px;
	top: -13px;
	bottom: auto;
	border: 10px solid transparent;
	border-top-width: 0;
	border-bottom-color: #4d4333;
}
.rate-popup-close {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 0px;
	top: 0px;
	background: url("../images/icons/agree-no.png") 50% 50% no-repeat;
}
.rate-popup-icon {
	position: relative;
	display: inline-block;
	width: 50px;
	text-align: center;
	font-size: 12px;
	color: #ffffff;
	z-index: 10015;
	margin: 8px 5px 5px 5px;
}
.rate-popup-icon img {
	position: relative;
	display: block;
	width: 50px;
	height: auto;
	margin-bottom: 5px;
}
.rate-popup-icon:before {
	content: "";
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	left: 50%;
	margin-left: -32px;
	top: -7px;
	background: url("../images/chests/shine-small.png") 50% 0 no-repeat;
}
.combat-result-button {
    width: 180px;
}

._offer {
    display: block;
    width: 100%;
    position: relative;
    text-decoration: none;
}

.offer-close {
    position: absolute;
    z-index: 10000;
    top: 2px;
    right: 0px;
    width: 40px;
    height: 40px;
    background: url('../images/content/close-popup.png') 50% 50% no-repeat;
}

.offer-head {
    position: relative;
    min-height: 220px;
    background:url('../images/market/actions/action-bg-standard.jpg') 30% 100% no-repeat;
}

.action-title {
    font-size: 14px;
    font-family: 'Trajan', Arial, sans-serif;
    font-weight: normal;
}

._offer:before,
._offer:after,
.offer-body:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 72px;
    background: url('../images/market/actions/action-shine.png') 50% 50% no-repeat;
    margin-bottom: -36px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 10;

}

.offer-body:before,
._offer:after,
._offer:before  {
    background-image: url('../images/market/actions/action-shine-y.png');
}

._knight-pack .offer-body:before,
._knight-pack._offer:after,
._knight-pack._offer:before,
._banner_bearer._offer:after,
._banner_bearer._offer:before,
._shield._offer:after,
._shield._offer:before,
._guard_capitan._offer:after,
._guard_capitan._offer:before {
    background-image: url('../images/market/actions/action-shine.png');
}

._pathfinder .offer-body:before,
._pathfinder._offer:after { 
    background-image: url('../images/market/actions/action-shine-g.png');
}

.offer-body:before,
._offer:after {
    top: 0px;
    margin-top: -36px;
}

.action-name {
    padding: 10px 0;
    font-size: 24px;
    color: #ffe8a1;
    font-family: 'Trajan', Arial, sans-serif;
    font-weight: normal;
    text-align: center;
}

.action-header {
    font-size: 16px;
    font-weight: bold;
    color: #a8aa97;
    padding: 10px;
    text-align: center;
}

._offer .action-name {
    color: #fffd4e;
    font-size: 28px;
    padding-top: 10px;
    filter: drop-shadow(0px 0px 2px #3c3100) drop-shadow(0px 0px 5px #3c3100) drop-shadow(0px 0px 3px #fff9a0aa);
    -webkit-filter: drop-shadow(0px 0px 2px #3c3100) drop-shadow(0px 0px 5px #3c3100) drop-shadow(0px 0px 3px #fff9a0aa);
    padding-bottom: 0px;
}

._offer .action-conditions {
    color: #ddbc83;
    text-align: center;
    font-size: 14px;
    margin-top: -5px;
    filter: drop-shadow(0px 0px 3px #3c3100) drop-shadow(0px 0px 2px #3c3100);
    -webkit-filter: drop-shadow(0px 0px 3px #3c3100) drop-shadow(0px 0px 2px #3c3100);
}

.offer-price {
    display: inline-block;
    clear: both;
    position: relative;
    color: #ffffff;
    padding-left: 35px;
    top: 15px;
    font-size: 16px;
    text-shadow: 1px 1px #000000;
}

.offer-price._old {
    top: 10px;
    color: #aaaaaa;
    text-shadow: none;
}

.offer-redline {
    display: block;
    position: absolute;
    background: url('../images/market/starterpacks/wrong-cost.png') 50% 50% no-repeat;
    width: 70%;
    height: 5px;
    top: 8px;
    left: 30%;
}

.offer-discount {
    display: inline-block;
    position: absolute;
    width: 84px;
    height: 84px;
    top: 140px;
    left: 50%;
    margin: -42px;
    background: url('../images/market/actions/action-tag.png') 0% 0% no-repeat;
    text-align: center;
    transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    z-index: 10;
}

.offer-head:before {
    content: '';
    display: block;
    width: 151px;
    height: 143px;
    background: url('../images/market/actions/action-tag-red.png') 50% 50% no-repeat;
    margin: -82px -76px;
    position: absolute;
    top: 130px;
    left: 50%;
    z-index: 9;
}

.offer-discount-text {
    position: relative;
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    top: 22px;
    color: #8d0000;
}

.offer-discount-value {
    position: relative;
    display: block;
    width: 100%;
    font-size: 26px;
    font-weight: bold;
    top: 18px;
    color: #8d0000;
}

.offer-timer {
    position: absolute;
    width: 143px;
    height: 40px;
    background: #000000;
    background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 20%,rgba(0,0,0,0.9) 80%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 20%,rgba(0,0,0,0.9) 80%, rgba(0,0,0,0) 100%);
}

.offer-timer-text, .offer-counter {
    display: inline-block;
    position: absolute;
    top: 27px;
    width: 100%;
    left: 0px;
    text-align: center;
}

.offer-counter {
    top: 8px;
    font-size: 20px;
    color: #ffc600;
    text-shadow: 1px 1px #000000;
}

.offer-clock {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 22px;
    background: url('../images/market/starterpacks/timeout-clock.png') 50% 50% no-repeat;
    animation: actionClock 3s ease-in-out infinite;
    -webkit-animation: actionClock 3s ease-in-out infinite;
}

@keyframes actionClock {
    from, 15% { transform: rotateZ(0deg); }
    40%, 55% { transform: rotateZ(180deg); }
    80%, to { transform: rotateZ(360deg); }
}
@-webkit-keyframes actionClock {
    from, 15% { -webkit-transform: rotateZ(0deg); }
    40%, 55% { -webkit-transform: rotateZ(180deg); }
    80%, to { -webkit-transform: rotateZ(360deg); }
}

.offer-button {
    display: block;
    width: 179px;
    height: 86px;
    position: absolute;
    top: 80px;
    left: 50%;
    background: url('../images/market/actions/button-more.png');
    z-index: 5;
    animation: actionButton 1s ease-in-out infinite;
    -webkit-animation: actionButton 1s ease-in-out infinite;
}

@keyframes actionButton {
    from, 50% { transform: scale(1); }
    25% { transform: scale(1.05); }
}
@-webkit-keyframes actionButton {
    from, 50% { -webkit-transform: scale(1); }
    25% { -webkit-transform: scale(1.05); }
}

._offer._knight-pack .offer-head {
    background-image: url('../images/market/actions/action-bg-knightpack.jpg');
}

._offer._pathfinder .offer-head {
    background-image: url('../images/market/actions/action-bg-pathfinder.jpg');
}

._offer._shield .offer-head {
    background-image: url('../images/market/actions/action-bg-defender.jpg');
}

._offer._berserk .offer-head {
    background-image: url('../images/market/actions/action-bg-berserk.jpg');
}

._offer._banner_bearer .offer-head {
    background-image: url('../images/market/actions/action-bg-leader.jpg');
}

._offer._treasure_hunter .offer-head {
    background-image: url('../images/market/actions/action-bg-treasure-hunter.jpg');
}

._offer._guard_capitan .offer-head {
    background-image: url('../images/market/actions/action-bg-capitan.jpg');
}

._offer._event_hunter .offer-head {
    background-image: url('../images/market/actions/action-bg-hunter.jpg');
}

._offer._treasure_elite .offer-head {
    background-image: url('../images/market/actions/action-bg-treasure-elite.jpg');
}

._knight-pack .offer-head:before,
._pathfinder .offer-head:before {
    background-image: url('../images/market/actions/action-tag-green.png');
}

/* OFFER BODY */

.offer-body {
    position: relative;
    background: url('../images/market/actions/action-sparks-bg.png') 50% 50% repeat-y, url('../images/market/actions/action-main-background.jpg') 50% 0 repeat-y;
    padding: 20px 0;
    animation: floatBackground 20s linear infinite;
    -webkit-animation: floatBackground 20s linear infinite;
    border-top: 1px solid #222222;
}

@keyframes floatBackground {
    from { background-position: 50% 0px, 50% 0; }
    to { background-position: 50% 480px, 50% 0; }
}
@-webkit-keyframes floatBackground {
    from { background-position: 50% 0px, 50% 0; }
    to { background-position: 50% 480px, 50% 0; }
}

.offer-body .offer-button,
.b-stone .offer-button {
    position: relative;
    left:0;
    right: 0;
    top: 0;
    margin: 0 auto;
    background-image: url('../images/market/actions/button-buy.png');
}

.offer-timer {
    left: 50%;
    margin-left: -72px;
    bottom: -15px;
    z-index: 15;
}

.offer-discount {
    top: 120px;
}

.offer-prices {
    display: block;
    width: 161px;
    min-height: 61px;
    background: url('../images/market/actions/action-flag.png') 0 50% no-repeat;
    position: absolute;
    margin-top: -30px;
    left: 53%;
    top: 120px;
    filter: drop-shadow(3px 2px 3px #000000);
}

.offer-items {
    text-align: center;
    margin-bottom: 20px;
}

.offer-item {
    display: inline-block;
    position: relative;
    vertical-align: bottom;
    background: transparent;
    width: auto;
    height: auto;
    margin: 5%;
}

.offer-item:before {
    content: '';
    display: block;
    background: url('../images/market/actions/action-frame.png') 50% 50%/100% 100% no-repeat;
    position: absolute;
    width: 114%;
    height: 114%;
    margin-left: -7%;
    margin-top: -7%;
    top: 0px;
    left: 0px;
    z-index: 10;
}

.offer-item img {
    position: relative;
    width: 100%;
    height: auto;
}

.offer-item-image {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    top: 0px;
    left: 0px;
    background-size: 80% auto;
}

.offer-item-value,
.offer-item-name {
    width: 100%;
    position: absolute;
    left: 0px;
}

.offer-item-value {
    color: #ffffff;
    bottom: 8%;
    font-size: 16px;
    font-weight: bold;
}

.offer-item-name {
    width: 90%;
    left: 5%;
    top: 8%;
}

.offer-tape {
    display: block;
    width: 100%;
    position: absolute;
    text-align: center;
    left: 0;
    bottom: -18px;
    z-index: 15;
}

.offer-tape-inner {
    position: relative;
    display: inline-block;
    min-height: 23px;
    padding: 2px 5px;
    color: #8d0000;
    font-size: 12px;
    background: url('../images/market/actions/action-gift-tape-m.png') 50% 0 repeat-x;
}

.offer-tape-inner:before,
.offer-tape-inner:after {
    content: '';
    display: block;
    width: 12px;
    height: 23px;
    background: url('../images/market/actions/action-gift-tape-l.png') 50% 50% no-repeat;
    position: absolute;
    top: 0px;
    right: -11px;
}

.offer-tape-inner:after {
    right: auto;
    left: -11px;
    background-image: url('../images/market/actions/action-gift-tape-r.png');
}

.offer-payment {
    text-align: center;
}

.offer-payment-icon {
    text-decoration: none;
    display: inline-block;
    position: relative;
    margin: 5px 7px;
    opacity: 0.5;
}

.offer-payment-img {
    display: block;
    width: 28px;
    height: 28px;
    background: url('../images/market/actions/action-payment.png') 0 50% no-repeat;
}

._yandex .offer-payment-img { background-position: -30px 50%; }
._webmoney .offer-payment-img { background-position: -62px 50%; }
._xsolla .offer-payment-img { background-position: -93px 50%; }
._mobilepayments .offer-payment-img { background-position: -124px 50%; }
._qiwi .offer-payment-img, ._qiwi_yandex .offer-payment-img { background-position: -155px 50%; }

.offer-payment-icon._selected {
    opacity: 1;
}

.offer-payment-icon._selected:before {
    content: '';
    display: block;
    width: 58px;
    height: 55px;
    background: url('../images/market/actions/action-pay-light.png');
    position: absolute;
    left: -15px;
    top: -15px;
}

._selected .offer-payment-img {
    filter: drop-shadow(0px 0px 3px #f08a38);
    -webkit-filter: drop-shadow(0px 0px 3px #f08a38);
}


._bank .offer-timer {
    left: 5%;
    margin-left: 0px;
    bottom: 5px;
}

._bank .offer-discount {
    top: 140px;
}

._bank .offer-head:before {
    top: 145px;
}

._bank .offer-button {
    top: 90px;
    left: 52%;
}

._offer._bank .action-conditions {
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
}

@media screen and (max-width: 380px) {
    ._offer .action-name {
        font-size: 20px;
    }
    .offer-button,
    ._bank .offer-button {
        left: auto;
        right: 190px;
        margin-right: -180px;
    }

    .offer-prices {
        left: auto;
        right: 190px;
        margin-right: -180px;
    }

    .offer-discount, .offer-head:before {
        left: auto;
        right: 190px;
    }

    ._bank .offer-timer {
        width: auto;
        left: 0px;
        padding: 0px 10px;
        background: linear-gradient(to right, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 80%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(left,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 80%, rgba(0,0,0,0) 100%);
    }

    .offer-timer .offer-counter {
        position: relative;
        display: block;
        white-space: nowrap;
    }
}

/* OFFER MINI */

.offer-mini-wrapper {
    position: relative;
    display: block;
    width: 100%;
    height: 40px;
    overflow: hidden !important;
    margin: 5px 0;
}

.offer-mini {
    width: 480px;
    height: 40px;
    display: block;
    text-decoration: none;
    position: absolute;
    right: 0px;
    margin-left: -336px;
}

.offer-mini .action-title,
.offer-mini .offer-c2a {
    position: absolute;
    top: 4px;
    right: 47%;
    text-shadow: 1px 1px #000000;
    filter: drop-shadow(0px 0px 4px #000000) drop-shadow(0px 0px 4px #000000);
    -webkit-filter: drop-shadow(0px 0px 4px #000000) drop-shadow(0px 0px 4px #000000);
}
.offer-mini .offer-c2a {
    top: 22px;
    color: #ffc600;
    font-size: 14px;
}

.offer-mini .offer-discount {
    top: -5px;
    left: auto;
    right: 120px;
    margin: 0px;
    margin-left: -25px;
    height: 50px;
    width: 50px;
    background-image: url('../images/market/starterpacks/discount90.png');
    background-size: 100% 100%;
    animation: actionDiscount 3s ease-in-out infinite;
    -webkit-animation: actionDiscount 3s ease-in-out infinite;
    transform: rotateZ(10deg);
    -webkit-transform: rotateZ(10deg);
}

@keyframes actionDiscount {
    from, 20%, to { transform: scale(1) rotateZ(10deg); }
    10% { transform: scale(1.2) rotateZ(10deg); }
}
@-webkit-keyframes actionDiscount {
    from, 20%, to { -webkit-transform: scale(1) rotateZ(10deg); }
    10% { -webkit-transform: scale(1.2) rotateZ(10deg); }
}

.offer-mini .offer-discount-text {
    font-size: 11px;
    top: 12px;
}

.offer-mini .offer-discount-value {
    font-size: 16px;
    top: 10px;
}

.offer-mini .action-image {
    position: absolute;
    bottom: 0px;
    right: 74%;
}


.offer-arrow {
    display: block;
    position: absolute;
    width: 7px;
    height: 18px;
    top: 11px;
    right: 15px;
    background: url('../images/market/actions/arrow-wight-light.png') 50% 50% no-repeat;
    animation: actionArrow 3s ease-in-out infinite;
    -webkit-animation: actionArrow 3s ease-in-out infinite;
}
.offer-arrow._delay {
    right: 10px;
    animation: actionArrowDelay 3s ease-in-out infinite;
    -webkit-animation: actionArrowDelay 3s ease-in-out infinite;
}

@keyframes actionArrow {
    from, 25%, 45%, to { transform: translateX(0px); }
    35% { transform: translateX(3px); }
}
@-webkit-keyframes actionArrow {
    from, 25%, 45%, to { -webkit-transform: translateX(0px); }
    35% { -webkit-transform: translateX(3px); }
}

@keyframes actionArrowDelay {
    from, 30%, 50%, to { transform: translateX(0px); }
    40% { transform: translateX(5px); }
}
@-webkit-keyframes actionArrowDelay {
    from, 30%, 50%, to { -webkit-transform: translateX(0px); }
    40% { -webkit-transform: translateX(5px); }
}


.offer-mini .offer-counter {
    width: auto;
    top: 10px;
    left: auto;
    right: 30px;
}

.offer-mini {
    background: url('../images/market/actions/std-treasure.jpg') 0% 50% no-repeat;
}

@media screen and (max-width: 400px) {
    .offer-wrapper .shop-header {
        width: 100% !important;
        margin-left: -10px;
    }
    .offer-wrapper .shop-header td:last-child {
        width: 45px;
    }
    .offer-wrapper .wrap-artbox-close {
        right: 0px;
        top: -2px;
    }


}

@media screen and (max-width: 390px) {
    
}

@keyframes actionDiscountShort {
    from, 20%, 28%, 60%, to { transform: translateX(0px) scale(1) rotateZ(10deg); opacity: 1; }
    25% { transform: translateX(-10px) scale(1) rotateZ(10deg); opacity: 1; }
    30%, 49.999% { transform: translateX(100px) scale(1) rotateZ(10deg); opacity: 1; }
    50% { transform: translateX(0px) scale(1.2) rotateZ(0deg); opacity: 0; }
}



.offer-mini._notimer .action-title,
.offer-mini._notimer .offer-c2a {
    right: 35%;
}

@media screen and (max-width: 420px) and (min-width: 360px) {
    .offer-mini .offer-counter>* {
        right: 60px;
        font-size: 14px !important; 
    }

    .offer-mini .offer-discount {
        right: 100px;
    }

    .offer-mini .offer-counter .offer-clock {
        width: 10px;
        height: 18px;
        background-size: contain;
    }
}

@media screen and (max-width: 360px) {
    .offer-mini {
        width: 100%;
    }

    .offer-mini .offer-c2a {
        display: none;
    }

    .offer-mini .action-title {
        top: 2px;
        right: auto;
        left: 114px;
    }

    .offer-mini._notimer .offer-c2a {
        left: 5px;
        display: block;
    }
    .offer-mini._notimer .action-title {
        top: 2px;
        left: 5px;
        z-index: 100;
    }

    .offer-mini._notimer .action-image {
        left: -5px;
        opacity: 0.9;
        display: none;
    }

    .offer-mini .offer-discount {
        left: auto;
        right: -5px;
        z-index: 10;
        animation: actionDiscountShort 3s linear infinite;
        -webkit-animation: actionDiscountShort 3s linear infinite;
    }

    .offer-mini .offer-counter {
        right: auto;
        left: 80px;
        font-size: 18px;
        top: 18px;
    }
}

.offer-mini .action-image {
    top: 0px;
    left: 0px;
    opacity: 1;
}

@media screen and (max-width: 480px) {
    .offer-mini {
        width: 100%;
    }
}

.offer-mini .action-title,
.offer-mini .offer-c2a {
    left: 80px;
    right: auto;
}

/* widget skins */
.offer-mini._starter-pack-1,
.offer-mini._starter-pack-2,
.offer-mini._starter-pack-3 {
    background-image:url('../images/market/starterpacks/action-small-bg.jpg') !important;
}

.offer-mini._event {
    background-image:url('../images/market/actions/event-hunt-bg.jpg') !important;
}

.offer-mini._ice {
    background-image:url('../images/market/actions/icetower-bg.jpg') !important;
}
.offer-mini._ice .action-title { color: #6df1ff; }
.offer-mini._ice .offer-c2a { color: #aaaaaa; }

.offer-mini._magic {
    background-image:url('../images/market/actions/charmed-bg.jpg') !important;
}
.offer-mini._magic .action-title { color: #f3c5f1; }

.offer-mini._orange {
    background-image:url('../images/market/actions/std-orange.jpg') !important;
}
.offer-mini._orange .action-title { color: #ffba3c; }
.offer-mini._orange .offer-c2a { color: #aaaaaa; }

.offer-mini._treasure {
    background-image:url('../images/market/actions/std-treasure.jpg') !important;
}
.offer-mini._treasure .action-title { color: #ffba3c; }
.offer-mini._treasure .offer-c2a { color: #aaaaaa; }

.offer-mini._green {
    background-image:url('../images/market/actions/std-green.jpg') !important;
}
.offer-mini._green .action-title { color: #36ef18; }

/* SLIDER */

.slider-container {
    position: relative;
}

.slider-arrows {
    position: absolute;
    width: 100%;
    height: 40px;
    top: 45px;
    z-index: 100;
    white-space: nowrap;
    overflow: hidden;
}

.slider-arrows:first-child {
    top: 45px;
}

.slider-arrow {
    width: 50%;
    height: 40px;
    display: inline-block;
    background: url('../images/icons/slide-arrow.png') 96% 0 no-repeat;
    cursor: pointer;
    transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    animation: sliderArrowR 1.5s ease-in-out infinite;
    -webkit-animation: sliderArrowR 1.5s ease-in-out infinite;
}

@keyframes sliderArrowR {
    40% { transform: translateX(5px); }
}
@-webkit-keyframes sliderArrowR {
    40% { -webkit-transform: translateX(5px); }
}

.slider-arrow._left {
    background-position: 4% 100%;
    animation: sliderArrowL 1.5s ease-in-out infinite;
    -webkit-animation: sliderArrowL 1.5s ease-in-out infinite;
}

@keyframes sliderArrowL {
    40% { transform: translateX(-5px); }
}
@-webkit-keyframes sliderArrowL {
    40% { -webkit-transform: translateX(-5px); }
}
.slider-body {
    width: 100%;
    position: relative;
    min-height: 220px;
    overflow: hidden;
}

.slider-actions {
    position: relative;
    top: 0px;
    left: 0px;
    transition: left 0.5s;
    -webkit-transition: left 0.5s;
}

.slider-pages {
    position: relative;
    /*margin-bottom: 5px;*/
    padding: 5px;
    text-align: center;
    z-index: inherit;
    background: url('../images/market/actions/action-back.jpg') 50% 5% no-repeat;
    border-radius: 0 0 10px 10px;
}

.slider-pages:first-child {
    margin:0px;
    padding: 10px;
}

.slider-page {
    display: inline-block;
    padding: 5px;
    margin: 0 5px;
    position: relative;
    z-index: 100;
    cursor: pointer;
}

.slider-page:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #423624;
    transition: background-color 0.25s;
}

.slider-page._on:before {
    background: #be9c65;
    animation: sliderPage 1.5s ease-in-out infinite;
    -webkit-animation: sliderPage 1.5s ease-in-out infinite;
}

@keyframes sliderPage {
    50% { filter: drop-shadow(0px 0px 5px #fb0) drop-shadow(0px 0px 5px #fb0); }
}
@-webkit-keyframes sliderPage {
    50% { -webkit-filter: drop-shadow(0px 0px 5px #fb0) drop-shadow(0px 0px 5px #fb0); }
}

a._offer {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.offer-body {
    padding-top: 50px;
}

.offer-body .offer-button {
    position: absolute;
    z-index: 100;
    top: -40px;
    left: 50%;
    margin-left: -90px;
}

.offer-prices .offer-timer {
    top: 100%;
    left: 0%;
    margin: 0px;
    height: 24px;
}

.offer-prices .offer-timer .offer-counter {
    font-size: 16px;
    top: 2px;
}

@keyframes tutorialLight {
    from { opacity: 0.2; transform: scale(0.1); }
    30% { opacity: 1; transform: scale(0.6) }
    80%, to { opacity: 0; transform: scale(1.5) }
}
@-webkit-keyframes tutorialLight {
    from { opacity: 0.2; -webkit-transform: scale(0.1); }
    30% { opacity: 1; -webkit-transform: scale(0.6) }
    80%, to { opacity: 0; -webkit-transform: scale(1.5) }
}


.item-info._green {
    background-image: url('../images/content/button-square-green.png');
}

.b-task {
    background: #171512 linear-gradient(to right, #000000 0%, #171512 40%, #171512 60%, #000000 100%);
    overflow: hidden;
}

.quest-line {
    display: block;
    position: relative;
    background: url('../images/combat/mob_shade_top.png') 0 -10px/100% 30px repeat-x, url('../images/combat/mob_shade_bot.png') 0 105%/100% 50px repeat-x, url('../images/content/cutscenes/bg-stone-cutscene.jpg') 50% 0 repeat-y;
    text-decoration: none;
    margin: 10px 0;
    padding: 10px 10px;
    border: 1px solid #43372c;
}


.quest-line table {
    width: 100%;
}

.quest-line td {
    vertical-align: middle;
}

.quest-line td:first-child {
    width: 61px;
}

.quest-line td:last-child {
    width: 30px;
}

.quest-tick {
    display: block;
    width: 41px;
    height: 34px;
    margin: 0 10px 0 5px;
    background: url('../images/icons/tick-strip.png') 100% 50% no-repeat;
}

._complete .quest-tick {
    background-position: 0 50%;
}

.quest-line .item-info {
    display: block;
}

.quest-name {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}

.quest-description {
    font-size: 12px;
    color: #A0A090 ;
}


/* QUESTS */
.quest-notice {
    margin-top: 3px;
    display: block;
    padding: 10px;
    position: relative;
    z-index: 999;
    background: linear-gradient(to right, #111111, #251f16);
    text-decoration: none;
    text-align: left;
}

.combat-result .quest-notice {
    margin: 20px auto 0 auto;
}

.quest-notice:before, .quest-notice:after {
    content: '';
    width: 100%;
    height: 1px;
    background: url('../images/content/sep-bg-dark.png') 50% 50% no-repeat;
    background-size: 100% 1px;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.quest-notice:after {
    top: 0px;
}

.quest-npc {
    display: block;
    position: absolute;
    right: 75%;
    bottom: 1px;
    z-index: 1000;
}

.quest-contaner {
    display: block;
    width: 60%;
    margin-left: 30%;
}
.quest-arrow {
    opacity: 0.5;
    display: block;
    position: absolute;
    width: 7px;
    height: 18px;
    top: 50%;
    margin-top: -9px;
    right: 15px;
    background: url('../images/market/actions/arrow-wight-light.png') 50% 50% no-repeat;
}

.quest-title {
    display: block;
    color: #e8ba00;
    margin-bottom: 5px;
    font-size: 14px;
}

.quest-arrow._delay {
    right: 10px;
}

@media screen and (max-width: 320px) {
    .quest-notice {
        padding: 5px 0;
    }

    .quest-title, .quest-description {
        display: inline-block;
    }

    .quest-description {
        margin: 0px;
    }
}

/* FAIL */
.quest-line._fail {
    border-color: #670904;
    background: url("../images/combat/mob_shade_top.png") 0 -25%/100% 30px repeat-x, url("../images/combat/mob_shade_bot.png") 0 125%/100% 30px repeat-x, url("../images/task/task-fail-back.jpg") 50% 50% repeat-y; }
}
.quest-line._fail .quest-name {
    color: #ef2121; 
}

.button-mini._fail {
    background-image: url("../images/content/button-mini-bg-middle-act.png");
}

.button-mini._fail:before {
    background-image: url("../images/content/button-mini-bg-left-act.png");
}

.button-mini._fail:after {
    background-image: url("../images/content/button-mini-bg-right-act.png");
}

/* FEATURED */
.quest-line._feature {
  position: relative;
  overflow: hidden;
  border-color: #bda111;
    background: url("../images/combat/mob_shade_top.png") 0 -25%/100% 30px repeat-x, url("../images/combat/mob_shade_bot.png") 0 125%/100% 30px repeat-x, url("../images/task/task-active-back.jpg") 50% 50% repeat-y; }
}
.quest-line._feature .quest-name {
    color: #ffe355;
}

.quest-line._feature .c-brown,
.quest-line._feature .c-light {
    color: #ffffff;
}
.quest-line._feature .quest-description {
    color: #ffe355;
}

.quest-line._feature:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(145deg, rgba(200, 200, 0, 0) 30%, rgba(255, 200, 100, 0.25) 50%, rgba(200, 200, 0, 0) 70%);
  background: -webkit-linear-gradient(-45deg, rgba(200, 200, 0, 0) 30%, rgba(255, 200, 100, 0.25) 50%, rgba(200, 200, 0, 0) 70%);
  animation: taskGlow 3s linear infinite;
  -webkit-animation: taskGlow 3s linear infinite; }

@keyframes taskGlow {
    from {
        background-position: -100% 50%;
    }
    15%, to {
        background-position: -200% 50%;
    }
}
@-webkit-keyframes taskGlow {
    from {
        background-position: -100% 50%;
    }
    15%, to {
        background-position: -200% 50%;
    }
}

/* NEW TASKS */
.task-wrapper {
    position: relative;
    text-decoration: none;
    display: table;
    width: 100%;
    background: url("../images/task/task-arrow.png") 98% 50% no-repeat, url("../images/content/cutscenes/bg-stone-cutscene.jpg") 50% 50% repeat-y #201f1c;
    height: 100px;
    min-height: 100px;
    padding: 5px;
    box-sizing: border-box;
    overflow: hidden;
}
.task-wrapper > div {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding: 5px;
}
.task-wrapper._feature {
    background: url("../images/task/task-arrow.png") 98% 50% no-repeat, url("../images/task/task-active-back.jpg") 50% 50% repeat-y #201f1c;
}
.task-wrapper._feature:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(145deg, rgba(200, 200, 0, 0) 30%, rgba(255, 200, 100, 0.25) 50%, rgba(200, 200, 0, 0) 70%);
    background: -webkit-linear-gradient(-45deg, rgba(200, 200, 0, 0) 30%, rgba(255, 200, 100, 0.25) 50%, rgba(200, 200, 0, 0) 70%);
    animation: taskGlow 3s linear infinite;
    -webkit-animation: taskGlow 3s linear infinite;
}
.task-wrapper._complete {
    background: url("../images/task/task-arrow.png") 98% 50% no-repeat, url("../images/task/task-complete-back.jpg") 50% 50% repeat-y #201f1c;
}
.task-wrapper._fail {
    background: url("../images/task/task-fail-back.jpg") 50% 50% repeat-y #201f1c;
}
.task-wrapper:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url("../images/content/unlock-btn-bot.png") 50% 50% no-repeat;
    background-size: 100% 100%;
}
.task-image {
    text-align: center;
    width: 15%;
    max-width: 50px;
}
.task-image:before {
    content: "";
    display: block;
    width: 50px;
    height: 60px;
    background: url("../images/task/task-state.png") 50% 0 no-repeat;
}
._fail .task-image:before {
    background-position: 50% 100%;
}
.task-header {
    color: #cfd2b8;
    font-size: 16px;
    padding-bottom: 5px;
}
._feature .task-header {
    color: #feed98;
}
._complete .task-header {
    color: #5cff58;
}
._fail .task-header {
    color: #ff8d31;
}
@media screen and (max-width: 360px) {
    .task-header {
        font-size: 14px;
    }
}
.task-description {
    font-size: 14px;
    color: #a8aa97;
}
._feature .task-description {
    color: #dbc244;
}
._complete .task-description {
    color: #05c200;
}
._fail .task-description {
    color: #d14500;
}
@media screen and (max-width: 360px) {
    .task-description {
        font-size: 12px;
    }
}
.task-timer {
    color: #a8aa97;
    font-size: 14px;
    margin-top: 1em;
}
.task-reward {
    position: relative;
    width: 25%;
    max-width: 80px;
    text-align: center;
    color: #a8aa97;
    font-size: 14px;
}
@media screen and (max-width: 360px) {
    .task-reward {
        font-size: 12px;
    }
}
.task-reward img {
    max-width: 54px;
    height: auto;
}
.task-reward:before {
    content: "";
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 55%;
    margin-top: -50px;
    margin-left: -50px;
    background: url("../images/chests/shine-bright.png") 50% 50% no-repeat;
    background-size: contain;
    z-index: 1;
    opacity: 0.75;
}
.task-reward > * {
    display: block;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 5;
}
.task-reward > span:first-child {
    margin-bottom: 2px;
}
._complete .task-reward {
    color: #ffffff;
    border-radius: 10px;
    border: 1px solid #336408;
    background: linear-gradient(to bottom, #438706, #264c03 98%);
    background: -webkit-linear-gradient(top, #438706, #264c03 98%);
    box-shadow: inset 0px 4px 2px rgba(124, 255, 12, 0.4), inset 0px -4px 2px rgba(21, 43, 2, 0.4), inset 0px -4px 2px rgba(21, 43, 2, 0.4);
    -webkit-box-shadow: inset 0px 4px 2px rgba(124, 255, 12, 0.4), inset 0px -4px 2px rgba(21, 43, 2, 0.4), inset 0px -4px 2px rgba(21, 43, 2, 0.4);
    background-color: #1c5b00;
}
._fail .task-reward {
    color: #ffffff;
    border-radius: 10px;
    border: 1px solid #641e08;
    background: linear-gradient(to bottom, #d75100, #7a2e00 98%);
    background: -webkit-linear-gradient(top, #d75100, #7a2e00 98%);
    box-shadow: inset 0px 4px 2px rgba(252, 156, 0, 0.4), inset 0px -4px 2px rgba(68, 25, 0, 0.4), inset 0px -4px 2px rgba(68, 25, 0, 0.4);
    -webkit-box-shadow: inset 0px 4px 2px rgba(252, 156, 0, 0.4), inset 0px -4px 2px rgba(68, 25, 0, 0.4), inset 0px -4px 2px rgba(68, 25, 0, 0.4);
    background-color: #1c5b00;
}
._fail .task-reward:before {
    display: none;
}
.task-reward-amount {
    font-size: 16px;
    font-weight: bold;
    margin-top: -10px;
    text-shadow: 0px -2px 2px #000000, 0px 2px 2px #000000, 2px 0px 2px #000000, -2px 0px 2px #000000;
    -webkit-text-shadow: 0px -2px 2px #000000, 0px 2px 2px #000000, 2px 0px 2px #000000, -2px 0px 2px #000000;
    color: #ffffff;
}
.task-reward-comment {
    display: inline-block;
    font-size: 11px;
    width: 80%;
    margin: 3px 10% 0 10%;
    color: #888888 !important;
    line-height: 1.2em;
}
._complete .task-reward-comment {
    color: #ffffff !important;
}
.lands-container._campaign._land-none .land-body {
    background: url("../images/combat/mob_shade_top.png") 0 -25% repeat-x, url("../images/combat/mob_shade_bot.png") 0 125% repeat-x, url("../images/content/cutscenes/cutscene-wall.jpg") 50% 50% repeat-y;
    background-size: 100% 50px, 100% 50px, auto auto;
}
.lands-container._campaign._land-none .land-description {
    color: #cfd2b8;
    padding-bottom: 10px;
}
.lands-container._campaign._land-none .land-name {
    margin: 8px auto;
}


.b-content {
    position: static;            
}
.main-container {
    position: relative;            
}

.wrap-artbox {
    position: absolute;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}
.artbox {
    position: relative;
    overflow: hidden;            
    margin: 33px auto 0 auto;
    width: 307px;
    height: 341px;
    background: url('../images/leagues/artbox-bg.png') 50% 0 no-repeat;
}
@media screen and (max-width: 310px) { 
   .artbox {
        width: 240px;
   }
}

.artbox-title {
    position: absolute;
    z-index: 1100;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding-top: 20px;
    color: #e3dbc9;            
}
.artbox-subtitle {
    position: absolute;
    top: 222px;
    z-index: 1100;
    left: 0;
    width: 100%;
    text-align: center;     
    color: #e3dbc9;           
}
.artbox-wrap-button {
    position: absolute;
    z-index: 1100;
    bottom: 23px;
    left: 0;
    width: 100%;
    text-align: center;            
}

.show-league-reward {
    position: absolute;
    z-index: 1007;
    top: 90px;
    left: 0;
    width: 100%;
    text-align: center;            
}


.league-logo-img {           
    width: 115px;
    height: 115px;              
    position: relative;                         
    -webkit-filter: drop-shadow(0px 0px 13px rgba(255,183,45,1)) drop-shadow(0px 0px 13px rgba(255,72,0,1));
    filter: drop-shadow(0px 0px 13px rgba(255,183,45,1)) drop-shadow(0px 0px 13px rgba(255,72,0,1));           
}

/*............................................
...............WEEKLY LEAGUES.................
............................................*/

.siege-title-text {
    height: 49px;
    white-space: nowrap;
    margin-top: 2px;
    padding-top: 8px;
    text-align: center;
    font-size: 18px;
    color: #FFF;
    background: url('../images/content/flag-title-bg.png') repeat-x 0 0 transparent;
}   


@media screen and (max-width: 400px) {
    .siege-title-text .siege-year {
        display: none;
    }
}
   
.siege-reward td:last-child {
    background: #2c261f;
    border-radius: 6px;
    padding: 8px;
    min-height: 108px;
}


.siege-reward .rwrd-item {
    margin: 5px 0px 10px 0px !important;
    height: 40px;
    min-width: 50px;
    width: auto;
    text-align: center;
}

.siege-reward .rwrd-item img {
    height: 40px;
    width: auto;
}

.siege-reward .rwrd-item-count {
    font-size: 18px;
    width: 100%;
    min-width: 0;
    min-height: 0;
    line-height: 1em;
    text-align: center;
    bottom: -12px;
}

.siege-reward .rwrd-item-count._text {
    font-size: 12px;
    line-height: 14px;
    bottom: -8px;
    text-align: center;
}

.siege-reward .rwrd-item-count._time {
    bottom: -14px;
    font-size: 12px;
}


.siege-reward-icon {
    margin-right: 10px;
    background: url('../images/leagues/artbox-light-2.png') 50% 50% no-repeat;
    background-size: 150% 150%;
}


@media screen and (max-width: 360px) {
    .siege-reward .rwrd-item {
        height: 30px;
        min-width: 40px;
    }

    .siege-reward .rwrd-item img {
        height: 30px;
    }

    .siege-reward .rwrd-item-count {
        font-size: 16px;
    }

    .siege-reward .rwrd-item-count._text {
        font-size: 10px;
    }

    .siege-reward-icon img {
        width: 90px;
        height: auto;
    }

    .siege-reward-icon {
        background-size: 130% 130%;
    }

    .siege-faq-description {
        padding: 20px 10px 20px 10px;
    }

    .siege-end-middle table {
        font-size: 12px
    }
}

@media screen and (max-width: 300px) {
    .siege-reward-icon img {
        width: 70px;
        height: auto;
    }

    .siege-reward-icon {
        background-size: 120% 120%;
    }

    .siege-faq-description {
        padding: 10px 3px 10px 3px;
        margin: 0;
    }

    .siege-faq-set img {
        width: 35px;
        height: 35px;
    }
    
    .siege-faq-set {
        width: 100%;
    }

    .siege-faq-set td{
        width: 30px !important;
    }

    .siege-end .siege-tab-name-long {
        display: none;
    }
    .siege-end .siege-tab-name-short {
        display: inline;
        font-size: 12px;
    }
}

.siege-faq {
    margin-left: 2px;
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 18px;
    border-radius: 50%;
    background: #978c6d;
    text-align: center;
    text-decoration: none;
    padding-top: 2px;
}
.siege-faq:before {
    content: '?';
    display: inline;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

/*----------------LEAGUES-FAQ-----------------*/
.siege-faq-block {
    display: block;
    margin-top: 3px;
    padding: 15px 40px 15px 10px;
    background: url('../images/content/arr-down-16x16.png') 98% 70% no-repeat #231f1b;
    border: 1px solid #44382D;
    text-decoration: none;
}

.siege-faq-block._open {
    background: url('../images/content/arr-up-16x16.png') 98% 30% no-repeat #231f1b;
}

.siege-faq-block>img {
    position: relative;
    top: -7px
}

.siege-faq-league {
    display: inline-block;
    float: right;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    min-width: 80px;
}

.siege-faq-description {
    background: url('../images/combat/mob_shade_top.png') 0 -20px repeat-x #231f1b;
    padding: 25px 20px 25px 20px;
    margin: 0 2% 5px 2%;
    text-align: center;
}

.siege-faq-description .siege-reward {
    margin: 10px 0 30px 0;
}

/*----------------Popup_v2-----------------*/
.siege-end {
    max-width: 400px;
    min-width: 240px;
    width: auto;
    overflow-x: hidden;
    margin: 40px auto;
    text-align: center;
    animation: showRewrad 0.5s 1 ease-in forwards;
    -webkit-animation: showRewrad 0.5s 1 ease-in forwards;
}

@keyframes showRewrad {
    from, 20% {
        transform: scale(0.8);
        opacity: 0;
    }
    70% {
        transform: scale(1.05);
        opacity: 1;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes showRewrad {
    from, 20% {
        -webkit-transform: scale(0.8);
        opacity: 0;
    }
    70% {
        -webkit-transform: scale(1.05);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

.siege-end-top {
    position: relative;
    height: 97px;
    background: url('../images/leagues/popap_tl.png') 0 0 no-repeat, url('../images/leagues/popap_tr.png') 100% 0 no-repeat, url('../images/leagues/popap_tm.png') 50% 0 no-repeat;
    background-size: auto auto, auto auto, 80% 97px;
}

.siege-end-middle {
    position: relative;
    background: url('../images/leagues/popap_ml.png') 0 0 no-repeat, url('../images/leagues/popap_mr.png') 100% 0 no-repeat, url('../images/leagues/popap_mm.png') 50% 0 no-repeat;
    background-size: 60px 100%, 60px 100%, 80% 100%;
}

.siege-end-bottom {
    position: relative;
    height: 55px;
    background: url('../images/leagues/popap_bl.png') 0 0 no-repeat, url('../images/leagues/popap_br.png') 100% 0 no-repeat, url('../images/leagues/popap_bm.png') 50% 0 no-repeat;
    background-size: auto auto, auto auto, 80% 55px;
}

.siege-end .art-button {
    z-index: 15000;
}

.siege-end .art-button:after {
    animation: showButtonHighlight 2.7s linear infinite;
    -webkit-animation: showButtonHighlight 2.7s linear infinite;
}

.siege-end-league {
    position: relative;
    margin-top: 5px;
    max-width: 70px;
    max-height: 70px;
}

.siege-end-league img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 10010;
}

.siege-end-league:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -60px;
    margin-top: -60px;
    width: 120px;
    height: 120px;
    background: url('../images/leagues/artbox-light-2.png') 50% 50% no-repeat, url('https://lords.mobi/content/images/leagues/artbox-light-1.png') 50% 50% no-repeat;
    background-size: 100% 100%, 100% 100%;
    z-index: 10005;
    animation: substrateRotateTo 40s linear infinite;
    -webkit-animation: substrateRotateTo 40s linear infinite;
}

.siege-end .siege-reward {
    padding: 10px 20px 30px 20px;
}

/*..................End of....................
...............WEEKLY LEAGUES...............*/
.b-switch {
    margin-top: 0px;
}

#talents {
    width: 100%;
    height: 100% !important;
    overflow: hidden;
    position: relative;
}

#talents canvas {
    position: absolute;
    left: 0px;
    top:0px;
}

.talent-card {
    position: fixed;
    left: 50%;
    bottom: 35px;
    z-index: 50000;
    display: block;
    width: 312px;
    margin-left: -160px;
}

.talent-card-content {
    background: url('../images/content/popups/cornet-gold-l.png') 2% 95% no-repeat, url('../images/content/popups/cornet-gold-r.png') 98% 95% no-repeat, url('../images/content/cutscenes/bg-stone-cutscene.jpg') 50% 50% repeat-y;
    overflow: hidden;
    border-radius: 5px;
    text-align: center;
    padding: 20px 20px 40px 20px;
}

.talent-card .inv-item-menu-close {
    background: url('../images/content/close-popup.png') 50% 50%/60% 60% no-repeat;
    opacity: 1;
    right: -12px;
    top: -12px;
    z-index: 50010;
    width: 40px;
    height: 40px;
}

.talent-content {
    height: 100%;
}

.talent-icon {
    position: relative;
    width: 69px;
    height: 69px;
    margin-right: 8px;
    background: url('../talents/sprites.png') 0 50% no-repeat;
}

.main-button._action {
    background-image: url('../images/content/main-button-green.png');
}

.talent-card .main-button {
    position: absolute;
    z-index: 500;
    bottom: -25px;
    left: 50%;
    margin-left: -100px;
    display: none;
}

.talent-card .main-button .main-button-inner {
    padding-bottom: 0px;
    padding-top: 4px;
}

 @media screen and (max-width: 330px) {
    .talent-card {
        left: 0;
        margin-left: 0px;
        width: 100%;
    }

    .talent-card .inv-item-menu-close {
        right: 0px;
    }
}

.talent-lock-text, .talent-bought {
    display: none;
    position: absolute;
    bottom: 10px;
    left: 0;
    font-family: 'Trajan', Arial, sans-serif;
    text-align: center;
    width: 100%;
}

.talent-card[state='0'] .talent-lock-text {
    display: block;
}
.talent-card[state='-1'] .talent-lock-text {
    display: block;
}

.talent-card[state='1'] .main-button {
    display: block;
}

.talent-card[state='2'] .talent-bought {
    display: block;
}

 .talent-card {
    display: none;
} 


/* tree popup */
.talent-card._tree {
    display: block;
    bottom: auto;
    top: 5vh;
    height: 80vh;
    width: 94%;
    min-width: 290px;
    max-width: 460px;
    left: 2%;
    margin:0;
}

@media screen and (min-width: 480px) {
    .talent-card._tree {
        width: 452px;
        left: 50%;
        margin-left: -230px;
    }
}

.talent-card._tree .inv-item-menu-close {
    background-size: 100% 100%;
    right: -5px;
    top: -3px;
}

#talents {
    height: auto;
    min-height: 240px;
}

.talent-cost {
    font-size: 16px;
    position: absolute;
    right: -7px;
    bottom: -10px;
    filter: drop-shadow(0px 0px 2px #000000) drop-shadow(0px 0px 5px #000000) drop-shadow(0px 0px 5px #000000);
    -webkit-filter: drop-shadow(0px 0px 2px #000000) drop-shadow(0px 0px 5px #000000) drop-shadow(0px 0px 5px #000000);
}

.talent-cost span {
    position: relative;
    top: 3px;
}

.talent-list-item {
    line-height: 1.5em;
    position: relative;
    padding: 15px 3%;
    width: 90%;
    margin: 3px 3% 3px 1%;
    box-shadow: inset 0 1px 2px rgba(255,255,255,.2), inset 0 -2px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 1px 2px rgba(255,255,255,.2), inset 0 -2px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(0,0,0,.2);
    border-radius: 5px;
}

#talents._list {
    overflow: hidden;
}

.talents-list {
    width: calc(100% + 22px);
    height: 100%;
    overflow-y: scroll;
}

.talents-reset {
    position: absolute;
    left: 0px;
    top: -22px;
    cursor: pointer;
    background: #000000;
}

.talent-frame {
    position: absolute;
    width: 97px;
    height: 97px;
    top: 50%;
    left: 50%;
    margin: -48.5px;
    background: url('../images/talents/talents-frame-locked.png') 50% 50% no-repeat;
}

.talent-card[state='1'] .talent-frame {
    background-image: url('../images/talents/talents-frame-ready.png');
}

.talent-card[state='2'] .talent-frame {
    background-image: url('../images/talents/talents-frame-normal.png');
}

.talent-card[state='1'] .talent-cost .font-btn {
    color: #ffffff;
    font-weight: bold;
    font-size: 20px;
}

.talent-card[state='2'] .talent-cost .font-btn {
    color: #ffaa00;
}

/* Buy tallent */

._buy .talent-icon:before,
._buy .talent-icon:after {
    content: '';
    display: block;
    width: 300px;
    height: 300px;
    background: url('../images/content/cutscenes/shine-artefact.png') 50% 50% no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -150px;
    animation: buyGlow 0.6s 1 ease-out forwards;
    -webkit-animation: buyGlow 0.6s 1 ease-out forwards;
    opacity: 0;
    z-index: 50009;
}

._buy .talent-icon:after {
    background-image:  url('../images/leagues/artbox-light-2.png');
    animation: buyGlow 0.8s 1 ease-out forwards;
    -webkit-animation: buyGlow 0.8s 1 ease-out forwards;
    opacity: 0;
}

@keyframes buyGlow {
    from { opacity: 0; transform: scale(0.25); }
    10% { opacity: 1; transform: scale(0.8); }
    50% { opacity: 1; transform: scale(1); }
    to { opacity: 0; transform: scale(1.5); }
}
@-webkit-keyframes buyGlow {
    from { opacity: 0; -webkit-transform: scale(0.25); }
    10% { opacity: 1; -webkit-transform: scale(0.8); }
    50% { opacity: 1; -webkit-transform: scale(1); }
    to { opacity: 0; -webkit-transform: scale(1.5); }
}

._buy .talent-frame:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    background: url('../images/talents/talents-frame-ready.png') 50% 50% no-repeat;
    opacity: 0;
    animation: frameBuy 0.25s 1 ease-out forwards;
    -webkit-animation: frameBuy 0.25s 1 ease-out forwards;
}

@keyframes frameBuy {
    from { opacity: 1; transform: scale(1); }
    to { opacity: 0; transform: scale(1.25); }
}
@-webkit-keyframes frameBuy {
    from { opacity: 1; -webkit-transform: scale(1); }
    to { opacity: 0; -webkit-transform: scale(1.25); }
}

._buy .main-button {
    display: block;
    transform-origin: 50% 0%;
    animation: buttonBuy 0.25s 1 ease-out forwards;
    -webkit-animation: buttonBuy 0.25s 1 ease-out forwards;
}

@keyframes buttonBuy {
    from { opacity: 1; transform: scale(1); }
    to { opacity: 0; transform: scale(0.5); }
}
@-webkit-keyframes buttonBuy {
    from { opacity: 1; -webkit-transform: scale(1); }
    to { opacity: 0; -webkit-transform: scale(0.5); }
}

.talent-bought {
    animation: textBought 0.2s 1 ease-out forwards;
    -webkit-animation: textBought 0.2s 1 ease-out forwards;
}

@keyframes textBought {
    from { opacity: 0; transform: scale(7.5); }
    from { opacity: 0.25; transform: scale(7); }
    to { opacity: 1; transform: scale(1); }
}
@-webkit-keyframes textBought {
    from { opacity: 0; -webkit-transform: scale(7.5); }
    from { opacity: 0.25; -webkit-transform: scale(7); }
    to { opacity: 1; -webkit-transform: scale(1); }
}

.talent-card._buy {
    animation: shake 0.25s 0.15s 1 linear forwards;
    -webkit-animation: shake 0.25s 0.15s 1 linear forwards;
}

@keyframes shake {
    from {
        transform: translate(-1px, 0px);
    }

    2%,20%, 26%, 32%, 42%, 48%, 52%, 58%, 64%, 68%, 74%, 80%, 97% {
        transform: translate(2px, -2px);
    }

    10%,15%,22%, 30%, 34%, 38%, 46%, 50%, 56%, 62%, 70%, 76%, 90%, 95% {
        transform: translate(-3px, 0px);
    }

    4%, 17%, 24%, 28%, 36%, 40%, 44%, 54%, 60%, 66%, 72%, 78%, 85%, 92% {
        transform: translate(3px, -3px);
    }
    to {
        transform: translate(0px, 0px);
    }
}
@-webkit-keyframes shake {
    from {
        -webkit-transform: translate(-1px, 0px);
    }

    2%,20%, 26%, 32%, 42%, 48%, 52%, 58%, 64%, 68%, 74%, 80%, 97% {
        -webkit-transform: translate(2px, -2px);
    }

    10%,15%,22%, 30%, 34%, 38%, 46%, 50%, 56%, 62%, 70%, 76%, 90%, 95% {
        -webkit-transform: translate(-3px, 0px);
    }

    4%, 17%, 24%, 28%, 36%, 40%, 44%, 54%, 60%, 66%, 72%, 78%, 85%, 92% {
        -webkit-transform: translate(3px, -3px);
    }
    to {
        -webkit-transform: translate(0px, 0px);
    }
}
 .wrap-qst {   
    border: 1px solid #44382d;
    border-top: 0;
    padding: 15px 0;
    background: url('../images/task/qst-reward-bg.jpg') repeat-x 50% 100% #231f1b;
}
.qst-link {
    display: table;
    width: 100%;
    text-decoration: none;
    color: #e3dbc9;
    font-size: 12px;
}
.qst-link-icn, .qst-link-text, .qst-link-count {
    display: table-cell;
    vertical-align: middle;          
    position: relative;                              
    min-height: 54px;                                                              
}
.qst-link-icn-substrate {
    display: inline-block;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: linear-gradient(to bottom, #0e0a07 1%,  #1f1106 100%) !important;
    background: #1f1106;
}
.qst-link-icn {
    width: 69px;
    text-align: right; 
    padding: 5px 10px 5px 0;               
}
.qst-link-count {
    width: 81px;       
    text-align: center;                
}
.qst-link._active:hover, .qst-link._active:active {
    color: #fff;
}
.qst-link._active:hover .qst-link-icn-substrate, .qst-link._active:active .qst-link-icn-substrate {
    background: radial-gradient(circle, rgba(82,36,5,1) 10%,  rgba(82,36,5,0) 80%) #190e05 !important;
    background: #190e05;        
}

.qst-hint {
    padding-top: 10px;    
    text-align: center;                
}

.qst-reward {
    border: 1px solid #5e4735;              
    position: relative;               
    margin: 10px 15px 10px 15px;              
    border-radius: 8px;
    display: block;
    text-decoration: none;        
}
.qst-reward-inner {
    padding: 15px 15px 22px 15px;
    background: rgba(0,0,0,0.4);
    border-radius: 8px;
    text-align: center;                
}
.qst-reward-league-icn {
    position: absolute;
    top: -15px;
    left: 0;
    width: 100%;
    text-align: center;
    
}
.qst-reward-timer {
    position: absolute;
    bottom: -13px;
    left: 0;
    width: 100%;
    text-align: center;
}
.qst-reward-timer-inner  {
    background: url('../images/task/qst-reward-timer-inner-bg.png') 50% 0 no-repeat;
    border-radius: 8px;
    white-space: nowrap;
    padding: 5px 0 4px 0;
    display: inline-block;
    width: 134px;
}
.rwrd-item {
    display: inline-block;
    position: relative;
    width: 69px;
    height: 60px;
    margin: 0 22px;
}
.rwrd-item img[height="60"] {
    width: 69px;
}
.rwrd-item-count {
    position: absolute;
    bottom: 0;
    left: -1px;
    min-width: 35px;
    text-align: center;
    min-height: 26px;
    z-index: 10;
    vertical-align: bottom;
    line-height: 28px;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    text-shadow: 0 0 4px #231f1b, 0 0 4px #231f1b, 0 0 4px #231f1b, 0 0 4px #231f1b, 0 0 4px #231f1b, 0 0 4px #231f1b, 0 0 4px #231f1b, 0 0 4px #231f1b, 0 0 4px #231f1b, 0 0 4px #231f1b, 0 0 4px #231f1b, 0 0 4px #231f1b, 0 0 4px #231f1b, 0 0 4px #231f1b, 0 0 4px #231f1b;
}
.rwrd-item-count img {vertical-align: top !important;}
.rwrd-item-label {
    position: absolute;
    top: 6px;
    left: 50px;
    color: #fff;
    white-space: nowrap;
    min-width: 51px;
    height: 16px;
    padding-top: 2px;
    background: url('../images/task/rwrd-item-label.png') 0 0 no-repeat;
}

.qst-link._done .qst-link-icn, .qst-link._done .qst-link-text {
    opacity: 0.4;
}
.qst-reward._get-link .qst-reward-inner{
    background: rgba(143,102,62,0.2);
    padding: 12px 15px 12px 15px;
}
.qst-reward._get-link {
    border-color: #ffe179;
    box-shadow: 0 0 8px rgba(255,156, 0,0.5), 0 0 8px rgba(255,156, 0,0.5), 
                0 0 8px rgba(255,156, 0,0.5), 0 0 8px rgba(255,156, 0,0.5);
}
.fort {
    position: relative;    
}
.fort .rwrd-item {
    margin: 0;
    position: absolute;
    right: -60px;
    top: -10px;
}
.fort .rwrd-item .rwrd-item-label {
    background: transparent !important;
    top: 53px;
    left: 13px;
    padding: 6px 0 1px 0;
    text-align: center;
    border-radius: 10px;
    color: #766f5f;
}


.b-content {
    position: static !important;            
}
.main-container {
    position: relative;                
}
.wrap-popup {
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.75);
}
.popup {
    display: block;
    text-decoration: none;               
    position: relative;
    width: 320px;
    height: 320px;
    margin: 50px auto 0 auto;
   
}
.popup:after {
    content: 'Нажми, чтобы забрать';
    display: block;
    position: absolute;
    width: 100%;
    bottom: 48px;
    left: 0;
    text-align: center;
    font-size: 12px;
    color: #ad8035;
}
.popup-bg1, .popup-bg2, .popup-bg3 {
    width: 320px;
    height: 320px;
    position: absolute;
    
    top: 0;
    left: 0;
}

.popup-bg2 { 
    background: url('../images/task/popup-bg3.png') 50% 0 no-repeat;
    z-index: 1002;
}
.popup-bg3 { 
    background: url('../images/task/popup-bg2.png@1') 50% 0 no-repeat;
    z-index: 1005;
}
.popup-title {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 45px;
    left: 0;
    z-index: 1004;
}
.popup-inner {
    position: absolute;
    z-index: 1005;
    width: 100%;
    left: 0;
    top: 114px;
    text-align: center;
    
}
.popup-inner .rwrd-item {
    margin: 0;
}
.rwrd-item-stat {
    display: block;
    text-align: center;              
    color: #fff;  
    padding-top: 3px;
    font-weight: bold;
    text-shadow: 0px 0px 5px #8b570a, 0px 0px 5px #8b570a, 0px 0px 5px #8b570a, 0px 0px 5px #8b570a, 0px 0px 5px #8b570a, 0px 0px 5px #8b570a, 0px 0px 5px #8b570a;
    font-size: 16px;
}


/*.......................................
....Аниация награды до клика "Забрать"... 
.......................................*/
._animate-show-reward {
     animation: showFromFade 1.933s forwards linear;
    -webkit-animation: showFromFade 1.933s forwards linear;
}
@keyframes showFromFade {
    from {
        opacity: 0;
    }                 
    8.621%, to {
       opacity: 1;
    }       
}

@-webkit-keyframes showFromFade {           
    from {
        opacity: 0;
    }                 
    8.621%, to {
       opacity: 1;
    }                
}

._animate-show-reward  .popup-bg2{
    animation: showFromFadeTwo 1.933s forwards linear;             
    -webkit-animation: showFromFadeTwo 1.933s forwards linear;
}
@keyframes showFromFadeTwo {
    from, 15.516% {
        opacity: 0;
    }                 
    15.517% {
        opacity: 0.2;
        transform: scale(0.6);
        -webkit-transform: scale(0.6);
    } 
    24.138% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
    }
    32.756% {
        transform: scaleX(1.14);
        -webkit-transform: scaleX(1.14);
         transform: scaleY(1);
        -webkit-transform: scaleY(1);
    }
    44.828% {
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
         transform: scaleY(1.1);
        -webkit-transform: scaleY(1.1);
    }
    53.448%, to {
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
         transform: scaleY(1);
        -webkit-transform: scaleY(1);
    }
}

@-webkit-keyframes showFromFadeTwo {           
    from, 15.516% {
        opacity: 0;
    }                 
    15.517% {
        opacity: 0.2;
        transform: scale(0.6);
        -webkit-transform: scale(0.6);
    } 
    24.138% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
    }
    32.756% {
        transform: scaleX(1.14);
        -webkit-transform: scaleX(1.14);
         transform: scaleY(1);
        -webkit-transform: scaleY(1);
    }
    44.828% {
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
         transform: scaleY(1.1);
        -webkit-transform: scaleY(1.1);
    }
    53.448%, to {
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
         transform: scaleY(1);
        -webkit-transform: scaleY(1);
    }
}

._animate-show-reward .popup-bg3 {
    opacity: 0;
    animation: showFromFadeThree 1.433s .567s infinite;
    -webkit-animation: showFromFadeThree 1.433s .567s infinite;
}
@keyframes showFromFadeThree {
    from {
        opacity: 0.84;
    }                 
       
    44.828% {
        opacity: 1;
    }
    to {
        opacity: 0.84;
    }
}
@-webkit-keyframes showFromFadeThree {           
     from {
        opacity: 0.84;
    }                 
       
    44.828% {
        opacity: 1;
    }
    to {
        opacity: 0.84;
    }
}

._animate-show-reward .popup-title, ._animate-show-reward .popup:after {
    animation: showFromFadeFour 1.933s forwards linear;
    -webkit-animation: showFromFadeFour 1.933s forwards linear;
}
@keyframes showFromFadeFour {
    from, 31.34% {
        opacity: 0;
    }                     
    46.551%, to {
        opacity: 1;
    }              
}
@-webkit-keyframes showFromFadeFour {           
    from, 31.34% {
        opacity: 0;
    }                     
    46.551%, to {
        opacity: 1;
    }      
}

._animate-show-reward .rwrd-item {
    animation: showFromFadeFive 1.933s forwards linear;
    -webkit-animation: showFromFadeFive 1.933s forwards linear;
}
@keyframes showFromFadeFive {
    from, 55.172% {
        opacity: 0;
    }                     
    55.173%, to {
        opacity: 1;
    }              
}
@-webkit-keyframes showFromFadeFive {           
    from, 55.172% {
        opacity: 0;
    }                     
    55.173%, to {
        opacity: 1;
    }       
}

._animate-show-reward .rwrd-item-img {                
    animation: rwdJump 1.533s .58s infinite;
    -webkit-animation: rwdJump 1.533s .58s infinite;
}
@keyframes rwdJump {
    from {                    
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }      
    14.894% {
        transform: translateY(-9px);
        -webkit-transform: translateY(-9px);
    }
    31.915% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    42.553%{
        transform: translateY(-2px);
        -webkit-transform: translateY(-2px);
    }
    51.064% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    65.957% {
        transform: translateY(-9px);
        -webkit-transform: translateY(-9px);
    }
    85.106%, to {                   
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }                         
}
@-webkit-keyframes rwdJump {           
    from {                   
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }      
    14.894% {
        transform: translateY(-9px);
        -webkit-transform: translateY(-9px);
    }
    31.915% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    42.553%{
        transform: translateY(-2px);
        -webkit-transform: translateY(-2px);
    }
    51.064% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    65.957% {
        transform: translateY(-9px);
        -webkit-transform: translateY(-9px);
    }
    85.106%, to {                    
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }                       
}

._animate-show-reward .popup-inner .rwrd-item:last-child .rwrd-item-img {
    animation: rwdJumpSecond 1.533s .58s infinite;
    -webkit-animation: rwdJumpSecond 1.533s .58s infinite;
}
 @keyframes rwdJumpSecond {
   from {                   
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }      
    21.277% {
        transform: translateY(-9px);
        -webkit-transform: translateY(-9px);
    }
    38.298% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    46.809%{
        transform: translateY(-2px);
        -webkit-transform: translateY(-2px);
    }
    55.319% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    70.213% {
        transform: translateY(-9px);
        -webkit-transform: translateY(-9px);
    }
    93.617%, to {                    
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }                        
}
@-webkit-keyframes rwdJumpSecond {           
    from {                   
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }      
    21.277% {
        transform: translateY(-9px);
        -webkit-transform: translateY(-9px);
    }
    38.298% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    46.809%{
        transform: translateY(-2px);
        -webkit-transform: translateY(-2px);
    }
    55.319% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    70.213% {
        transform: translateY(-9px);
        -webkit-transform: translateY(-9px);
    }
    93.617%, to {                    
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }                       
}






/*.......................................
....Аниация награды после клика "Забрать"... 
.......................................*/
._animate-show-reward-after .popup-title {
    animation: showFromFadeA 2s forwards linear;
    -webkit-animation: showFromFadeA 2s forwards linear;
}
@keyframes showFromFadeA {
    from {
        opacity: 1;
    }                     
    3.333%, to {
        opacity: 0;
    }              
}
@-webkit-keyframes showFromFadeA {           
    from {
        opacity: 1;
    }                     
    3.333%, to {
        opacity: 0;
    }       
}

._animate-show-reward-after .popup:after {
    animation: showFromFadeB 2s forwards linear;
    -webkit-animation: showFromFadeB 2s forwards linear;
}
@keyframes showFromFadeB {
    from, 46.667% {
        opacity: 1;
    }                     
    53.333%, to {
        opacity: 0;
    }              
}
@-webkit-keyframes showFromFadeB {           
     from, 46.667% {
        opacity: 1;
    }                     
    53.333%, to {
        opacity: 0;
    }         
}

._animate-show-reward-after .rwrd-item-stat {
    animation: showFromFadeC 2s forwards linear;
    -webkit-animation: showFromFadeC 2s forwards linear;
}
@keyframes showFromFadeC {
    from {
        opacity: 1;
    }                     
    21.667% {
        opacity: 0;
    }            
    28.332% {
        opacity: 0; 
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }  
    28.333% {
        opacity: 1; 
        color: #fff;
        transform: translateY(-92px);
        -webkit-transform: translateY(-92px);
    }  
    51.667%, to {
        opacity: 0;
        color: #fff;
        transform: translateY(-116px);
        -webkit-transform: translateY(-116px);
    }
}
@-webkit-keyframes showFromFadeC {           
    from {
        opacity: 1;
    }                     
    21.667% {
        opacity: 0;
    }            
    28.332% {
        opacity: 0; 
         transform: translateY(0);
        -webkit-transform: translateY(0);
    }  
    28.333% {
        opacity: 1; 
        color: #fff;
        transform: translateY(-92px);
        -webkit-transform: translateY(-92px);
    }  
    51.667%, to {
        opacity: 0;
        color: #fff;
        transform: translateY(-116px);
        -webkit-transform: translateY(-116px);
    }     
}

._animate-show-reward-after .rwrd-item-img {
     animation: rwrdJumpB 2s forwards linear;
    -webkit-animation: rwrdJumpB 2s forwards linear;
}
@keyframes rwrdJumpB {
    from {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }       
    5% {
        transform: translateY(-9px);
        -webkit-transform: translateY(-9px);
    }          
    16.667% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        opacity: 1;
    }  
    40%, to {
        transform: translateY(-55px);
        -webkit-transform: translateY(-55px);
        opacity: 0;
    }  
              
}
@-webkit-keyframes rwrdJumpB {           
   from {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }       
    5% {
        transform: translateY(-9px);
        -webkit-transform: translateY(-9px);
    }          
    16.667% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        opacity: 1;
    }  
    40%, to {
        transform: translateY(-55px);
        -webkit-transform: translateY(-55px);
        opacity: 0;
    }    
}

._animate-show-reward-after .popup-inner .rwrd-item:last-child .rwrd-item-img {
     animation: rwrdJumpX 2s forwards linear;
    -webkit-animation: rwrdJumpX 2s forwards linear;
}
@keyframes rwrdJumpX {
    from {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }       
    11.667% {
        transform: translateY(-9px);
        -webkit-transform: translateY(-9px);
    }          
    16.667% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        opacity: 1;
    }  
    26.667%, to {
        transform: translateY(-55px);
        -webkit-transform: translateY(-55px);
        opacity: 0;
    }  
              
}
@-webkit-keyframes rwrdJumpX {           
   from {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }       
    11.667% {
        transform: translateY(-9px);
        -webkit-transform: translateY(-9px);
    }          
    16.667% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        opacity: 1;
    }  
    26.667%, to {
        transform: translateY(-55px);
        -webkit-transform: translateY(-55px);
        opacity: 0;
    }  
}


._animate-show-reward-after .rwrd-item-stat:after {
    content: '';
    width: 80px;
    height: 80px;
    position: absolute;
    top: 23px;
    left: -12px;
    background: url('../images/task/popup-rwrd-item-bg.png') 0 0 no-repeat;
    z-index: 1020;
    opacity: 0;
     animation: showFromFadeD 2s forwards linear;
    -webkit-animation: showFromFadeD 2s forwards linear;
}
@keyframes showFromFadeD {
    from, 28.332% {
        opacity: 0;
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }          
    28.333% {
        opacity: 1;
        transform: translateY(-59px);
        -webkit-transform: translateY(-59px);
    }           
    35%, to {
        opacity: 0;
    }              
}
@-webkit-keyframes showFromFadeD {           
    from, 28.332% {
        opacity: 0;
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }          
    28.333% {
        opacity: 1;
        transform: translateY(-59px);
        -webkit-transform: translateY(-59px);
    }           
    35%, to {
        opacity: 0;
    }             
}

._animate-show-reward-after .popup-bg3 {
     animation: showFromFadeE 2s forwards linear;
    -webkit-animation: showFromFadeE 2s forwards linear;
}
 @keyframes showFromFadeE {
    from, 71.667% {
        opacity: .55;                    
    }          
    81.667%, to {
        opacity: 0;                    
    }                         
}
@-webkit-keyframes showFromFadeE {           
    from, 71.667% {
        opacity: .55;                    
    }          
    81.667%, to {
        opacity: 0;                    
    }                   
}

._animate-show-reward-after .popup-bg2 {
     animation: showFromFadeF 2s forwards linear;
    -webkit-animation: showFromFadeF 2s forwards linear;
}
 @keyframes showFromFadeF {
    from, 85% {
        opacity: 1;                    
    }          
    91.667%, to {
        opacity: 0;                    
    }                         
}
@-webkit-keyframes showFromFadeF {           
    from, 85% {
        opacity: 1;                    
    }          
    91.667%, to {
        opacity: 0;                    
    }                   
}
._animate-show-reward-after {
     animation: showFromFadeG 2s forwards linear;
    -webkit-animation: showFromFadeG 2s forwards linear;
}
 @keyframes showFromFadeG {
    from, 93.333% {
        opacity: 1;                    
    }          
    to {
        opacity: 0;                    
    }                         
}
@-webkit-keyframes showFromFadeG {           
    from, 93.333% {
        opacity: 1;                    
    }          
    to {
        opacity: 0;                    
    }                   
}
.switch_i_img {
  margin: 0 3px 0 0;
}

.tab-item {
  display: none;
}

.content-anchor {
  position: absolute;
  top: 0;
}

/* .tab-item._active {
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
  opacity: 1;
  display: block;
} */


/* .tab-item:target {
  display: block;
} */

.content-anchor._active + .tab-item {
  display: block;
}
