body { 
    max-width: 480px;
    min-width: 128px;
    font-family: 'Roboto', Tahoma, Arial, serif;
    font-size: 14px;
    line-height: 16px;
    margin: 0 auto;
    background: #1A1A1A;
    color: #fff;
  
}

*,
*:before,
*:after {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

input,
textarea,
select {
    margin: 5px 0 !important;
    max-width: 100%;
    resize: vertical;
}

.foot {
    border: 1px solid #242424;
    color: #555555;
    padding: 2px 5px;
    font-size: 10px;
    text-align: center;
}

.container {

    max-width: 420px;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
}

.light_paper {
    display: block;
    color: #ccc;
    background: #252525;
    padding: 5px 10px;
    border-radius: 2px;
    margin: 1px 0;
}

.tr {
    margin: 5px !important;
}

.container>* {
    margin: 5px;
}

.main {
    background: #1F1F1F;
    box-shadow: 0 0 0 1px #111;
    border: 1px solid #333;
    color: #5B5A51;
    padding: 5px;
    order: 3;
    flex: 8 3 0;
}

.share_box .shb_text {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
    text-shadow: #000 -1px -1px 1px, #000 1px 1px 1px;
}

.share_box.shb_pic_event .shb_end {
    background-image: url(/_res/pic-3-1.png);
}

.share_box.shb_pic_event {
    background-image: url(/_res/pic-3-0.png);
}

.share_box.shb_pic_gold .shb_end {
    background-image: url(/_res/pic-1-1.png);
}

.share_box.shb_pic_gold {
    background-image: url(/_res/pic-1-0.png);
}


.share_box.shb_pic_golde .shb_end {
    background-image: url(/_res/pic-2-1.png);
}

.share_box.shb_pic_golde {
    background-image: url(/_res/pic-2-0.png);
}





.share_box .shb_end {
    height: 50px;
    background-position: 100% 0;
    background-repeat: no-repeat;
    line-height: 50px;
}

.share_box {
    height: 50px;
    color: #999;
    text-align: center;
    background: #222;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.aside {
    top: 0;
    order: 1;
    flex-basis: 100%;
}

.btn_grey {
    font-size: 8pt;
    border: 1px solid #000000;
    margin-top: 5px;
    margin-left: 3px;
    text-align: center;
    display: inline-block;
    overflow: hidden;
    color: #c1bfbf;
    text-decoration: none !important;
    height Specifies the height of the content area,
    padding area or border area (depending on 'box-sizing') of certain boxes. Learn more Don't show
: 33px;
    line-height: 33px !important;
}

.w47 {
    width: 47%;
}

.footer {
    order: 2;
    flex: 2 0 0;
}



@media all and (max-width: 768px) {
    .main {
        flex: 100%;
        order: 2;
    }

    .aside {
        position: static;
        order: 1;
    }

    .container>* {
        margin: 0 0 5px 0;
    }

    .footer {
        position: static;
        flex: 100%;
        order: 3;
    }

    .question {
        flex-direction: column !important;
    }
}

strong,
b {
    letter-spacing: 1px;
}

.right {
    text-align: right;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: none;
    outline: 0;
    margin-top: -1px;
}

h1 {
    color: #ffb533;
    letter-spacing: 1px;
    font-size: 13px;
    line-height: 20px;
    display: inline-block;
    margin: 0 0 5px;
    padding: 0 4px;
    text-shadow: 1px 3px 5px rgba(100, 71, 20, 1);
}

a {
    color: #c08f5e;
    text-decoration: none;
}

.link {
    display: block;
    color: #ccc;
    background: #252525;
    padding: 5px 10px;
    border-radius: 2px;
    margin: 1px 0;
}

a.link:hover,
a.link:active {
    background-color: #333333;
    cursor: pointer;
    outline: 0;
}

hr {
    border: none;
    margin: 5px 0;
    border-bottom: 1px solid #333;
}

.exp-mini {
    display: block;
    margin-top: 2px;
    background: #000;
    border-radius: 2px;
    padding: 1px;
}

.exp-line-mini {
    background: linear-gradient(to top, #cc8200, #ffb533);
    border-radius: 1px;
    height: 3px;
    max-width: 100% !important;
}

.center {
    text-align: center;
}

.small {
    font-size: 11px !important;
}

.pull-right {
    float: right;
    text-align: right;
    margin-top: 1px;
}

.pull-left {
    float: left;
    text-align: left;
}

.access-4 a,
.access-4 {
    color: #ffb533 !important;
}

.access-3 a,
.access-3 {
    color: #fffc00 !important;
}

.access-2 a,
.access-2 {
    color: #c08f5e !important;
}

.access-1 a,
.access-1 {
    color: #3498db !important;
}

.quality-border {
    border: 1px solid;
}

.quality-border.trash {
    border-color: #777;
}

.quality-border.normal {
    border-color: #c4c4c4;
}

.quality-border.rare {
    border-color: #ff5a00;
}

.quality-border.heroic {
    border-color: #7d24af;
}

.quality-border.souvenir {
    border-color: #fffc00;
}

.quality-trash {
    color: #777 !important;
}

.quality-normal {
    color: #c4c4c4 !important;
}

.quality-rare {
    color: #ff5a00 !important;
}

.quality-heroic {
    color: #7d24af !important;
}

.quality-souvenir {
    color: #fffc00 !important;
}

/* NAVIGATION */

.nav {
    display: flex;
    justify-content: center;
    margin: 5px 0;
    flex-wrap: wrap;
}

.nav>* {
    margin: 1px;
    flex-grow: 1;
    text-align: center;
}

.nav-block-out {
    color: #c08f5e;
    padding: 5px 10px;
    border: 1px solid #c08f5e;
    font-weight: bold;
    border-radius: 3px;
}

.nav-block {
    color: #eee;
    padding: 5px 10px;
    border: 1px solid #333;
    border-radius: 3px;
}

.nav-block:hover,
.nav-block:active {
    background: #333;
    border: 1px solid #333;
    color: #fff;
}


/* END. */

.flexpda {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.flexpda-image {
    width: 64px;
    flex: 0 0 64px;
}

.flexpda-content {
    width: 100%;
}

input[type="text"],
input[type="number"],
input[type="password"],
select,
textarea {
    background: #31333a;
    padding: 5px 10px;
    box-shadow: 0 0 0 1px #111;
    border: 1px solid #333;
    margin: 5px 5px;
    color: #ccc;
    min-width: 100%;
}

input[type="submit"],
.btn-orange {
    border: none;
    border-radius: 5px;
    background: #ffb533;
    background: linear-gradient(to top, #ffb533, #f7d867);
    border-bottom: 2px solid #ad7a21;
    padding: 10px 5px;
    margin: 5px 0;
    width: 100%;
    color: #8b621a;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    cursor: pointer;
    transition: .3s;
}

input[type="submit"]:hover,
.btn-orange:hover,
input[type="submit"]:active,
.btn-orange:active {
    color: #1A1A1A;
    border-bottom: 2px solid #ffb533;
    transition: .3s;
}

.quest-container {
    display: flex;
    flex-flow: wrap row;
    justify-content: center;
}

.flex-container {
    display: flex;
    flex-flow: wrap row;
    justify-content: center;
}

.flex-container>* {
    margin: 1px;
}

.flex-container.left {
    justify-content: flex-start;
}

.flex-container.grow>* {
    flex-grow: 1;
}

.flex-icon a {
    border-radius: 5px;
    padding: 10px !important;
}

.flex-link {
    flex-grow: 1;
}

.info-title {
    color: #999;
    font-size: 10px;
}

.info-about {
    color: #c08f5e;
    font-weight: bold;
    font-size: 14px;
}

.info-about-top {
    color: #c08f5e;
    font-weight: bold;
    font-size: 12px;
}

.block {
    color: #999;
    padding: 5px 10px;
    box-shadow: 0 0 0 1px #111;
    border: 1px solid #333;
    margin: 2px 0;
}

.empty_block {
    color: #999;
    padding: 5px 10px;
    box-shadow: 0 0 0 1px #111;
    border: 1px solid #333;
    margin: 2px 0;
}

.empty_block2 {
    background: rgba(14, 14, 14, 0.7);
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    color: #b4afa8;
    text-shadow: none;
    padding: 10px 10px 10px 15px;
}

a.href,
.href {
    display: block;
    color: #ffb533;
    border: 1px solid #ffb533;
    padding: 5px 10px;
    font-weight: bold;
    letter-spacing: 1px;
}

a.href:hover,
a.href:active {
    background: #ffb533;
    color: #000 !important;
}

a.href>.count,
.count {
    background: #ffb533;
    padding: 0 5px;
    font-size: 10px;
    color: #000;
    float: right;
    margin-right: -5px;
    margin-left: 10px;
}

a.href:hover>.count {
    background: #000;
    padding: 0 5px;
    font-size: 10px;
    color: #ffb533;
    float: right;
}

.top-img {
    margin-top: -25px;
}

.top {
    margin-top: 25px;
}

.question {
    background: #1b1b1b;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.question-answer {
    align-self: center;
    padding: 10px;
    flex: 5 0;
}

.question-option {
    flex: 1;
}

.dialog-he {
    padding: 10px 20px;
    margin: 10px 5px 10px 15px;
    display: inline-block;
    font-family: sans-serif;
    border-radius: 10px;
    background-color: #333;
    color: #ccc;
    position: relative;
}

.dialog-he:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 30%;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 12px solid #333;
    border-bottom: 6px solid transparent;
}

.clearfix {
    clear: both;
}

.outline {
    border: 1px solid #242424;
    padding: 5px;
    margin: 1px;
}

.my-place {
    border: 1px solid #c08f5e;
}

.first-place {
    border: 1px solid #ffb533;
    margin-bottom: 15px;
}

.m-5 {
    margin: 5px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mv-5 {
    margin: 5px 0 !important;
    ;
}

.mh-5 {
    margin: 0 5px !important;
    ;
}

.m-0 {
    margin: 0 0 0 0 !important;
    ;
}

.w-100 {
    min-width: 100%;
    flex-basis: 100%;
}

.h-100 {
    height: 100%;
}

.forum-id {
    margin-top: -24px;
    margin-bottom: 10px;
}

.pos-block {
    float: right;
}

.pda-message {
    background: #1b1b1b;
    box-shadow: 0 -2px 0 1px #111 inset;
    border-top: 1px solid #2c2c2c;
    border-radius: 5px;
    padding: 5px;
    margin-top: 5px;
}

.pda-message__title {
    color: #ccc;
    font-weight: bold;
    margin: 0 10px;
    font-size: 14px;
}

.pda-message__item {
    box-shadow: 0 1px 0 #000 inset;
    border-bottom: 2px solid #2c2c2c;
    background: #111;
    padding: 10px;
    border-radius: 3px;
    margin: 5px 0;
}

.gym {
    align-self: flex-start;
    flex-basis: 220px;
    margin: 45px 10px 10px 10px;
    border-radius: 10px;
    background: #ffb533;
    background: linear-gradient(to top, #ffb533, #f7d867);
    border-bottom: 5px solid #ad7a21;
    padding: 20px 10px 10px 10px;
    width: 100%;
    color: #9b680d;
    box-shadow: 0 0 10px 5px rgba(115, 85, 31, .4);
}

.gym img {
    margin-top: -60px;
    margin-bottom: 5px;
    max-width: 64px;
    max-height: 107px;
}

.gym hr {
    border: none;
    border-bottom: 1px solid #eca219;
}

.gym__title {
    background-color: #F2B543;
    padding: 10px 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #FFCA67;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.gym__about {
    font-size: 12px;
    text-align: left;
    letter-spacing: 1px;
}

.gym__count {
    background: #eca219;
    padding: 0 5px;
    font-size: 10px;
    color: #9b680d;
    float: right;
    margin-right: 0;
    margin-left: 10px;
    border-bottom: 1px solid #FFCA67;
}

.gym .start {
    display: block;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: #EEA212;
    text-transform: uppercase;
    margin-top: 20px;
    color: #9b680d;
    letter-spacing: 0;
    border: 1px solid #d59015;
}

.bg {
    background-color: #1A1A1A;
    z-index: 99999999999;
}

#results {
    display: none;
    padding: 5px 10px;
    border-left: 2px solid #eca219;
}

.inline {
    display: inline-block;
}

.profile {
    flex-basis: 320px;
    border-radius: 20px;
    overflow: clip;
    background-color: #171717;
    border: 1px solid #333333;
    box-shadow: 0 0 0 1px #111;
    padding: 0;
}

.profile__image {
    border-radius: 20px;
    overflow: clip;
}

.profile__name {
    padding: 5px;
}

.profile__info {
    flex-flow: wrap column;
    margin: 0 5px;
}

.show {
    display: block !important;
}

.line-height {
    line-height: 18px;
}

.grow-0 {
    flex-grow: 0 !important;
}


.icon-bb {
    padding: 2px 6px;
    background-color: #1A1A1A;
}

.inline:hover .icon-bb {
    background-color: #111111;
}

.card {
    background-color: #111111;
    padding: 10px;
    border-radius: 10px;
    min-width: 320px;
    margin: 5px;
    flex-grow: 1;
}

.card__title {
    color: #cccccc;
    font-weight: 100;
    font-size: 16px;
    margin-bottom: 15px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.card input[type=number],
.card select {
    background-color: #000000;
    color: #ffffff;
    border-radius: 20px;
    padding: 5px 15px;
    -moz-appearance: textfield;
}

.quest-block {
    background-color: #111111;
    border-radius: 5px;
    padding: 10px;
    margin: 2px;
}

.quest-title {
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 15px;
}

.quest-progress {
    font-size: 12px;
    font-weight: 300;
}

.quest-info {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin-top: 15px;
    color: #ffffff;
}

.quest-info>* {
    margin: 1px;
}

.quest-take {
    padding: 7px 10px;
    background-color: #1A1A1A;
    border-radius: 5px;
    display: inline-block;
    margin: 3px 1px;
}

.quest-go {
    flex-grow: 1;
}

.quest-give {
    padding: 7px 6px;
    background-color: rgba(73, 117, 76, .3);
    border-radius: 5px;
}

.flex-quest {
    flex-grow: 1;
    flex-basis: 50%;
}

@media all and (max-width: 419px) {
    .flex-quest {
        flex-basis: 100% !important;
    }
}

.title {
    margin: 25px 0;
    color: #999999;
}

.title::before {
    content: 'Агрегатор: ';
    color: #eca219;
}

.title center {
    text-align: left;
}

.banned {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    height: 100vh;
}

.banned-info {
    min-width: 320px;
    background: #161616;
    color: #ffffff;
    padding: 20px;
}

.xbs {
    display: block;
    border: none;
    border-radius: 5px;
    background: #ffb533;
    background: linear-gradient(to top, #ffb533, #f7d867);
    border-bottom: 2px solid #ad7a21;
    padding: 10px 5px;
    margin: 5px 0;
    width: 100%;
    color: #8b621a;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    cursor: pointer;
    transition: .3s;
    width: 100%;
}


/* SKINS */

._campaign .land-body {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.land-body {
	position: relative;
	padding: 20px 0;
	text-align: center;
}

._land-1 .land-body:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: url('https://lords.mobi/images/lands/light/back-map.png?v=3') 50% 50% no-repeat;
}

._land-1 .land-body,
._land-2 .land-body,
._land-3 .land-body,
._land-4 .land-body {
	background-repeat: repeat-x, no-repeat;
	background-size: auto, cover;
}

._land-1 .land-header, .land-header._land-1 { background-image: url('https://lords.mobi/images/lands/light/head-land-1.jpg'); }
._land-1 .land-body {
	background-image: url('https://lords.mobi/images/combat/mob_shade_top.png'),url('https://lords.mobi/images/lands/light/back-land-1.jpg');
	background-position: 50% 0%, 50% 100%;
	background-color:  #051218;
}

._land-2 .land-body {
	background-image: url('https://lords.mobi/images/combat/mob_shade_top.png'),url('https://lords.mobi/images/lands/light/back-land-2.jpg');
	background-position: 50% 0%, 50% 100%;
	background-color:  #051218;
}

._land-3 .land-header, .land-header._land-3 { background-image: url('https://lords.mobi/images/lands/light/head-land-3.jpg'); }
._land-3 .land-body {
	background-image: url('https://lords.mobi/images/combat/mob_shade_top.png'),url('https://lords.mobi/images/lands/light/back-land-3.jpg');
	background-color:  #051218;
	background-position: 50% 0%, 50% 100%;
}


._land-4 .land-header, .land-header._land-4 { background-image: url('https://lords.mobi/images/lands/light/head-land-4.jpg'); }
._land-4 .land-body {
	background-image: url('https://lords.mobi/images/combat/mob_shade_top.png'),url('https://lords.mobi/images/lands/light/back-land-4.jpg');
	background-color: #151f06;
	background-position: 50% 0%, 50% 50%;
}

._land-5 .land-header, .land-header._land-5 { background-image: url('https://lords.mobi/images/lands/light/head-land-5.jpg'); }
._campaign._land-5 .land-body {
	background-color:  #3b2817;
	background-image: url('https://lords.mobi/images/lands/light/back-land-5.jpg');
}

._land-6 .land-header, .land-header._land-6 { background-image: url('https://lords.mobi/images/lands/light/head-land-6.jpg'); }
._campaign._land-6 .land-body {
	background-color:  #69472e;
	background-image: url('https://lords.mobi/images/lands/light/back-land-6.jpg');
}

._land-7 .land-header, .land-header._land-7 { background-image: url('https://lords.mobi/images/lands/light/head-land-7.jpg'); }
._campaign._land-7 .land-body {
	background-color: #01060c;
	background-image: url('https://lords.mobi/images/lands/light/back-land-7.jpg');
}

._land-8 .land-header, .land-header._land-8 { background-image: url('https://lords.mobi/images/lands/light/head-land-8.jpg'); }
._land-8 .land-body {
	background-image: url('https://lords.mobi/images/lands/light/back-land-8.jpg');
	background-color: #1b1b13;
}

._land-9 .land-header, .land-header._land-9 { background-image: url('https://lords.mobi/images/lands/light/head-land-9.jpg'); }
._land-9 .land-body {
	background-image: url('https://lords.mobi/images/lands/light/back-land-9.jpg');
	background-color: #0b2c33;
}

._land-10 .land-header, .land-header._land-10 { background-image: url('https://lords.mobi/images/lands/light/head-land-10.jpg'); }
._land-10 .land-body {
	background-image: url('https://lords.mobi/images/lands/light/back-land-10.jpg');
	background-color: #1f0101;
}

._land-11 .land-header, .land-header._land-11 { background-image: url('https://lords.mobi/images/lands/light/head-land-11.jpg'); }
._land-11 .land-body {
	background-image: url('https://lords.mobi/images/lands/light/back-land-11.jpg');
	background-color: #140e10;
}

._land-12 .land-header, .land-header._land-12 { background-image: url('https://lords.mobi/images/lands/light/head-land-12.jpg'); }
._land-12 .land-body {
	background-image: url('https://lords.mobi/images/lands/light/back-land-12.jpg');
	background-color: #181c0d;
}

._land-13 .land-header, .land-header._land-13 { background-image: url('https://lords.mobi/images/lands/light/head-land-13.jpg'); }
._land-13 .land-body {
	background-image: url('https://lords.mobi/images/lands/light/back-land-13.jpg');
	background-color: #6d7578;
}

._land-14 .land-header, .land-header._land-14 { background-image: url('https://lords.mobi/images/lands/light/head-land-14.jpg'); }
._land-14 .land-body {
	background-image: url('https://lords.mobi/images/lands/light/back-land-14.jpg');
	background-color: #6d7578;
}


._land-15 .land-header, .land-header._land-15 { background-image: url('https://lords.mobi/images/lands/light/head-land-15.jpg'); }
._land-15 .land-body {
	background-image: url('https://lords.mobi/images/lands/light/back-land-15.jpg');
	background-color: #6d7578;
}


._land-16 .land-header, .land-header._land-16 { background-image: url('https://lords.mobi/images/lands/light/head-land-16.jpg'); }
._land-16 .land-body {
	background-image: url('https://lords.mobi/images/lands/light/back-land-16.jpg');
	background-color: #6d7578;
}


/* 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('https://lords.mobi/images/lands/light/widget-frame-tl.png') 0% 0% no-repeat,
			url('https://lords.mobi/images/lands/light/widget-frame-tr.png') 100% 0% no-repeat,
			url('https://lords.mobi/images/lands/light/widget-frame-l.png') 0 100%/4px 90% no-repeat,
			url('https://lords.mobi/images/lands/light/widget-frame-r.png') 100% 100%/4px 90% no-repeat,
			url('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/images/lands/light/widget-frame-br.png') 50% 50% no-repeat;
}

.land-widget .land-mob-frame._bottom:after {
	left: -2%;
	right: auto;
	background: url('https://lords.mobi/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('https://lords.mobi/images/lands/light/widget-header-l.png') 0 50% no-repeat,
			url('https://lords.mobi/images/lands/light/widget-header-r.png') 100% 50% no-repeat,
			url('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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("https://lords.mobi/images/castle/ability_craft_54x54.png") 50% 50% no-repeat;
    background-size: 75% auto;
}
.land-menu ._fields .main-widget-icon {
    background: url("https://lords.mobi/images/castle/ability_craft_54x54.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 0 10px;
	text-align: center;
	background: url('https://lords.mobi/images/combat/mob_shade_top.png') 0 -10px/100% 30px repeat-x, url('https://lords.mobi/images/combat/mob_shade_bot.png') 0 105%/100% 50px repeat-x, url('https://lords.mobi/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;
	background: url('https://lords.mobi/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("https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/images/content/button-marble-r.png');
}

.button-mini._marble:after {
	right: auto;
	left: -10px;
	background-image: url('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/images/lands/light/head-land-2.jpg'); }
._land-3 .mylands-item-icon { background-image: url('https://lords.mobi/images/lands/light/head-land-3.jpg'); }
._land-4 .mylands-item-icon { background-image: url('https://lords.mobi/images/lands/light/head-land-4.jpg'); }
._land-5 .mylands-item-icon { background-image: url('https://lords.mobi/images/lands/light/head-land-5.jpg'); }
._land-6 .mylands-item-icon { background-image: url('https://lords.mobi/images/lands/light/head-land-6.jpg'); }
._land-7 .mylands-item-icon { background-image: url('https://lords.mobi/images/lands/light/head-land-7.jpg'); }
._land-8 .mylands-item-icon { background-image: url('https://lords.mobi/images/lands/light/head-land-8.jpg'); }
._land-9 .mylands-item-icon { background-image: url('https://lords.mobi/images/lands/light/head-land-9.jpg'); }
._land-10 .mylands-item-icon { background-image: url('https://lords.mobi/images/lands/light/head-land-10.jpg'); }
._land-11 .mylands-item-icon { background-image: url('https://lords.mobi/images/lands/light/head-land-11.jpg'); }
._land-12 .mylands-item-icon { background-image: url('https://lords.mobi/images/lands/light/head-land-12.jpg'); }
._land-13 .mylands-item-icon { background-image: url('https://lords.mobi/images/lands/light/head-land-13.jpg'); background-position: 60% 0%; }
._land-14 .mylands-item-icon { background-image: url('https://lords.mobi/images/lands/light/head-land-14.jpg'); background-position: 100% 0%; }
._land-15 .mylands-item-icon { background-image: url('https://lords.mobi/images/lands/light/head-land-15.jpg'); background-position: 60% 0%; }
._land-16 .mylands-item-icon { background-image: url('https://lords.mobi/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('https://lords.mobi/images/content/hint-rt.png') 0 0 no-repeat,
	url('https://lords.mobi/images/content/hint-rb.png') 0 100% no-repeat,
	url('https://lords.mobi/images/content/hint-rm.png') 0 50%/17px 90% no-repeat;
	position: absolute;
	top: -2px;
	right: -16px;
}

.mechanic-hint:before {
	background: url('https://lords.mobi/images/content/hint-lt.png') 0 0 no-repeat,
	url('https://lords.mobi/images/content/hint-lb.png') 0 100% no-repeat,
	url('https://lords.mobi/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('https://lords.mobi/images/content/popups/item-menu-tl.png') 0 0 no-repeat,
	url('https://lords.mobi/images/content/popups/item-menu-tr.png') 100% 0 no-repeat,
	url('https://lords.mobi/images/content/popups/item-menu-t.png') 50% 0 no-repeat,

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

	url('https://lords.mobi/images/content/popups/item-menu-l.png') 0 50% no-repeat,
	url('https://lords.mobi/images/content/popups/item-menu-r.png') 100% 50% no-repeat,
	url('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/images/combat/mob_shade_top.png') 0 -10px/100% 30px repeat-x, url('https://lords.mobi/images/combat/mob_shade_bot.png') 0 105%/100% 30px repeat-x, url('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/images/content/popups/item-menu-tl.png') 0 0 no-repeat,
	url('https://lords.mobi/images/content/popups/item-menu-tr.png') 100% 0 no-repeat,
	url('https://lords.mobi/images/content/popups/item-menu-t.png') 50% 0 no-repeat,

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

	url('https://lords.mobi/images/content/popups/item-menu-l.png') 0 50% no-repeat,
	url('https://lords.mobi/images/content/popups/item-menu-r.png') 100% 50% no-repeat,
	url('https://lords.mobi/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);*/
	box-shadow: 0px 0 30px 20px #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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/images/content/popups/cornet-gold-r.png') 97% 97% no-repeat, url('https://lords.mobi/images/content/popups/cornet-gold-l.png') 3% 97% no-repeat, url('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/images/combat/mob_shade_top.png') 0 -10px/100% 30px repeat-x, url('https://lords.mobi/images/combat/mob_shade_bot.png') 0 105%/100% 30px repeat-x, url('https://lords.mobi/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; }
}


/* new menu */

.land-menu, .events-widgets {
	position: absolute;
	left: 0px;
	width: 100%;
	bottom: 0px;
	text-align: left;
	z-index: 910;
}

.events-widgets {
	width: 80%;
	left: 10px;
	bottom: auto;
	top: 10px;
}

.land-widgets {
	bottom: 0px;
	position: absolute;
	width: 90px;
	right: 0;
	text-align: right;
	z-index: 910;
}

@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('https://lords.mobi/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('https://lords.mobi/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 {
    top: -15px;
	width: auto;
	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('https://lords.mobi/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('https://lords.mobi/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: 9999;
	padding: 4px;
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-width: 236px;
	width: 90%;
	max-width: 370px;
	-webkit-transition: 0.3s opacity ease;
	-o-transition: 0.3s opacity ease;
	transition: 0.3s opacity ease;
	opacity: 0;
	visibility: hidden;
}

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

.popup-item-close {
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  position: absolute;
  display: block;
  background: url("https://lords.mobi/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: -2%;
  top: -1%;
}

.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('https://lords.mobi/images/content/decor_bg-deep.png') repeat-x 0 0 #231f1b;
}

.popup-item-content {
	/* padding: 10px; */
	position: relative;
	width: 100%;
	background-image: url('https://lords.mobi/images/content/popups/cornet-gold-l.png'), url('https://lords.mobi/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('https://lords.mobi/images/icons/army_big.png');
	background-position: 50% 50%;
}

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

.item-lot-pack-3 {
	background-image: url('https://lords.mobi/images/icons/army_big.png'), url('https://lords.mobi/images/icons/army_big.png'), url('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/images/singleraids/shadr/event-progress.png');
}

.event-bar-end {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	width: 27px;
	height: 30px;
	right: -27px;
	background: url('https://lords.mobi/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('https://lords.mobi/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%;
}

/* 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: 10000;
	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;
}


/* NEW NOTICES */
.b-notice {
	display: block;
	top: 0px;
	padding-top: 10px;
	-webkit-animation: noticeShow 4s linear forwards;
	animation: noticeShow 4s linear forwards;
	z-index: 10000;
	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("https://lords.mobi/images/content/popups/notice-menu-tl.png") 0 0 no-repeat, url("https://lords.mobi/images/content/popups/notice-menu-tr.png") 100% 0 no-repeat, url("https://lords.mobi/images/content/popups/notice-menu-t.png") 50% 0 no-repeat, url("https://lords.mobi/images/content/popups/notice-menu-bl.png") 0 100% no-repeat, url("https://lords.mobi/images/content/popups/notice-menu-br.png") 100% 100% no-repeat, url("https://lords.mobi/images/content/popups/notice-menu-b.png") 50% 100% no-repeat, url("https://lords.mobi/images/content/popups/notice-menu-l.png") 0 50% no-repeat, url("https://lords.mobi/images/content/popups/notice-menu-r.png") 100% 50% no-repeat, url("https://lords.mobi/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("https://lords.mobi/images/content/popups/error-menu-tl.png"), url("https://lords.mobi/images/content/popups/error-menu-tr.png"), url("/images/content/popups/error-menu-t.png"), url("https://lords.mobi/images/content/popups/error-menu-bl.png"), url("/images/content/popups/error-menu-br.png"), url("https://lords.mobi/images/content/popups/error-menu-b.png"), url("https://lords.mobi/images/content/popups/error-menu-l.png"), url("https://lords.mobi/images/content/popups/error-menu-r.png"), url("https://lords.mobi/images/content/popups/error-menu-c.png") !important; }

._success .notice-cont {
	background-image: url("https://lords.mobi/images/content/popups/success-menu-tl.png"), url("https://lords.mobi/images/content/popups/success-menu-tr.png"), url("https://lords.mobi/images/content/popups/success-menu-t.png"), url("https://lords.mobi/images/content/popups/success-menu-bl.png"), url("https://lords.mobi/images/content/popups/success-menu-br.png"), url("https://lords.mobi/images/content/popups/success-menu-b.png"), url("https://lords.mobi/images/content/popups/success-menu-l.png"), url("https://lords.mobi/images/content/popups/success-menu-r.png"), url("https://lords.mobi/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("https://lords.mobi/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 > table > tbody > tr > td:hover .hidden-rsources,
.header-resources.container > table > tbody > tr > td: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("https://lords.mobi/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("https://lords.mobi/images/chests/shine-bright.png") 50% 50% no-repeat, url("https://lords.mobi/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("https://lords.mobi/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%;
	z-index: 10;
}
.hint-arrow div {
	background: url("https://lords.mobi/images/content/arrow_ftue.png") 50% 0 repeat-y;
	width: 60px;
	height: 50px;
	margin-left: -60px;
	margin-top: -20px;
}

.use-effect {
	background: url('https://lords.mobi/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("https://lords.mobi/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("https://lords.mobi/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("https://lords.mobi/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("https://lords.mobi/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("https://lords.mobi/images/chests/shine-small.png") 50% 0 no-repeat;
}

.tabs {
  font-size: 0;
}

.tabs > input[type="radio"] {
  display: none;
}

/* пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅпїЅ, пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ пїЅ пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ (input type="radio") */
.tabs > label {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #201a0f;
  border: 2px solid #9fa08e;
  border-radius: 15px;
  padding: 7px 15px;
  margin: 5px;
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.5;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  position: relative;
  top: 1px;
}

.tabs > input[type="radio"]:checked + label {
  background-color: #640b0b;
  border: 2px solid #b54848;
}


/* EVENT POPUP */
#event-popup .event-card._tree {
	height: auto;
}

#event-popup .event-controls {
	background: none;
	border: none;
}

#event-popup .event-content {
	height: 75vh;
}

#event-popup .event-content .stone-back {
	overflow: hidden auto;
	width: 100%;
	-webkit-overflow-scrolling: touch;
	scrollbar-color: #4d4d4d transparent;
	scrollbar-width: thin;
}

#event-popup ::-webkit-scrollbar {
	width: 5px;
	background-color: transparent;
}

#event-popup ::-webkit-scrollbar-thumb {
	background-color: #4d4d4d;
	border-radius: 5px;
}

#event-popup ::-webkit-scrollbar-button:vertical:start:decrement {
	display: none;
}

#event-popup ::-webkit-scrollbar-button:vertical:end:increment {
	display: none;
}

#event-popup ::-webkit-scrollbar-button:horizontal:start:decrement {
	display: none;
}

#event-popup ::-webkit-scrollbar-button:horizontal:end:increment {
	display: none;
}

/*============FORUM===================*/
.reply {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}

/*============Frames===================*/
._frame-icon-1,
._frame-icon-2 {
    overflow: visible !important;
}

._frame-icon-1:before,
._frame-icon-2:before {
    content: "";
    display: block;
    width: 125%;
    height: 125%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

._frame-icon-1:before {
    background-image: url("https://lords.mobi/images/spells/slot_empty_47x47.png");
}

._frame-icon-2:before {
    background-image: url("https://lords.mobi/images/spells/slot_full_47x47.png");
}

._frame-icon-1 > img,
._frame-icon-2 > img {
    position: absolute;
}

.frame-content-1 {
    border-top: 5px solid #4d453d;
    border-right: 5px solid #332d28;
    border-left: 5px solid #332d28;
    border-bottom: 5px solid #17130f;
}

.frame-content-1 > a {
    font-family: inherit;
    font-size: inherit;
    text-decoration: inherit;
    color: inherit;
}

.frame-content-1-header {
    background: -webkit-gradient(linear, left top, right top, from(rgba(82, 73, 65, 0.05)), color-stop(50%, rgba(82, 73, 65, 0.35)), to(rgba(82, 73, 65, 0.05)));
    background: linear-gradient(90deg, rgba(82, 73, 65, 0.05) 0%, rgba(82, 73, 65, 0.35) 50%, rgba(82, 73, 65, 0.05) 100%);
    position: absolute;
    width: 100%;
    height: 30px;
}

.frame-content-1-container {
    padding-left: 5px;
    padding-right: 5px;
}

@media (min-width: 341px) {
    .frame-content-1-container {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.frame-content-1-body {
    padding-right: 18px;
}

.frame-content-1-arrow {
    padding-left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    opacity: 0.3;
}

.frame-content-1._locked {
    border: 1px solid #23201e;
}

.frame-content-1._locked .frame-content-1-container {
    padding-left: 9px;
    padding-right: 9px;
}

@media (min-width: 341px) {
    .frame-content-1._locked .frame-content-1-container {
        padding-left: 14px;
        padding-right: 14px;
    }
}

/*============progress-resource===================*/
.progress-resource {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.progress-resource-content {
    width: 100%;
}

.progress-resource-name {
    margin-left: 8px;
}

.progress-resource-img {
    position: relative;
}

.progress-resource-bar {
    overflow: hidden;
    height: 7px;
    background: url("https://lords.mobi/images/content/progress-resource.png") repeat-x 0 0 #080706;
}

.progress-resource-fill {
    height: 100%;
    background: url("https://lords.mobi/images/content/progress-resource-fill.png") repeat-x 0 0 green;
}

.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('https://lords.mobi/images/content/close-popup.png') 50% 50% no-repeat;
}

.offer-head {
    position: relative;
    min-height: 220px;
    background:url('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/images/market/actions/action-shine.png');
}

._pathfinder .offer-body:before,
._pathfinder._offer:after { 
    background-image: url('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/images/market/actions/action-bg-knightpack.jpg');
}

._offer._pathfinder .offer-head {
    background-image: url('https://lords.mobi/images/market/actions/action-bg-pathfinder.jpg');
}

._offer._shield .offer-head {
    background-image: url('https://lords.mobi/images/market/actions/action-bg-defender.jpg');
}

._offer._berserk .offer-head {
    background-image: url('https://lords.mobi/images/market/actions/action-bg-berserk.jpg');
}

._offer._banner_bearer .offer-head {
    background-image: url('https://lords.mobi/images/market/actions/action-bg-leader.jpg');
}

._offer._treasure_hunter .offer-head {
    background-image: url('https://lords.mobi/images/market/actions/action-bg-treasure-hunter.jpg');
}

._offer._guard_capitan .offer-head {
    background-image: url('https://lords.mobi/images/market/actions/action-bg-capitan.jpg');
}

._offer._event_hunter .offer-head {
    background-image: url('https://lords.mobi/images/market/actions/action-bg-hunter.jpg');
}

._offer._treasure_elite .offer-head {
    background-image: url('https://lords.mobi/images/market/actions/action-bg-treasure-elite.jpg');
}

._knight-pack .offer-head:before,
._pathfinder .offer-head:before {
    background-image: url('https://lords.mobi/images/market/actions/action-tag-green.png');
}

/* OFFER BODY */

.offer-body {
    position: relative;
    background: url('https://lords.mobi/images/market/actions/action-sparks-bg.png') 50% 50% repeat-y, url('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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;
}

.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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/images/market/actions/action-payment_new.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%; }
._sbp .offer-payment-img, ._sbp_yandex .offer-payment-img { background-position: -186px 50%; }

.offer-payment-icon._selected {
    opacity: 1;
}

.offer-payment-icon._selected:before {
    content: '';
    display: block;
    width: 58px;
    height: 55px;
    background: url('https://lords.mobi/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 {
    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-discount {
    top: -5px;
    left: auto;
    right: 120px;
    margin: 0px;
    margin-left: -25px;
    height: 50px;
    width: 50px;
    background-image: url('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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 {
    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 .action-title {
        top: 2px;
        right: auto;
        left: 114px;
    }

    .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 {
    left: 65px;
    right: auto;
}

/* widget skins */
.offer-mini._starter-pack-1,
.offer-mini._starter-pack-2,
.offer-mini._starter-pack-3 {
    background-image:url('https://lords.mobi/images/market/starterpacks/action-small-bg.jpg') !important;
}

.offer-mini._event {
    background-image:url('https://lords.mobi/images/market/actions/event-hunt-bg.jpg') !important;
}

.offer-mini._ice {
    background-image:url('https://lords.mobi/images/market/actions/icetower-bg.jpg') !important;
}
.offer-mini._ice .action-title { color: #6df1ff; }

.offer-mini._magic {
    background-image:url('https://lords.mobi/images/market/actions/charmed-bg.jpg') !important;
}
.offer-mini._magic .action-title { color: #f3c5f1; }

.offer-mini._orange {
    background-image:url('https://lords.mobi/images/market/actions/std-orange.jpg') !important;
}
.offer-mini._orange .action-title { color: #ffba3c; }

.offer-mini._treasure {
    background-image:url('https://lords.mobi/images/market/actions/std-treasure.jpg') !important;
}
.offer-mini._treasure .action-title { color: #ffba3c; }

.offer-mini._green {
    background-image:url('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/images/combat/mob_shade_top.png') 0 -10px/100% 30px repeat-x, url('https://lords.mobi/images/combat/mob_shade_bot.png') 0 105%/100% 50px repeat-x, url('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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("https://lords.mobi/images/combat/mob_shade_top.png") 0 -25%/100% 30px repeat-x, url("https://lords.mobi/images/combat/mob_shade_bot.png") 0 125%/100% 30px repeat-x, url("https://lords.mobi/images/task/task-fail-back.jpg") 50% 50% repeat-y; }
}
.quest-line._fail .quest-name {
    color: #ef2121; 
}

.button-mini._fail {
    background-image: url("https://lords.mobi/images/content/button-mini-bg-middle-act.png");
}

.button-mini._fail:before {
    background-image: url("https://lords.mobi/images/content/button-mini-bg-left-act.png");
}

.button-mini._fail:after {
    background-image: url("https://lords.mobi/images/content/button-mini-bg-right-act.png");
}

/* FEATURED */
.quest-line._feature {
  position: relative;
  overflow: hidden;
  border-color: #bda111;
    background: url("https://lords.mobi/images/combat/mob_shade_top.png") 0 -25%/100% 30px repeat-x, url("https://lords.mobi/images/combat/mob_shade_bot.png") 0 125%/100% 30px repeat-x, url("https://lords.mobi/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("https://lords.mobi/images/task/task-arrow.png") 98% 50% no-repeat, url("https://lords.mobi/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("https://lords.mobi/images/task/task-arrow.png") 98% 50% no-repeat, url("https://lords.mobi/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("https://lords.mobi/images/task/task-arrow.png") 98% 50% no-repeat, url("https://lords.mobi/images/task/task-complete-back.jpg") 50% 50% repeat-y #201f1c;
}
.task-wrapper._fail {
    background: url("https://lords.mobi/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("https://lords.mobi/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("https://lords.mobi/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("https://lords.mobi/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("https://lords.mobi/images/combat/mob_shade_top.png") 0 -25% repeat-x, url("https://lords.mobi/images/combat/mob_shade_bot.png") 0 125% repeat-x, url("https://lords.mobi/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: 10001;
    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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/images/content/arr-down-16x16.png') 98% 70% no-repeat #231f1b;
    border: 1px solid #44382D;
    text-decoration: none;
}

.siege-faq-block._open {
    background: url('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/images/leagues/popap_tl.png') 0 0 no-repeat, url('/images/leagues/popap_tr.png') 100% 0 no-repeat, url('https://lords.mobi/images/leagues/popap_tm.png') 50% 0 no-repeat;
    background-size: auto auto, auto auto, 80% 97px;
}

.siege-end-middle {
    position: relative;
    background: url('https://lords.mobi/images/leagues/popap_ml.png') 0 0 no-repeat, url('/images/leagues/popap_mr.png') 100% 0 no-repeat, url('https://lords.mobi/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('https://lords.mobi/images/leagues/popap_bl.png') 0 0 no-repeat, url('https://lords.mobi/images/leagues/popap_br.png') 100% 0 no-repeat, url('https://lords.mobi/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('https://lords.mobi/images/leagues/artbox-light-2.png') 50% 50% no-repeat, url('https://lords.mobi/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('https://lords.mobi/images/content/popups/cornet-gold-l.png') 2% 95% no-repeat, url('https://lords.mobi/images/content/popups/cornet-gold-r.png') 98% 95% no-repeat, url('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/talents/sprites.png') 0 50% no-repeat;
}

.main-button._action {
    background-image: url('https://lords.mobi/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: 60px;
    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;
}
.talents-reset img {
    filter: contrast(0.1);
}

.talent-frame {
    position: absolute;
    width: 97px;
    height: 97px;
    top: 50%;
    left: 50%;
    margin: -48.5px;
    background: url('https://lords.mobi/images/talents/talents-frame-locked.png') 50% 50% no-repeat;
}

.talent-card[state='1'] .talent-frame {
    background-image: url('https://lords.mobi/images/talents/talents-frame-ready.png');
}

.talent-card[state='2'] .talent-frame {
    background-image: url('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/images/task/popup-bg3.png') 50% 0 no-repeat;
    z-index: 1002;
}
.popup-bg3 { 
    background: url('https://lords.mobi/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('https://lords.mobi/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;
}
@charset "UTF-8";
/* RAID COMMON */
.raid-cooldown-content {
  text-align: center;
  margin-bottom: 15px;
}

.raid-buttons {
  text-align: center;
  margin-bottom: 15px;
}

._raid-cooldown .raid-buttons {
  display: none;
}

.raid-button-name {
  display: none;
}

.main-button._locked {
  display: none;
}

.main-button.list-button {
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.main-button.list-button > a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.raid-item-info {
  background-image: url(https://lords.mobi/../../images/icons/icon-info.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 80%;
  width: 20%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -23%;
}

.raid-item-info:hover, .raid-item-info:active {
  -webkit-filter: brightness(1.2);
  filter: brightness(1.2);
}

._raid-land-2.box #raid-image,
._raid-land-2.box #raid-description,
._raid-land-3.box #raid-image,
._raid-land-3.box #raid-description,
._raid-land-jan2021.box #raid-image,
._raid-land-jan2021.box #raid-description,
._raid-collosium.box #raid-image,
._raid-collosium.box #raid-description,
._raid-shadr-curse.box #raid-image,
._raid-shadr-curse.box #raid-description,
._raid-dark-entry.box #raid-image,
._raid-dark-entry.box #raid-description,
._raid-land9.box #raid-image,
._raid-land9.box #raid-description {
  display: none;
}

._raid-land-2 .main-button-inner > .nowrap > .nowrap,
._raid-land-3 .main-button-inner > .nowrap > .nowrap,
._raid-land-jan2021 .main-button-inner > .nowrap > .nowrap,
._raid-collosium .main-button-inner > .nowrap > .nowrap,
._raid-shadr-curse .main-button-inner > .nowrap > .nowrap,
._raid-dark-entry .main-button-inner > .nowrap > .nowrap {
  margin-right: 8px;
}

._raid-land-2 .main-button-inner > .nowrap > .nowrap:last-child,
._raid-land-3 .main-button-inner > .nowrap > .nowrap:last-child,
._raid-land-jan2021 .main-button-inner > .nowrap > .nowrap:last-child,
._raid-collosium .main-button-inner > .nowrap > .nowrap:last-child,
._raid-shadr-curse .main-button-inner > .nowrap > .nowrap:last-child,
._raid-dark-entry .main-button-inner > .nowrap > .nowrap:last-child {
  margin-right: 0px;
}

._raid-land-2 .content-item,
._raid-land-3 .content-item,
._raid-land-jan2021 .content-item,
._raid-collosium .content-item,
._raid-event-islands .content-item,
._raid-shadr-curse .content-item,
._raid-dark-entry .content-item,
._raid-land9 .content-item {
  background: transparent;
}

._raid-land-2 .inner,
._raid-land-3 .inner,
._raid-land-jan2021 .inner,
._raid-collosium .inner,
._raid-event-islands .inner,
._raid-shadr-curse .inner,
._raid-dark-entry .inner,
._raid-land9 .inner {
  padding: 0px 0 20px 0 !important;
}

._raid-land-2 .raid-buttons,
._raid-land-3 .raid-buttons,
._raid-land-jan2021 .raid-buttons,
._raid-collosium .raid-buttons,
._raid-event-islands .raid-buttons,
._raid-shadr-curse .raid-buttons,
._raid-dark-entry .raid-buttons,
._raid-land9 .raid-buttons {
  padding-bottom: 200%;
  position: relative;
  background-repeat: repeat-y;
  background-position: 50% 0;
  background-size: 100% auto;
  display: block !important;
}

._raid-land-2 .main-button.list-button,
._raid-land-3 .main-button.list-button,
._raid-land-jan2021 .main-button.list-button,
._raid-collosium .main-button.list-button,
._raid-event-islands .main-button.list-button,
._raid-shadr-curse .main-button.list-button,
._raid-dark-entry .main-button.list-button,
._raid-land9 .main-button.list-button {
  position: absolute;
  display: inline-block;
  width: 33.333%;
  height: auto !important;
  margin: 0px !important;
  background-size: 200% auto;
  background-position: 0% 50%;
}

._raid-land-2 .main-button.list-button .main-button-inner,
._raid-land-3 .main-button.list-button .main-button-inner,
._raid-land-jan2021 .main-button.list-button .main-button-inner,
._raid-collosium .main-button.list-button .main-button-inner,
._raid-event-islands .main-button.list-button .main-button-inner,
._raid-shadr-curse .main-button.list-button .main-button-inner,
._raid-dark-entry .main-button.list-button .main-button-inner,
._raid-land9 .main-button.list-button .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 .main-button.list-button .main-button-inner > .nowrap,
._raid-land-3 .main-button.list-button .main-button-inner > .nowrap,
._raid-land-jan2021 .main-button.list-button .main-button-inner > .nowrap,
._raid-collosium .main-button.list-button .main-button-inner > .nowrap,
._raid-event-islands .main-button.list-button .main-button-inner > .nowrap,
._raid-shadr-curse .main-button.list-button .main-button-inner > .nowrap,
._raid-dark-entry .main-button.list-button .main-button-inner > .nowrap,
._raid-land9 .main-button.list-button .main-button-inner > .nowrap {
  position: absolute;
  top: -7%;
  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 .main-button.list-button._unavail,
._raid-land-3 .main-button.list-button._unavail,
._raid-land-jan2021 .main-button.list-button._unavail,
._raid-collosium .main-button.list-button._unavail,
._raid-event-islands .main-button.list-button._unavail,
._raid-shadr-curse .main-button.list-button._unavail,
._raid-dark-entry .main-button.list-button._unavail,
._raid-land9 .main-button.list-button._unavail {
  background-position: 100% 50%;
}

._raid-land-2 .main-button.list-button._unavail .main-button-inner > .nowrap,
._raid-land-3 .main-button.list-button._unavail .main-button-inner > .nowrap,
._raid-land-jan2021 .main-button.list-button._unavail .main-button-inner > .nowrap,
._raid-collosium .main-button.list-button._unavail .main-button-inner > .nowrap,
._raid-event-islands .main-button.list-button._unavail .main-button-inner > .nowrap,
._raid-shadr-curse .main-button.list-button._unavail .main-button-inner > .nowrap,
._raid-dark-entry .main-button.list-button._unavail .main-button-inner > .nowrap,
._raid-land9 .main-button.list-button._unavail .main-button-inner > .nowrap {
  display: none;
}

._raid-land-2 .main-button.list-button._unavail .raid-button-name,
._raid-land-3 .main-button.list-button._unavail .raid-button-name,
._raid-land-jan2021 .main-button.list-button._unavail .raid-button-name,
._raid-collosium .main-button.list-button._unavail .raid-button-name,
._raid-event-islands .main-button.list-button._unavail .raid-button-name,
._raid-shadr-curse .main-button.list-button._unavail .raid-button-name,
._raid-dark-entry .main-button.list-button._unavail .raid-button-name,
._raid-land9 .main-button.list-button._unavail .raid-button-name {
  opacity: 0.5;
}

._raid-land-2 .main-button.list-button._locked,
._raid-land-3 .main-button.list-button._locked,
._raid-land-jan2021 .main-button.list-button._locked,
._raid-collosium .main-button.list-button._locked,
._raid-event-islands .main-button.list-button._locked,
._raid-shadr-curse .main-button.list-button._locked,
._raid-dark-entry .main-button.list-button._locked,
._raid-land9 .main-button.list-button._locked {
  display: inline-block !important;
  filter: saturate(0);
  -webkit-filter: saturate(0);
}

._raid-land-2 .main-button.list-button._locked .raid-button-name,
._raid-land-3 .main-button.list-button._locked .raid-button-name,
._raid-land-jan2021 .main-button.list-button._locked .raid-button-name,
._raid-collosium .main-button.list-button._locked .raid-button-name,
._raid-event-islands .main-button.list-button._locked .raid-button-name,
._raid-shadr-curse .main-button.list-button._locked .raid-button-name,
._raid-dark-entry .main-button.list-button._locked .raid-button-name,
._raid-land9 .main-button.list-button._locked .raid-button-name {
  color: #888888;
}

._raid-land-2 .main-button.list-button._locked .nowrap,
._raid-land-3 .main-button.list-button._locked .nowrap,
._raid-land-jan2021 .main-button.list-button._locked .nowrap,
._raid-collosium .main-button.list-button._locked .nowrap,
._raid-event-islands .main-button.list-button._locked .nowrap,
._raid-shadr-curse .main-button.list-button._locked .nowrap,
._raid-dark-entry .main-button.list-button._locked .nowrap,
._raid-land9 .main-button.list-button._locked .nowrap {
  display: none;
}

._raid-land-2 .main-button.list-button:hover, ._raid-land-2 .main-button.list-button:active,
._raid-land-3 .main-button.list-button:hover,
._raid-land-3 .main-button.list-button:active,
._raid-land-jan2021 .main-button.list-button:hover,
._raid-land-jan2021 .main-button.list-button:active,
._raid-collosium .main-button.list-button:hover,
._raid-collosium .main-button.list-button:active,
._raid-event-islands .main-button.list-button:hover,
._raid-event-islands .main-button.list-button:active,
._raid-shadr-curse .main-button.list-button:hover,
._raid-shadr-curse .main-button.list-button:active,
._raid-dark-entry .main-button.list-button:hover,
._raid-dark-entry .main-button.list-button:active,
._raid-land9 .main-button.list-button:hover,
._raid-land9 .main-button.list-button:active {
  filter: brightness(1.2);
  -webkit-filter: brightness(1.2);
}

._raid-land-2 .raid-button-name,
._raid-land-3 .raid-button-name,
._raid-land-jan2021 .raid-button-name,
._raid-collosium .raid-button-name,
._raid-event-islands .raid-button-name,
._raid-shadr-curse .raid-button-name,
._raid-dark-entry .raid-button-name,
._raid-land9 .raid-button-name {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  z-index: 2;
  left: 10%;
  width: 65%;
  bottom: -3%;
  text-align: center;
  padding: 2px 0 2px 15px;
  min-height: 26px;
  background: black;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), color-stop(30%, rgba(0, 0, 0, 0.5)), color-stop(70%, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.1)));
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 0.1) 100%);
  font-size: 10px;
}

._raid-land-2 .raid-button-name:before,
._raid-land-3 .raid-button-name:before,
._raid-land-jan2021 .raid-button-name:before,
._raid-collosium .raid-button-name:before,
._raid-event-islands .raid-button-name:before,
._raid-shadr-curse .raid-button-name:before,
._raid-dark-entry .raid-button-name:before,
._raid-land9 .raid-button-name:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -15px;
  width: 30px;
  height: 30px;
  background-image: url("https://lords.mobi/../../images/icons/icon-info.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

._raid-land-2 .raid-button-name:hover:before, ._raid-land-2 .raid-button-name:active:before,
._raid-land-3 .raid-button-name:hover:before,
._raid-land-3 .raid-button-name:active:before,
._raid-land-jan2021 .raid-button-name:hover:before,
._raid-land-jan2021 .raid-button-name:active:before,
._raid-collosium .raid-button-name:hover:before,
._raid-collosium .raid-button-name:active:before,
._raid-event-islands .raid-button-name:hover:before,
._raid-event-islands .raid-button-name:active:before,
._raid-shadr-curse .raid-button-name:hover:before,
._raid-shadr-curse .raid-button-name:active:before,
._raid-dark-entry .raid-button-name:hover:before,
._raid-dark-entry .raid-button-name:active:before,
._raid-land9 .raid-button-name:hover:before,
._raid-land9 .raid-button-name:active:before {
  -webkit-animation-name: scaleUpDown;
  animation-name: scaleUpDown;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

@media (min-width: 341px) {
  ._raid-land-2 .raid-button-name,
  ._raid-land-3 .raid-button-name,
  ._raid-land-jan2021 .raid-button-name,
  ._raid-collosium .raid-button-name,
  ._raid-event-islands .raid-button-name,
  ._raid-shadr-curse .raid-button-name,
  ._raid-dark-entry .raid-button-name,
  ._raid-land9 .raid-button-name {
    font-size: 11px;
  }
}

@media (min-width: 371px) {
  ._raid-land-2 .raid-button-name,
  ._raid-land-3 .raid-button-name,
  ._raid-land-jan2021 .raid-button-name,
  ._raid-collosium .raid-button-name,
  ._raid-event-islands .raid-button-name,
  ._raid-shadr-curse .raid-button-name,
  ._raid-dark-entry .raid-button-name,
  ._raid-land9 .raid-button-name {
    font-size: 12px;
  }
}

._raid-land-2 .raid-cooldown-content,
._raid-land-3 .raid-cooldown-content,
._raid-land-jan2021 .raid-cooldown-content,
._raid-collosium .raid-cooldown-content,
._raid-event-islands .raid-cooldown-content,
._raid-shadr-curse .raid-cooldown-content,
._raid-dark-entry .raid-cooldown-content,
._raid-land9 .raid-cooldown-content {
  display: block;
  position: absolute;
  width: 100%;
  left: 0px;
  top: 0px;
  height: 100%;
  z-index: 500;
  background: rgba(0, 0, 0, 0.75);
}

._raid-land-2 .raid-cooldown-content div,
._raid-land-3 .raid-cooldown-content div,
._raid-land-jan2021 .raid-cooldown-content div,
._raid-collosium .raid-cooldown-content div,
._raid-event-islands .raid-cooldown-content div,
._raid-shadr-curse .raid-cooldown-content div,
._raid-dark-entry .raid-cooldown-content div,
._raid-land9 .raid-cooldown-content div {
  position: absolute;
  text-align: center;
  width: 100%;
  left: 0px;
  top: 40%;
  font-size: 18px;
  color: #ffffff;
}

._raid-land-2 .raid-item-info,
._raid-land-3 .raid-item-info,
._raid-land-jan2021 .raid-item-info,
._raid-collosium .raid-item-info,
._raid-event-islands .raid-item-info,
._raid-shadr-curse .raid-item-info,
._raid-dark-entry .raid-item-info,
._raid-land9 .raid-item-info {
  display: none;
}

.content-item._raid-land-2, .content-item._raid-land-3, .content-item._raid-land-jan2021, .content-item._raid-collosium, .content-item._raid-event-islands, .content-item._raid-shadr-curse, .content-item._raid-dark-entry, .content-item._raid-mountain, .content-item._raid-land9 {
  position: relative;
  border: 1px solid #25693a;
  background: -webkit-gradient(linear, left top, left bottom, from(#0c1f1d), color-stop(#143734), to(#1e503b));
  background: linear-gradient(#0c1f1d, #143734, #1e503b);
  overflow: hidden;
}

.content-item._raid-land-2:before, .content-item._raid-land-3:before, .content-item._raid-land-jan2021:before, .content-item._raid-collosium:before, .content-item._raid-event-islands:before, .content-item._raid-shadr-curse:before, .content-item._raid-dark-entry:before, .content-item._raid-mountain:before, .content-item._raid-land9:before {
  content: '';
  position: absolute;
  top: 0;
  right: -60px;
  width: 160px;
  height: 100%;
  opacity: 0.5;
  background-repeat: no-repeat;
  background-position: 0% 50%;
  background-size: 200% auto;
  z-index: 5;
}

.content-item._raid-land-2 table, .content-item._raid-land-3 table, .content-item._raid-land-jan2021 table, .content-item._raid-collosium table, .content-item._raid-event-islands table, .content-item._raid-shadr-curse table, .content-item._raid-dark-entry table, .content-item._raid-mountain table, .content-item._raid-land9 table {
  position: relative;
  z-index: 100;
}

.content-item._raid-land-2 .c-brown, .content-item._raid-land-3 .c-brown, .content-item._raid-land-jan2021 .c-brown, .content-item._raid-collosium .c-brown, .content-item._raid-event-islands .c-brown, .content-item._raid-shadr-curse .c-brown, .content-item._raid-dark-entry .c-brown, .content-item._raid-mountain .c-brown, .content-item._raid-land9 .c-brown {
  color: #99b3a0;
}

.content-item._raid-land-2 .c-gray, .content-item._raid-land-3 .c-gray, .content-item._raid-land-jan2021 .c-gray, .content-item._raid-collosium .c-gray, .content-item._raid-event-islands .c-gray, .content-item._raid-shadr-curse .c-gray, .content-item._raid-dark-entry .c-gray, .content-item._raid-mountain .c-gray, .content-item._raid-land9 .c-gray {
  color: #556f5d !important;
}

@-webkit-keyframes scaleUpDown {
  0% {
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
  }
  25% {
    -webkit-transform: translateY(-50%) scale(1.1);
    transform: translateY(-50%) scale(1.1);
  }
  50% {
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
  }
  75% {
    -webkit-transform: translateY(-50%) scale(0.9);
    transform: translateY(-50%) scale(0.9);
  }
  100% {
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
  }
}

@keyframes scaleUpDown {
  0% {
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
  }
  25% {
    -webkit-transform: translateY(-50%) scale(1.1);
    transform: translateY(-50%) scale(1.1);
  }
  50% {
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
  }
  75% {
    -webkit-transform: translateY(-50%) scale(0.9);
    transform: translateY(-50%) scale(0.9);
  }
  100% {
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
  }
}

/* RAID BLOOOD SANDS */
._raid-collosium .raid-buttons {
  padding-bottom: 83%;
  background-image: url("https://lords.mobi/../../images/singleraids/collosium/collosium.jpg");
  background-size: 100% auto;
}

._raid-collosium .main-button.list-button {
  width: 25%;
  left: 70%;
  top: 35%;
  background-image: url(https://lords.mobi/../../images/singleraids/collosium/point-bronze.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  animation: collosiumRaidButton 2s ease-in-out infinite;
  -webkit-animation: collosiumRaidButton 2s ease-in-out infinite;
}

._raid-collosium .main-button.list-button .main-button-inner {
  padding-bottom: 100%;
  top: 10%;
  left: 0px;
  text-shadow: none;
}

._raid-collosium .main-button.list-button .main-button-inner > .nowrap {
  top: auto;
  left: 0%;
  bottom: 80%;
  width: 100%;
  white-space: normal !important;
  text-shadow: none;
}

._raid-collosium .main-button.list-button .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.list-button._unavail .raid-button-name {
  opacity: 1;
}

._raid-collosium .main-button.list-button._locked {
  display: block !important;
  opacity: 0.75;
  -webkit-animation: none !important;
  animation: none !important;
}

._raid-collosium .main-button.list-button#lvl-2,
._raid-collosium .main-button.list-button#lvl-5,
._raid-collosium .main-button.list-button#lvl-8,
._raid-collosium .main-button.list-button#lvl-11,
._raid-collosium .main-button.list-button#lvl-14 {
  background-image: url("https://lords.mobi/../../images/singleraids/collosium/point-silver.png");
  left: 5%;
  top: 30%;
  animation-duration: 2.2s;
  -webkit-animation-duration: 2.2s;
}

._raid-collosium .main-button.list-button#lvl-3,
._raid-collosium .main-button.list-button#lvl-6,
._raid-collosium .main-button.list-button#lvl-9,
._raid-collosium .main-button.list-button#lvl-12,
._raid-collosium .main-button.list-button#lvl-15 {
  background-image: url("https://lords.mobi/../../images/singleraids/collosium/point-gold.png");
  left: 37%;
  top: 25%;
  animation-duration: 2.5s;
  -webkit-animation-duration: 2.5s;
}

._raid-collosium._cells .main-button.list-button {
  background-image: url("https://lords.mobi/../../images/singleraids/collosium/point-cell-1.png");
  background-size: 80% auto;
}

._raid-collosium._cells .main-button.list-button#lvl-2,
._raid-collosium._cells .main-button.list-button#lvl-5,
._raid-collosium._cells .main-button.list-button#lvl-8,
._raid-collosium._cells .main-button.list-button#lvl-11,
._raid-collosium._cells .main-button.list-button#lvl-14 {
  background-image: url("https://lords.mobi/../../images/singleraids/collosium/point-cell-2.png");
}

._raid-collosium._cells .main-button.list-button#lvl-3,
._raid-collosium._cells .main-button.list-button#lvl-6,
._raid-collosium._cells .main-button.list-button#lvl-9,
._raid-collosium._cells .main-button.list-button#lvl-12,
._raid-collosium._cells .main-button.list-button#lvl-15 {
  background-image: url("https://lords.mobi/../../images/singleraids/collosium/point-cell-3.png");
}

._raid-collosium._elements .main-button.list-button,
._raid-collosium._inferno .main-button.list-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.list-button {
  background-image: url("https://lords.mobi/../../images/singleraids/collosium/point-elemental.png") !important;
}

._raid-collosium._inferno .main-button.list-button {
  background-image: url("https://lords.mobi/../../images/singleraids/collosium/point-inferno.png") !important;
}

._raid-collosium .raid-button-name {
  top: 80%;
  font-weight: normal;
  font-size: 11px;
  font-family: 'Trajan', Arial, sans-serif !important;
  text-align: center;
  color: #ffffaa;
  text-shadow: 1px 1px 3px #000000,1px 1px 3px #000000;
  min-height: 30px;
  padding: 3px 0 3px 20px;
  width: 75%;
  word-break: break-word;
}

._raid-collosium .raid-button-name:before {
  width: 40px;
  height: 40px;
  left: -20px;
}

@media (min-width: 341px) {
  ._raid-collosium .raid-button-name {
    font-size: 12px;
  }
}

@media (min-width: 371px) {
  ._raid-collosium .raid-button-name {
    font-size: 14px;
  }
}

._raid-collosium .raid-cooldown-content {
  width: auto;
  left: 3px;
  right: 3px;
  top: 3px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.8);
}

._raid-collosium .raid-cooldown-content div {
  top: 5%;
}

._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("https://lords.mobi/../../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("https://lords.mobi/../../images/singleraids/raid-chain.png") 50% 50% no-repeat;
}

@keyframes collosiumRaidButton {
  40% {
    -webkit-transform: translateY(-7%);
    transform: translateY(-7%);
  }
}

@-webkit-keyframes collosiumRaidButton {
  40% {
    -webkit-transform: translateY(-7%);
  }
}

.content-item._raid-collosium {
  border: 1px solid #a08b43;
  background: -webkit-gradient(linear, left top, left bottom, from(#4c2e0d), color-stop(#7b4110), to(#ba6b29));
  background: linear-gradient(#4c2e0d, #7b4110, #ba6b29);
}

.content-item._raid-collosium:before {
  top: auto;
  bottom: 0px;
  right: -20px;
  width: 200px;
  height: 100px;
  opacity: 0.25;
  background: url("https://lords.mobi/../../images/singleraids/collosium/collosium-icon.png") 100% 0% no-repeat;
  background-size: 200px auto;
}

.content-item._raid-collosium .c-brown {
  color: #ffea96;
}

.content-item._raid-collosium .c-gray {
  color: #eb9006 !important;
}

/* DARKNESS ENTRY RAID */
._raid-dark-entry .raid-buttons {
  padding-bottom: 79%;
  background-image: url("https://lords.mobi/../../images/singleraids/darkness/castle-back.jpg");
}

._raid-dark-entry .main-button.list-button {
  left: 8%;
  bottom: 5%;
  width: 25%;
  background-image: url("https://lords.mobi/../../images/singleraids/darkness/enter-keys.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  animation: darkRaidArrowA 2s ease-in-out infinite;
  -webkit-animation: darkRaidArrowA 2s ease-in-out infinite;
}

._raid-dark-entry .main-button.list-button .main-button-inner {
  padding-bottom: 100%;
}

._raid-dark-entry .main-button.list-button .main-button-inner > .nowrap {
  top: auto;
  bottom: -5%;
  left: -17%;
}

._raid-dark-entry .main-button.list-button .main-button-inner > .nowrap > .nowrap > img {
  display: none;
}

._raid-dark-entry .main-button.list-button .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.list-button ._locked {
  opacity: 0.75;
  animation: none !important;
  -webkit-animation: none !important;
}

._raid-dark-entry .main-button.list-button#lvl-2,
._raid-dark-entry .main-button.list-button#lvl-5,
._raid-dark-entry .main-button.list-button#lvl-8,
._raid-dark-entry .main-button.list-button#lvl-11,
._raid-dark-entry .main-button.list-button#lvl-14 {
  background-image: url("https://lords.mobi/../../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;
}

._raid-dark-entry .main-button.list-button#lvl-2 .main-button-inner > .nowrap,
._raid-dark-entry .main-button.list-button#lvl-5 .main-button-inner > .nowrap,
._raid-dark-entry .main-button.list-button#lvl-8 .main-button-inner > .nowrap,
._raid-dark-entry .main-button.list-button#lvl-11 .main-button-inner > .nowrap,
._raid-dark-entry .main-button.list-button#lvl-14 .main-button-inner > .nowrap {
  bottom: 0%;
  left: 10%;
}

._raid-dark-entry .main-button.list-button#lvl-3,
._raid-dark-entry .main-button.list-button#lvl-6,
._raid-dark-entry .main-button.list-button#lvl-9,
._raid-dark-entry .main-button.list-button#lvl-12,
._raid-dark-entry .main-button.list-button#lvl-15 {
  background-image: url("https://lords.mobi/../../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;
}

._raid-dark-entry .main-button.list-button#lvl-3 .main-button-inner > .nowrap,
._raid-dark-entry .main-button.list-button#lvl-6 .main-button-inner > .nowrap,
._raid-dark-entry .main-button.list-button#lvl-9 .main-button-inner > .nowrap,
._raid-dark-entry .main-button.list-button#lvl-12 .main-button-inner > .nowrap,
._raid-dark-entry .main-button.list-button#lvl-15 .main-button-inner > .nowrap {
  bottom: auto;
  top: -4%;
  left: -15%;
}

._raid-dark-entry .raid-button-name {
  display: none;
}

._raid-dark-entry .raid-cooldown-content {
  width: auto;
  left: 3px;
  right: 3px;
  top: 3px;
  bottom: 0px;
  background: rgba(0, 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("https://lords.mobi/../../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("https://lords.mobi/../../images/singleraids/raid-chain.png") 50% 50% no-repeat;
}

._raid-dark-entry .raid-cooldown-content div {
  top: 5%;
}

.content-item._raid-dark-entry .c-brown {
  color: #aaaaff;
}

.content-item._raid-dark-entry .c-gray {
  color: #5555aa !important;
}

@keyframes darkRaidArrowA {
  40% {
    -webkit-transform: translate(3%, -7%) scale(0.9);
    transform: translate(3%, -7%) scale(0.9);
  }
}

@-webkit-keyframes darkRaidArrowA {
  40% {
    -webkit-transform: translate(3%, -7%) scale(0.9);
  }
}

@keyframes darkRaidArrowB {
  40% {
    -webkit-transform: translate(-3%, -6%) scale(0.9);
    transform: translate(-3%, -6%) scale(0.9);
  }
}

@-webkit-keyframes darkRaidArrowB {
  40% {
    -webkit-transform: translate(-3%, -6%) scale(0.9);
  }
}

@keyframes darkRaidArrowC {
  40% {
    -webkit-transform: translate(2%, 6%) scale(0.9);
    transform: translate(2%, 6%) scale(0.9);
  }
}

@-webkit-keyframes darkRaidArrowC {
  40% {
    -webkit-transform: translate(2%, 6%) scale(0.9);
  }
}

/* LAND3 RAID */
._raid-event-islands .raid-buttons {
  padding: 10px 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#251f16), color-stop(10%, rgba(37, 31, 22, 0))), url("https://lords.mobi/../../images/singleraids/islands/sea-bg.jpg") 50% 0 repeat-y;
  background: linear-gradient(to bottom, #251f16, rgba(37, 31, 22, 0) 10%), url("https://lords.mobi/../../images/singleraids/islands/sea-bg.jpg") 50% 0 repeat-y;
  background: -webkit-linear-gradient(top, #251f16, rgba(37, 31, 22, 0) 10%), url("https://lords.mobi/../../images/singleraids/islands/sea-bg.jpg") 50% 0 repeat-y;
  display: block !important;
  margin-top: 15px;
  position: relative;
}

._raid-event-islands .inner {
  padding: 10px 0 0 0 !important;
}

._raid-event-islands .main-button.list-button {
  position: relative;
  display: inline-block;
  width: 24%;
  height: 0px;
  padding-bottom: 20%;
  margin: 0px !important;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

._raid-event-islands .main-button.list-button .main-button-inner {
  position: absolute;
  padding-bottom: 69.5%;
  top: 10%;
  left: 0px;
  text-shadow: 1px 1px 3px #000000;
}

._raid-event-islands .main-button.list-button#lvl-1 {
  background-image: url("https://lords.mobi/../../images/singleraids/islands/island-1-bg.png");
}

._raid-event-islands .main-button.list-button#lvl-2 {
  background-image: url("https://lords.mobi/../../images/singleraids/islands/island-2-bg.png");
}

._raid-event-islands .main-button.list-button#lvl-3 {
  background-image: url("https://lords.mobi/../../images/singleraids/islands/island-3-bg.png");
}

._raid-event-islands .main-button.list-button#lvl-4 {
  background-image: url("https://lords.mobi/../../images/singleraids/islands/island-4-bg.png");
}

._raid-event-islands .main-button.list-button#lvl-5 {
  background-image: url("https://lords.mobi/../../images/singleraids/islands/island-5-bg.png");
}

._raid-event-islands .main-button.list-button#lvl-6 {
  background-image: url("https://lords.mobi/../../images/singleraids/islands/island-6-bg.png");
}

._raid-event-islands .main-button.list-button#lvl-7 {
  background-image: url("https://lords.mobi/../../images/singleraids/islands/island-7-bg.png");
}

._raid-event-islands .main-button.list-button#lvl-8 {
  background-image: url("https://lords.mobi/../../images/singleraids/islands/island-8-bg.png");
}

._raid-event-islands .main-button.list-button#lvl-9 {
  background-image: url("https://lords.mobi/../../images/singleraids/islands/island-9-bg.png");
}

._raid-event-islands .main-button.list-button#lvl-10 {
  background-image: url("https://lords.mobi/../../images/singleraids/islands/island-10-bg.png");
}

._raid-event-islands .main-button.list-button#lvl-11 {
  background-image: url("https://lords.mobi/../../images/singleraids/islands/island-11-bg.png");
}

._raid-event-islands .main-button.list-button#lvl-12 {
  background-image: url("https://lords.mobi/../../images/singleraids/islands/island-12-bg.png");
}

._raid-event-islands .main-button.list-button#lvl-13 {
  background-image: url("https://lords.mobi/../../images/singleraids/islands/island-13-bg.png");
}

._raid-event-islands .main-button.list-button#lvl-14 {
  background-image: url("https://lords.mobi/../../images/singleraids/islands/island-14-bg.png");
}

._raid-event-islands .main-button.list-button#lvl-15 {
  background-image: url("https://lords.mobi/../../images/singleraids/islands/island-15-bg.png");
}

._raid-event-islands .main-button.list-button#lvl-16 {
  background-image: url("https://lords.mobi/../../images/singleraids/islands/island-16-bg.png");
}

._raid-event-islands .raid-button-name {
  bottom: 0px;
}

._raid-event-islands .raid-cooldown-content {
  top: 15%;
  height: 70%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(30%, rgba(0, 0, 0, 0.75)), color-stop(80%, rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0)));
  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));
}

.content-item._raid-event-islands {
  border: 1px solid #404e73;
  background: -webkit-gradient(linear, left top, left bottom, from(#181825), color-stop(#141046), to(#005b82));
  background: linear-gradient(#181825, #141046, #005b82);
}

.content-item._raid-event-islands:before {
  right: -80px;
  width: 160px;
  height: 100%;
  opacity: 0.5;
  background: url("https://lords.mobi/../../images/singleraids/islands/island-1-bg.png") 121% 50% no-repeat;
  background-size: 160px auto;
}

.content-item._raid-event-islands .c-brown {
  color: #aaaaff;
}

.content-item._raid-event-islands .c-gray {
  color: #5555aa !important;
}

/* LAND2 RAID */
._raid-land-2 .raid-buttons {
  background-image: url("https://lords.mobi/../../images/singleraids/land2/arden-background.jpg");
}

._raid-land-2 .main-button.list-button#lvl-1 {
  background-image: url("https://lords.mobi/../../images/singleraids/land2/arden-mines.png?v=3");
  left: 19%;
  top: 8%;
}

._raid-land-2 .main-button.list-button#lvl-2 {
  background-image: url("https://lords.mobi/../../images/singleraids/land2/arden-graveyard.png?v=3");
  left: 65%;
  top: 10%;
}

._raid-land-2 .main-button.list-button#lvl-3 {
  background-image: url("https://lords.mobi/../../images/singleraids/land2/arden-obelisk.png?v=3");
  left: 15%;
  top: 21%;
}

._raid-land-2 .main-button.list-button#lvl-4 {
  background-image: url("https://lords.mobi/../../images/singleraids/land2/arden-fields.png?v=3");
  left: 65%;
  top: 29%;
}

._raid-land-2 .main-button.list-button#lvl-5 {
  background-image: url("https://lords.mobi/../../images/singleraids/land2/arden-path.png?v=3");
  left: 34%;
  top: 34.5%;
}

._raid-land-2 .main-button.list-button#lvl-6 {
  background-image: url("https://lords.mobi/../../images/singleraids/land2/arden-village.png?v=3");
  left: 60%;
  top: 41%;
}

._raid-land-2 .main-button.list-button#lvl-7 {
  background-image: url("https://lords.mobi/../../images/singleraids/land2/arden-badass.png?v=3");
  left: 2%;
  top: 52%;
}

._raid-land-2 .main-button.list-button#lvl-8 {
  background-image: url("https://lords.mobi/../../images/singleraids/land2/arden-ratlair.png?v=3");
  left: 43%;
  top: 59.5%;
}

._raid-land-2 .main-button.list-button#lvl-9 {
  background-image: url("https://lords.mobi/../../images/singleraids/land2/arden-estate.png?v=3");
  left: 2%;
  top: 68%;
}

._raid-land-2 .main-button.list-button#lvl-10 {
  background-image: url("https://lords.mobi/../../images/singleraids/land2/arden-forest.png?v=3");
  left: 62%;
  top: 68%;
}

._raid-land-2 .main-button.list-button#lvl-11 {
  background-image: url("https://lords.mobi/../../images/singleraids/land2/arden-mill.png?v=3");
  left: 2%;
  top: 83%;
}

._raid-land-2 .main-button.list-button#lvl-12 {
  background-image: url("https://lords.mobi/../../images/singleraids/land2/arden-lake.png?v=3");
  left: 32%;
  top: 86.3%;
}

.content-item._raid-land-2:before {
  background-image: url("https://lords.mobi/../../images/singleraids/land2/arden-forest.png?v=3");
}

/* LAND3 RAID */
._raid-land-3 .raid-buttons {
  background-image: url("https://lords.mobi/../../images/singleraids/land3/background.jpg");
}

._raid-land-3 .main-button.list-button#lvl-1 {
  background-image: url("https://lords.mobi/../../images/singleraids/land3/julian-house.png?v=3");
  left: 10%;
  top: 6%;
}

._raid-land-3 .main-button.list-button#lvl-2 {
  background-image: url("https://lords.mobi/../../images/singleraids/land3/orc-secret.png?v=3");
  left: 51%;
  top: 5%;
}

._raid-land-3 .main-button.list-button#lvl-3 {
  background-image: url("https://lords.mobi/../../images/singleraids/land3/driad-ambush.png?v=3");
  left: 58%;
  top: 16%;
}

._raid-land-3 .main-button.list-button#lvl-4 {
  background-image: url("https://lords.mobi/../../images/singleraids/land3/unicorns.png?v=3");
  left: 14%;
  top: 23%;
}

._raid-land-3 .main-button.list-button#lvl-5 {
  background-image: url("https://lords.mobi/../../images/singleraids/land3/silent-waters.png?v=3");
  left: 53%;
  top: 31%;
}

._raid-land-3 .main-button.list-button#lvl-6 {
  background-image: url("https://lords.mobi/../../images/singleraids/land3/silver-water.png?v=3");
  left: 5%;
  top: 43%;
}

._raid-land-3 .main-button.list-button#lvl-7 {
  background-image: url("https://lords.mobi/../../images/singleraids/land3/druid-tower.png?v=3");
  left: 8%;
  top: 61%;
}

._raid-land-3 .main-button.list-button#lvl-8 {
  background-image: url("https://lords.mobi/../../images/singleraids/land3/castle-remains.png?v=3");
  left: 51%;
  top: 69%;
}

._raid-land-3 .main-button.list-button#lvl-9 {
  background-image: url("https://lords.mobi/../../images/singleraids/land3/dead-woods.png?v=3");
  left: 26%;
  top: 79%;
}

.content-item._raid-land-3:before {
  background-image: url("https://lords.mobi/../../images/singleraids/land3/dead-woods.png?v=3");
  background-position: 0% 20%;
}

/* Event Raid Jan2021 */
._raid-land-jan2021 .raid-buttons {
  background-image: url("https://lords.mobi/../../images/singleraids/land3/background.jpg");
}

._raid-land-jan2021 .main-button.list-button .main-button-inner {
  left: 10%;
  top: 6%;
}

._raid-land-jan2021 .main-button.list-button#lvl-1 {
  background-image: url("https://lords.mobi/../../images/singleraids/land3/julian-house.png?v=3");
  left: 10%;
  top: 4%;
}

._raid-land-jan2021 .main-button.list-button#lvl-2 {
  background-image: url("https://lords.mobi/../../images/singleraids/land3/orc-secret.png?v=3");
  left: 50%;
  top: 7%;
}

._raid-land-jan2021 .main-button.list-button#lvl-3 {
  background-image: url("https://lords.mobi/../../images/singleraids/land3/driad-ambush.png?v=3");
  left: 58%;
  top: 18%;
}

._raid-land-jan2021 .main-button.list-button#lvl-4 {
  background-image: url("https://lords.mobi/../../images/singleraids/land3/unicorns.png?v=3");
  left: 8%;
  top: 28%;
}

._raid-land-jan2021 .main-button.list-button#lvl-5 {
  background-image: url("https://lords.mobi/../../images/singleraids/land3/silent-waters.png?v=3");
  left: 54%;
  top: 31%;
}

._raid-land-jan2021 .main-button.list-button#lvl-6 {
  background-image: url("https://lords.mobi/../../images/singleraids/land3/druid-tower.png?v=3");
  left: 13%;
  top: 15%;
}

._raid-land-jan2021 .main-button.list-button#lvl-7 {
  background-image: url("https://lords.mobi/../../images/singleraids/land3/castle-remains.png?v=3");
  left: 36%;
  top: 41%;
}

._raid-land-jan2021 .main-button.list-button#lvl-8 {
  background-image: url("https://lords.mobi/../../images/singleraids/land3/dead-woods.png?v=3");
  left: 62%;
  top: 53%;
}

._raid-land-jan2021 .main-button.list-button#lvl-9 {
  background-image: url("https://lords.mobi/../../images/singleraids/land2/arden-mill.png?v=3");
  left: 23%;
  top: 59%;
}

._raid-land-jan2021 .main-button.list-button#lvl-10 {
  background-image: url("https://lords.mobi/../../images/singleraids/land2/arden-obelisk.png?v=3");
  left: 3%;
  top: 48%;
}

._raid-land-jan2021 .main-button.list-button#lvl-11 {
  background-image: url("https://lords.mobi/../../images/singleraids/land2/arden-badass.png?v=3");
  left: 8%;
  top: 86%;
}

._raid-land-jan2021 .main-button.list-button#lvl-12 {
  background-image: url("https://lords.mobi/../../images/singleraids/land2/arden-estate.png?v=3");
  left: 59%;
  top: 67%;
}

._raid-land-jan2021 .main-button.list-button#lvl-13 {
  background-image: url("https://lords.mobi/../../images/singleraids/land2/arden-mines.png?v=3");
  left: 53%;
  top: 80%;
}

._raid-land-jan2021 .main-button.list-button#lvl-14 {
  background-image: url("https://lords.mobi/../../images/singleraids/land9/2_ritual_stone.png?v=3");
  left: 14%;
  top: 73%;
}

.content-item._raid-land-jan2021 {
  border: 1px solid #a08b43;
  background: -webkit-gradient(linear, left top, left bottom, from(#4c2e0d), color-stop(#7b4110), to(#ba6b29));
  background: linear-gradient(#4c2e0d, #7b4110, #ba6b29);
}

.content-item._raid-land-jan2021:before {
  top: auto;
  bottom: 0;
  right: -20px;
  width: 200px;
  height: 100px;
  opacity: 0.25;
  background-image: url("https://lords.mobi/../../images/singleraids/collosium/collosium-icon.png");
  background-size: 200px auto;
  background-position: 100% 0%;
}

.content-item._raid-land-jan2021 .c-brown {
  color: #ffea96;
}

/* RAID MOUNTAIN TREASURE */
._raid-land9 .raid-buttons {
  padding-bottom: 125%;
  background-image: url("https://lords.mobi/../../images/singleraids/land9/ice_peaks_background.jpg");
  background-size: 100% auto;
}

._raid-land9 .main-button.list-button {
  left: 72%;
  top: 71%;
  width: 22%;
  background-image: url("https://lords.mobi/../../images/singleraids/land9/1_village_giants.png?v=3");
  background-repeat: no-repeat;
  background-size: 200% auto;
  background-position: 0% 50%;
}

._raid-land9 .main-button.list-button .main-button-inner > .nowrap {
  width: 100%;
}

._raid-land9 .main-button.list-button .main-button-inner .nowrap span {
  vertical-align: middle;
}

._raid-land9 .main-button.list-button._locked {
  opacity: 0.75;
  -webkit-animation: none !important;
  animation: none !important;
}

._raid-land9 .main-button.list-button#lvl-2 {
  background-image: url("https://lords.mobi/../../images/singleraids/land9/2_ritual_stone.png?v=3");
  left: 46%;
  top: 82%;
}

._raid-land9 .main-button.list-button#lvl-3 {
  background-image: url("https://lords.mobi/../../images/singleraids/land9/3_ancient_burial.png?v=3");
  left: 6%;
  top: 76%;
}

._raid-land9 .main-button.list-button#lvl-4 {
  background-image: url("https://lords.mobi/../../images/singleraids/land9/4_Yeti_forest.png?v=3");
  left: 8%;
  top: 56%;
}

._raid-land9 .main-button.list-button#lvl-5 {
  background-image: url("https://lords.mobi/../../images/singleraids/land9/5_ice_mounds.png?v=3");
  left: 36%;
  top: 65%;
}

._raid-land9 .main-button.list-button#lvl-6 {
  background-image: url("https://lords.mobi/../../images/singleraids/land9/6_forgotten_caves.png?v=3");
  left: 58%;
  top: 56%;
}

._raid-land9 .main-button.list-button#lvl-7 {
  background-image: url("https://lords.mobi/../../images/singleraids/land9/7_old_fortress.png?v=3");
  left: 68%;
  top: 36%;
}

._raid-land9 .main-button.list-button#lvl-8 {
  background-image: url("https://lords.mobi/../../images/singleraids/land9/8_permafrost_lake.png?v=3");
  left: 33%;
  top: 48%;
}

._raid-land9 .main-button.list-button#lvl-9 {
  background-image: url("https://lords.mobi/../../images/singleraids/land9/9_vanguard.png?v=3");
  left: 7%;
  top: 39%;
}

._raid-land9 .main-button.list-button#lvl-10 {
  background-image: url("https://lords.mobi/../../images/singleraids/land9/10_gorge_mountains.png?v=3");
  left: 29%;
  top: 31%;
}

._raid-land9 .main-button.list-button#lvl-11 {
  background-image: url("https://lords.mobi/../../images/singleraids/land9/11_citadel_gate.png?v=3");
  left: 50%;
  top: 25%;
}

._raid-land9 .main-button.list-button#lvl-12 {
  background-image: url("https://lords.mobi/../../images/singleraids/land9/12_ice_citadel.png?v=3");
  width: 28%;
  left: 22%;
  top: 12%;
}

._raid-land9 .raid-button-name {
  width: 75%;
  bottom: -25%;
  font-weight: normal;
  font-size: 14px;
  color: #ffeebe;
  text-shadow: 1px 1px 2px #000000, -1px -1px 2px #000000, 1px -1px 2px #000000, -1px 1px 2px #000000, 1px 1px 3px #000000, -1px -1px 3px #000000, 1px -1px 3px #000000, -1px 1px 3px #000000;
}

._raid-land9 .raid-cooldown-content {
  width: auto;
  left: 3px;
  right: 3px;
  top: 3px;
  bottom: 0px;
}

._raid-land9 .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("https://lords.mobi/../../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-land9 .raid-cooldown-content:after {
  content: '';
  display: block;
  width: 100%;
  height: 418px;
  position: absolute;
  top: 60%;
  left: 0%;
  margin-top: -296px;
  background: url("https://lords.mobi/../../images/singleraids/raid-chain.png") 50% 50% no-repeat;
}

._raid-land9 .raid-cooldown-content div {
  top: 5%;
}

@media screen and (max-width: 340px) {
  ._raid-land9 .raid-button-name {
    font-size: 11px;
  }
  ._raid-land9 .main-button.list-button .main-button-inner > .nowrap img {
    height: 1.25em;
    width: auto;
  }
}

.content-item ._raid-land9 {
  border: 1px solid #2391ae;
  background: -webkit-gradient(linear, left top, left bottom, from(#0d444c), color-stop(#10627b), to(#2993ba));
  background: linear-gradient(#0d444c, #10627b, #2993ba);
}

.content-item ._raid-land9:before {
  content: '';
  position: absolute;
  bottom: -50px;
  right: -10px;
  width: 150px;
  height: 120px;
  opacity: 0.25;
  background: url("https://lords.mobi/../../images/singleraids/land9/5_ice_mounds.png?v=3") 0% 0% no-repeat;
  background-size: 200% auto;
  z-index: 5;
}

.content-item ._raid-land9 .a {
  color: #c9f5ff;
}

.content-item ._raid-land9 .c-brown {
  color: #c9f5ff;
}

.content-item ._raid-land9 .c-gray {
  color: #8abfd3 !important;
}

/* SHADR RAID */
._raid-shadr-curse .raid-buttons {
  background-image: url("https://lords.mobi/../../images/singleraids/shadr/background.jpg");
  margin-bottom: 0;
  padding-bottom: 125%;
}

._raid-shadr-curse .main-button.list-button {
  width: 41%;
  background-image: url("https://lords.mobi/../../images/singleraids/shadr/pyramid-1.png?v=3");
}

._raid-shadr-curse .main-button.list-button .main-button-inner {
  top: 10%;
  left: 0px;
  padding-bottom: 80%;
}

._raid-shadr-curse .main-button.list-button .main-button-inner > .nowrap {
  top: auto;
  bottom: 32%;
}

._raid-shadr-curse .raid-button-name {
  word-break: break-word;
  bottom: auto;
  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 .inner {
  padding: 0px 0 0px 0 !important;
}

._raid-shadr-curse .raid-cooldown-content {
  width: auto;
  left: 3px;
  right: 3px;
  top: 3px;
  bottom: 0px;
  height: 100%;
}

._raid-shadr-curse .raid-cooldown-content div {
  top: 5%;
  z-index: 10;
}

._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("https://lords.mobi/../../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-shadr-curse .raid-cooldown-content:after {
  content: '';
  display: block;
  width: 100%;
  height: 418px;
  position: absolute;
  top: 60%;
  left: 0%;
  margin-top: -296px;
  background: url("https://lords.mobi/../../images/singleraids/raid-chain.png") 50% 50% no-repeat;
}

._raid-shadr-curse .main-button.list-button#lvl-1 {
  background-image: url("https://lords.mobi/../../images/singleraids/shadr/pyramid-1.png?v=3");
  left: 48%;
  top: 10%;
  width: 41%;
}

._raid-shadr-curse .main-button.list-button#lvl-2 {
  background-image: url("https://lords.mobi/../../images/singleraids/shadr/pyramid-2.png?v=3");
  width: 36%;
  left: 8%;
  top: 30%;
}

._raid-shadr-curse .main-button.list-button#lvl-3 {
  background-image: url("https://lords.mobi/../../images/singleraids/shadr/pyramid-3.png?v=3");
  left: 58%;
  top: 18%;
}

._raid-shadr-curse .main-button.list-button#lvl-4 {
  background-image: url("https://lords.mobi/../../images/singleraids/shadr/pyramid-4.png?v=3");
  left: 4%;
  top: 64%;
  width: 53%;
}

@keyframes lockMove {
  from, to {
    -webkit-transform: rotateZ(-2deg);
    transform: rotateZ(-2deg);
  }
  50% {
    -webkit-transform: rotateZ(2deg);
    transform: rotateZ(2deg);
  }
}

@-webkit-keyframes lockMove {
  from, to {
    -webkit-transform: rotateZ(-2deg);
  }
  50% {
    -webkit-transform: rotateZ(2deg);
  }
}

.content-item._raid-shadr-curse {
  border: 1px solid #a08b43;
  background: -webkit-gradient(linear, left top, left bottom, from(#52472d), color-stop(#5f4f2a), to(#887242));
  background: linear-gradient(#52472d, #5f4f2a, #887242);
}

.content-item._raid-shadr-curse:before {
  top: auto;
  bottom: 0;
  right: -20px;
  width: 160px;
  height: 100%;
  opacity: 0.25;
  background: url("https://lords.mobi/../../images/singleraids/shadr/pyramid-4.png?v=3") 0% 0% no-repeat;
  background-size: 200px auto;
}

.content-item._raid-shadr-curse .c-brown {
  color: #ffea96;
}

.content-item._raid-shadr-curse .c-gray {
  color: #9e835a !important;
}

.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("https://lords.mobi/../../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;
}

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

.raids-popup {
  max-width: 480px;
  margin: 0 !important;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 98%;
  /* пїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ (пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ) */
  /* пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ */
  /* пїЅпїЅпїЅпїЅпїЅпїЅпїЅ */
}

.raids-popup._closed .raid-info-button {
  display: none;
}

.raids-popup._closed .raid-info-button a {
  pointer-events: none;
  cursor: default;
}

.raids-popup .raid-info-padding {
  height: 35px;
  background: #1a130e;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #1a130e), to(rgba(26, 19, 14, 0)));
  background: linear-gradient(180deg, #1a130e 50%, rgba(26, 19, 14, 0) 100%);
  position: absolute;
  z-index: 2;
  width: 98%;
  border-radius: 10px 10px 0 0;
}

.raids-popup #content-2 {
  height: 90%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.raids-popup #content-2.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.raids-popup .boss-info {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

.raids-popup .boss-info-column {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

.raids-popup .boss-info-wrapper {
  display: inline-block;
  text-align: left;
}

.raids-popup .boss-info-resistance {
  color: #e3c9af;
}

.raids-popup .vulnerable {
  color: #9dffa0;
}

.raids-popup .unvulnerable {
  color: #fd8561;
}

.raids-popup .tabs {
  position: absolute;
  text-align: center;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  width: 100%;
  z-index: 3;
}

.raids-popup .qst-reward {
  margin: 0;
}

.raids-popup .qst-reward-inner {
  height: 20vh;
  min-height: 210px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  padding: 20px 15px 22px 15px;
  background: #1a130e;
  scrollbar-color: #4d4d4d transparent;
  scrollbar-width: thin;
}

.raids-popup ::-webkit-scrollbar {
  width: 5px;
  background-color: transparent;
}

.raids-popup ::-webkit-scrollbar-thumb {
  background-color: #4d4d4d;
  border-radius: 5px;
}

.raids-popup ::-webkit-scrollbar-button:vertical:start:decrement {
  display: none;
}

.raids-popup ::-webkit-scrollbar-button:vertical:end:increment {
  display: none;
}

.raids-popup ::-webkit-scrollbar-button:horizontal:start:decrement {
  display: none;
}

.raids-popup ::-webkit-scrollbar-button:horizontal:end:increment {
  display: none;
}

.raids-popup .rwrd-popup {
  z-index: 0;
}

.raids-popup .raid-reward-resource .rwrd-popup {
  bottom: auto;
  top: auto;
  margin-top: 6px;
  z-index: 1;
}

.raids-popup .raid-reward-resource .rwrd-popup:before {
  bottom: auto;
  top: -13px;
  border-bottom-width: 10px;
  border-bottom-color: #4d4333;
  border-top-width: 0;
  border-top-color: transparent;
}

.raid-info .tabs-content {
  display: none;
}

.raid-info .tabs-content.active {
  display: block;
}

@media screen and (max-width: 380px) {
  .raid-info .tabs > label {
    padding: 4px 8px;
  }
}

.raid-info-img-alter {
  display: block;
  width: 100%;
  border: 1px solid #5f513f;
  height: auto;
}

.raid-info-stages {
  text-align: center;
}

.raid-info-stages span {
  font-family: "Trajan", Arial, sans-serif !important;
}

.raid-reward-ammunition {
  padding: 45px 35px 0px 35px;
}

.raid-reward-resource {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.raid-reward-resource .rwrd-item._resource {
  height: auto;
}

.raid-reward-resource .rwrd-item-amount {
  position: static;
}

.raid-reward-item {
  display: inline-block;
  margin-right: 3px;
}
.castle-item .parameter-list-item-content {
  background-color: #171412;
}

.castle-item .parameter-list-item-decor {
  background: -webkit-gradient(linear, left top, right top, from(#171412), color-stop(50%, rgba(23, 20, 18, 0.5)), to(rgba(23, 20, 18, 0)));
  background: linear-gradient(90deg, #171412 0%, rgba(23, 20, 18, 0.5) 50%, rgba(23, 20, 18, 0) 100%);
}

@media (min-width: 341px) {
  .castle-item-upgrade-container {
    padding: 0 10px;
  }
}

.castle-item-img {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 10px;
  height: 70px;
  width: 88px;
}

@media (min-width: 361px) {
  .castle-item-img {
    height: 82px;
    width: 102px;
    margin-right: 20px;
  }
}

.castle-item-img > img {
  width: 100%;
}

.castle-item-info, .castle-item-info-table {
  width: 100%;
}

.castle-item-info-locked {
  display: none;
}

._locked .castle-item-info {
  display: none;
}

._locked .castle-item-info-locked {
  display: block;
}

._locked .castle-item-img {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

._locked .act2ive-spells {
  display: none;
}

._locked .building-spell-choice {
  display: none;
}

._locked .building-upgrades .content-item {
  border: 1px solid #2F2D2D;
}

._locked .building-upgrades .spell-icon {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

._locked .building-upgrades .spell-icon a {
  display: none;
}

._locked .building-upgrades .upgrade-block {
  display: none;
}

._locked .building-upgrades .parameter-list {
  display: none;
}

.castle-item-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.spell-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-top: 2px;
  color: #a8aa97;
}

.spell-list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 5px;
}

.spell-list li .spell-list-item-img {
  width: 30px;
  height: 30px;
}

@media (min-width: 361px) {
  .spell-list li .spell-list-item-img {
    width: 35px;
    height: 35px;
  }
}

.spell-list li .spell-list-item-img > img {
  width: 100%;
}

@media (max-width: 360px) {
  .spell-list:not(._fort) {
    font-size: 11px;
  }
}

.spell-list._fort .parameter-list-item {
  max-width: 45px;
}

.spell-info-list {
  margin-top: 9px;
}

.spell-info .parameter-list-item:not(:first-child) {
  margin-top: 4px;
}

.parameter-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
}

.parameter-list-item-content {
  background-color: rgba(23, 20, 18, 0.5);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.parameter-list-item-decor {
  background: -webkit-gradient(linear, left top, right top, from(rgba(23, 20, 18, 0.5)), color-stop(50%, rgba(23, 20, 18, 0.25)), to(rgba(23, 20, 18, 0)));
  background: linear-gradient(90deg, rgba(23, 20, 18, 0.5) 0%, rgba(23, 20, 18, 0.25) 50%, rgba(23, 20, 18, 0) 100%);
  width: 100%;
}

.parameter-list._short .parameter-list-item {
  max-width: 270px;
}

.parameter-list._short2 .parameter-list-item {
  max-width: 260px;
}

.upgrade-block {
  color: #766f5f;
}

.upgrade-block-unavailable .btn.dark .btn-cont {
  font-family: Arial, sans-serif !important;
  padding: 9px 0 0 0;
  text-shadow: 1px 1px black;
}

.upgrade-price {
    background-color: #171412;
    padding: 7px 2px;
}

.upgrade-price-item {
  color: #a8aa97;
  display: inline-block;
}

.upgrade-price-item:not(:last-child) {
  margin-right: 15px;
}

.upgrade-queue-title {
  margin-bottom: 8px;
  margin-top: 4px;
}

.upgrade-queue-time-value {
  color: #a8aa97;
}

.warehouse-resource-list {
  margin: -3px;
}

.warehouse-resource-list img {
  margin: 3px;
}

.castle-warehouse .parameter-list-item-content {
  max-width: 250px;
}

.building-upgrades-warehouse-header {
  text-align: center;
}

.building-upgrades-warehouse .parameter-list-item {
  max-width: 350px;
  margin-bottom: 10px;
}

.building-upgrades-warehouse .parameter-list-item:last-child {
  margin: 0;
}

.building-upgrades-warehouse .parameter-list-item-content {
  width: 90%;
}

.building-upgrades-warehouse .parameter-list-item-content .flex-item:first-child {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 178px;
}

.building-upgrades-warehouse .parameter-list-item._next-lvl span {
  color: #2CC913 !important;
}

.building-upgrades-warehouse .parameter-list-item._next-lvl .building-upgrades-warehouse-upgrade-profit {
  display: none;
}

.castle-barracks .spell-list li {
  padding: 2px 4px;
}

@media (min-width: 361px) {
  .castle-barracks .spell-list li {
    padding: 2px 7px;
  }
}

.castle-barracks .spell-list li > img {
    border-radius: 50%;
}

.castle-fort .spell-list li > img {
    border-radius: 50%;
}

.castle-magicTower .spell-list li > img {
    width: 35px;
}

.spell-list li > img {
  width: 48px;
}

@media (min-width: 361px) {
  .spell-list li > img {
    width: 54px;
  }
}

.castle-tavern .parameter-list-item-content {
  max-width: 120px;
}

.castle-treasure .parameter-list-item-content {
  max-width: 90px;
  margin-left: 5px;
}

.castle-treasure .parameter-list-item-content > div:last-child {
  padding-left: 15px;
}

.castle-altar .parameter-list-item-content {
  max-width: 150px;
}

.castle-castle .parameter-list-item-content {
  max-width: 255px;
}

.castle-fort .parameter-list-item-content {
  max-width: 155px;
}

.castle-fort .spell-list .spell-list-item-img {
  width: 40px;
  height: 40px;
}

@media (min-width: 361px) {
  .castle-fort .spell-list .spell-list-item-img {
    width: 46px;
    height: 46px;
  }
}

.castle-building {
  position: relative;
  color: #766f5f;
  padding-bottom: 7px;
}

.castle-building._castle {
  background-color: #312c26;
  border-left-color: #3b362e;
  border-right-color: #3b362e;
  border-top: none;
  border-bottom: none;
}

.castle-building._castle .building-header-upgrade {
  position: absolute;
}

.castle-building._castle .frame-content-1-body {
  padding-right: 40px;
}

.castle-building-content {
  display: block;
  position: relative;
}

.castle-building._locked .building-content-img {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.castle-building._upgradable .building-header-upgrade-icon {
  display: block;
}

.castle-building._max .building-header-upgrade-max {
  display: block;
}

.building-content {
  padding-top: 7px;
}

.building-content-info {
  width: 100%;
  position: relative;
}

.building-content-header {
  margin-bottom: 8px;
}

.building-content-list {
  margin-top: 9px;
}

.building-content-progress:not(:first-child) {
  margin-top: 7px;
}

.building-content-footer {
  margin-top: 10px;
}

.building-content .frame-content-1-body-locked {
  display: none;
}

.building-content .parameter-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -5px;
}

.building-content .parameter-list-item {
  max-width: 60px;
  padding: 5px;
}

.building-content .parameter-list-item-content {
  background: none;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.building-content .parameter-list-item-content > div:not(:last-child) {
  margin-right: 7px;
}

.building-content .spell-list {
  margin: -3px;
}

.building-content .spell-list li {
  padding: 3px;
}

.building-content .spell-list li .spell-list-item-img {
  margin-bottom: 5px;
  width: 25px;
  height: 25px;
}

@media (min-width: 341px) {
  .building-content .spell-list li .spell-list-item-img {
    width: 28px;
    height: 28px;
  }
}

@media (min-width: 361px) {
  .building-content .spell-list li .spell-list-item-img {
    width: 28px;
    height: 28px;
  }
}

@media (min-width: 381px) {
  .building-content .spell-list li .spell-list-item-img {
    width: 30px;
    height: 30px;
  }
}

@media (min-width: 401px) {
  .building-content .spell-list li .spell-list-item-img {
    width: 35px;
    height: 35px;
  }
}

@media (min-width: 341px) {
  .building-content .spell-list {
    margin: -4px;
  }
  .building-content .spell-list li {
    padding: 4px;
  }
}

@media (min-width: 381px) {
  .building-content .spell-list {
    margin: -6px;
  }
  .building-content .spell-list li {
    padding: 6px;
  }
}

.building-build {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.building-build-btn {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: 88px;
}

@media (min-width: 361px) {
  .building-build-btn {
    width: 102px;
  }
}

.building-build .btn-cont {
  padding: 8px 0 0 0;
  min-height: 21px;
}

.building-build .upgrade-price {
  padding-left: 10px;
}

.building-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px;
  font-family: 'Trajan', Arial, sans-serif;
}

.building-header * {
  font-size: inherit;
  font-family: inherit;
}

.building-header-name {
  position: relative;
}

.building-header-upgrade-max {
  display: none;
}

.building-header-upgrade-icon {
  display: none;
  margin-top: -4px
}

.building-progress {
  position: relative;
}

.building-progress-description {
  width: 100%;
}

._locked .building-header-level,
._locked .frame-content-1-body {
  display: none;
}

._locked .frame-content-1-body-locked {
  display: block;
}

._locked .castle-building {
  padding-bottom: 11px;
}


.building-adminbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    font-family: 'Trajan', Arial, sans-serif;
    width: 100%;
    height: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.building-header-admin {
    position: absolute;
    right: 8px;
    font-family: inherit;
    font-size: inherit;
}

.building-header-arrow {
    position: absolute;
    top: -4px;
    right: -8px
}

.building-progress {
    position: relative;
}

.building-progress-description {
    width: 100%;
}
.attach{
 width: 100%;
height: 100%;
}


/* SHOP */


.shopItemCardPopup-show #shopItemCardPopup {
	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("https://lords.mobi/images/content/popups/item-menu-tl.png") 0 0 no-repeat, url("https://lords.mobi/images/content/popups/item-menu-tr.png") 100% 0 no-repeat, url("https://lords.mobi/images/content/popups/item-menu-t.png") 50% 0 no-repeat, url("https://lords.mobi/images/content/popups/item-menu-bl.png") 0 100% no-repeat, url("https://lords.mobi/images/content/popups/item-menu-br.png") 100% 100% no-repeat, url("https://lords.mobi/images/content/popups/item-menu-b.png") 50% 100% no-repeat, url("https://lords.mobi/images/content/popups/item-menu-l.png") 0 50% no-repeat, url("https://lords.mobi/images/content/popups/item-menu-r.png") 100% 50% no-repeat, url("https://lords.mobi/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);*/
	box-shadow: 0px 0px 20px 14px #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("https://lords.mobi/images/chests/chest-bg-gold.png"), -webkit-gradient(linear, left top, right bottom, from(#73540e), color-stop(50%, #6d430c), to(#362a0c));
	background-image: url("https://lords.mobi/images/chests/chest-bg-gold.png"), -o-linear-gradient(top left, #73540e 0%, #6d430c 50%, #362a0c 100%);
	background-image: url("https://lords.mobi/images/chests/chest-bg-gold.png"), linear-gradient(to bottom right, #73540e 0%, #6d430c 50%, #362a0c 100%);
	background-image: url("https://lords.mobi/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("https://lords.mobi/images/chests/chest-bg-silver.png"), -webkit-gradient(linear, left top, right bottom, from(#1c544a), color-stop(50%, #163c44), to(#173332));
	background-image: url("https://lords.mobi/images/chests/chest-bg-silver.png"), -o-linear-gradient(top left, #1c544a 0%, #163c44 50%, #173332 100%);
	background-image: url("https://lords.mobi/images/chests/chest-bg-silver.png"), linear-gradient(to bottom right, #1c544a 0%, #163c44 50%, #173332 100%);
	background-image: url("https://lords.mobi/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("https://lords.mobi/images/chests/chest-bg-magic.png"), -webkit-gradient(linear, left top, right bottom, from(#73540e), color-stop(50%, #6d430c), to(#362a0c));
	background-image: url("https://lords.mobi/images/chests/chest-bg-magic.png"), -o-linear-gradient(top left, #73540e 0%, #6d430c 50%, #362a0c 100%);
	background-image: url("https://lords.mobi/images/chests/chest-bg-magic.png"), linear-gradient(to bottom right, #73540e 0%, #6d430c 50%, #362a0c 100%);
	background-image: url("https://lords.mobi/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('https://lords.mobi/images/chests/chest-bg-wood.png') 50% 100% no-repeat, linear-gradient(to bottom, #544336 0%, #65503f 50%, #423527 100%) #544336;
	background: url('https://lords.mobi/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('https://lords.mobi/images/chests/chest-bg-silver.png') 50% 100% no-repeat, linear-gradient(to bottom, #738094 0%, #4f6c78 50%, #303e4d 100%) #738094;
	background: url('https://lords.mobi/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('https://lords.mobi/images/chests/chest-bg-gold.png') 50% 100% no-repeat, linear-gradient(to bottom, #ad8e39 0%, #ab600c 50%, #4a320c 100%) #ab600c;
	background: url('https://lords.mobi/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('https://lords.mobi/images/chests/chest-bg-magic.png') 50% 100% no-repeat, linear-gradient(to bottom, #8188bd 0%, #65429d 50%, #3f295a 100%) #65429d;
	background: url('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/images/chests/wood-chest.png');
}

._silver .reward-chest { background-image: url('https://lords.mobi/images/chests/silver-chest.png'); }
._gold .reward-chest { background-image: url('https://lords.mobi/images/chests/gold-chest.png'); }
._magic .reward-chest { background-image: url('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/images/content/popups/item-menu-tl.png') 0 0 no-repeat,
			url('https://lords.mobi/images/content/popups/item-menu-tr.png') 100% 0 no-repeat,
			url('https://lords.mobi/images/content/popups/item-menu-t.png') 50% 0 no-repeat,

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

			url('https://lords.mobi/images/content/popups/item-menu-l.png') 0 50% no-repeat,
			url('https://lords.mobi/images/content/popups/item-menu-r.png') 100% 50% no-repeat,
			url('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/images/content/arr-down-16x16.png') 0 0 no-repeat;
}

._opened .event-more {
	background: url('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/images/market/actions/event-hunt-bg.jpg?1') 100% 50% no-repeat;
}

/* menu columns fix */
.b-menu table td {
	background: url('https://lords.mobi/images/content/btn-top.png') 50% 0 no-repeat,
	url('https://lords.mobi/images/content/btn-bot.png') 50% 100% no-repeat,
	url('https://lords.mobi/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('https://lords.mobi/images/combat/mob_shade_top.png') 0 -5px/100% 50px repeat-x, url('https://lords.mobi/images/combat/mob_shade_bot.png') 0 105%/100% 50px repeat-x;
	background-color: #231f1b ;
}

.lands-container._campaign {
	overflow: hidden;
}

.land-header {
	background: url('https://lords.mobi/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('https://lords.mobi/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}
}

._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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/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; }


.btn2 {
	display: block;
	margin: 0;
	text-decoration: none;
	text-align: left;
	font-size: 12px;
	color: #e6e8d0 !important;
	cursor: pointer;
	position: relative;
}
.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;
}

.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('https://lords.mobi/images/content/btn-flag.png')}
.btn.resurrection .btn-icon {background-image: url('https://lords.mobi/images/content/btn-bowl.png')}
.btn.attack .btn-icon {background-image: url('https://lords.mobi/images/content/btn-axe.png');left: 0;}
.btn.settings .btn-icon {background-image: url('https://lords.mobi/images/content/btn-settings.png')}
.btn.hammer .btn-icon {background-image: url('https://lords.mobi/images/content/btn-hammer-left.png')}
.btn.time .btn-icon {background-image: url('https://lords.mobi/images/content/btn-clock-left.png')}
.btn.progress .btn-icon {background-image: url('https://lords.mobi/images/content/btn-hand-left.png')}
.btn.letter .btn-icon {background-image: url('https://lords.mobi/images/content/btn-scroll-left.png')}
.btn.get .btn-icon {background-image: url('https://lords.mobi/images/content/btn-bag-left.png')}
.btn.gold .btn-icon {background-image: url('https://lords.mobi/images/content/btn-gold-left.png')}
.btn.hire .btn-icon {background-image: url('https://lords.mobi/images/content/btn-helmet-left.png')}
.btn.band .btn-icon {background-image: url('https://lords.mobi/images/content/btn-human-left.png')}
.btn.log .btn-icon {background-image: url('https://lords.mobi/images/content/btn-book-left.png')}
.btn.shield .btn-icon {background-image: url('https://lords.mobi/images/content/btn-shield-left.png')}
.btn.upgrade .btn-icon {background-image: url('https://lords.mobi/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('https://lords.mobi/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('https://lords.mobi/images/content/btn-gray-top.png') no-repeat 50% 0 #40372d;}
.btn.gray .btn-cont {background: url('https://lords.mobi/images/content/btn-gray-bg.png') repeat-x 0 0 #37342d;}
.btn.gray .btn-bot {background: url('https://lords.mobi/images/content/btn-gray-bot.png') repeat-x 0 0 #24221e;}

.btn.dark .btn-top {background: url('https://lords.mobi/images/content/btn-dark-top.png') no-repeat 50% 0 #343332;}
.btn.dark .btn-cont {background: url('https://lords.mobi/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('https://lords.mobi/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 */

.small {font-size:small;}
.font9 { font-size: 9px !important;}
.font-small, .font11 { font-size: 11px !important; }
.font-medium, .font12 { font-size: 12px !important; }
.font13{ font-size: 13px;}
.font-big, .font14 { font-size: 14px !important; }
.font-xbig { font-size: 16px !important; }
.center { text-align: center !important; }
.td-n { text-decoration: none !important; }
.text-right { text-align: right !important; }
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-bold { font-weight: bold !important; }
.text-italic { font-style: italic !important; }
.text-underline { text-decoration: underline !important; }
.no-a { color: #A8A8A8; text-decoration: none;}
.va-m{ vertical-align: middle;}


.nowrap { white-space: nowrap; }
.pos-r { position: relative; }
.no-hidden-x{overflow-x: visible;}
.no-green-bg{ background: #071f00 !important;}
.bg-dark-blue{ background: #01111a !important; }
.bg-dark-gray{ background: #1d1d23 !important; }

.c-dblue{ color: #256086;}
.c-red {color:red !important;}
.c-body { color: #a8a8a8 !important; }
.c-moregray { color: #9a9a9a !important; }
.c-verygray { color: #777777 !important; }
.c-sel { color: #fff !important; }
.c-simple { color: #33cc33 !important; }
.c-rare {color: #3366ff !important;}
.c-good { color: #33dd33; }
.c-bad { color: #ff3333; }
.c-locked { color: #7d7d7d; }
.c-boss { color: #f1b72b; }
.c-lgreen{color: #79cb44;}
.c-mustard {color: #ffe58c;}
.major, .feedbackPanelERROR {color: #FF3333;}
.warn {color: #FFFF33;}
.info {color: #33CC33;}
.info-white {color: white;}
.new {color: #FFFF33;}
.yellow {color:#FFFF33;}
.green {color:#33cc33;}
.gold {color:#FF9900;}
.blue {color:#0066FF;}
.minor {color: #999999;}
.iNoob {color:#339933 !important;}
.iGood {color:#339933 !important;}
.iSuperior {color:#3366FF !important;}
.iEpic {color:#9933ff !important;}
.iLegendary {color:#ff9900 !important;}
.iMyfic {color:#ff9900 !important;}
.bluepost {color: #FF9900;}
.eOld {color: #999999;}
.eSimple {color: #33cc33;}
.eRare {color: #0066ff;}
.eEpic {color: #9933ff;}
.eInfernal {color: #ff9900;}
.c-bluegray { color: #676b79 !important;}
.c-light { color: #fff3ce !important;}
.c-sil{ color: #b9d4d0;}
.c-sil-2{ color: #b9e7ff;}
.c-gold{ color:#E0C67D !important}
.c-lgreen{color: #79cb44;}
/*............................................
..............end of low-level................
........................................... */

.cross-link {
    display: inline-block;
    padding: 6px;
}
.td-u {
    text-decoration: underline;
}
.notice-closer {
    position: absolute;
    right: 3px;
    top: 6px;
    height: 15px;
    width: 15px;
}

.b-npc-notice {
    height: 107px;
    margin-top: -95px;
    position: relative;
    background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0)100%);
}
.b-npc-notice:before {
    content: '';
    display: block;   
    position: absolute;   
    width: 97px;
    height: 107px;   
    bottom: 0;
    left: 0;
    background: url('/images/notice_npc.png') 0 0 no-repeat;
    z-index: 10;
}
.npc-speak {
    position: absolute;
    z-index: 20;
    bottom: 5%;
    right: 2%;
    width: 62%;
    height: auto;
    background: #f5e39c;
    border-radius: 10px;
    border: 1px solid #000;
    padding: 10px 5px 10px 10px;
    text-align: left;
    color: #2d0000;
}
.npc-speak:before {
    content: '';
    left: -15px;
    z-index: 100;
    top: 4px;
    width: 16px;
    height: 17px;
    position: absolute;
    display: block;
    background: url('/images/notice_speak_arr.png') 0 0 no-repeat;
}


.btn.nav-btn {
    padding: 7px 7px !important;
    position: relative;
    color: #aed5d1;
    margin-bottom: 2px;
    border: 1px solid #002c4e;
    background: linear-gradient(to bottom, #002c4e 0%, #000 5%, #055555 30%, #00132e 100%);

    background-color:#00132E;
    border-radius: 0;
}
.btn.nav-btn:before, .btn.nav-btn.gold:before {
    content: '';
    position: absolute;
    width: 101%;
    border-top: 1px solid #006899;
    top: -1px; left: -1px;
}
.btn.nav-btn.gold:before {
    border-color: #eea600;
}
.btn.nav-btn.red {
    padding: 7px 7px !important;
    position: relative;
    color: #E6B6C3;
    margin-bottom: 2px;
    border: 1px solid #5f0018;
    background: linear-gradient(to bottom, #5f0018 0%, #5f0018 5%, #47000c 30%, #410006 100%);
    background-color: #5e0018;
}

.btn.nav-btn.red:before {
    border-color: #a7003d;
}

.btn.nav-btn.green {
    padding: 7px 7px !important;
    position: relative;
    color: #AED5D1;
    margin-bottom: 2px;
    border: 1px solid #045402;
    background: linear-gradient(to bottom, #045402 0%, #045402 5%, #033a07 30%, #04340a 100%);
    background-color: #045302;
}
.btn.nav-btn.green:before {
    border-color: #15a000;
}
.btn.nav-btn.green:active {
    background: linear-gradient(to bottom, #04340a 0%, #033a07 70%, #045402 95%, #045402 100%);
    background-color: #04340a;
    border: 1px solid #045402;
}
.btn.nav-btn.green:active:before {
    border-color: #15a000;
}

.lock_btns {position: relative;margin-top: 2px;}
.lock_btns .btn.nav-btn, .btn.nav-btn.btn-gray {
    border-color: #202020;
    color: #5a5a5a !important;
    background: linear-gradient(to bottom, #252525 0%, #252525 5%, #151515 30%, #0f0f0f 100%);
    background-color: #151515;
}
.lock_btns .btn.nav-btn:before, .btn.nav-btn.btn-gray:before {border-color: #3f3f3f;}
.lock_btns:after {
    content: '';
    position: absolute;
    width: 100%; height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.7) 100%);
}
.nav-btn-lock {
    display: inline-block;
    height: 12px; line-height: 12px;
    float: right;
}
.highlight:after {
    content: '';
    position: absolute;
    width: 100%; height: 99%;
    top: -1px;
    left: -1px;
    z-index: 1000;
    border: 1px solid #d0ccaa !important;
    background: linear-gradient(to bottom, rgba(208,204,170,0.65) 0%, rgba(208,204,170,0) 10%, rgba(208,204,170,0) 90%, rgba(208,204,170,0.65) 100%),
    linear-gradient(to left, rgba(208,204,170,0.65) 0%, rgba(208,204,170,0) 1.8%, rgba(208,204,170,0) 98.6%, rgba(208,204,170,0.65) 100%);
    animation: borderpuls 2s infinite;
    -webkit-animation: borderpuls 2s infinite;
}
@keyframes borderpuls { 50% {opacity: 0;} }
@-webkit-keyframes borderpuls { 50% {opacity: 0;} }

.b-menu {
    margin-top: 8px;
    padding: 3px 0 5px;
    position: relative;
}
.b-menu .btn.btn-trade.btn-buy-gold, .b-menu .btn-buy-gold {margin-bottom: 5px;}

.b-menu:before, .b-menu:after {
    content: '';
    position: absolute;
    width: 100%;
    border-bottom: 1px solid #43372c;
    background: linear-gradient(to left, #78573b 0%, #ffffff 50%, #78573b 100%);
    height: 1px;
    left: 0;
}
.b-menu:after {bottom: 0;}
.b-menu:before {top:-2px;}

.menu_btn {
    display: block;
    text-decoration: none;
    text-align: center;
    border: 1px solid #2f002f;
    padding: 7px 0;
    background: linear-gradient(to bottom, #1d0022 0%, #1d0022 5%, #140019 30%, #100015 100%);
    background-color: #100015;
    margin-left: 4px;
    color: #826a82;
    position: relative;
}
.b-menu tr td:first-child .menu_btn {
    margin-left: 0;
}

.money_head {margin-right: 31px; }
.btn.nav-btn.gold {
    border-color: #985d00;
    background: linear-gradient(to bottom, #946203 0%, #946203 5%, #89520d 30%, #854412 100%);
    background-color: #854412;
    color: #fff;
    text-align: left;
    padding-left: 7px;  
    margin-top: 0;
    position: relative;
    border-radius: 0;
}
.menu_btn.gray {
    color: #3f3f3f !important;
    border-color: #202020;
    background: linear-gradient(to bottom, #252525 0%, #252525 5%, #151515 30%, #0f0f0f 100%);
}
/*---active---*/
  .btn.nav-btn:active {
    padding: 7px 7px!important;
    position: relative;
    margin-bottom: 2px;
    color: #fff;
    border: 1px solid #0a416b;
    background: linear-gradient(to bottom, #0a3a64 0, #0a3963 5%, #0a3561 30%, #0f1e3c 100%);

}
 .menu_btn:active  {
    display: block;
    text-decoration: none;
    text-align: center;
    border: 1px solid #440244;
    padding: 7px 0;
    color: #fff;
    background: linear-gradient(to bottom,#2e0535 0,#2e0535 5%,#23072a 30%,#1e0825 100%);
    background-color: #2e0535;
    margin-left: 4px;
    position: relative;
}
 .btn.nav-btn.gold:active  {
    border-color: #985d00;
    background: linear-gradient(to bottom, #a06c03 0, #a16e03 5%, #9a5f0d 30%, #985413 100%);
    background-color: #15001b;
    color: #fff;
    text-align: left;
    padding-left: 7px;
    margin-top: 0;
    position: relative;
}
 .btn.nav-btn.btn-gray:active {
     border-color: #202020;
     color: #5a5a5a !important;
     background: linear-gradient(to bottom, #252525 0, #252525 5%, #151515 30%, #0f0f0f 100%);
     background-color: #151515;
 }
.btn.nav-btn.red:active  {
     border: 1px solid #5f0018;
     color: #e6b6c3 !important;
     background: linear-gradient(to bottom, #86001a 0, #7f0019 5%, #61000d 30%, #5a0006 100%);
     background-color: #6a0018;
 }


/*..........................................
...............arena pvp....................
..........................................*/

.b-pvp-stat {
    position: relative; 
    background: url('/images/pvp/b-pvp-stat-bg.png') 0 top repeat-x;
    margin: -3px 13px 0 13px;
}
.b-pvp-stat:before, .b-pvp-stat:after {
    content: '';
    position: absolute;
    width: 13px;
    height: 12px;
    top: -3px;
    z-index: 30;
    right: -13px;
    background: url('/images/pvp/flags_arr_right.png') 0 0 no-repeat;
}
    .b-pvp-stat:before {left: -13px;background: url('/images/pvp/flags_arr_left.png') 0 0 no-repeat;}

.pvp-stat {
    margin: 5px 0 24px;    
    position: relative;
    display: block; 
    text-align: center; 
    background: url('/images/pvp/flag_lblue_bg.png') 50% 0 repeat-y;   
    width: 100%;    
    color: #ededed;
}    
.pvp-stat:before {
    content: '';
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 32px;
    background: url('/images/pvp/flag_lblue_top.png') 50% 0 no-repeat;
    top: -5px;
    left: 0;
}
.pvp-stat:after {
    content: '';
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 34px;
    background: url('/images/pvp/flag_lblue_bot.png') 50% 0 no-repeat;
    bottom: -19px;
    left: 0;
}
.pvp-stat-inner {
    position: relative; 
    z-index: 20;
    padding-top: 10px;
}
    .pvp-stat.blue {background-image: url('/images/pvp/flag_blue_bg.png');}   
    .pvp-stat.blue:before {background-image: url('/images/pvp/flag_blue_top.png');}
    .pvp-stat.blue:after {background-image: url('/images/pvp/flag_blue_bot.png');}

    .pvp-stat.red {background-image: url('/images/pvp/flag_red_bg.png');}   
    .pvp-stat.red:before {background-image: url('/images/pvp/flag_red_top.png');}
    .pvp-stat.red:after {background-image: url('/images/pvp/flag_red_bot.png');}

    .pvp-stat.green {background-image: url('/images/pvp/flag_green_bg.png');}   
    .pvp-stat.green:before {background-image: url('/images/pvp/flag_green_top.png');}
    .pvp-stat.green:after {background-image: url('/images/pvp/flag_green_bot.png');}

.pvp-stat a {color: #ededed;}
.b-pvp-versus .pvp-stat {padding: 7px 0;}
.golden {color: #d1ad32;}
a.tab .golden {color: #685b2d;}
.pvp-reward {
display: inline-block;  
position: relative;
}
.pvp-reward-inner {
    border: 1px solid #802704;
    background: #0f1a25;
    color: #aeb08b;
    margin: 0 7px;    
    padding: 6px 2px 2px;
    border-radius: 0 0 5px 5px;
}
.pvp-reward-icon {margin-bottom: -8px}

.pvp-timer {
    position: relative; 
    display: inline-block;  
    border: 1px solid #802704;
    background: #0f1a25;
    color: #aeb08b;
    border-radius: 5px;
    padding: 5px 5px 5px 18px;
    margin: 10px 0;  
    text-align: left;
    width: 61%;
    min-height: 2.3em;
}
.pvp-timer:before {
    content: '';
    width: 32px;    
    height: 32px;   
    position: absolute; 
    left: -17px;
    top: 3px;
    background: url('/images/pvp/time_32.png') 0 0 no-repeat;    
}
.b-pvp-versus {
    position: relative; 
}
.b-pvp-versus:after {
    content: '';
    position: absolute; 
    width: 54px;
    height: 54px;
    background: url('/images/pvp/VS2_54.png') 0 0 no-repeat;
    z-index: 20;
    top: 5%;
    left: 41%;
}
.sword-block {
    padding: 0 0 5px 0;
    text-align: center;
}
.sword-block-inner {
    position: relative;
    display: inline-block;
}
.sword-block-inner:after, .sword-block-inner:before {
    content: '';
    display: inline-block;
    background: url('/images/pvp/sward_41.png') 0 0 no-repeat;
    width: 41px;
    height: 11px;
    vertical-align: middle;
    margin: 0 0 0 3px;
}
.sword-block-inner:before {background-image: url('/images/pvp/sward_41_left.png');margin: 0 3px 0 0;}
.g-progress {width: auto;}
.pvp-hp {margin-left: 10px;}
.pvp-hp .enemy-hp2 {margin: 0;border-width: 1px}
.b-page-bg {}
.b-page-bg>img {display: inline-block !important;width: auto !important;}

.b-league-progress {
    text-align: center; 
    position: relative; 
    padding: 0 15px 10px 15px;
}
.league-icon {
    position: absolute;
    z-index: 20;
    width: 50px;
    height: 50px;
    top: 8px;
    right: 0;
}
    .league-icon.league-icon-left {left: 0;}
.league-title {
    position: relative;
    font-size: 14px;
    padding-bottom: 9px;
    display: block;
    margin-top: -4px;
}
.pvp-username {
    display: block;
  overflow: hidden;
  width: 80px;
  height: 16px;
  white-space: nowrap;
  color: #c7b158;
  font-size: 12px;
  text-overflow: ellipsis;
  margin: 1px auto;
}



/*..........................................
............sprites icons...................
..........................................*/
.icn {
    background-image: url('/images/icons/sprites/spritesheet_icn.png');
    background-repeat: no-repeat;
    display: inline-block;
    height: 21px;
    width: 21px;
    vertical-align: middle;
    margin-right: 4px;
}
.icn-academy {background-position: 0 0;}
.icn-auction {background-position: 0 -21px;}
.icn-band {background-position: 0 -42px;}
.icn-band2 {background-position: 0 -63px;}
.icn-bank {background-position: 0 -84px;}
.icn-barracks {background-position: 0 -105px;}
.icn-battle {background-position: 0 -126px;}
.icn-beasts {background-position: 0 -147px;}
.icn-castle {background-position: 0 -168px;}
.icn-chat {background-position: 0 -189px;}
.icn-city_bonus {background-position: 0 -210px;}
.icn-coliseum {background-position: 0 -231px;}
.icn-collector {background-position: 0 -252px;}
.icn-comms {background-position: 0 -273px;}
.icn-curios_shop {background-position: 0 -294px;}
.icn-domain {background-position: 0 -315px;}
.icn-dungeon {background-position: 0 -336px;}
.icn-forum {background-position: 0 -357px;}
.icn-gifts {background-position: 0 -378px;}
.icn-guilds {background-position: 0 -399px;}
.icn-hell_games {background-position: 0 -420px;}
.icn-mage {background-position: 0 -441px;}
.icn-mail {background-position: 0 -462px;}
.icn-news {background-position: 0 -483px;}
.icn-online {background-position: 0 -504px;}
.icn-oracle {background-position: 0 -525px;}
.icn-progress {background-position: 0 -546px;}
.icn-record {background-position: 0 -567px;}
.icn-school {background-position: 0 -588px;}
.icn-survive {background-position: 0 -609px;}
.icn-tavern {background-position: 0 -630px;}
.icn-trade {background-position: 0 -651px;}
.icn-trade_chat {background-position: 0 -672px;}
.icn-travel {background-position: 0 -693px;}
.icn-dungeon-inactive {background-position: 0 -714px;}
.icn-trade-inactive {background-position: 0 -735px;}
.icn-travel-inactive {background-position: 0 -756px;}

.icn-menu {
    background-image: url('/images/icons/sprites/spritesheet_menu.png');
    background-repeat: no-repeat;
    display: inline-block;
    height: 32px;
    width: 32px;
    vertical-align: middle;
}
.icn-menu_user {background-position: 0 0;}
.icn-menu_city {background-position: 0 -32px;}
.icn-menu_rack {background-position: 0 -64px;}
.icn-menu_user_inactive {background-position: 0 -96px;}
.icn-menu_city_inactive {background-position: 0 -128px;}
.icn-menu_rack_inactive {background-position: 0 -160px;}

/*...............inons 12x12...........*/
.i12 {
    background-image: url('/images/icons/sprites/spritesheet_other.png');
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    margin-right: 3px;
}
.i12-amethyst {background-position: 0 0;}
.i12-amulet {background-position: 0 -12px;}
.i12-amuletDamageReduce {background-position: 0 -24px;}
.i12-amuletDemonForm {background-position: 0 -36px;}
.i12-amuletEnrage {background-position: 0 -48px;}
.i12-amuletLightingHit {background-position: 0 -60px;}
.i12-amuletLotusLeaf {background-position: 0 -72px;}
.i12-amuletNova {background-position: 0 -84px;}
.i12-amuletNovaBoost {background-position: 0 -96px;}
.i12-amuletNovaBoost1 {background-position: 0 -108px;}
.i12-amuletNovaBoost2 {background-position: 0 -120px;}
.i12-amuletNovaBoost3 {background-position: 0 -132px;}
.i12-amuletNovaBoost4 {background-position: 0 -144px;}
.i12-amuletStrengthPower {background-position: 0 -156px;}
.i12-arena_points {background-position: 0 -168px;}
.i12-arena_sword {background-position: 0 -180px;}
.i12-armor {background-position: 0 -192px;}
.i12-arr {background-position: 0 -204px;}
.i12-arr1 {background-position: 0 -216px;}
.i12-attention_3 {background-position: 0 -228px;}
.i12-attention_gold {background-position: 0 -240px;}
.i12-attention_silver {background-position: 0 -252px;}
.i12-belt {background-position: 0 -264px;}
.i12-black_magic {background-position: 0 -276px;}
.i12-clock {background-position: 0 -288px;}
.i12-cross {background-position: 0 -300px;}
.i12-effectEvade {background-position: 0 -312px;}
.i12-effectVulnerability {background-position: 0 -324px;}
.i12-enchant {background-position: 0 -336px;}
.i12-experience {background-position: 0 -348px;}
.i12-experience_grey {background-position: 0 -360px;}
.i12-feather {background-position: 0 -372px;}
.i12-forum {background-position: 0 -384px;}
.i12-forum_new {background-position: 0 -396px;}
.i12-forum_scroll {background-position: 0 -408px;}
.i12-friends {background-position: 0 -420px;}
.i12-giftshop {background-position: 0 -432px;}
.i12-guild_dark {background-position: 0 -444px;}
.i12-guild_influence {background-position: 0 -456px;}
.i12-guild_light {background-position: 0 -468px;}
.i12-health {background-position: 0 -480px;}
.i12-heart_0 {background-position: 0 -492px;}
.i12-heart_100 {background-position: 0 -504px;}
.i12-heart_33 {background-position: 0 -516px;}
.i12-heart_66 {background-position: 0 -528px;}
.i12-helm_gold {background-position: 0 -540px;}
.i12-home {background-position: 0 -552px;}
.i12-iRegen {background-position: 0 -564px;}
.i12-inspect {background-position: 0 -576px;}
.i12-item_hard {background-position: 0 -588px;}
.i12-item_impossible {background-position: 0 -600px;}
.i12-item_normal {background-position: 0 -612px;}
.i12-item_solo {background-position: 0 -624px;}
.i12-lock_12x12_fv {background-position: 0 -636px;}
.i12-messages {background-position: 0 -648px;}
.i12-mineral {background-position: 0 -660px;}
.i12-miss {background-position: 0 -672px;}
.i12-money_gold {background-position: 0 -684px;}
.i12-money_silver {background-position: 0 -696px;}
.i12-pets {background-position: 0 -708px;}
.i12-portal {background-position: 0 -720px;}
.i12-question_blue {background-position: 0 -732px;}
.i12-question_gold {background-position: 0 -744px;}
.i12-question_silver {background-position: 0 -756px;}
.i12-rack {background-position: 0 -768px;}
.i12-rack_red {background-position: 0 -780px;}
.i12-rank1 {background-position: 0 -792px;}
.i12-rank10 {background-position: 0 -804px;}
.i12-rank11 {background-position: 0 -816px;}
.i12-rank12 {background-position: 0 -828px;}
.i12-rank13 {background-position: 0 -840px;}
.i12-rank14 {background-position: 0 -852px;}
.i12-rank15 {background-position: 0 -864px;}
.i12-rank16 {background-position: 0 -876px;}
.i12-rank17 {background-position: 0 -888px;}
.i12-rank18 {background-position: 0 -900px;}
.i12-rank19 {background-position: 0 -912px;}
.i12-rank2 {background-position: 0 -924px;}
.i12-rank20 {background-position: 0 -936px;}
.i12-rank21 {background-position: 0 -948px;}
.i12-rank22 {background-position: 0 -960px;}
.i12-rank23 {background-position: 0 -972px;}
.i12-rank3 {background-position: 0 -984px;}
.i12-rank4 {background-position: 0 -996px;}
.i12-rank5 {background-position: 0 -1008px;}
.i12-rank6 {background-position: 0 -1020px;}
.i12-rank7 {background-position: 0 -1032px;}
.i12-rank7_ {background-position: 0 -1044px;}
.i12-rank8 {background-position: 0 -1056px;}
.i12-rank9 {background-position: 0 -1068px;}
.i12-realm1 {background-position: 0 -1080px;}
.i12-realm2 {background-position: 0 -1092px;}
.i12-refresh {background-position: 0 -1104px;}
.i12-regen {background-position: 0 -1116px;}
.i12-repair {background-position: 0 -1128px;}
.i12-ruby {background-position: 0 -1140px;}
.i12-ruby_round {background-position: 0 -1152px;}
.i12-school {background-position: 0 -1164px;}
.i12-scroll_blue {background-position: 0 -1176px;}
.i12-settings {background-position: 0 -1188px;}
.i12-shield {background-position: 0 -1200px;}
.i12-skull {background-position: 0 -1212px;}
.i12-skull_blue {background-position: 0 -1224px;}
.i12-skull_gold {background-position: 0 -1236px;}
.i12-skull_gray {background-position: 0 -1248px;}
.i12-skull_red {background-position: 0 -1260px;}
.i12-stamp {background-position: 0 -1272px;}
.i12-strength {background-position: 0 -1284px;}
.i12-sword1 {background-position: 0 -1296px;}
.i12-sword_red {background-position: 0 -1308px;}
.i12-sword_vertical {background-position: 0 -1320px;}
.i12-talent_guy {background-position: 0 -1332px;}
.i12-tick {background-position: 0 -1344px;}
.i12-tick_gray {background-position: 0 -1356px;}
.i12-topic_new {background-position: 0 -1368px;}
.i12-vip_icon {background-position: 0 -1380px;}
.i12-xswords {background-position: 0 -1392px;}

/*user icons*/
.u12 {
    background-image: url('/images/icons/sprites/spritesheet_user.png');
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
}
.u12-user_0_0 {background-position: 0 0;}
.u12-user_0_0_off {background-position: 0 -12px;}
.u12-user_0_1 {	background-position: 0 -24px;}
.u12-user_0_1_off {	background-position: 0 -36px;}
.u12-user_0_2 {	background-position: 0 -48px;}
.u12-user_0_2_off {	background-position: 0 -60px;}
.u12-user_0_3 {	background-position: 0 -72px;}
.u12-user_0_3_off {	background-position: 0 -84px;}
.u12-user_1_0 {	background-position: 0 -96px;}
.u12-user_1_0_grey {background-position: 0 -108px;}
.u12-user_1_0_off {	background-position: 0 -120px;}
.u12-user_1_1 {	background-position: 0 -132px;}
.u12-user_1_1_grey {background-position: 0 -144px;}
.u12-user_1_1_off {	background-position: 0 -156px;}
.u12-user_1_2 {	background-position: 0 -168px;}
.u12-user_1_2_grey {background-position: 0 -180px;}
.u12-user_1_2_off {	background-position: 0 -192px;}
.u12-user_1_3 {	background-position: 0 -204px;}
.u12-user_1_3_grey {background-position: 0 -216px;}
.u12-user_1_3_off {	background-position: 0 -228px;}
.u12-user_2_0 {	background-position: 0 -240px;}
.u12-user_2_0_grey {background-position: 0 -252px;}
.u12-user_2_0_off {	background-position: 0 -264px;}
.u12-user_2_1 {	background-position: 0 -276px;}
.u12-user_2_1_grey {background-position: 0 -288px;}
.u12-user_2_1_off {background-position: 0 -300px;}
.u12-user_2_2 {background-position: 0 -312px;}
.u12-user_2_2_grey {background-position: 0 -324px;}
.u12-user_2_2_off {	background-position: 0 -336px;}
.u12-user_2_3 {	background-position: 0 -348px;}
.u12-user_2_3_grey {background-position: 0 -360px;}
.u12-user_2_3_off {	background-position: 0 -372px;}
.u12-user_unknown {	background-position: 0 -384px;}
.u12-user_unknown_grey {background-position: 0 -396px;}

/*potion icons*/
.p12 {
    background-image: url('/images/icons/sprites/spritesheet_pot.png');
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
}
.p12-pot_arm_1 {background-position: 0 0;}
.p12-pot_arm_2 {background-position: 0 -12px;}
.p12-pot_arm_3 {background-position: 0 -24px;}
.p12-pot_arm_4 {background-position: 0 -36px;}
.p12-pot_arm_5 {background-position: 0 -48px;}
.p12-pot_arm_6 {background-position: 0 -60px;}
.p12-pot_arm_7 {background-position: 0 -72px;}
.p12-pot_arm_8 {background-position: 0 -84px;}
.p12-pot_blue_1 {background-position: 0 -96px;}
.p12-pot_blue_2 {background-position: 0 -108px;}
.p12-pot_blue_3 {background-position: 0 -120px;}
.p12-pot_blue_4 {background-position: 0 -132px;}
.p12-pot_blue_5 {background-position: 0 -144px;}
.p12-pot_blue_6 {background-position: 0 -156px;}
.p12-pot_blue_7 {background-position: 0 -168px;}
.p12-pot_blue_8 {background-position: 0 -180px;}
.p12-pot_cdr_1 {background-position: 0 -192px;}
.p12-pot_cdr_2 {background-position: 0 -204px;}
.p12-pot_cdr_3 {background-position: 0 -216px;}
.p12-pot_cri_1 {background-position: 0 -228px;}
.p12-pot_cri_2 {background-position: 0 -240px;}
.p12-pot_cri_3 {background-position: 0 -252px;}
.p12-pot_cri_4 {background-position: 0 -264px;}
.p12-pot_cri_5 {background-position: 0 -276px;}
.p12-pot_cri_6 {background-position: 0 -288px;}
.p12-pot_green_1 {background-position: 0 -300px;}
.p12-pot_green_2 {background-position: 0 -312px;}
.p12-pot_green_3 {background-position: 0 -324px;}
.p12-pot_green_4 {background-position: 0 -336px;}
.p12-pot_green_5 {background-position: 0 -348px;}
.p12-pot_green_6 {background-position: 0 -360px;}
.p12-pot_green_7 {background-position: 0 -372px;}
.p12-pot_green_8 {background-position: 0 -384px;}
.p12-pot_inf_1 {background-position: 0 -396px;}
.p12-pot_inf_2 {background-position: 0 -408px;}
.p12-pot_inf_3 {background-position: 0 -420px;}
.p12-pot_inf_4 {background-position: 0 -432px;}
.p12-pot_inf_5 {background-position: 0 -444px;}
.p12-pot_inf_6 {background-position: 0 -456px;}
.p12-pot_inf_7 {background-position: 0 -468px;}
.p12-pot_inf_8 {background-position: 0 -480px;}
.p12-pot_lrn_1 {background-position: 0 -492px;}
.p12-pot_lrn_2 {background-position: 0 -504px;}
.p12-pot_norm_1 {background-position: 0 -516px;}
.p12-pot_norm_2 {background-position: 0 -528px;}
.p12-pot_norm_3 {background-position: 0 -540px;}
.p12-pot_res {background-position: 0 -552px;}
.p12-pot_resapo {background-position: 0 -564px;}
.p12-pot_str_1 {background-position: 0 -576px;}
.p12-pot_str_2 {background-position: 0 -588px;}
.p12-pot_str_3 {background-position: 0 -600px;}
.p12-pot_str_4 {background-position: 0 -612px;}
.p12-pot_str_5 {background-position: 0 -624px;}
.p12-pot_str_6 {background-position: 0 -636px;}
.p12-pot_yellow_1 {background-position: 0 -648px;}
.p12-pot_yellow_2 {background-position: 0 -660px;}
.p12-pot_yellow_3 {background-position: 0 -672px;}
.p12-pot_yellow_4 {background-position: 0 -684px;}
.p12-pot_yellow_5 {background-position: 0 -696px;}
.p12-pot_yellow_6 {background-position: 0 -708px;}
.p12-potion {background-position: 0 -720px;}
/*..........................................
............end of sprites icons............
..........................................*/

.b-gift-reg   {
        background: url('/images/bg-top-left-border.png') no-repeat 0 0,
        url('/images/bg-top-right-border.png') no-repeat  100% 0,
        url('/images/bg-bottom-left-border.png') no-repeat 0 100%,
        url('/images/bg-bottom-right-border.png') no-repeat 100% 100%,
        url('/images/bg-top-border.png') repeat-x 0 0,
        url('/images/bg-bottom-border.png') repeat-x 100% 100%,
        url('/images/bg-left-border.png') repeat-y 0 0,
        url('/images/bg-right-border.png') repeat-y 100% 100%,
        linear-gradient(to bottom,#1a0d34 0%,#301864 100%);
        background-color: #1a0d34;
        font-size: 14px;
        padding: 15px 15px;
        overflow: hidden;
    }
    .b-notice-reg   {
        background: url('/images/bg-top-left-border.png') no-repeat 0 0,
        url('/images/bg-top-right-border.png') no-repeat  100% 0,
        url('/images/bg-bottom-left-border.png') no-repeat 0 100%,
        url('/images/bg-bottom-right-border.png') no-repeat 100% 100%,
        url('/images/bg-top-border.png') repeat-x 0 0,
        url('/images/bg-bottom-border.png') repeat-x 100% 100%,
        url('/images/bg-left-border.png') repeat-y 0 0,
        url('/images/bg-right-border.png') repeat-y 100% 100%,
        linear-gradient(to bottom,#1a0d34 0%,#301864 100%);
        background-color: #1a0d34;
        font-size: 14px;
        padding: 5px 15px;
    }
    .form-field-for-rg {
        padding: 5px 20px;
    }
    .notification {
        font-size: 11px;
        color: #506582;
    }
    .gift-item  {
        display: inline-block;
        float: left;
        margin-left: 18px;
        margin-top: 2px;
        color: #fff;
        font-size: 12px;
    }

/*.....................................
................fair...................
.....................................*/
.table-raiting td {padding-top: 5px; }
.b_fair {
    height: 88px;
    padding: 15px 0 0 0;
    text-align: center;
    background: url('/images/fair/agregat_320.jpg') 50% 0 no-repeat ;
}
.fair_title {
    font-size: 28px;
    text-align: center;
    color: #fff;
}
.b-notice.no_border {
    padding-top: 12px;
    color: #a8a8a8;
    background: url('/images/notice/notice_3_t.png') no-repeat 50% 0,#092232;
    border: 1px solid #5b380f;
}
.b_fair.notice_fair {
    height: 60px;
    padding: 43px 0 0 0;
    position: relative;
    background: url('/images/fair/win_320.jpg') 50% 0 no-repeat ;
}
.b_fair.notice_fair .fair_title {font-size: 22px !important;}

.iflag {
    display: inline-block;
    position: relative;
}
.iflag .iflag-num {
    position: absolute;
    display: block;
    top: -5px;
    right: -5px;
    width: 19px;
    height: 19px;
}
.iflag-num {
    position: relative;
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url('/images/profile/sheild_19.png') no-repeat 0 0;
    font-size: 11px;
    text-align: center;
    color: #fff;
    line-height: 19px;
}
.table-pad {border-collapse: separate;border-spacing:0 5px}
.cito{ width: 100%; height: 100px; } .cito-name{ text-align:center; background: url(img/fail-title-left.png) no-repeat 0 0, url(img/fail-title-right.png) no-repeat 100% 0, url(img/fail-title-bg.png) no-repeat 50%; background-size: 72px 31px,72px 31px,70% 31px; display: block; padding: 5px; margin: 5px; text-shadow: 0px 0px 3px rgb(102, 201, 82); color: rgb(205, 255, 50) ; font-size: 18px; } 



.example3 {
    display:inline-block;   
    position:relative;
}
.example3 .example_text {
    display:block;
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
     
    color:#fff;
         
    padding-bottom: 3px;
    padding-top: 3px;
background-color:rgba(0,0,0,.5);
}
.hdr,.hdr .h_bgn,.hdr .h_end{background-image:url(/images/bg-header.png);background-repeat:no-repeat;}
.hdr{background-color:#41001c;background-repeat:repeat-x;}
.hdr .h_bgn{background-position:0 -100px;}
.hdr .h_end{
    padding:3px 15px 8px 15px;
    background-position:100% -200px;}
.hdr .slot{
    display:inline-block;
//display:inline;
//zoom:1;
    height:25px;
    margin-left:10px;
    background-image:url(/images/bg-res-slot.png);background-repeat:no-repeat;background-position:100% 2px;}
.lvl_prg{margin-top:-7px;}

.bg_ground .lvl_prg,.bg_main .lvl_prg{margin-top:-8px;}
.lvl_prg,.lvl_prg *{font-size:0;}
.lvl_prg,.lvl_prg .l_end{height:14px;margin-right:11px;background-image:url(/images/bg-lvl-prg.png);background-repeat:no-repeat;}
.lvl_prg .l_end{height:6px;margin-right:-11px;padding:4px 11px;background-position:100% -14px;}
.lvl_prg .l_rate,.lvl_prg .l_rate .r_end{height:6px;background-image:url(/images/bg-lvl-rate.png);background-repeat:no-repeat;}
.lvl_prg .l_rate{background-color:#ff9000;background-position:100% 0;}
.lvl_prg .l_rate .r_end{background-position:0 -6px;}

.clb{clear:both;font-size:0;}
.wm50{max-width:50%;}
.fr{float:right;}


.b_container {
width: 320px;
margin: 0 auto;
}
.btn_start:active {
background-image: url('data:image/png;base64,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');}
.btn_start {
display: block;
text-decoration: none;
width: 320px;
height: 75px;
background: url('data:image/png;base64,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') 0 0 no-repeat;
}
.btn_login {
display: block;
padding: 7px 0;
text-align: center;
margin: 5px auto;
width: 107px;
position: relative;
color: #aed5d1;
border: 1px solid #002c4e;
background: linear-gradient(to bottom, #002c4e 0%, #002c4e 5%, #001934 30%, #00132e 100%);
background-color: #00132E;
border-radius: 0;
font-size: 14px;
text-decoration: none;
}
.btn_login:hover {
background: linear-gradient(to bottom, #003259 0%, #003156 5%, #001c3b 30%, #001839 100%);
background-color: #001839;
border-color: #003157;
}
.btn_login:active {
background: linear-gradient(to bottom, #003259 0%, #003156 5%, #001c3b 30%, #001839 100%);
background-color: #003157;
width: 106px;
padding: 6px 0;
margin-top: 4px;
}