* {
    margin: 0;
    padding: 0;
    border: 0;
}

html {
    background-color: #0d1518;
}

.full-height {
    min-height: 100%;
    height: 100%;
}

body {
    overflow-x: hidden;
    max-width: 460px;
    margin: 0 auto;
    color: white;
    font-size: medium;
    font-family: arial,verdana,tahoma,sans-serif;
    background-color: #0d1518;
}

html.ifr {
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.ifr body {
    height: 100%;
    max-width: inherit;
    margin: 0px;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

a:link, a:visited {
    text-decoration: underline;
    color: white;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

a:hover {
    color: white;
}

img {
    vertical-align: bottom;
}

textarea {
    font-size: medium;
    font-style: normal;
    font-family: arial,verdana,tahoma,sans-serif;
}

input {
    font-size: medium;
    font-style: normal;
    font-family: arial,verdana,tahoma,sans-serif;
}

/* Spinner */
.spinner-width {
    max-width: 460px;
    margin-left: auto;
    margin-right: auto;
}

.sk-fading-circle {
    width: 20px;
    height: 20px;
    margin-top: 8px;
    margin-right: 8px;
    position: relative;
}

    .sk-fading-circle .sk-circle {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

        .sk-fading-circle .sk-circle:before {
            content: '';
            display: block;
            margin: 0 auto;
            width: 20%;
            height: 20%;
            background-color: #fff;
            border-radius: 100%;
            -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
            animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
        }

    .sk-fading-circle .sk-circle2 {
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    .sk-fading-circle .sk-circle3 {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
    }

    .sk-fading-circle .sk-circle4 {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .sk-fading-circle .sk-circle5 {
        -webkit-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
        transform: rotate(120deg);
    }

    .sk-fading-circle .sk-circle6 {
        -webkit-transform: rotate(150deg);
        -ms-transform: rotate(150deg);
        transform: rotate(150deg);
    }

    .sk-fading-circle .sk-circle7 {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .sk-fading-circle .sk-circle8 {
        -webkit-transform: rotate(210deg);
        -ms-transform: rotate(210deg);
        transform: rotate(210deg);
    }

    .sk-fading-circle .sk-circle9 {
        -webkit-transform: rotate(240deg);
        -ms-transform: rotate(240deg);
        transform: rotate(240deg);
    }

    .sk-fading-circle .sk-circle10 {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .sk-fading-circle .sk-circle11 {
        -webkit-transform: rotate(300deg);
        -ms-transform: rotate(300deg);
        transform: rotate(300deg);
    }

    .sk-fading-circle .sk-circle12 {
        -webkit-transform: rotate(330deg);
        -ms-transform: rotate(330deg);
        transform: rotate(330deg);
    }

    .sk-fading-circle .sk-circle2:before {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .sk-fading-circle .sk-circle3:before {
        -webkit-animation-delay: -1s;
        animation-delay: -1s;
    }

    .sk-fading-circle .sk-circle4:before {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .sk-fading-circle .sk-circle5:before {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

    .sk-fading-circle .sk-circle6:before {
        -webkit-animation-delay: -0.7s;
        animation-delay: -0.7s;
    }

    .sk-fading-circle .sk-circle7:before {
        -webkit-animation-delay: -0.6s;
        animation-delay: -0.6s;
    }

    .sk-fading-circle .sk-circle8:before {
        -webkit-animation-delay: -0.5s;
        animation-delay: -0.5s;
    }

    .sk-fading-circle .sk-circle9:before {
        -webkit-animation-delay: -0.4s;
        animation-delay: -0.4s;
    }

    .sk-fading-circle .sk-circle10:before {
        -webkit-animation-delay: -0.3s;
        animation-delay: -0.3s;
    }

    .sk-fading-circle .sk-circle11:before {
        -webkit-animation-delay: -0.2s;
        animation-delay: -0.2s;
    }

    .sk-fading-circle .sk-circle12:before {
        -webkit-animation-delay: -0.1s;
        animation-delay: -0.1s;
    }

@-webkit-keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

@keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

/* dots animation (...) */
@keyframes keyframes-dots {
    0% {
        opacity: 0.2;
    }

    20% {
        opacity: 1;
    }

    100% {
        opacity: 0.2;
    }
}

.dot::before {
    content: '.';
}

.dot {
    animation: keyframes-dots 1400ms forwards ease-in-out infinite;
    visibility: visible;
}

.dot.dot2 {
    animation-delay: 200ms;
}

.dot.dot3 {
    animation-delay: 400ms;
}

/* popups */
.floating-popup-container {
    position: fixed;
    /*bottom: 0;*/
    top: 0;
    width: 100%;
    height: 0;
    overflow-y: visible;
    z-index: 20000;
    max-width: 460px;
}

.floating-popup-shadow1 {
    background-color: rgba(51, 51, 51, 0.6);
    box-shadow: 0 0 2px 1px rgba(51, 51, 51, 0.6);
    -webkit-box-shadow: 0 0 2px 1px rgba(51, 51, 51, 0.6);
    -moz-box-shadow: 0 0 2px 1px rgba(51, 51, 51, 0.6);
}

.floating-popup {
    margin-bottom: -6px;
}

floating-popup-root {
    position: absolute;
    top: 0;
    width: 100%;
}

/* common */
.text-black-shadow {
    text-shadow: black 1px 1px 0, black -1px -1px 0, black -1px 1px 0, black 1px -1px 0;
}

.cntr {
    text-align: center;
}

.left {
    text-align: left;
}

.rght {
    text-align: right;
}

.medium {
    font-size: medium;
}

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

.xsmall {
    font-size: x-small !important;
}

.bold {
    font-weight: bold;
}

.normal {
    font-weight: normal;
}

.fs0 {
    font-size: 0;
}

.lh1 {
    line-height: 1 !important;
}

.lhn {
    line-height: normal !important;
}

.shb {
    text-shadow: 1px 1px 0 black;
}

.tdn {
    text-decoration: none !important;
}

.tdu {
    text-decoration: underline !important;
}

.ttu {
    text-transform: uppercase;
}

.ttn {
    text-transform: none !important;
}

.bl {
    display: block;
}

.non {
    display: none;
}

.bli {
    display: block !important;
}

.ib {
    display: inline-block; /*display:inline;zoom:1;*/
}

.ibi {
    display: inline-block !important; /*display:inline !important;/*zoom:1;*/
}

.flex {
    display: flex
}

.fcntr {
    align-self: center
}

.fspbtw {
    justify-content: space-between;
}

.break {
    word-wrap: break-word;
}

.nwr {
    white-space: nowrap;
}

.ovh {
    overflow: hidden;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clb {
    display: block;
    clear: both;
}

.vt {
    vertical-align: top;
}

.vm {
    vertical-align: middle;
}

.vb {
    vertical-align: bottom;
}

.abs {
    position: absolute;
}

.rel {
    position: relative;
}

.r0 {
    right: 0
}

/* hr */
.hr {
    height: 0;
    font-size: 0;
    border-top: 1px solid #080707;
    border-bottom: 1px solid #2a3840;
}

.hr2 {
    height: 0;
    font-size: 0;
    border-top: 1px solid #616161;
    border-bottom: 1px solid #979898;
}

.hr3 {
    height: 0;
    font-size: 0;
    border-top: 1px solid #13191e;
    border-bottom: 1px solid #445561;
}

.vhr {
    background-image: url('/img/bg-line3.gif');
    background-repeat: repeat-y;
    background-position: 50% 0;
}

.tlh {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* header */
.hdr_margin {
    margin-left: 8px;
    margin-right: 8px;
}

.hdr {
    color: white;
    font-size: small;
    background-image: url('/img/bg-lpanel.png');
    background-repeat: repeat-x;
}

    .hdr .hd_t {
        background-repeat: repeat-x;
    }

    .hdr .hd_b {
        padding: 10px;
        background-repeat: repeat-x;
        background-position: 0 100%;
    }

.plvl {
    padding: 2px 5px 2px 2px;
    font-size: x-small;
    white-space: nowrap;
    background-color: #0d1518;
}

    .plvl .prg {
        background-color: #273040;
        margin: 0 5px;
    }


/* progress */
.prg {
    display: block;
    font-size: 0;
    text-align: left;
}

.prg_usual {
    padding: 1px;
    border: 1px solid #989898;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #152832;
}

.prg_usual_left {
    padding: 1px;
    border: 1px solid #989898;
    -webkit-border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    background-color: #152832;
}

.prg_usual_center {
    padding: 1px;
    border-bottom: 1px solid #989898;
    border-top: 1px solid #989898;
    border-right: 1px solid #989898;
    background-color: #152832;
}

.prg_usual_right {
    padding: 1px;
    border-top: 1px solid #989898;
    border-bottom: 1px solid #989898;
    border-right: 1px solid #989898;
    -webkit-border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    background-color: #152832;
}

.prg .rate, .prg .blick {
    display: block;
    background-image: url('/img/bg-prg.png');
    background-repeat: repeat-x;
}

.prg .blick {
    display: block;
    background-repeat: no-repeat;
}

.prg .blue {
    height: 6px;
    background-position: 0 0;
}

    .prg .blue .blick {
        height: 6px;
        background-position: 100% -6px;
    }

.prg .green {
    height: 6px;
    background-position: 0 -12px;
}

    .prg .green .blick {
        height: 6px;
        background-position: 100% -18px;
    }

.prg .red {
    height: 6px;
    background-position: 0 -24px;
}

.prg_r {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.prg_rb {
    -webkit-border-top-left-radius: 2px;
    -moz-border-topleft-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-bottomleft-radius: 2px;
    border-bottom-left-radius: 2px;
}

.prg_lb {
    -webkit-border-top-right-radius: 2px;
    -moz-border-topright-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-bottomright-radius: 2px;
    border-bottom-right-radius: 2px;
}

.prg_re {
    -webkit-border-top-right-radius: 2px;
    -moz-border-topright-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-bottomright-radius: 2px;
    border-bottom-right-radius: 2px;
}

.sprg {
    display: block;
    font-size: 0;
    text-align: left;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #8f8f8f;
}

    .sprg .rate {
        display: block;
        height: 3px;
        font-size: 0;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        background-image: url('/img/bg-sprg.gif');
        background-repeat: repeat-x;
    }

    .sprg .green {
        background-position: 0 0;
        background-color: #8cc94c;
    }

    .sprg .yel {
        background-position: 0 -3px;
        background-color: #e7ee25;
    }

/* fixed bars */
.fixed_bar.mf_b {
    background-image: url('/img/bg-mframe-border_bottom.png');
    background-repeat: repeat-x;
    background-position: 0 100%;
}

.fixed_bar .mf_c3 {
    height: 32px;
    position: absolute;
    width: 8px;
    bottom: 0;
    right: 0;
}

.fixed_bar .mf_c4 {
    height: 32px;
    position: absolute;
    width: 8px;
    bottom: 0;
    left: 0;
}

.side-border-fixed {
    width: 8px;
    position: absolute;
}

/* main frame */
.mframe {
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 50% 8px;
}

    .mframe .mf_t {
        background-image: url('/img/bg-mframe-border_top.png');
        background-repeat: repeat-x;
    }

    .mframe .mf_b {
        background-image: url('/img/bg-mframe-border_bottom.png');
        background-repeat: repeat-x;
        background-position: 0 100%;
    }

    .mframe .mf_l {
        background-image: url('/img/bg-mframe-border_left.png');
        background-repeat: repeat-y;
    }

    .mframe .mf_r {
        background-image: url('/img/bg-mframe-border_right.png');
        background-repeat: repeat-y;
        background-position: 100% 0;
    }

    .mframe .mf_c1 {
        background-image: url('/img/bg-mframe-corner_1.png');
        background-repeat: no-repeat;
    }

    .mframe .mf_c2 {
        background-image: url('/img/bg-mframe-corner_2.png');
        background-repeat: no-repeat;
        background-position: 100% 0;
    }

    .mframe .mf_c3 {
        background-image: url('/img/bg-mframe-corner_3.png');
        background-repeat: no-repeat;
        background-position: 100% 100%;
    }

    .mframe .mf_c4 {
        background-image: url('/img/bg-mframe-corner_4.png');
        background-repeat: no-repeat;
        background-position: 0 100%;
    }
/* separator */
.msep {
    margin-left: 8px;
    margin-right: 8px;
}

    .msep .s_end {
        padding: 0 10px;
        background-position: 100% -10px;
    }

    .msep, .msep .s_end, .msep .s_cntr {
        font-size: 0;
        height: 10px;
        background-image: url('/img/bg-mframe-separator.png');
        background-repeat: no-repeat;
    }

        .msep .s_cntr {
            background-position: 100% -20px;
            background-repeat: repeat-x;
        }



.sep {
    font-size: 0;
    height: 10px;
    background-image: url('/img/bg-mframe-separator.png');
    background-repeat: no-repeat;
    background-position: 100% -20px;
    background-repeat: repeat-x;
}




/* scroll message */
.scroll {
    background-image: url('/img/bg-scroll.jpg');
}

    .scroll .sc_l {
        background-image: url('/img/bg-scroll-border_left.png');
        background-repeat: repeat-y;
        background-position: 0 50%;
    }

    .scroll .sc_r {
        background-image: url('/img/bg-scroll-border_right.png');
        background-repeat: repeat-y;
        background-position: 100% 50%;
    }

    .scroll .sc_t {
        background-image: url('/img/bg-scroll-border_top.jpg');
        background-repeat: repeat-x;
        background-position: 50% 0;
    }

    .scroll .sc_b {
        background-image: url('/img/bg-scroll-border_bottom.jpg');
        background-repeat: repeat-x;
        background-position: 50% 100%;
    }

    .scroll .sc_c1 {
        background-image: url('/img/bg-scroll-corner_1.png');
        background-repeat: no-repeat;
    }

    .scroll .sc_c2 {
        background-image: url('/img/bg-scroll-corner_2.png');
        background-repeat: no-repeat;
        background-position: 100% 0;
    }

    .scroll .sc_c3 {
        background-image: url('/img/bg-scroll-corner_3.png');
        background-repeat: no-repeat;
        background-position: 100% 100%;
    }

    .scroll .sc_c4 {
        padding: 25px;
        background-image: url('/img/bg-scroll-corner_4.png');
        background-repeat: no-repeat;
        background-position: 0 100%;
    }

.c_scroll {
    color: #504430;
    text-shadow: 0 1px 0 white;
}


/* big image square */
.sqr_img {
    display: inline-block; /*display:inline;zoom:1;*/
    text-decoration: none !important;
    font-size: 0;
    vertical-align: top;
    background-position: 4px 14px;
    background-repeat: no-repeat;
}

    .sqr_img .si_frame {
        display: block;
        width: 136px;
        height: 153px;
        background-image: url('/img/bg-square-image-frame-medium.png');
        background-repeat: no-repeat;
        background-position: 0 4px;
    }

    .sqr_img .si_info {
        display: block;
        height: 20px;
        padding-top: 80px;
        margin: 0 5px;
        color: white;
        text-align: center;
        font-size: small;
    }

    .sqr_img .si_shd {
        display: block;
        background-image: url('/img/bg-square-shadow.png');
        background-repeat: repeat-x;
        background-position: 0 100%;
    }

    .sqr_img .prg {
        margin: 5px 16px 0;
    }

.si_boss1 {
    background-image: url('/img/sqr-img-medium-boss1.jpg');
}

    .si_boss1.off {
        background-image: url('/img/sqr-img-medium-boss1-off.jpg');
    }

.si_tower1 {
    background-image: url('/img/sqr-img-medium-tower2.jpg');
    background-position: 4px 21px;
}

.si_ptrn {
    width: 136px;
    margin: 0 auto;
    font-size: 0;
    background-image: url('/img/pattern-1-left.png');
    background-repeat: no-repeat;
    background-position: 0 50%;
}

    .si_ptrn .p_end {
        padding: 2px 0 1px;
        color: white;
        font-size: small;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-shadow: 1px 1px 0 black;
        background-image: url('/img/pattern-1-right.png');
        background-repeat: no-repeat;
        background-position: 100% 50%;
    }

.sqr_img2 {
    display: inline-block; /*display:inline;zoom:1;*/
    font-size: 0;
    vertical-align: top;
    background-position: 5px 5px;
    background-repeat: no-repeat;
}

    .sqr_img2 .si_frame {
        display: block;
        width: 100px;
        height: 100px;
        background-image: url('/img/bg-square-image-frame-small.png');
        background-repeat: no-repeat;
    }

    .sqr_img2.si_tower1 {
        background-image: url('/img/sqr-img-small-tower1.jpg');
    }

.sqr_img3 {
    display: inline-block; /*display:inline;zoom:1;*/
    font-size: 0;
    vertical-align: top;
    background-position: 5px 5px;
    background-repeat: no-repeat;
}

    .sqr_img3 .si_frame {
        display: block;
        width: 110px;
        height: 110px;
        background-image: url('/img/bg-square-image-frame-small2.png');
        background-repeat: no-repeat;
    }

    .sqr_img3 .si_shd {
        display: block;
        background-image: url('/img/bg-square-shadow.png');
        background-repeat: repeat-x;
        background-position: 0 100%;
    }

    .sqr_img3 .si_info {
        display: block;
        padding-top: 85px;
        color: white;
        text-align: center;
        font-size: small;
    }

    .sqr_img3.si_boss1 {
        background-image: url('/img/i100_boss1.jpg');
    }

    .sqr_img3.si_boss2 {
        background-image: url('/img/i100_boss2.jpg');
    }

    .sqr_img3.si_boss3.off {
        background-image: url('/img/i100_boss3-off.jpg');
    }

.pet {
    display: inline-block; /*display:inline;zoom:1;*/
    text-decoration: none !important;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.pet_gorilla {
    background-image: url('/img/pet-gorilla.jpg');
}


/* ribbon */
.ribbon, .ribbon .r_end, .ribbon .r_cntr {
    display: block;
    font-size: 0;
    background-image: url('/img/bg-ribbon.png');
    background-repeat: no-repeat;
}

    .ribbon .r_end {
        padding: 0 28px;
        background-position: 100% -31px;
    }

    .ribbon .r_cntr {
        height: 27px;
        padding-top: 4px;
        font-size: small;
        text-shadow: 1px 1px 0 black;
        color: white;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        background-position: 0 -62px;
        background-repeat: repeat-x;
    }


/* main block. for big menu buttons and etc */
.mblock {
    padding: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-image: url('/img/bg-mblock.png');
    background-repeat: repeat-x;
    background-color: #212f37;
    background-size: auto 100%;
}

.mb_grey {
    background-image: url('/img/bg-mblock-brd-grey.png') !important;
}

.mb_green {
    background-image: url('/img/bg-mblock-brd-green.png') !important;
}

.mb_blue {
    background-image: url('/img/bg-mblock-brd-blue.png') !important;
}

.mb_red {
    background-image: url('/img/bg-mblock-brd-red.png') !important;
}

.mb_gold {
    background-image: url('/img/bg-mblock-brd-gold.png') !important;
}

.mblock .mb_brd {
    display: block;
    padding: 1px;
    text-decoration: none !important;
    border: 2px solid #050708;
    background-image: url('/img/bg-mblock-inborder.png');
    background-repeat: repeat-x;
    background-color: #1b252d;
}

.mblock .mb_shd {
    display: block;
    background-image: url('/img/bg-mblock-shadow.png');
    background-repeat: repeat-x;
    background-color: #27353f;
    background-position: 0 100%;
}

.mblock .mb_shd2 {
    display: block;
    background-image: url('/img/bg-mblock-shadow2.png');
    background-repeat: repeat-x;
    background-color: #27353f;
    background-position: 0 100%;
}

.mblock .mb_shd3 {
    display: block;
    background-image: url('/img/bg-mblock-shadow3.png');
    background-repeat: repeat-x;
    background-color: #27353f;
    background-position: 0 100%;
}

.mblock .mb_rlx {
    display: block;
    background-image: url('/img/bg-mblock-reflex.png');
    background-repeat: repeat-x;
    background-position: 0 50%;
}

.mblock .mb_rlx2 {
    display: block;
    background-image: url('/img/bg-mblock-reflex2.png');
    background-repeat: repeat-x;
    background-position: 0 0;
}

.mblock .mb_rlx3 {
    display: block;
    background-image: url('/img/bg-mblock-reflex3.png');
    background-repeat: repeat-x;
    background-position: 0 0;
}

.mblock .mb_txt {
    display: block;
    font-size: small;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    text-shadow: 0 -1px 0 black;
    color: white;
}

.mblock .mb_ttl {
    display: block;
    padding: 2px 0 8px;
    font-size: small;
    color: white;
    font-weight: bold;
    text-shadow: 0 -1px 0 black;
}

.mblock a.mb_ttl {
    text-decoration: none !important;
    background-image: url('/img/bg-ttl-arrow.png');
    background-repeat: no-repeat;
    background-position: 100% 20%;
}

.mblock a.arrM {
    background-position: 100% 45%;
}

.mb_tab_l {
    margin: -4px 0 0 -4px;
    padding: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 0;
    -moz-border-radius: 2px 0 0 0;
    border-radius: 2px 0 0 0;
    border-top: 1px solid #979898;
    border-left: 1px solid #767b7d;
    background-color: #050708;
}

.mb_tab_r {
    margin: -4px -4px 0 0;
    padding: 2px 2px 0 0;
    -webkit-border-radius: 0 2px 0 0;
    -moz-border-radius: 0 2px 0 0;
    border-radius: 0 2px 0 0;
    border-top: 1px solid #979898;
    border-right: 1px solid #767b7d;
    background-color: #050708;
}

.mb_tab_l .tab_wr1 {
    display: block;
    padding: 0 1px 1px 0;
    text-decoration: none !important;
    border-right: 1px solid #1b252d;
    border-bottom: 1px solid #1b252d;
    background-color: #050708;
}

.mb_tab_r .tab_wr1 {
    display: block;
    padding: 0 0 1px 1px;
    text-decoration: none !important;
    border-left: 1px solid #1b252d;
    border-bottom: 1px solid #1b252d;
    background-color: #050708;
}

.mb_tab_l .tab_wr2, .mb_tab_r .tab_wr2 {
    display: block;
    background-color: #202c35;
    color: #adadad;
}

.mb_ttl2 {
    display: block;
    padding: 2px 0 8px;
    font-size: small;
    color: white;
    font-weight: bold;
    text-shadow: 0 -1px 0 black;
}

/* menu pictures */
.mblock .mb_pic {
    display: block;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-color: #27353f;
}

    .mblock .mb_pic .mb_shd {
        background-color: transparent;
    }

    .mblock .mb_pic .mb_txt {
        height: 42px;
        padding: 10px 0 0 15px;
    }

.mblock .p_arena {
    background-image: url('/img/bg-menu-arena.jpg');
}

.mblock .p_harpies {
    background-image: url('/img/harpies/harpies_menu_bg.jpg');
}

.mblock .p_global_boss {
    background-image: url('/img/global_boss/1/old_page_menu_bg.png');
}

.mblock .p_nytd {
    background-image: url('/img/nytd/nytd_old_bg.jpg');
}

.mblock .p_springtd {
    background-image: url('/img/spring_td/springtd_old_bg.jpg');
}

.mblock .p_summertd {
    background-image: url('/img/spring_td/springtd_old_bg.jpg');
}

.mblock .p_autumntd {
    background-image: url('/img/autumn_td/autumntd_old_bg.jpg');
}

.mblock .p_autumntd_halloween {
    background-image: url('/img/autumn_td/halloween/autumntd_old_bg.jpg');
}

.mblock .p_portal {
    background-image: url('/img/bg-menu-portal.jpg');
}

.mblock .p_portal2 {
    background-image: url('/img/bg-menu-portal2.jpg');
}

.mblock .p_clan_boss_portal0 {
    background-image: url('/img/menu/clan_boss/bg-menu-portal0.jpg?v=0.001');
}

.mblock .p_clan_boss_portal1 {
    background-image: url('/img/menu/clan_boss/bg-menu-portal1.jpg');
}

.mblock .p_clan_boss_portal2 {
    background-image: url('/img/menu/clan_boss/bg-menu-portal2.jpg?v=0.001');
}

.mblock .p_clan_boss_portal3 {
    background-image: url('/img/menu/clan_boss/bg-menu-portal3.jpg?v=0.001');
}

.mblock .p_clan_boss_portal4 {
    background-image: url('/img/menu/clan_boss/bg-menu-portal4.jpg?v=0.001');
}

.mblock .p_skills {
    background-image: url('/img/bg-menu-skills.jpg');
}

.mblock .p_training {
    background-image: url('/img/bg-menu-training.jpg');
}

.mblock .p_magic {
    background-image: url('/img/bg-menu-magic.jpg');
}

.mblock .p_tower {
    background-image: url('/img/bg-menu-tower.jpg');
}

.mblock .p_treasury {
    background-image: url('/img/bg-menu-treasury.jpg');
}

.mblock .p_efir_building {
    background-image: url('/img/maze/bg-menu-efir-buildong.jpg');
}

.mblock .p_dangeon_button {
    background-image: url('/img/maze/dangeon/screen-2.png');
}

.mblock .p_dangeon_button_newyear {
    background-image: url('/img/maze/dangeon/newyear_screen-2.png');
}

/* Money Blink Animations */
.money_blink_h {
    animation: blink_horiz 2s linear infinite;
    width: 3px;
    height: 1px;
}

.wh16x16 {
    width: 16px;
    height: 16px;
}

.wh18x18 {
    width: 18px;
    height: 18px;
}

.res_silver {
    background-image: url('/img/icons/silver.png');
}

.res_gold {
    background-image: url('/img/icons/gold.png');
}

.res_upgradeskilltickets,
.icon-upgradeskilltickets {
    background-image: url('/img/icons/tickets/icon-skill-ticket.png'); 
    background-size: contain;
    transform: translateY(-2px);
}

.res_upgradegemtickets,
.icon-upgradegemtickets {
    background-image: url('/img/icons/tickets/icon-gem-ticket.png'); 
    background-size: contain;
    transform: translateY(-2px);
}

.res_upgraderunetickets,
.icon-upgraderunetickets {
    background-image: url('/img/icons/tickets/icon-rune-ticket.png'); 
    background-size: contain;
    transform: translateY(-2px);
}

.res_upgradetowertickets,
.icon-upgradetowertickets {
    background-image: url('/img/icons/tickets/icon-tower-ticket.png'); 
    background-size: contain;
    transform: translateY(-2px);
}

.reward-message-bar {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
    z-index: 10000;
    width: 100%;
    max-width: 460px;
    transition: .25s ease;
}

.reward-message-bar.opened {
    transform: translate(-50%, 0);
    transition: .25s ease;
}

.floating-text-animation {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    color: #fff;
    animation: floatingTextAnimation 2.2s ease-out forwards;
    z-index: 100;
    user-select: none;
}

@keyframes floatingTextAnimation {
    from {
        transform: translate(-50%, -50%);
        opacity: 1;
    }
    75% {
        transform: translate(-50%, -125%);
        opacity: 1;
    }
    to {
        transform: translate(-50%, -150%);
        opacity: 0;
    }
}

.reward-flyer-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: top .55s linear, left .55s linear, opacity .05s linear .5s;
}

.reward-icon-silver {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background-image: url('/img/icons/coin_silver.png'); 
    background-size: contain;
}
.reward-icon-gold {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 16px;
    background-image: url('/img/icons/coin_gold.png'); 
    background-size: contain;
}
.reward-icon-crystals {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background-image: url('/img/ico-crystal.png'); 
    background-size: contain;
}
.reward-icon-blood {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 18px;
    background-image: url('/img/icons/blood.png'); 
    background-size: contain;
}
.reward-icon-mana {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 18px;
    background-image: url('/img/icons/mana.png'); 
    background-size: contain;
}

.reward-icon-powerstones,
.reward-icon-powerstone {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background-image: url('/img/icons/powerstones.png'); 
    background-size: contain;
}
.reward-icon-experience,
.reward-icon-exp {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background-image: url('/img/ico-star1.png'); 
    background-size: contain;
}
.reward-icon-item {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background-image: url('/img/icons/epic-item.png'); 
    background-size: contain;
}
.reward-icon-upgradeskilltickets {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-image: url('/img/icons/tickets/icon-skill-ticket.png'); 
    background-size: contain;
}
.reward-icon-upgradegemtickets {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-image: url('/img/icons/tickets/icon-gem-ticket.png'); 
    background-size: contain;
}
.reward-icon-upgraderunetickets {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-image: url('/img/icons/tickets/icon-rune-ticket.png'); 
    background-size: contain;
}
.reward-icon-upgradetowertickets {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-image: url('/img/icons/tickets/icon-tower-ticket.png'); 
    background-size: contain;
}
.reward-icon-souls {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background-image: url('/img/icons/souls.png'); 
    background-size: contain;
}
.reward-icon-eventcrown {
    display: inline-block;
    vertical-align: middle;
    width: 19px;
    height: 18px;
    background-image: url('/img/meta_games/cards/page/source/cards-icon-crown-sm.png'); 
    background-size: contain;
}
.reward-icon-eventticket,
.reward-icon-eventstar {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background-image: url('/img/meta_games/cards/page/source/cards-icon-star-sm.png'); 
    background-size: contain;
}
.reward-icon-eventstarship {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background-image: url('/img/meta_games/gagarinsday/page/gagarinsday-icon-starship.png'); 
    background-size: contain;
}
.reward-icon-eventsatellite {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background-image: url('/img/meta_games/gagarinsday/page/gagarinsday-icon-satellite.png'); 
    background-size: contain;
}
.reward-icon-eventring {
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    background-image: url('/img/meta_games/march8/page/ring.png'); 
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.reward-icon-eventefir {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-image: url('/img/meta_games/march8/page/efir.png'); 
    background-size: contain;
}
.reward-icon-bag {
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    background-image: url('/img/pic-bag.png'); 
    background-size: contain;
}
.reward-icon-eventgift {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background-image: url('/img/meta_games/newyear/page/src/cards-ny-icon-gift-sm.png'); 
    background-size: contain;
}
.reward-icon-eventtoy {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background-image: url('/img/meta_games/newyear/page/src/cards-ny-icon-toy-sm.png'); 
    background-size: contain;
}
.reward-icon-eventlatter {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background-image: url('/img/meta_games/kindvin/game/src/latter_small.png'); 
    background-size: contain;
}
.reward-icon-eventbucket {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background-image: url('/img/meta_games/kindvin/game/src/bucket_small.png'); 
    background-size: contain;
}
.reward-icon-eventcoctail {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background-image: url('/img/meta_games/kindvinsummer/game/src/coctail.png'); 
    background-size: contain;
}
.reward-icon-eventpearl {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background-image: url('/img/meta_games/kindvinsummer/game/src/pearl.png'); 
    background-size: contain;
}
.reward-icon-kindvin-stars {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background-image: url('/img/meta_games/kindvinmay9/game/src/icon_star.png'); 
    background-size: contain;
}
.reward-icon-kindvin-ammo {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background-image: url('/img/meta_games/kindvinmay9/page/kindvinmay9-icon-ammo.png');
    background-size: contain;
}

.coin_silver {
    background-image: url('/img/icons/coin_silver.png');
}

.coin_gold {
    background-image: url('/img/icons/coin_gold.png');
}

.silver_blinkimg_h {
    background-image: url('/img/anims/whitedot_horizontal.png');
}

.silver_blinkimg_v {
    background-image: url('/img/anims/whitedot_vertical.png');
}

.gold_blinkimg_h {
    background-image: url('/img/anims/golddot_horizontal.png');
}

.gold_blinkimg_v {
    background-image: url('/img/anims/golddot_vertical.png');
}

.money_blink_v {
    animation: blink_vert 2s linear infinite;
    width: 1px;
    height: 3px;
}

.desat_white {
    -webkit-filter: saturate(0%);
    filter: saturate(0%);
}

.money_blink_pos1 {
    left: -10px;
    top: 2px;
}

.money_blink_pos2 {
    left: -7px;
    top: 6px;
}

.money_blink_pos3 {
    left: -11px;
    top: 10px;
}

@keyframes blink_horiz {
    0% {
        transform: scaleX(0);
    }

    10% {
        transform: scaleX(0);
    }

    25% {
        transform: scaleX(6);
    }

    40% {
        transform: scaleX(0);
    }

    100% {
        transform: scaleX(0);
    }
}

@keyframes blink_vert {
    0% {
        transform: scaleY(0);
    }

    10% {
        transform: scaleY(0);
    }

    25% {
        transform: scaleY(6);
    }

    40% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(0);
    }
}

/* Money Flyer */
.money_flyer {
    position: relative;
    left: -36px;
}

/* Menu Animations */
.overlay_portal_pic {
    position: absolute;
    left: -60px;
    top: -56px;
    opacity: 0.66;
    width: 64px;
    height: 64px;
}

.clouds1_anim {
    background-image: url('/img/anims/clouds1.png');
}

.clouds2_anim {
    background-image: url('/img/anims/clouds2.png');
}

.clouds3_anim {
    background-image: url('/img/anims/clouds3.png');
}

.clouds4_anim {
    background-image: url('/img/anims/clouds4.png');
}

.portal_spin1 {
    -webkit-animation: spin_portal 2s linear infinite, lightning_portal 4500ms linear infinite;
    -moz-animation: spin_portal 2s linear infinite, lightning_portal 4500ms linear infinite;
    animation: spin_portal 2s linear infinite, lightning_portal 4500ms linear infinite;
}

.portal_spin2 {
    -webkit-animation: spin_portal 4s linear infinite, lightning_portal 4271ms linear infinite;
    -moz-animation: spin_portal 4s linear infinite, lightning_portal 4271ms linear infinite;
    animation: spin_portal 4s linear infinite, lightning_portal 4271ms linear infinite;
}

.portal_spin3 {
    -webkit-animation: spin_portal 6s linear infinite, lightning_portal 4071ms linear infinite;
    -moz-animation: spin_portal 6s linear infinite, lightning_portal 4071ms linear infinite;
    animation: spin_portal 6s linear infinite, lightning_portal 4071ms linear infinite;
}

.portal_spin4 {
    -webkit-animation: spin_portal 8s linear infinite, lightning_portal 3963ms linear infinite;
    -moz-animation: spin_portal 8s linear infinite, lightning_portal 3963ms linear infinite;
    animation: spin_portal 8s linear infinite, lightning_portal 3963ms linear infinite;
}

.intro_portal {
    -webkit-animation: intro_portal 1s ease-in-out forwards;
    -moz-animation: intro_portal 1s ease-in-out forwards;
    animation: intro_portal 1s ease-in-out forwards;
}

@-moz-keyframes intro_portal {
    0% {
        transform: scale(0);
        opacity: 0%;
    }

    75% {
        transform: scale(1.5);
    }

    100% {
        transform: scale(1);
        opacity: 100%;
    }
}

@-webkit-keyframes intro_portal {
    0% {
        transform: scale(0%);
        opacity: 0%;
    }

    75% {
        transform: scale(120%);
    }

    100% {
        transform: scale(100%);
        opacity: 100%;
    }
}

@keyframes intro_portal {
    0% {
        transform: scale(0%);
        opacity: 0%;
    }

    75% {
        transform: scale(120%);
    }

    100% {
        transform: scale(100%);
        opacity: 100%;
    }
}




@-moz-keyframes spin_portal {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin_portal {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin_portal {
    100% {
        transform: rotate(360deg);
    }
}

@-moz-keyframes lightning_portal {
    0% {
        -moz-filter: brightness(100%);
    }

    40% {
        -moz-filter: brightness(100%);
    }

    41% {
        -moz-filter: brightness(200%);
    }

    42% {
        -moz-filter: brightness(100%);
    }

    43% {
        -moz-filter: brightness(200%);
    }

    44% {
        -moz-filter: brightness(100%);
    }

    73% {
        -moz-filter: brightness(100%);
    }

    74% {
        -moz-filter: brightness(200%);
    }

    75% {
        -moz-filter: brightness(100%);
    }

    100% {
        -moz-filter: brightness(100%);
    }
}

@-webkit-keyframes lightning_portal {
    0% {
        -webkit-filter: brightness(100%);
    }

    40% {
        -webkit-filter: brightness(100%);
    }

    41% {
        -webkit-filter: brightness(200%);
    }

    42% {
        -webkit-filter: brightness(100%);
    }

    43% {
        -webkit-filter: brightness(200%);
    }

    44% {
        -webkit-filter: brightness(100%);
    }

    73% {
        -webkit-filter: brightness(100%);
    }

    74% {
        -webkit-filter: brightness(200%);
    }

    75% {
        -webkit-filter: brightness(100%);
    }

    100% {
        -webkit-filter: brightness(100%);
    }
}

@keyframes lightning_portal {
    0% {
        filter: brightness(100%);
    }

    40% {
        filter: brightness(100%);
    }

    41% {
        filter: brightness(200%);
    }

    42% {
        filter: brightness(100%);
    }

    43% {
        filter: brightness(200%);
    }

    44% {
        filter: brightness(100%);
    }

    73% {
        filter: brightness(100%);
    }

    74% {
        filter: brightness(200%);
    }

    75% {
        filter: brightness(100%);
    }

    100% {
        filter: brightness(100%);
    }
}

/* forum */
.mblock .p_forum {
    background-position: 13px 50%;
    background-image: url('/img/menu-pic-forum.png');
}

    .mblock .p_forum .mb_txt {
        padding: 10px 0 0 52px;
    }

.mblock .mb_arrow {
    display: block;
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-image: url('/img/bg-ttl-arrow.png');
}
/* menu icons */
.mblock .mb_ico {
    display: block;
    margin: -1px;
    padding: 1px;
    background-repeat: no-repeat;
}

    .mblock .mb_ico .mb_shd {
        margin-left: 42px;
    }

    .mblock .mb_ico .mb_txt {
        height: 27px;
        padding: 13px 0 0 11px;
    }

.ntf {
    background-image: url('/img/ico-informer.png');
    background-repeat: no-repeat;
    background-position: 98% 50%;
    animation: informer-glowing 2800ms infinite;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.mblock .i_back {
    background-image: url('/img/menu/menu-ico-back.png');
}

.mblock .i_enhance {
    background-image: url('/img/menu/menu-ico-enhance.png');
}

.mblock .i_gold {
    background-image: url('/img/menu/menu-ico-gold.png');
}

.mblock .i_items_shop {
    background-image: url('/img/menu/menu-ico-items_shop.png');
}

.mblock .i_equipment {
    background-image: url('/img/menu/menu-ico-equipment.png');
}

.mblock .i_bag {
    background-image: url('/img/menu/menu-ico-bag.png');
}

.mblock .i_mail {
    background-image: url('/img/menu/menu-ico-mail.png');
}

.mblock .i_gifts {
    background-image: url('/img/menu/menu-ico-gifts.png');
}

.icon_gift {
    width: 42px;
    height: 42px;
    display: inline-block;
    background-image: url('/img/menu/menu-ico-gifts.png');
}

.mblock .i_magic {
    background-image: url('/img/menu/menu-ico-magic.png');
}

.mblock .i_gems {
    background-image: url('/img/menu/menu-ico-gems.png');
}

.mblock .i_runes {
    background-image: url('/img/menu/menu-ico-runes.png');
}

.mblock .i_invite_to_clan {
    background-image: url('/img/menu/menu-ico-invite_to_clan.png');
}

.mblock .i_send_message {
    background-image: url('/img/menu/menu-ico-send-message.png');
}

.mblock .i_create_topic {
    background-image: url('/img/menu/menu-ico-create-topic.png');
}

.mblock .i_mark_as_read {
    background-image: url('/img/menu/menu-ico-mark-as-read.png');
}

.mblock .i_delete_all_read {
    background-image: url('/img/menu/menu-ico-delete-all-read.png');
}

.mblock .i_rating {
    background-image: url('/img/menu/menu-ico-rating.png');
}

.mblock .i_chat {
    background-image: url('/img/menu/menu-ico-chat.png?v=0.001');
}

.mblock .i_history {
    background-image: url('/img/menu/menu-ico-history.png');
}

.i_applications-membership-clan {
    background-image: url('/img/menu/1menu-ico-clans-applications.png');
}

.i_apply-clan {
    background-image: url('/img/menu/1menu-ico-apply-clan-old.png');
}

.mblock .i_moderator {
    background-image: url('/img/menu/menu-ico-moderator.png');
}

.mblock .i_suser {
    background-image: url('/img/menu/menu-ico-user-search.png');
}

.mblock .i_training {
    background-image: url('/img/menu/menu-ico-training.png');
}

.mblock .i_clans_ratin {
    background-image: url('/img/menu/menu-ico-clans-rating.png');
}

.mblock .i_tasks {
    background-image: url('/img/menu/menu-ico-tasks.png');
}

.mblock .i_clan {
    background-image: url('/img/menu/menu-ico-clan.jpg');
}

.mblock .i_silver {
    background-image: url('/img/menu/menu-ico-silver.jpg');
}

.mblock .i_iron {
    background-image: url('/img/menu/menu-ico-iron.jpg');
}

.mblock .i_back2 {
    background-image: url('/img/menu/menu-ico-back2.jpg');
}

.mblock .i_topic {
    background-image: url('/img/menu/menu-ico-topic.jpg');
}

.mblock .i_mark {
    background-image: url('/img/menu/menu-ico-mark.jpg');
}


.mblock .i_pic1 {
    background-image: url('/img/menu/menu-ico-pic1.jpg');
}

.mblock .i_pic2 {
    background-image: url('/img/menu/menu-ico-pic2.jpg');
}

.mblock .i_pic4 {
    background-image: url('/img/menu/menu-ico-pic4.jpg');
}

.mblock .i_pic5 {
    background-image: url('/img/menu/menu-ico-pic5.jpg');
}

.mblock .i_pic7 {
    background-image: url('/img/menu/menu-ico-pic7.png?v=0.001');
}

.mblock .i_arating {
    background-image: url('/img/menu/menu-ico-arating.jpg');
}

.mblock .i_blacklist {
    background-image: url('/img/menu/menu-ico-blacklist.png');
}

.mblock .i_close_topic {
    background-image: url('/img/menu/menu-ico-close-topic1.png');
}

.mblock .i_edit_topic {
    background-image: url('/img/menu/menu-ico-edit-topic.png');
}

.mblock .i_reopen_topic {
    background-image: url('/img/menu/menu-ico-reopen-topic1.png');
}

.mblock .i_pin_topic {
    background-image: url('/img/menu/menu-ico-pin-topic1.png');
}

.mblock .i_unpin_topic {
    background-image: url('/img/menu/menu-ico-unpin-topic1.png');
}

.mblock .i_delete_topic {
    background-image: url('/img/menu/menu-ico-delete-topic.png');
}

.mblock .i_settings {
    background-image: url('/img/menu/menu-ico-settings.png');
}

.mblock .i_create_topic {
    background-image: url('/img/menu/menu-ico-create-topic1.png');
}

/* forum */
.topic {
    background-image: url('/img/ico-topic.png');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    background-color: #27353f;
}

    .topic.read {
        background-image: url('/img/ico-topic-readed.png');
    }

    .topic a {
        display: block;
        padding: 8px 0 7px 40px;
        font-size: small;
        text-align: left;
        color: white !important;
        text-decoration: none !important;
        white-space: nowrap;
        overflow: hidden;
        background-image: url('/img/bg-ttl-arrow.png');
        background-repeat: no-repeat;
        background-position: 98% 50%;
    }

    .topic.read a {
        color: #afafaf !important;
    }

    .topic.even {
        background-color: #1f2a32;
    }

/* border-radius */
.br10 {
    border-radius: 10px;
}

/* answers */
.aforum {
    background-image: url('/img/ico-topic.png');
    background-repeat: no-repeat;
    background-position: 0px 50%;
}

.achat {
    background-image: url('/img/chat_icon_40.png');
    background-repeat: no-repeat;
    background-position: 0px 50%;
    background-size: 20px 20px
}

.alink {
    display: block;
    padding: 10px 0 7px 25px;
    font-size: small;
    text-align: left;
    color: white !important;
    white-space: nowrap;
    overflow: hidden;
    background-image: url('/img/bg-ttl-arrow.png');
    background-repeat: no-repeat;
    background-position: 98% 50%;
}

/* bottom menu: 5 round buttons */
.bgmenu {
    background-image: url('/img/bg-menu-bottom.jpg');
    background-repeat: no-repeat;
    background-position: 50% 100%;
    padding: 10px 0 10px;
}

.bmenu {
    text-align: center;
    font-size: 0;
}

    .bmenu .rbtn {
        display: inline-block; /*display:inline;zoom:1;*/
        min-width: 50px;
        width: 50px;
        text-decoration: none !important;
        background-repeat: no-repeat;
        background-position: 50% 0;
    }

.padding-fixed-footer {
    padding-bottom: 108px;
}

.bmenu .rb_home {
    background-image: url('/img/menu/main/bmenu-home-50.png?v=0.06');
}

.bmenu .rb_home_ny {
    background-image: url('/img/menu/main/new_year/new/bmenu-home-ny.png');
}

.bmenu .rb_profile {
    background-image: url('/img/menu/main/bmenu-profile-50.png?v=0.06');
}

.bmenu .rb_clan {
    background-image: url('/img/menu/main/bmenu-clan-50.png?v=0.06');
}

.bmenu .rb_clan_locked {
    background-image: url('/img/menu/main/bmenu-clan-locked-50.png?v=0.06');
}

.bmenu .rb_quest {
    background-image: url('/img/menu/main/bmenu-quest-50.png?v=0.06');
}

.bmenu .rb_shop {
    background-image: url('/img/menu/main/bmenu-shop-50.png?v=0.06');
}

/*.bmenu a {font-size: 16px;}*/

.bmenu .mf_b {
    height: 8px;
}

.bmenu .rbtn .ttl {
    display: block;
    padding-top: 50px;
    font-size: x-small;
    color: white;
    text-shadow: 1px 1px 0 black;
    text-align: center;
}

.h100 #scrollContainer {
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}

/* Hide scrollbar for Chrome, Safari and Opera */
#scrollContainer::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#scrollContainer {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.bmenu.fixed_bar .msep {
    margin-bottom: -4px;
    margin-top: 0;
    position: relative;
}

.bmenu.fixed_bar .fsep .s_left, .bmenu.fixed_bar .fsep .s_rght {
    background-image: url('/img/bg-footer-separator.png');
    background-repeat: no-repeat;
    position: absolute;
    top: -30px;
    height: 68px;
    width: 16px;
}

.bmenu.fixed_bar .fsep .s_left {
    left: 0;
}

.bmenu.fixed_bar .fsep .s_rght {
    background-position: 100% -68px;
    right: 0;
}
/*.bmenu.fixed_bar .fsep{margin:-38px -8px 0;background-image:url('/img/bg-mframe-border_top.png');background-repeat:repeat-x;background-position:0 30px;}*/

.bmenu.fixed_bar .fsep {
    height: 8px;
    position: relative;
    background-image: url('/img/bg-mframe-border_top.png');
    background-repeat: repeat-x;
}


.bmenu .ntf .ttl {
    margin-bottom: 6px;
    background-image: url('/img/ico-informer.png');
    background-repeat: no-repeat;
    background-position: 25px 28px;
    animation: informer-glowing 2800ms infinite;
    animation-timing-function: cubic-bezier(0.54, 0.21, 0.28, 0.65);
}

.tiny_notifier {
    background-image: url('/img/ico-informer2.png');
    background-repeat: no-repeat;
    background-position: 96% 50%;
    width: 18px;
    height: 19px;
}

.ntf2 .tiny_notifier {
    animation: informer-glowing 2800ms infinite;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ntf2 .w85 {
    animation: informer-glowing 2800ms infinite;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@-webkit-keyframes informer-glowing {
    0% {
        -webkit-filter: drop-shadow(0 0 0.25px #2f9);
    }

    50% {
        -webkit-filter: drop-shadow(0 0 6px #4fd);
    }

    100% {
        -webkit-filter: drop-shadow(0 0 0.25px #2f9);
    }
}

@-moz-keyframes informer-glowing {
    0% {
        -moz-filter: drop-shadow(0 0 0.25px #2f9);
    }

    50% {
        -moz-filter: drop-shadow(0 0 6px #4fd);
    }

    100% {
        -moz-filter: drop-shadow(0 0 0.25px #2f9);
    }
}

@keyframes informer-glowing {
    0% {
        filter: drop-shadow(0 0 0.25px #2f9);
    }

    50% {
        filter: drop-shadow(0 0 6px #4fd);
    }

    100% {
        filter: drop-shadow(0 0 0.25px #2f9);
    }
}

.spell_nf_blue {
    box-shadow: 0px 0px 25px #5555ff;
}

.spell_nf_green {
    box-shadow: 0px 0px 25px #55ff55;
}

.spell_nf_violet {
    box-shadow: 0px 0px 25px #ff55ff;
}

.spell_nf_yellow {
    box-shadow: 0px 0px 25px #ffff55;
}

.spell_nf_white {
    box-shadow: 0px 0px 25px #7e7676;
}

/* z-index */
.zindex1000 {
    z-index: 1000;
}

.zIndexFlyingObject {
    z-index: 50000;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

/* cursors */
.cpointer {
    cursor: pointer;
}

/* Fixed Elements */
.fixed_bar {
    max-width: 460px;
    width: 100%;
    position: fixed;
    z-index: 150;
}

.header_height {
    height: 56px;
}

.header_pos {
    top: 0;
}

.footer_pos {
    bottom: 0px;
}

.footer_content_pos {
    position: relative;
    bottom: 8px;
}

/* sale/stock/share button */
.sbtn, .sbtn .sb_end, .sbtn .sb_cntr {
    display: block;
    background-image: url('/img/bg-sbtn-small2.png');
    background-repeat: no-repeat;
}

.sbtn {
    margin: 0 16px;
    text-decoration: none !important;
}

    .sbtn .sb_end {
        padding: 0 20px;
        background-position: 100% -36px;
    }

    .sbtn .sb_cntr {
        height: 26px;
        padding-top: 10px;
        font-size: small;
        color: #ded4c6;
        text-align: center;
        text-shadow: 0 1px 0 black;
        font-weight: bold;
        white-space: nowrap;
        overflow: hidden;
        background-repeat: repeat-x;
        background-position: 0 -72px;
    }


/* footer separator */
.ftr {
    padding: 1px 0 20px;
    margin: 0 8px;
    color: #6f6f6f;
    font-size: small;
    text-align: center;
    background-image: url('/img/bg-footer.png');
    background-repeat: repeat-x;
}

    .ftr .fsep {
        margin: -38px -8px 0;
        background-image: url('/img/bg-mframe-border_top.png');
        background-repeat: repeat-x;
        background-position: 0 30px;
    }

        .ftr .fsep .s_left, .ftr .fsep .s_rght {
            background-image: url('/img/bg-footer-separator.png');
            background-repeat: no-repeat;
        }

        .ftr .fsep .s_rght {
            height: 48px;
            padding-top: 20px;
            font-size: 0;
            background-position: 100% -68px;
        }

    .ftr .ptrn {
        font-size: 0;
        background-image: url('/img/pattern-1-left.png');
        background-repeat: no-repeat;
        background-position: 0 50%;
    }

        .ftr .ptrn .p_end {
            padding: 10px 35px;
            font-size: small;
            background-image: url('/img/pattern-1-right.png');
            background-repeat: no-repeat;
            background-position: 100% 50%;
        }

.ftrb {
    padding: 1px 0 20px;
    margin: 0 8px;
    color: #6f6f6f;
    font-size: small;
    text-align: center;
}


/* common button */
.cbtn, .cbtn .cb_end, .cbtn .cb_ttl {
    display: block;
    height: 34px;
    font-size: 0;
    background-image: url('/img/bg-cbtn.png');
    background-repeat: no-repeat;
}

.cbtn {
    display: inline-block; /*display:inline;zoom:1;*/
    font-size: 0;
    text-decoration: none !important;
}

    .cbtn .cb_end {
        padding: 0 5px;
        background-position: 100% -34px;
    }

    .cbtn .cb_ttl {
        height: 24px;
        padding: 10px 10px 0;
        font-size: small;
        font-weight: bold;
        color: white;
        text-align: center;
        text-transform: uppercase;
        line-height: normal !important;
        white-space: nowrap;
        overflow: hidden;
        text-shadow: 1px 1px 0 #065007,-1px -1px 0 #065007,1px -1px 0 #065007,-1px 1px 0 #065007;
        background-position: 0 -68px;
        background-repeat: repeat-x;
    }

    .cbtn input.cb_ttl {
        height: 34px;
        padding: 0 10px;
        cursor: pointer;
        border-radius: 0;
    }

    .cbtn.blue {
        background-position: 0 -102px;
    }

        .cbtn.blue .cb_end {
            background-position: 100% -136px;
        }

        .cbtn.blue .cb_ttl {
            background-position: 0 -170px;
            text-shadow: 1px 1px 0 #1d4857,-1px -1px 0 #1d4857,1px -1px 0 #1d4857,-1px 1px 0 #1d4857;
        }

    .cbtn.red {
        background-position: 0 -204px;
    }

        .cbtn.red .cb_end {
            background-position: 100% -238px;
        }

        .cbtn.red .cb_ttl {
            background-position: 0 -272px;
            text-shadow: 1px 1px 0 #5a1414,-1px -1px 0 #5a1414,1px -1px 0 #5a1414,-1px 1px 0 #5a1414;
        }

    .cbtn.violet {
        background-position: 0 -306px;
    }

        .cbtn.violet .cb_end {
            background-position: 100% -340px;
        }

        .cbtn.violet .cb_ttl {
            background-position: 0 -374px;
            text-shadow: 1px 1px 0 #171717,-1px -1px 0 #171717,1px -1px 0 #171717,-1px 1px 0 #171717;
        }

    .cbtn.green2 {
        background-position: 0 -408px;
    }

        .cbtn.green2 .cb_end {
            background-position: 100% -442px;
        }

        .cbtn.green2 .cb_ttl {
            background-position: 0 -476px;
        }

    .cbtn.violet2 {
        background-position: 0 -510px;
    }

        .cbtn.violet2 .cb_end {
            background-position: 100% -544px;
        }

        .cbtn.violet2 .cb_ttl {
            background-position: 0 -578px;
            text-shadow: 1px 1px 0 #171717,-1px -1px 0 #171717,1px -1px 0 #171717,-1px 1px 0 #171717;
        }

/* borders */
.wings {
    width: 74px;
    padding: 0 52px;
    font-size: 0;
    background-image: url('/img/bg-wings.png');
    background-repeat: no-repeat;
}

.wings-2 {
    width: 74px;
    padding: 0 52px;
    font-size: 0;
    background-image: url('/img/bg-wings-2.png');
    background-repeat: no-repeat;
}

.wings3 {
    font-size: 0;
    text-align: center;
    background-image: url('/img/bg-wings3.png');
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.wings4 {
    width: 74px;
    padding: 0 52px;
    font-size: 0;
    background-image: url('/img/bg-wings4.png');
    background-repeat: no-repeat;
}

.brd69 {
    display: inline-block; /*display:inline;zoom:1;*/
    width: 69px;
    height: 69px;
    padding: 2px;
    text-decoration: none !important;
    font-size: 0;
    background-image: url('/img/bg-brd69.png');
}

.img69 {
    display: block;
    width: 69px;
    height: 69px;
    text-align: right;
    font-size: 0;
    background-repeat: no-repeat;
}

    .img69 .inf {
        display: inline-block; /*display:inline;zoom:1;*/
        margin: 2px;
        padding: 2px 4px;
        color: white;
        font-size: x-small;
        font-weight: bold;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        background-color: rgba(0,0,0,0.5);
    }

.i69_resist {
    background-image: url('/img/i69_resist.jpg');
}

.i69_conc {
    background-image: url('/img/i69_conc.jpg');
}

.i69_crit {
    background-image: url('/img/i69_crit.jpg');
}

.i69_dodge {
    background-image: url('/img/i69_dodge.jpg');
}

.i69_mirror {
    background-image: url('/img/i69_mirror.jpg');
}

.i69_stoneskin {
    background-image: url('/img/i69_stoneskin.jpg');
}

.i69_strength {
    background-image: url('/img/i69_strength.jpg');
}

.i69_defense {
    background-image: url('/img/i69_defense.jpg');
}

.i69_health {
    background-image: url('/img/i69_health.jpg');
}

.brd70 {
    display: inline-block; /*display:inline;zoom:1;*/
    width: 70px;
    height: 70px;
    padding: 2px;
    text-decoration: none !important;
    font-size: 0;
    background-image: url('/img/bg-brd70.png');
}

    .brd70.green {
        background-image: url('/img/bg-brd70-green.png');
    }

    .brd70.purple {
        background-image: url('/img/bg-brd70-purple.png');
    }

.img70 {
    display: block;
    width: 70px;
    height: 70px;
    font-size: 0;
    background-repeat: no-repeat;
}

    .img70 .i_danger {
        display: block;
        width: 70px;
        height: 70px;
        background-image: url('/img/ico-danger.png');
        background-repeat: no-repeat;
        background-position: 96% 96%;
    }

    .img70 .i_shd {
        display: block;
        width: 68px;
        height: 17px;
        margin: 0 1px;
        padding-top: 52px;
        color: #98c582;
        font-size: small;
        text-align: center;
        background-image: url('/img/bg-img70-shadow.png');
        background-repeat: repeat-x;
        background-position: 0 100%;
    }

    .img70 .i_profit {
        display: block;
        width: 74px;
        height: 70px;
        margin: 0 -2px;
        background-image: url('/img/brd70-profit.png');
        background-repeat: no-repeat;
        background-position: 0 49px;
    }

.i70_goblin {
    background-image: url('/img/i70_goblin.jpg');
}

.i70_goblin2 {
    background-image: url('/img/i70_goblin2.jpg');
}

.i70_goblin3 {
    background-image: url('/img/i70_goblin3.jpg');
}

.i70_orc {
    background-image: url('/img/i70_orc.jpg');
}

.i70_elf {
    background-image: url('/img/i70_elf.jpg');
}

.i70_dummy {
    background-image: url('/img/i70_dummy.jpg');
}

.i70_armor1 {
    background-image: url('/img/i70_armor1.jpg');
}

.i70_armor2 {
    background-image: url('/img/i70_armor2.jpg');
}

.i70_armor3 {
    background-image: url('/img/i70_armor3.jpg');
}

.i70_armor4 {
    background-image: url('/img/i70_armor4.jpg');
}

.i70_armor5 {
    background-image: url('/img/i70_armor5.jpg');
}

.i70_armor6 {
    background-image: url('/img/i70_armor6.jpg');
}

.i70_gem {
    background-image: url('/img/i70_gem.jpg');
}

.i70_award1 {
    background-image: url('/img/i70_award1.jpg');
}

.i70_award2 {
    background-image: url('/img/i70_award2.jpg');
}

.i70_gold1 {
    background-image: url('/img/bank/i70_gold1.png');
}

.i70_gold2 {
    background-image: url('/img/bank/i70_gold2.png');
}

.i70_gold3 {
    background-image: url('/img/bank/i70_gold3.png');
}

.i70_gold4 {
    background-image: url('/img/bank/i70_gold4.png');
}

.i70_gold5 {
    background-image: url('/img/bank/i70_gold5.png');
}

.i70_gold6 {
    background-image: url('/img/bank/i70_gold6.png');
}

.i70_gold7 {
    background-image: url('/img/bank/i70_gold7.png');
}

.i70_clan1 {
    background-image: url('/img/i70_clan1.jpg');
}

.i70_ava_male1 {
    background-image: url('/img/i70_ava_male1.jpg');
}

.i70_ava_male2 {
    background-image: url('/img/i70_ava_male2.jpg');
}

.i70_ava_male3 {
    background-image: url('/img/i70_ava_male3.jpg');
}

.i70_ava_female1 {
    background-image: url('/img/i70_ava_female1.jpg');
}

.i70_ava_female2 {
    background-image: url('/img/i70_ava_female2.jpg');
}

.i70_ava_female3 {
    background-image: url('/img/i70_ava_female3.jpg');
}

.i70_arena_ava {
    display: block;
    width: 70px;
    height: 70px;
    font-size: 0;
    -webkit-border-radius: 41%;
    border-radius: 41%;
}

.i70_arena_ava_frame {
    position: relative;
    top: -11px;
    right: 9px;
    height: 90px;
}

.i39_arena_ava {
    display: block;
    width: 30px;
    height: 30px;
    font-size: 0;
    -webkit-border-radius: 37%;
    border-radius: 37%;
    -webkit-background-size: 28px;
    background-size: 28px;
    background-repeat: no-repeat;
}

.i39_arena_ava_frame {
    position: relative;
    top: -5px;
    right: 4px;
    height: 38px;
}

.i70_arena1 {
    background-image: url('/img/i70_arena1.jpg');
}

.i70_arena2 {
    background-image: url('/img/i70_arena2.jpg');
}

.i70_arena3 {
    background-image: url('/img/i70_arena3.jpg');
}

.brd30 {
    display: inline-block; /*display:inline;zoom:1;*/
    width: 30px;
    height: 30px;
    padding: 2px;
    text-decoration: none !important;
    font-size: 0;
    background-image: url('/img/bg-brd46.png');
}

.brd46 {
    display: inline-block; /*display:inline;zoom:1;*/
    width: 46px;
    height: 46px;
    padding: 2px;
    text-decoration: none !important;
    font-size: 0;
    background-image: url('/img/bg-brd46.png');
}

    .brd46.purple {
        background-image: url('/img/bg-brd46-purple.png');
    }

.img42 {
    display: block;
    width: 42px;
    height: 42px;
    font-size: 0;
    background-repeat: no-repeat;
}

.img46 {
    display: block;
    width: 46px;
    height: 46px;
    font-size: 0;
    background-repeat: no-repeat;
}

.img54 {
    display: block;
    width: 54px;
    height: 54px;
    font-size: 0;
    background-repeat: no-repeat;
}

.img64 {
    width: 64px;
    height: 64px;
    font-size: 0;
    background-repeat: no-repeat;
}

.i_spellbook {
    background-image: url('/img/spells/spellbook/icon_empty.png');
}

.i_spellbook_54 {
    background-image: url('/img/spells/spellbook/icon_empty_54.png');
    top: -4px;
    left: -4px;
}

.i_clanspellbook_54 {
    background-image: url('/img/spells/spellbook/clan_spellbook_icon_empty_54.png');
    top: -4px;
    left: -4px;
}

.i46_spell1 {
    background-image: url('/img/i46-spell1.jpg');
}

.i46_spell2.off {
    background-image: url('/img/i46-spell2-off.jpg');
}

.i46_spell3.off {
    background-image: url('/img/i46-spell3-off.jpg');
}

.i46_spell4.off {
    background-image: url('/img/i46-spell4-off.jpg');
}

.i46_artifact {
    background-image: url('/img/i46-artifact.jpg');
}

.brd50 {
    display: inline-block; /*display:inline;zoom:1;*/
    width: 50px;
    height: 50px;
    padding: 2px;
    text-decoration: none !important;
    font-size: 0;
    background-image: url('/img/bg-brd50.png');
}

.img50 {
    display: block;
    width: 50px;
    height: 50px;
    font-size: 0;
    background-repeat: no-repeat;
}

    .img50 .i_shd {
        display: block;
        width: 50px;
        height: 14px;
        margin: 0 0px;
        padding-top: 36px;
        color: #7BA248;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        background-image: url('/img/bg-img46-shadow.png');
        background-repeat: repeat-x;
        background-position: 0 100%;
        text-decoration: none !important;
    }

    .img50 .inf {
        display: inline-block; /*display:inline;zoom:1;*/
        margin: 2px;
        padding: 3px 4px;
        color: white;
        font-size: x-small;
        font-weight: bold;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        background-color: rgba(0,0,0,0.5);
    }
/*.img50 .i_shd{display:block;width:68px;height:17px;margin:0 1px;padding-top:38px;color:#98c582;font-size:small;text-align:center;background-image:url('/img/bg-img70-shadow.png');background-repeat:repeat-x;background-position:0 100%;}*/
.i50_dummy {
    background-image: url('/img/i50_dummy.jpg');
}

.i50_equip1 {
    background-image: url('/img/i50_equip1.jpg');
}

.i50_equip2 {
    background-image: url('/img/i50_equip2.jpg');
}

.i50_equip3 {
    background-image: url('/img/i50_equip3.jpg');
}

.i50_equip4 {
    background-image: url('/img/i50_equip4.jpg');
}

.i50_equip5 {
    background-image: url('/img/i50_equip5.jpg');
}

.i50_equip6 {
    background-image: url('/img/i50_equip6.jpg');
}

.i50_equip7 {
    background-image: url('/img/i50_equip7.jpg');
}

.brd38 {
    display: inline-block; /*display:inline;zoom:1;*/
    width: 38px;
    height: 38px;
    padding: 1px;
    text-decoration: none !important;
    font-size: 0;
    background-image: url('/img/bg-brd38.png');
}

.img38 {
    display: block;
    width: 38px;
    height: 38px;
    text-align: right;
    font-size: 0;
    background-repeat: no-repeat;
}

    .img38 .inf {
        display: inline-block; /*display:inline;zoom:1;*/
        margin: 2px;
        padding: 2px 3px;
        color: white;
        font-size: x-small;
        font-weight: bold;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        background-color: rgba(0,0,0,0.5);
    }

.i38_tmp1 {
    background-image: url('/img/i38_tmp1.jpg');
}

.i38_tmp2 {
    background-image: url('/img/i38_tmp2.jpg');
}

.i38_tmp3 {
    background-image: url('/img/i38_tmp3.jpg');
}

.i38_tmp4 {
    background-image: url('/img/i38_tmp4.jpg');
}

.i38_health {
    background-image: url('/img/i38_health.jpg');
}

.i38_defense {
    background-image: url('/img/i38_defense.jpg');
}

.i38_strength {
    background-image: url('/img/i38_strength.jpg');
}

.i38_skill1 {
    background-image: url('/img/i38_skill1.jpg');
}

.i38_skill2 {
    background-image: url('/img/i38_skill2.jpg');
}

.i38_skill3 {
    background-image: url('/img/i38_skill3.jpg');
}

.i38_skill4 {
    background-image: url('/img/i38_skill4.jpg');
}

.i38_skill5 {
    background-image: url('/img/i38_skill5.jpg');
}

.i38_skill6 {
    background-image: url('/img/i38_skill6.jpg');
}

.build {
    display: inline-block; /*display:inline;zoom:1;*/
    height: 50px;
}

    .build .details {
        display: block;
        margin-top: -20px;
        text-align: right;
    }

    .build .blvl {
        display: inline-block; /*display:inline;zoom:1;*/
        margin: 2px;
        padding: 2px 4px;
        color: white;
        font-size: x-small;
        font-weight: bold;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        background-color: rgba(0,0,0,0.5);
    }

.plr_ava {
    text-decoration: none !important;
}

    .plr_ava .img70 {
        width: 68px;
        height: 68px;
        padding: 1px;
    }

    .plr_ava .select_frame {
        display: block;
        width: 74px;
        height: 74px;
        margin: -3px;
        background-image: url('/img/bg-frame70.png');
        background-repeat: no-repeat;
    }

.select_frame70 {
    display: block;
    width: 74px;
    height: 74px;
    margin: -4px;
    background-image: url('/img/bg-frame70.png');
    background-repeat: no-repeat;
}

.brd22 {
    display: inline-block; /*display:inline;zoom:1;*/
    width: 22px;
    height: 22px;
    padding: 1px;
    text-decoration: none !important;
    font-size: 0;
    background-image: url('/img/bg-brd22.gif');
}

.brd30 {
    display: inline-block; /*display:inline;zoom:1;*/
    width: 30px;
    height: 30px;
    padding: 1px;
    text-decoration: none !important;
    font-size: 0;
    background-image: url('/img/bg-brd30.png');
}

.clvl70 {
    display: block;
    width: 70px;
    height: 16px;
    padding: 4px 2px 0;
    margin-top: -13px;
    overflow: hidden;
    font-size: x-small;
    color: white;
    text-shadow: 0 1px 0 black;
    text-align: center;
    background-image: url('/img/bg-clvl.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
}

/* equipment slot gem */
.slot_gem {
    display: block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.img50 .slot_gem {
    width: 50px;
    height: 50px;
}

.gem_empty {
    background-image: url('/img/gem-empty.png');
}

.gem_blue {
    background-image: url('/img/gem-blue.png');
}

.gem_green {
    background-image: url('/img/gem-green.png');
}

.gem_purple {
    background-image: url('/img/gem-purple.png');
}


/* portal */
.portal {
    margin-left: 8px;
    margin-right: 8px;
    font-size: 0;
    text-align: center;
}

.brdX {
    display: inline-block; /*display:inline;zoom:1;*/
    width: 60px;
    height: 60px;
    padding: 2px;
    text-decoration: none !important;
    font-size: 0;
    background-image: url('/img/bg-brd60.png');
}

    .brdX.green {
        background-image: url('/img/bg-brd60-green.png');
    }

.imgX {
    display: block;
    width: 60px;
    height: 60px;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.iX_boss1 {
    background-image: url('/img/i70_boss1.jpg');
}

.iX_loc1 {
    background-image: url('/img/i70_loc1.jpg');
}

.iX_dragon.off {
    background-image: url('/img/i70_dragon-off.jpg');
}

.iX_death.off {
    background-image: url('/img/i70_death-off.jpg');
}

.p_checked {
    display: block;
    width: 60px;
    height: 60px;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-image: url('/img/bg-portal-checked.png');
}

.p_dline1 {
    background-repeat: no-repeat;
    background-position: 20% 100%;
}

.p_dline2 {
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.p_dline3 {
    padding: 28px 0;
    background-repeat: no-repeat;
    background-position: 80% 100%;
}

.plb_green_arr {
    background-image: url('/img/bg-portal-line-botton-green-arrow.png');
}

.plb_green {
    background-image: url('/img/bg-portal-line-botton-green.png');
}

.plb_grey {
    background-image: url('/img/bg-portal-line-botton-grey.png');
}

.plt_green_arr {
    background-image: url('/img/bg-portal-line-top-green-arrow.png');
}

.plt_green {
    background-image: url('/img/bg-portal-line-top-green.png');
}

.plt_grey {
    background-image: url('/img/bg-portal-line-top-grey.png');
}


/* magic panel and round buttons */
.pmagic {
    margin-left: 8px;
    margin-right: 8px;
    padding: 5px 0 10px;
    text-align: center;
    font-size: 0;
    background-image: url('/img/bg-magic-group.jpg');
    background-repeat: no-repeat;
    background-position: 50% -5px;
}

.rmagic_btn {
    display: inline-block; /*display:inline;zoom:1;*/
    min-width: 56px;
    padding-top: 56px;
    white-space: nowrap;
    color: white;
    font-size: small;
    text-align: center;
    text-shadow: 1px 1px 0 black;
    background-repeat: no-repeat;
    background-position: 50% 0;
}

a.rmagic_btn {
    text-decoration: none !important;
    color: #afafaf !important;
}

a.rmagic_earth, .rmagic_earth.off {
    background-image: url('/img/bg-rmagic-small-earth-off.png') !important;
}

a.rmagic_air, .rmagic_air.off {
    background-image: url('/img/bg-rmagic-small-air-off.png') !important;
}

a.rmagic_water, .rmagic_water.off {
    background-image: url('/img/bg-rmagic-small-water-off.png') !important;
}

a.rmagic_fire, .rmagic_fire.off {
    background-image: url('/img/bg-rmagic-small-fire-off.png') !important;
}

a.rmagic_all, .rmagic_all.off {
    background-image: url('/img/bg-rmagic-small-all-off.png') !important;
}

a.rparams, .rparams.off {
    background-image: url('/img/bg-train-params-off-small.png') !important;
}

a.relems, .relems.off {
    background-image: url('/img/bg-train-elems-off-small.png') !important;
}

span.rmagic_earth {
    background-image: url('/img/bg-rmagic-small-earth.png');
}

span.rmagic_air {
    background-image: url('/img/bg-rmagic-small-air.png');
}

span.rmagic_water {
    background-image: url('/img/bg-rmagic-small-water.png');
}

span.rmagic_fire {
    background-image: url('/img/bg-rmagic-small-fire.png');
}

span.rmagic_all {
    background-image: url('/img/bg-rmagic-small-all.png');
}

span.rparams {
    background-image: url('/img/bg-train-params-small.png');
}

span.relems {
    background-image: url('/img/bg-train-elems-small.png');
}

/* rating panel and round buttons */
.prtg {
    margin-left: -5px;
    margin-right: -5px;
    padding: 10px 0 7px;
    text-align: center;
    font-size: 0;
}

.rrtg_btn {
    display: inline-block; /*display:inline;zoom:1;*/
    min-width: 56px;
    padding-top: 56px;
    white-space: nowrap;
    color: white;
    font-size: small;
    text-align: center;
    text-shadow: 1px 1px 0 black;
    background-repeat: no-repeat;
    background-position: 50% 0;
}

a.rrtg_btn {
    text-decoration: none !important;
    color: #afafaf !important;
}

a.rrtg_1, .rrtg_1.off {
    background-image: url('/img/bg-rrating-small-1-off.png') !important;
}

a.rrtg_2, .rrtg_2.off {
    background-image: url('/img/bg-rrating-small-2-off.png') !important;
}

a.rrtg_3, .rrtg_3.off {
    background-image: url('/img/bg-rrating-small-3-off.png') !important;
}

a.rrtg_4, .rrtg_4.off {
    background-image: url('/img/bg-rrating-small-4-off.png') !important;
}

a.rrtg_ya, .rrtg_ya.off {
    background-image: url('/img/nytd/yandex-off.png') !important;
}

a.rrtg_5, .rrtg_5.off {
    background-image: url('/img/bg-rrating-small-5-off.png') !important;
}

a.rrtg_6, .rrtg_6.off {
    background-image: url('/img/bg-rrating-small-6-off.png') !important;
}

a.rrtg_7, .rrtg_7.off {
    background-image: url('/img/bg-rrating-small-7-off.png') !important;
}

a.rrtg_8, .rrtg_8.off {
    background-image: url('/img/bg-rrating-small-8-off.png') !important;
}

a.rrtg_level_up, .rrtg_level_up.off {
    background-image: url('/img/bg-rrating-small-level-up-off.png') !important;
}

a.rrtg_crystal, .rrtg_crystal.off {
    background-image: url('/img/bg-rrating-crystal2-small-off.png?v=0.001') !important;
}

a.rrtg_efir, .rrtg_efir.off {
    background-image: url('/img/bg-rrating-efir-small-off.png') !important;
}

.rrtg_eventcrown.off {
    background-image: url('/img/meta_games/cards/page/tab_icon_off.png') !important;
    background-size: 56px;
}


.rrtg_eventring.off {
    background-image: url('/img/meta_games/march8/page/tab-icon-ring-off.png') !important;
    background-size: 56px;
}
.rrtg_eventsatellite.off {
    background-image: url('/img/meta_games/gagarinsday/page/gagarinsday-tab-icon-satellite-off.png') !important;
    background-size: 56px;
}
.rrtg_eventstarship.off {
    background-image: url('/img/meta_games/gagarinsday/page/gagarinsday-tab-icon-starship-off.png') !important;
    background-size: 56px;
}

.rrtg_missions.off {
    background-image: url('/img/quests/bg-quests-missions-off.png') !important;
    background-size: 56px;
}

.rrtg_doubloon.off {
    background-image: url('/img/maze/interface/mess_pirates/tab_icon_off.png') !important;
    background-size: 56px;
}

.rrtg_eventbucket.off {
    background-image: url('/img/meta_games/kindvin/page/tab-icon-bucket-off.png') !important;
    background-size: 56px;
}
.rrtg_eventcoctail.off {
    background-image: url('/img/meta_games/kindvinsummer/page/tab-icon-coctail-off.png') !important;
    background-size: 56px;
}
.rrtg_eventpearl.off {
    background-image: url('/img/meta_games/kindvinsummer/page/tab-icon-pearl-off.png') !important;
    background-size: 56px;
}

.rrtg_eventbucket {
    background-image: url('/img/meta_games/kindvin/page/tab-icon-bucket-on.png') !important;
    background-size: 56px;
}

.rrtg_kindvin_stars.off {
    background-image: url('/img/meta_games/kindvinmay9/page/tab-icon-kindvinmay9-star-off.png') !important;
    background-size: 56px;
}

.rrtg_kindvin_stars {
    background-image: url('/img/meta_games/kindvinmay9/page/tab-icon-kindvinmay9-star-on.png') !important;
    background-size: 56px;
}

.rrtg_kindvin_may9.off {
    background-image: url('/img/meta_games/kindvinmay9/page/tab-icon-kindvinmay9-ammo-off.png') !important;
    background-size: 56px;
}

.rrtg_kindvin_may9 {
    background-image: url('/img/meta_games/kindvinmay9/page/tab-icon-kindvinmay9-ammo-on.png') !important;
    background-size: 56px;
}

.rrtg_tulip {
    background-image: url('/img/maze/tab_icon_tulip.png') !important;
    background-size: 56px;
}

.rrtg_tulip.off {
    background-image: url('/img/maze/tab_icon_tulip_off.png') !important;
    background-size: 56px;
}

.rrtg_gift.off {
    background-image: url('/img/maze/wild_hunt/new_year/tab_icon_gift_off.png') !important;
}

.rrtg_icecream.off {
    background-image: url('/img/maze/wild_hunt/summer/tab_icon_off.png') !important;
}

.rrtg_eventtoy.off {
    background-image: url('/img/meta_games/newyear/page/src/cards-ny-tab-icon-off.png') !important;
}

a.rrtg_clan_spell_book, .rrtg_clan_spell_book.off {
    background-image: url('/img/maze/dangeon/book_off.png') !important;
    background-size: 56px;
}

span.rrtg_1 {
    background-image: url('/img/bg-rrating-small-1.png');
}

span.rrtg_2 {
    background-image: url('/img/bg-rrating-small-2.png');
}

span.rrtg_3 {
    background-image: url('/img/bg-rrating-small-3.png');
}

span.rrtg_4 {
    background-image: url('/img/bg-rrating-small-4.png');
}

span.rrtg_ya {
    background-image: url('/img/nytd/yandex.png');
}

span.rrtg_5 {
    background-image: url('/img/bg-rrating-small-5.png');
}

span.rrtg_6 {
    background-image: url('/img/bg-rrating-small-6.png');
}

span.rrtg_7 {
    background-image: url('/img/bg-rrating-small-7.png');
}

span.rrtg_8 {
    background-image: url('/img/bg-rrating-small-8.png');
}

span.rrtg_level_up {
    background-image: url('/img/bg-rrating-small-level-up.png');
}

span.rrtg_crystal {
    background-image: url('/img/bg-rrating-crystal-small.png');
}

span.rrtg_efir {
    background-image: url('/img/bg-rrating-efir-small.png');
}

span.rrtg_pumpkin {
    background-image: url('/img/pumpkin/bg_pumpkin.png');
    background-size: 56px;
}

.rrtg_icecream {
    background-image: url('/img/maze/wild_hunt/summer/tab_icon.png');
    background-size: 56px;
}

.rrtg_eventtoy {
    background-image: url('/img/meta_games/newyear/page/src/cards-ny-tab-icon-on.png') !important;
    background-size: 56px;
}

.rrtg_gift {
    background-image: url('/img/maze/wild_hunt/new_year/tab_icon_gift.png') !important;
    background-size: 56px;
}

.rrtg_doubloon {
    background-image: url('/img/maze/interface/mess_pirates/tab_icon.png') !important;
    background-size: 56px;
}

.rrtg_eventcrown {
    background-image: url('/img/meta_games/cards/page/tab_icon_on.png') !important;
    background-size: 56px;
}

.rrtg_eventring {
    background-image: url('/img/meta_games/march8/page/tab-icon-ring-on.png') !important;
    background-size: 56px;
}
.rrtg_eventsatellite {
    background-image: url('/img/meta_games/gagarinsday/page/gagarinsday-tab-icon-satellite-on.png') !important;
    background-size: 56px;
}
.rrtg_eventstarship {
    background-image: url('/img/meta_games/gagarinsday/page/gagarinsday-tab-icon-starship-on.png') !important;
    background-size: 56px;
}
.rrtg_eventcoctail {
    background-image: url('/img/meta_games/kindvinsummer/page/tab-icon-coctail-on.png') !important;
    background-size: 56px;
}
.rrtg_eventpearl {
    background-image: url('/img/meta_games/kindvinsummer/page/tab-icon-pearl-on.png') !important;
    background-size: 56px;
}

.rrtg_missions {
    background-image: url('/img/quests/bg-quests-missions.png') !important;
    background-size: 56px;
}

span.rrtg_clan_spell_book {
    background-image: url('/img/maze/dangeon/book_on.png');
    background-size: 56px;
}

a.activity_btn, .activity_btn.off {
    background-image: url('/img/buttons/activity_off.png') !important;
    background-size: 56px;
}

span.activity_btn {
    background-image: url('/img/buttons/activity.png');
    background-size: 56px;
}

a.tower_btn, .tower_btn.off {
    background-image: url('/img/buttons/tower_off.png') !important;
    background-size: 56px;
}

span.tower_btn {
    background-image: url('/img/buttons/tower.png');
    background-size: 56px;
}

/* quests panel */
.quests_btn {
    display: inline-block;
    min-width: 70px;
    padding-top: 20px;
    white-space: nowrap;
    color: white;
    font-size: small;
    text-align: center;
    text-shadow: 1px 1px 0 black;
    text-decoration: none !important;
    background-repeat: no-repeat;
    background-position: 50% 0;
}

a.quests_regular, .quests_regular.off {
    background-image: url('/img/quests/bg-quests-regular-off.png') !important;
}

span.quests_regular {
    background-image: url('/img/quests/bg-quests-regular.png');
}

a.quests_daily, .quests_daily.off {
    background-image: url('/img/quests/bg-quests-daily-off.png') !important;
}

span.quests_daily {
    background-image: url('/img/quests/bg-quests-daily.png');
}

a.quests_missions, .quests_missions.off {
    background-image: url('/img/quests/bg-quests-missions-off.png') !important;
}

span.quests_missions {
    background-image: url('/img/quests/bg-quests-missions.png');
}

a.quests_cards, .quests_cards.off {
    background-image: url('/img/quests/bg-quests-cards-off.png') !important;
}

span.quests_cards {
    background-image: url('/img/quests/bg-quests-cards.png');
}

a.quests_valentine, .quests_valentine.off {
    background-image: url('/img/quests/bg-quests-valentine-off.png') !important;
}

span.quests_valentine {
    background-image: url('/img/quests/bg-quests-valentine.png');
}

.qbl {
    display: block;
    padding-top: 56px;
}

.qntf {
    background-image: url('/img/ico-informer.png');
    background-repeat: no-repeat;
    background-position: 42px 32px;
    animation: informer-glowing 2800ms infinite;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.bg70_select_mission {
    background-image: url('/img/quests/bg70-select-mission.jpg');
    background-repeat: no-repeat;
}

.accordion_panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.bg_quests_missions {
    background-image: url('/img/bg/pages/bg_missions.jpg');
    background-repeat: no-repeat;
}

.bg_cards {
    background-image: url('/img/meta_games/cards/page/bg_old.png');
    background-repeat: no-repeat;
}

.bg_bet_march8 {
    background-image: url('/img/meta_games/march8/page/bg_old.png');
    background-repeat: no-repeat;
}

.bg_cards_ny {
    background-image: url('/img/meta_games/newyear/page/src/cards-ny-bg-old.png');
    background-repeat: no-repeat;
}

.bg_cards_mexican {
    background-image: url('/img/meta_games/cards_mexican/page/bg_old.png');
    background-repeat: no-repeat;
}

.bg_cards_kindvin {
    background-image: url('/img/meta_games/kindvin/page/bg_old.png');
    background-repeat: no-repeat;
}

.bg_cards_kindvin_may9 {
    background-image: url('/img/meta_games/kindvinmay9/page/bg_old.png');
    background-repeat: no-repeat;
}

.bg_cards_kindvin_summer {
    background-image: url('/img/meta_games/kindvinsummer/page/bg_old.png');
    background-repeat: no-repeat;
}

.bg_gagarinsday {
    background-image: url('/img/meta_games/gagarinsday/page/bg_old.png');
    background-repeat: no-repeat;
}


/* tower panel */
.ptower {
    margin-left: 8px;
    margin-right: 8px;
    padding: 1px 0;
    background-image: url('/img/bg-big-tower.jpg');
    background-repeat: no-repeat;
    background-position: 50% 0;
}

    .ptower .mt_sep {
        margin: -8px 0 6px;
    }

    .ptower .mb_sep {
        margin: 6px 0 -4px;
    }

    .ptower .ml4f {
        margin-left: 4px;
    }

    .ptower .ml110f {
        margin-left: 114px;
    }


/* text pattern */
.tptrn {
    font-size: 0;
    background-image: url('/img/pattern-1-left.png');
    background-repeat: no-repeat;
    background-position: 0 50%;
}

    .tptrn .p_end {
        padding: 2px 30px;
        font-size: small;
        background-image: url('/img/pattern-1-right.png');
        background-repeat: no-repeat;
        background-position: 100% 50%;
    }

.tptrn2 {
    font-size: 0;
    background-image: url('/img/pattern-2-left.png');
    background-repeat: no-repeat;
    background-position: 0 50%;
}

    .tptrn2 .p_end {
        font-size: small;
        background-image: url('/img/pattern-2-right.png');
        background-repeat: no-repeat;
        background-position: 100% 50%;
    }

.tptrn3 {
    font-size: 0;
    background-image: url('/img/pattern-3-left.png');
    background-repeat: no-repeat;
    background-position: 0 50%;
}

    .tptrn3 .p_end {
        padding: 2px 30px;
        font-size: small;
        background-image: url('/img/pattern-3-right.png');
        background-repeat: no-repeat;
        background-position: 100% 50%;
    }

.tptrn4 {
    font-size: 0;
    background-image: url('/img/pattern-4-left.png');
    background-repeat: no-repeat;
    background-position: 0 50%;
}

    .tptrn4 .p_end {
        padding: 3px 48px 2px;
        font-size: small;
        background-image: url('/img/pattern-4-right.png');
        background-repeat: no-repeat;
        background-position: 100% 50%;
    }


/* message panels */
.msg_line {
    height: 6px;
    font-size: 0;
    background-image: url('/img/bg-msg-line.png');
    background-repeat: repeat-x;
}

.msg_line2 {
    height: 2px;
    font-size: 0;
    background-image: url('/img/bg-msg-line.png');
    background-repeat: repeat-x;
    background-position: 0 50%;
}

.msg {
    background-repeat: repeat-x;
    background-position: 50% 0;
}

.msg_blue {
    padding: 8px 0;
    background-color: #015d82;
    background-image: url('/img/bg-msg-blue.jpg');
}

.msg_blue2 {
    padding: 8px 0;
    background-color: #104f69;
    background-image: url('/img/bg-msg-blue.png');
}

.msg_green {
    padding: 8px 0;
    background-color: #355735;
    background-image: url('/img/bg-msg-green.png');
}

.msg_gold {
    padding: 8px 0;
    background-color: #977500;
    background-image: url('/img/bg-msg-gold.jpg');
}

.msg_purple {
    padding: 8px 0;
    background-color: #5f2c5f;
    background-image: url('/img/bg-msg-purple.jpg');
}

.msg_purple2 {
    padding: 8px 0;
    background-color: #5a2760;
    background-image: url('/img/bg-msg-purple2.jpg');
}

.msg_violet {
    padding: 8px 0;
    background-color: #313658;
    background-image: url('/img/bg-msg-violet.jpg');
}

.msg .abl {
    display: block;
    margin: 0 10px;
    text-decoration: none !important;
    color: white;
}

.msg .arr_green {
    background-image: url('/img/bg-arrow-green.png');
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

.msg .arr_blue {
    background-image: url('/img/bg-arrow-blue.png');
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

.sh_line_t {
    background-image: url('/img/bg-line-shadow-top.png');
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.sh_line_b {
    background-image: url('/img/bg-line-shadow-bottom.png');
    background-repeat: no-repeat;
    background-position: 50% 100%;
}

.sh_bg {
    background-image: url('/img/bg-shadow.png');
    background-repeat: repeat-y;
    background-position: 50% 0;
}


/* fight */
.ava {
    display: block;
    position: relative;
    font-size: 0;
    background-image: url('/img/bg-ava-lower.png');
    background-repeat: no-repeat;
}

    .ava .ava_pic {
        display: block;
        background-repeat: no-repeat;
    }

    .ava .ava_upper {
        display: block;
        width: 72px;
        height: 72px;
        background-image: url('/img/bg-ava-upper.png');
        background-repeat: no-repeat;
    }

.m_mob {
    margin: -4px 0 0 -4px;
}

.m_plr {
    margin: -12px -4px 0 0;
}

.mob_info {
    margin-right: 75px;
    padding-top: 10px;
    font-size: small;
    color: white;
    text-align: left;
}

.plr_info {
    margin-left: 8px;
    margin-right: 8px;
    padding: 2px 4px 4px 67px;
    font-size: small;
    color: white;
    text-align: left;
    background-image: url('/img/bg-lpanel.png');
    background-repeat: repeat-x;
}

.fight_prg {
    margin-left: 8px;
    margin-right: 8px;
    padding: 1px;
    border-top: 1px solid #989898;
    background-color: #152832;
}


/* text fields */
.cfld {
    padding: 1px;
    font-size: 0;
    vertical-align: top;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-image: url('/img/bg-txtfield.png');
    background-repeat: repeat-x;
    background-color: #212f37;
    background-size: auto 100%;
}

    .cfld input {
        padding: 7px 0 8px;
        text-indent: 6px;
        font-size: small;
        color: white;
        background-color: #142027;
    }

    .cfld .tarea_brd {
        padding-left: 7px;
        background-color: #142027;
    }

    .cfld textarea {
        padding: 7px 0 8px;
        font-size: small;
        color: white;
        background-color: #142027;
    }

        .cfld textarea:focus {
            outline: none;
        }


/* size for equip in 320 and etc */
.row3 .brdR3 {
    display: inline-block; /*display:inline;zoom:1;*/
    margin-right: 5px;
    width: 50px;
    height: 50px;
    padding: 2px;
    text-decoration: none !important;
    font-size: 0;
    background-image: url('/img/bg-brd50.png');
}

.row3 .imgR3 {
    display: block;
    width: 50px;
    height: 50px;
    font-size: 0;
    background-repeat: no-repeat;
}

.row3 .item_general_icon_top {
    top: 2px;
}

.row3 .imgR3 .i_shd {
    display: block;
    width: 48px;
    height: 17px;
    margin: 0 1px;
    padding-top: 32px;
    color: #98c582;
    font-size: small;
    text-align: center;
    background-image: url('/img/bg-img70-shadow.png');
    background-repeat: repeat-x;
    background-position: 0 100%;
}

.row3 .iR3_armor4 {
    background-image: url('/img/i50_armor4.jpg');
}

.row3 .bag {
    width: 50px;
}


/* positions for mobs */
.mob_pos_1 {
    right: 15%;
    z-index: 103;
    bottom: 0;
}

.mob_pos_2 {
    right: 2%;
    z-index: 102;
    bottom: 15px;
}

.mob_pos_3 {
    right: 28%;
    z-index: 102;
    bottom: 10px;
}

.mob_prg {
    width: 40%;
    margin: 0 20% -3px 0;
}


/* paginator */
.pag {
    display: inline-block; /*display:inline;zoom:1;*/
    padding: 2px 6px;
    margin: 0 1px;
    text-decoration: none !important;
    font-size: small;
    color: #afafaf !important;
    border: 2px solid #324049;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #1c262d;
}

a.pag:hover, span.pag {
    border-color: #223039;
    background-color: #4681b4;
    color: white !important;
    font-weight: bold;
    text-shadow: 0 -1px 0 #14264e;
}


/* backgrounds */
.bg_battle_color {
    background-color: #0d1518;
}

.bg_home1 {
    background-image: url('/img/bg-big-home-1.jpg');
    background-repeat: no-repeat;
    background-position: 50% 8px;
}

.bg_portal1 {
    background-image: url('/img/bg-big-portal-1.jpg');
    background-repeat: no-repeat;
    background-position: 50% 8px;
}

.bg_chapter1 {
    background-image: url('/img/bg-big-chapter-1.jpg');
    background-repeat: no-repeat;
    background-position: 50% 8px;
}

.bg_profile {
    background-repeat: no-repeat;
    background-position: 50% 100%;
    font-size: 0;
    text-align: center;
}

.bg_profile1 {
    background-image: url('/img/bg-big-profile-1.jpg');
    background-repeat: no-repeat;
    background-position: 50% 100%;
}

.bg_bosses {
    background-image: url('/img/bg-big-bosses.jpg');
    background-repeat: no-repeat;
    background-position: 50% 8px;
}

.bg_bank {
    background-image: url('/img/bg-big-bank.jpg');
    background-repeat: no-repeat;
    background-position: 50% 8px;
}

.bg_shd {
    background-image: url('/img/bg-big-shadow.png');
    background-repeat: repeat-x;
    background-position: 0 100%;
}

.bg_plr {
    background-image: url('/img/bg-lpanel.png');
    background-repeat: repeat-x;
    background-position: 0 8px;
}

.bg_battle1 {
    background-image: url('/img/bg-big-battle-1.jpg');
    background-repeat: no-repeat;
    background-position: 50% 100%;
}

.bg_baction {
    background-image: linear-gradient(to bottom, transparent, #0d1518), url('/img/bg-big-battle-action.jpg');
    background-repeat: no-repeat;
    background-position: 50% 0;
}

[data-new-interface] .bg_baction {
    background-image: linear-gradient(to bottom, transparent, #020d13), url('/img/bg-big-battle-action.jpg');
}

.bg_baction2 {
    background-image: url('/img/bg-big-battle-action2.jpg');
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.bg_win {
    background-image: url('/img/bg/pages/bg-big-win.png');
    background-repeat: no-repeat;
    background-position: 50% 8px;
}

.bg_win2 {
    background-image: url('/img/bg/pages/bg-big-win.png');
    background-repeat: no-repeat;
    background-position: 50% 0px;
}

.bg_win3 {
    background-image: url('/img/bg/pages/bg-big-win.png');
    background-repeat: no-repeat;
    background-position: 50% 40px;
}

.bg_first_quest {
    background-image: url('/img/bg/pages/tower_bg.jpg');
    background-repeat: no-repeat;
    min-height: 500px;
    background-position: 50% 0;
    background-color: #020D12
}

.bg_defeat {
    background-image: url('/img/bg/pages/bg-big-defeat.png');
    background-repeat: no-repeat;
    background-position: 50% 8px;
}

.bg_defeat3 {
    background-image: url('/img/bg/pages/bg-big-defeat.png');
    background-repeat: no-repeat;
    background-position: 50% 40px;
}

.bg_fight_is_over {
    background-image: url('/img/bg/pages/bg-big-fight-is-over.png');
    background-repeat: no-repeat;
    background-position: 50% 8px;
}

.bg_login {
    background-image: url('/img/bg-big-login.jpg');
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.bg_login1 {
    background-image: url('/img/bg-big-login1.jpg');
    background-repeat: no-repeat;
}

.bg_login2 {
    background-image: url('/img/bg-big-login2.jpg');
    background-repeat: no-repeat;
}

.bg_communication {
    background-image: url('/img/bg-big-communication.jpg');
    background-repeat: no-repeat;
    background-position: 50% 8px;
}

.bg_rating {
    background-image: url('/img/bg-big-rating.jpg');
    background-repeat: no-repeat;
    background-position: 50% 8px;
}

.bg_clan1 {
    background-image: url('/img/clan/bg_clan_city.jpg');
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.bg_clan_buildings {
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.bg_clan_academy {
    background-image: url('/img/clan/academy.png');
}

.bg_clan_altar {
    background-image: url('/img/clan/altar.png');
}

.bg_clan_fountain {
    background-image: url('/img/clan/fountain.png');
}

.bg_clan_obelisk {
    background-image: url('/img/clan/obelisk.png');
}

.bg_clan_efir_castle_base {
    background-image: url('/img/maze/efir_castle/base.png');
}
.bg_clan_efir_castle_base_lvl1 {
    background-image: url('/img/maze/efir_castle/lvl1.png');
}
.bg_clan_efir_castle_base_lvl2 {
    background-image: url('/img/maze/efir_castle/lvl2.png');
}
.bg_clan_efir_castle_base_lvl3 {
    background-image: url('/img/maze/efir_castle/lvl3.png');
}
.bg_clan_efir_castle_base_lvl4 {
    background-image: url('/img/maze/efir_castle/lvl4.png');
}
.bg_clan_efir_castle_base_lvl5 {
    background-image: url('/img/maze/efir_castle/lvl5.png');
}

.bg_clan_library {
    background-image: url('/img/clan/library.png');
}

.bg_clan_tower {
    background-image: url('/img/clan/tower.png');
}

.bg_clans {
    background-image: url('/img/bg-big-clans.jpg');
    background-repeat: no-repeat;
    background-position: 50% 8px;
}

.bg_mphunters {
    background-image: url('/img/mp_hunters/mph-bg3.png');
    background-repeat: no-repeat;
    background-position: 50% 8px;
}

.bg_wh_autumn {
    background-image: url('/img/maze/temp_bg.png');
    background-repeat: no-repeat;
    background-position: 50% 0px;
}

.bg_wh_spring {
    background-image: url('/img/maze/spring_temp_bg.png');
    background-repeat: no-repeat;
    background-position: 50% 0px;
}

.bg_wh_summer {
    background-image: url('/img/maze/wild_hunt/summer/temp_bg.png');
    background-repeat: no-repeat;
    background-position: 50% 0px;
}

.bg_wh_ny {
    background-image: url('/img/maze/wild_hunt/new_year/temp_bg.png');
    background-repeat: no-repeat;
    background-position: 50% 0px;
}

.bg_mess_pirates {
    background-image: url('/img/maze/interface/mess_pirates/temp_bg.png');
    background-repeat: no-repeat;
    background-position: 50% 0px;
}

.bg_maze_dangeon {
    background-image: url('/img/maze/dangeon/wall.png');
    background-repeat: no-repeat;
    background-position: 50% 0px;
}

.bg_maze_dangeon_newyear {
    background-image: url('/img/maze/dangeon/newyear_wall.png');
    background-repeat: no-repeat;
    background-position: 50% 0px;
}

.bg_harpies {
    background-image: url('/img/harpies/page_back.png');
    background-repeat: no-repeat;
    background-position: 50% 8px;
}

.bg_global_boss {
    background-image: url('/img/global_boss/1/old_page_bg.png');
    background-repeat: no-repeat;
    background-position: 50% 8px;
}

.bg_nytd {
    background-image: url('/img/nytd/nytd_old_page_bg.png');
    background-repeat: no-repeat;
    background-position: 50% 8px;
}

.bg_springtd {
    background-image: url('/img/spring_td/bg_old.png');
    background-repeat: no-repeat;
    background-position: 50% 8px;
}

.bg_summertd {
    background-image: url('/img/spring_td/bg_old.png');
    background-repeat: no-repeat;
    background-position: 50% 8px;
}

.bg_autumntd {
    background-image: url('/img/autumn_td/bg_old.png');
    background-repeat: no-repeat;
    background-position: 50% 8px;
}

.bg_autumntd_halloween {
    background-image: url('/img/autumn_td/halloween/bg_old.png');
}

.bg_arena1 {
    background-image: url('/img/bg-big-arena-1-new.jpg');
    background-repeat: no-repeat;
    background-position: 50% 8px;
}

.bg_arana2 {
    background-image: url('/img/bg-big-arena-2.jpg');
    background-repeat: no-repeat;
    background-position: 50% 8px;
}

.bg_tournament {
    background-image: url('/img/bg/pages/bg_tournament_light.png');
    background-repeat: no-repeat;
    background-position: 50% 8px;
}

.bg_moba {
    background-image: url('/img/bg/pages/bg_moba.jpg');
    background-repeat: no-repeat;
    background-position: 50% 8px;
}

.bg_wizard_shop {
    background-image: url('/img/bg/pages/bg_wizard_shop.jpg');
    background-repeat: no-repeat;
    background-position: 50% 8px;
}

.bg_improve {
    background-image: url('/img/bg-big-improve.jpg');
    background-repeat: no-repeat;
    background-position: 50% 8px;
}


.bg_pvp {
    background-image: url('/img/bg/pages/bg-big-arena.png');
    background-repeat: no-repeat;
    background-position: 50% 8px;
}

.bg_odd {
    background-color: #1f2a32;
}

.bg_odd-a {
    background-color: rgba(31,42,50,0.75)
}

.bg_rball {
    background-image: url('/img/bg-rball.png');
    background-repeat: no-repeat;
    background-position: 50% 40px;
}

.bg_arena {
    padding-top: 13px;
    padding-bottom: 115px;
    background-repeat: no-repeat;
    background-position: 50% 46px;
    background-size: 130px;
    -webkit-background-size: 130;
}

.bg_arena_bronze {
    background-image: url('/img/arena/icon_bronze.png');
}

.bg_arena_silver {
    background-image: url('/img/arena/icon_silver.png');
}

.bg_arena_gold {
    background-image: url('/img/arena/icon_gold.png');
}

.bg_arena_platina {
    background-image: url('/img/arena/icon_platina.png');
}

.bg_arena_diamond {
    background-image: url('/img/arena/icon_diamond.png');
}

.bg_arena_master {
    background-image: url('/img/arena/icon_master.png');
}

.bg_vs1 {
    background-image: url('/img/bg-vs.png');
    background-repeat: no-repeat;
    background-position: 50% 12px;
}

.bg_vs2 {
    padding-top: 70px;
    background-image: url('/img/bg-vs.png');
    background-repeat: no-repeat;
    background-position: 50% 10px;
}

.bg_vs3 {
    background-image: url('/img/arena/arena_vs.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 70px;
    -webkit-background-size: 70;
}

.bg_vs6 {
    background-image: url('/img/arena/arena_vs.png');
    background-repeat: no-repeat;
    background-position: 50% 46%;
    background-size: 70px;
    -webkit-background-size: 70;
}

.btn_arrow {
    background-image: url('/img/bg-ttl-arrow.png');
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

/* login bgs */
.gttl {
    background-image: url('/img/bg-game-title.png');
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.pink_glow {
    background-image: url('/img/bg-pink-glow.png');
    background-repeat: no-repeat;
    background-position: 50% 100%;
}

.bg_sparks {
    background-image: url('/img/bg-sparks.png');
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.btn_pattern {
    width: 180px;
    height: 34px;
    padding: 11px 7px;
    font-size: 0;
    background-image: url('/img/bg-button-pattern.png');
    background-repeat: no-repeat;
}

    .btn_pattern .cbtn {
        display: block !important;
    }

/* first quest btns*/
.btn_first_quest_attack {
    height: 60px;
    margin-top: 10px;
    padding: 4px 0;
    font-size: 0;
    -webkit-animation: glowBtn 3s infinite linear;
    -moz-animation: glowBtn 3s infinite linear;
    -ms-animation: glowBtn 3s infinite linear;
    -o-animation: glowBtn 3s infinite linear;
    animation: glowBtn 3s infinite linear;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-image: url('/img/buttons/btn_first_quest_attack.png');
}

    .btn_first_quest_attack a {
        display: block;
        height: 60px;
        width: 250px;
        margin: 0 auto;
        text-decoration: none !important;
    }

/* clan buildings */
.clan_buildings {
    height: 186px;
    width: 280px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 0;
}

.bld_lslot {
    width: 38px;
    height: 26px;
    padding-top: 12px;
    font-size: small;
    color: white;
    text-align: center;
    background-image: url('/img/bg-lvl_bld_slot.png');
    background-repeat: no-repeat;
    top: 0;
    left: 0;
}

.bld_pos1 {
    margin-top: 25px;
    margin-left: 18px;
}

.bld_pos2 {
    margin-top: 75px;
    margin-left: 45px;
}

.bld_pos3 {
    margin-top: 123px;
    margin-left: 30px;
}

.bld_academy {
    position: relative;
    left: 0px;
    top: 0px;
}

.bld_fontain {
    position: relative;
    left: 40px;
    top: 10px;
}

/* colors */
.c_silver {
    color: #afafaf !important;
}

.c_exp,
.c_gold {
    color: #f9d01e !important;
}

.c_iron {
    color: #87cebb !important;
}

.c_white {
    color: white !important;
}

.c_cyan {
    color: #44d0c6 !important;
}

.c_ikhor,
.c_powerstone,
.c_orange {
    color: #e9a524 !important;
}

.c_yel {
    color: #e1c35c !important;
}

.c_yel2 {
    color: #f9d01e !important;
}

.c_green {
    color: #89c34a !important;
}

.c_green2 {
    color: #a7cd8a !important;
}

.c_green3 {
    color: #53924b !important;
}

.c_green4 {
    color: #009900 !important;
}

.c_green5 {
    color: #B6FF91 !important;
}

.c_green6 {
    color: #2CB13B !important;
}

.c_soul,
.c_purple {
    color: #F070F4 !important;
}

.c_soulstones,
.c_darkpurple {
    color: #9e68e6 !important;
}

.c_crystal,
.c_mana,
.c_blue {
    color: #74addd !important;
}

.c_blue2 {
    color: #84A0AF !important;
}

.c_dblue {
    color: #2a3840 !important;
}

.c_red {
    color: #cf0d0d !important;
}

.c_blood,
.c_red2 {
    color: #d05050 !important;
}

.c_red3 {
    color: #F84A3F !important;
}

.c_grey {
    color: #62553f !important;
}

.c_grey2 {
    color: #81888d !important;
}

.c_af {
    color: #afafaf !important;
}

.c_cc {
    color: #cccccc !important;
}

.c_6f {
    color: #6f6f6f !important;
}

.c_d1 {
    color: #d1d1d1 !important;
}

.c_89 {
    color: #898989 !important;
}

.c_health {
    color: #83cc32 !important;
}

.c_armor {
    color: #d1d1d1 !important;
}

.c_damage {
    color: #d34a4a !important;
}

.c_user {
    color: #44d0c6 !important;
}

.c_pumpkin {
    color: #f0724c !important;
}

.c_tulip {
    color: #f075d5 !important;
}

.c_icecream {
    color: #efaab1 !important;
}

.cq_rare {
    color: #7ba0ca !important;
}

.cq_usual {
    color: #d1d1d1 !important;
}

.c_towerticket {
    color: #e47cc1 !important;
}

.c_runeticket {
    color: #ffae0f !important;
}

.c_skillticket {
    color: #7ce4cb !important;
}

.c_gemticket {
    color: #c8acff !important;
}

.c_eventcrown {
    color: #fdf77d !important;
}

.c_eventstar {
    color: #f2b8fa !important;
}

.c_eventsatellite {
    color: #66e5fe !important;
}

.c_eventstarship {
    color: #dcb9fe
}

.c_eventtoy {
    color: #fdd480 !important;
}

.c_eventgift {
    color: #fcb55b !important;
}

.c_eventbucket {
    color: #fd9dba !important;
}

.c_eventlatter {
    color: #eaddc3 !important;
}

.c_eventring {
    color: #7addfb !important;
}

.c_eventefir {
    color: #7ffecd !important;
}

.c_kindvinstars {
    color: #e55659 !important;
}

.c_kindvinammo {
    color: #9db860 !important;
}

.c_eventcoctail {
    color: #f88e21 !important;
}

.c_eventpearl {
    color: #9ac7d2 !important;
}

.cq_unusual {
    color: #98c582 !important;
}

.bg-lightgray1 {
    box-shadow: 0px 0px 20px 10px #6664;
    background-color: #66666636;
}

/* width & height */
.w19i {
    width: 19%;
    display: inline-block; /*display:inline;zoom:1;*/
}

.w20i {
    width: 20%;
    display: inline-block; /*display:inline;zoom:1;*/
}

.w25i {
    width: 24%;
    display: inline-block; /*display:inline;zoom:1;*/
}

.w24i {
    width: 24%;
    display: inline-block; /*display:inline;zoom:1;*/
}

.w30i {
    width: 30%;
    display: inline-block; /*display:inline;zoom:1;*/
}

.w32i {
    width: 32%;
    display: inline-block; /*display:inline;zoom:1;*/
}

.w33i {
    width: 33%;
    display: inline-block; /*display:inline;zoom:1;*/
}

.w49i {
    width: 49%;
    display: inline-block; /*display:inline;zoom:1;*/
}

.w50i {
    width: 50%;
    display: inline-block; /*display:inline;zoom:1;*/
}

.w100i {
    width: 100%;
    display: inline-block; /*display:inline;zoom:1;*/
}

.w40 {
    width: 40%;
}

.w49 {
    width: 49%;
}

.w70 {
    width: 70%;
}

.w75 {
    width: 75%;
}

.w80 {
    width: 80%;
}

.w85 {
    width: 85%;
}

.w90 {
    width: 90%;
}

.w100 {
    width: 100%;
}

.w40x {
    width: 40px;
}

.w80x {
    width: 80px;
}

.w100x {
    width: 100px;
}

.w110x {
    width: 110px;
}

.w120x {
    width: 120px;
}

.w150x {
    width: 150px;
}

.w160x {
    width: 160px;
}

.w170x {
    width: 170px;
}

.w180x {
    width: 180px;
}

.w180_x {
    width: 180px;
}

.w200x {
    width: 200px;
}

.mw140x {
    max-width: 140px;
}

.mw150x {
    max-width: 150px;
}

.mw165x {
    max-width: 165px;
}

.mw200x {
    max-width: 200px;
}

.mw205x {
    max-width: 205px;
}

.mw215x {
    max-width: 215px;
}

.mw250x {
    max-width: 250px;
}

.mw300x {
    max-width: 300px;
}

.mw320x {
    max-width: 320px;
}

.w80m280 {
    width: 80%;
    max-width: 290px;
}

.w90m320 {
    width: 90%;
    max-width: 320px;
}

.w49t100 {
    width: 100%;
}

.w85t150x {
    width: 85px;
}

.w85t130x {
    width: 85px;
}

.w49t100 {
    width: 49%;
}

    .w49t100 .column1 {
        margin: 10px 0;
        padding: 0 10px 0 0;
        border: 0;
        border-right: 1px solid #445561;
    }

    .w49t100 .column2 {
        margin: 10px 0;
        padding: 0 0 0 10px;
        border: 0;
        border-left: 1px solid #13191e;
    }

.h244ad {
    height: min(15.25rem, 244px);
}

.h205x {
    height: 205px;
}

.h640x {
    min-height: 640px;
    height: 100%
}

.hlogo {
    height: 258px;
}

/* margin & padding */
.m3 {
    margin: 3px;
}

.m5 {
    margin: 5px;
}

.m10 {
    margin: 10px;
}

.mt-15 {
    margin-top: -15px;
}

.mt-4 {
    margin-top: -4px;
}

.mt4 {
    margin-top: 4px;
}

.mt5 {
    margin-top: 5px;
}

.mt6 {
    margin-top: 6px;
}

.mt8 {
    margin-top: 8px;
}

.mt9 {
    margin-top: 9px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt50 {
    margin-top: 50px;
}

.mt60 {
    margin-top: 60px;
}

.mt90 {
    margin-top: 90px;
}

.mt140 {
    margin-top: 140px;
}

.mb3 {
    margin-bottom: 3px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb6 {
    margin-bottom: 6px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb12 {
    margin-bottom: 12px;
}

.mtb1 {
    margin-top: 1px;
    margin-bottom: 1px;
}

.mtb2 {
    margin-top: 2px;
    margin-bottom: 2px;
}

.mtb5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.mtb6 {
    margin-top: 6px;
    margin-bottom: 6px;
}

.mtb8 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.mtb10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mr3 {
    margin-right: 3px;
}

.ml5 {
    margin-left: 5px;
}

.ml8p {
    margin-left: 8%;
}

.ml10 {
    margin-left: 10px;
}

.ml16 {
    margin-left: 16px;
}

.ml62 {
    margin-left: 62px;
}

.ml82 {
    margin-left: 82px;
}

.ml128 {
    margin-left: 128px;
}

.mr4 {
    margin-right: 4px;
}

.mr5 {
    margin-right: 5px;
}

.mr8 {
    margin-right: 8px;
}

.mr10 {
    margin-right: 10px;
}

.mrf {
    margin-right: 12px;
}

.mr5t10 {
    margin-right: 5px;
}

.mlr-8 {
    margin-left: -8px;
    margin-right: -8px;
}

.mlr0i {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.mlr2 {
    margin-left: 2px;
    margin-right: 2px;
}

.mlr3 {
    margin-left: 3px;
    margin-right: 3px;
}

.mlr5 {
    margin-left: 5px;
    margin-right: 5px;
}

.mlr8 {
    margin-left: 8px;
    margin-right: 8px;
}

.mlr10 {
    margin-left: 10px;
    margin-right: 10px;
}

.mlrf {
    margin-left: 12px;
    margin-right: 12px;
}

.mlra {
    margin-left: auto;
    margin-right: auto;
}

.mxh40 {
    max-height:40px;
}

.mxh45 {
    max-height: 45px;
}


.mxh24 {
    max-height: 24px;
}


.m_5_3_3 {
    margin: 5px 3px 3px;
}

.m_tit {
    margin: 0 1px 0 -3px;
}

.p3 {
    padding: 3px;
}

.p5 {
    padding: 5px;
}

.p6 {
    padding: 6px;
}

.p8 {
    padding: 8px;
}

.p10 {
    padding: 10px;
}

.p0_8_5 {
    padding: 0 8px 5px;
}

.p5_8 {
    padding: 5px 8px;
}

.p8_0 {
    padding: 8px 0;
}

.p8_4 {
    padding: 8px 5px;
}

.p4_0i {
    padding: 4px 0 !important;
}

.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.plr5 {
    padding-left: 5px;
    padding-right: 5px;
}

.plr8 {
    padding-left: 8px;
    padding-right: 8px;
}

.pt1 {
    padding-top: 1px;
}

.pt2 {
    padding-top: 2px;
}

.pt5 {
    padding-top: 5px;
}

.pt9 {
    padding-top: 9px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt35 {
    padding-top: 35px;
}

.pt110 {
    padding-top: 110px;
}

.pt115 {
    padding-top: 115px;
}

.pb5 {
    padding-bottom: 5px;
}

.pb9 {
    padding-bottom: 9px;
}

.pb10 {
    padding-bottom: 10px;
}

.ptb1 {
    padding-top: 1px;
    padding-bottom: 1px;
}

.ptb2 {
    padding-top: 2px;
    padding-bottom: 2px;
}

.ptb5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.ptb8 {
    padding-top: 8px;
    padding-bottom: 8px;
}

.ptb9 {
    padding-top: 9px;
    padding-bottom: 9px;
}

.ptb10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.ptb15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.plr3i {
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.prl70 {
    padding-left: 70px;
    padding-right: 70px;
}

.op25 {
    opacity: 0.25;
}

.op50 {
    opacity: 0.5;
}

.op75 {
    opacity: 0.75;
}

/* Animation Delay */
.ad200ms {
    animation-delay: 200ms;
}

.ad400ms {
    animation-delay: 400ms;
}

.ad600ms {
    animation-delay: 600ms;
}

.desaturate {
    webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: grayscale(100%);
}

.bank .price1 {
    display: none;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10000; /* Sit on top */
    left: 0;
    top: 0;
    text-align: center;
    vertical-align: middle;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: hidden; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}

/* Modal Content */
.modal_content {
    position: relative;
    display: inline-block;
    max-width: 430px;
    width: 90%;
    margin: auto;
    padding: 0;
    top: 25%;
    transform: translateY(-25%);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animateModal;
    -webkit-animation-duration: 0.5s;
    animation-name: animateModal;
    animation-duration: 0.5s
}

/* Add Animation */
@-webkit-keyframes animateModal {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes animateModal {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.splash-progress-bar {
    -webkit-animation-name: animateSplashProgressBar;
    -webkit-animation-duration: 4.0s;
    animation-name: animateSplashProgressBar;
    animation-duration: 4.0s
}

/* Add Animation */
@-webkit-keyframes animateSplashProgressBar {
    from {
        width: 0%
    }

    to {
        width: 100%
    }
}

@keyframes animateSplashProgressBar {
    from {
        width: 0%
    }

    to {
        width: 100%
    }
}

.bg_new_level {
    background-image: url('/img/bg/pages/bg-big-new-level.png');
    background-repeat: no-repeat;
    background-position-x: 50%;
}

.bg_guide {
    background-image: url('/img/bg/pages/bg-big-guide.png');
    background-repeat: no-repeat;
    background-position-x: 50%;
}

.modal_filler_container {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.modal_close_position {
    position: absolute;
    top: 12px;
    right: 15px;
}

.modal_close,
.modal_open {
    cursor: pointer;
}

.modal_message {
    position: absolute;
    top: 22px;
    margin: auto;
    left: 0;
    right: 0;
}

.modal_dialog {
    position: relative;
    top: 10%;
}

.modal_dialog_content {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
}

.modal_filler {
    width: 100%;
    height: 100%;
    background-image: url('/img/bg/pages/pop_filler.png');
    box-sizing: border-box;
}

.modal_top_left {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('/img/bg/pages/pop_left_up.png');
    background-repeat: no-repeat;
    background-position: 0% 0%;
}

.modal_top_right {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('/img/bg/pages/pop_right_up.png');
    background-repeat: no-repeat;
    background-position: 100% 0%;
}

.modal_bottom_left {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('/img/bg/pages/pop_left_down.png');
    background-repeat: no-repeat;
    background-position: 0% 100%;
}

.modal_bottom_right {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('/img/bg/pages/pop_right_down.png');
    background-repeat: no-repeat;
    background-position: 100% 100%;
}


.newLevelNumber {
    display: block;
    width: 100%;
    padding-left: 6px;
    padding-top: 29px;
    text-shadow: 0 1px 0 black;
    text-align: center;
}

@-webkit-keyframes glowBtn {
    0% {
        -webkit-filter: brightness(95%);
    }

    50% {
        -webkit-filter: brightness(150%);
    }

    100% {
        -webkit-filter: brightness(95%);
    }
}

@-moz-keyframes glowBtn {
    0% {
        -moz-filter: brightness(95%);
    }

    50% {
        -moz-filter: brightness(150%);
    }

    100% {
        -moz-filter: brightness(95%);
    }
}

@-ms-keyframes glowBtn {
    0% {
        -ms-filter: brightness(95%);
    }

    50% {
        -ms-filter: brightness(150%);
    }

    100% {
        -ms-filter: brightness(95%);
    }
}

@-o-keyframes glowBtn {
    0% {
        -o-filter: brightness(95%);
    }

    50% {
        -o-filter: brightness(150%);
    }

    100% {
        -o-filter: brightness(95%);
    }
}

@keyframes glowBtn {
    0% {
        filter: brightness(95%);
    }

    50% {
        filter: brightness(150%);
    }

    100% {
        filter: brightness(95%);
    }
}

/* Firefox old*/
@-moz-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* IE */
@-ms-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* Opera and prob css3 final iteration */
@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

messages-notificator {
    display: inline-block;
    position: relative;
    width: 32px;
    height: 16px;
    -moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2s infinite ease-in-out; /* IE */
    animation: blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}

    messages-notificator a, messages-notificator span {
        position: absolute;
        left: 0;
        top: -8px;
        width: 32px;
        height: 32px;
        vertical-align: top;
        white-space: nowrap;
        display: inline-block;
    }

    messages-notificator[data-answers] a {
        background: url('/img/bubble_16.png') 16px 8px / 16px no-repeat;
    }

    messages-notificator[data-mail] a {
        background: url('/img/ico-mail.png') 16px 8px / 16px no-repeat;
    }


.blink-image {
    -moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2s infinite ease-in-out; /* IE */
    animation: blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}

@media handheld, screen and (min-width:385px) {
    .bank .price1 {
        display: inline;
    }

    .bank .price2 {
        display: none;
    }

    .w85t150x {
        width: 150px;
    }

    .w85t130x {
        width: 130px;
    }
}

@media handheld, screen and (min-width:400px) {
    .mlrf {
        margin-left: 15px;
        margin-right: 15px;
    }

    .mrf {
        margin-right: 15px;
    }

    .mr5t10 {
        margin-right: 10px;
    }

    .ptower .ml4f {
        margin-left: 7px;
    }

    .ptower .ml110f {
        margin-left: 117px;
    }

    .mob_info {
        padding-left: 7px;
    }
}

.img_star_animate1 {
    animation: get_star1 0.4s forwards linear;
    -webkit-animation: get_star1 0.4s forwards linear;
}

.img_star_animate1_fast {
    animation: get_star1 0.2s forwards linear;
    -webkit-animation: get_star1 0.2s forwards linear;
}


@-webkit-keyframes get_star1 {
    from, 19.999% {
        opacity: 0;
    }

    20% {
        transform: scaleX(3) scaleY(3)
    }

    to {
        transform: scaleX(1) scaleY(1);
    }
}

@-moz-keyframes get_star1 {
    from, 19.999% {
        opacity: 0;
    }

    20% {
        transform: scaleX(3) scaleY(3)
    }

    to {
        transform: scaleX(1) scaleY(1);
    }
}

@-ms-keyframes get_star1 {
    from, 19.999% {
        opacity: 0;
    }

    20% {
        transform: scaleX(3) scaleY(3)
    }

    to {
        transform: scaleX(1) scaleY(1);
    }
}

@-o-keyframes get_star1 {
    from, 19.999% {
        opacity: 0;
    }

    20% {
        transform: scaleX(3) scaleY(3)
    }

    to {
        transform: scaleX(1) scaleY(1);
    }
}

@keyframes get_star1 {
    from, 19.999% {
        opacity: 0;
    }

    20% {
        transform: scaleX(3) scaleY(3)
    }

    to {
        transform: scaleX(1) scaleY(1);
    }
}

.img_star_animate2 {
    animation: get_star2 1s forwards linear;
    -webkit-animation: get_star2 1s forwards linear;
}

.img_star_animate2_fast {
    animation: get_star2 0.4s forwards linear;
    -webkit-animation: get_star2 0.4s forwards linear;
}

@-webkit-keyframes get_star2 {
    from, 39.999% {
        opacity: 0;
    }

    40% {
        opacity: 1;
        transform: scaleX(3) scaleY(3);
    }

    to {
        transform: scaleX(1) scaleY(1);
    }
}

@-moz-keyframes get_star2 {
    from, 39.999% {
        opacity: 0;
    }

    40% {
        opacity: 1;
        transform: scaleX(3) scaleY(3);
    }

    to {
        transform: scaleX(1) scaleY(1);
    }
}

@-ms-keyframes get_star2 {
    from, 39.999% {
        opacity: 0;
    }

    40% {
        opacity: 1;
        transform: scaleX(3) scaleY(3);
    }

    to {
        transform: scaleX(1) scaleY(1);
    }
}

@-o-keyframes get_star2 {
    from, 39.999% {
        opacity: 0;
    }

    40% {
        opacity: 1;
        transform: scaleX(3) scaleY(3);
    }

    to {
        transform: scaleX(1) scaleY(1);
    }
}

@keyframes get_star2 {
    from, 39.999% {
        opacity: 0;
    }

    40% {
        opacity: 1;
        transform: scaleX(3) scaleY(3);
    }

    to {
        transform: scaleX(1) scaleY(1);
    }
}

.img_star_animate3 {
    animation: get_star3 1.4s forwards linear;
    -webkit-animation: get_star3 1.4s forwards linear;
}

.img_star_animate3_fast {
    animation: get_star3 0.6s forwards linear;
    -webkit-animation: get_star3 0.6s forwards linear;
}

@-webkit-keyframes get_star3 {
    from, 56.665% {
        opacity: 0;
    }

    56.666% {
        opacity: 1;
        transform: scaleX(3) scaleY(3);
    }

    to {
        transform: scaleX(1) scaleY(1);
    }
}

@-moz-keyframes get_star3 {
    from, 56.665% {
        opacity: 0;
    }

    56.666% {
        opacity: 1;
        transform: scaleX(3) scaleY(3);
    }

    to {
        transform: scaleX(1) scaleY(1);
    }
}

@-ms-keyframes get_star3 {
    from, 56.665% {
        opacity: 0;
    }

    56.666% {
        opacity: 1;
        transform: scaleX(3) scaleY(3);
    }

    to {
        transform: scaleX(1) scaleY(1);
    }
}

@-o-keyframes get_star3 {
    from, 56.665% {
        opacity: 0;
    }

    56.666% {
        opacity: 1;
        transform: scaleX(3) scaleY(3);
    }

    to {
        transform: scaleX(1) scaleY(1);
    }
}

@keyframes get_star3 {
    from, 56.665% {
        opacity: 0;
    }

    56.666% {
        opacity: 1;
        transform: scaleX(3) scaleY(3);
    }

    to {
        transform: scaleX(1) scaleY(1);
    }
}


.img_star_animate4 {
    animation: get_star4 1.8s forwards linear;
    -webkit-animation: get_star4 1.8s forwards linear;
}

.img_star_animate4_fast {
    animation: get_star4 0.8s forwards linear;
    -webkit-animation: get_star4 0.8s forwards linear;
}

@-webkit-keyframes get_star4 {
    from, 66.665% {
        opacity: 0;
    }

    66.666% {
        opacity: 1;
        transform: scaleX(3) scaleY(3);
    }

    to {
        transform: scaleX(1) scaleY(1);
    }
}

@-moz-keyframes get_star4 {
    from, 66.665% {
        opacity: 0;
    }

    66.666% {
        opacity: 1;
        transform: scaleX(3) scaleY(3);
    }

    to {
        transform: scaleX(1) scaleY(1);
    }
}

@-ms-keyframes get_star4 {
    from, 66.665% {
        opacity: 0;
    }

    66.666% {
        opacity: 1;
        transform: scaleX(3) scaleY(3);
    }

    to {
        transform: scaleX(1) scaleY(1);
    }
}

@-o-keyframes get_star4 {
    from, 66.665% {
        opacity: 0;
    }

    66.666% {
        opacity: 1;
        transform: scaleX(3) scaleY(3);
    }

    to {
        transform: scaleX(1) scaleY(1);
    }
}

@keyframes get_star4 {
    from, 66.665% {
        opacity: 0;
    }

    66.666% {
        opacity: 1;
        transform: scaleX(3) scaleY(3);
    }

    to {
        transform: scaleX(1) scaleY(1);
    }
}

.img_star_animate5 {
    animation: get_star5 2.2s forwards linear;
    -webkit-animation: get_star5 2.2s forwards linear;
}

.img_star_animate5_fast {
    animation: get_star4 1s forwards linear;
    -webkit-animation: get_star4 1s forwards linear;
}

@-webkit-keyframes get_star5 {
    from, 76.665% {
        opacity: 0;
    }

    76.666% {
        opacity: 1;
        transform: scaleX(3) scaleY(3);
    }

    to {
        transform: scaleX(1) scaleY(1);
    }
}

@-moz-keyframes get_star5 {
    from, 76.665% {
        opacity: 0;
    }

    76.666% {
        opacity: 1;
        transform: scaleX(3) scaleY(3);
    }

    to {
        transform: scaleX(1) scaleY(1);
    }
}

@-ms-keyframes get_star5 {
    from, 76.665% {
        opacity: 0;
    }

    76.666% {
        opacity: 1;
        transform: scaleX(3) scaleY(3);
    }

    to {
        transform: scaleX(1) scaleY(1);
    }
}

@-o-keyframes get_star5 {
    from, 76.665% {
        opacity: 0;
    }

    76.666% {
        opacity: 1;
        transform: scaleX(3) scaleY(3);
    }

    to {
        transform: scaleX(1) scaleY(1);
    }
}

@keyframes get_star5 {
    from, 76.665% {
        opacity: 0;
    }

    76.666% {
        opacity: 1;
        transform: scaleX(3) scaleY(3);
    }

    to {
        transform: scaleX(1) scaleY(1);
    }
}

.unhidden {
    display: block;
}

.hidden {
    display: none;
}

.smile_tab {
    height: 20px;
}

.smile {
    vertical-align: middle;
}

.sml_tab {
    display: inline-block; /*display:inline;zoom:1;*/
    padding: 2px 6px;
    margin: 1px 1px;
    vertical-align: middle;
    text-decoration: none !important;
    font-size: small;
    color: #afafaf !important;
    border: 2px solid #324049;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #1c262d;
}

    .sml_tab:hover, .sml_tab.on {
        border-color: #223039;
        background-color: #4681b4;
        color: white !important;
        font-weight: bold;
        text-shadow: 0 -1px 0 #14264e;
    }

.magic-flyer-fire {
    box-shadow: 0 0 3px 3px rgb(255, 200, 0), 0 0 4px 4px rgb(255, 94, 0);
}

.magic-flyer-ice {
    box-shadow: 0 0 3px 3px rgb(145, 196, 255), 0 0 4px 4px rgb(0, 132, 255);
}

.magic-flyer-poison {
    box-shadow: 0 0 2px 2px rgb(157, 255, 0), 0 0 4px 4px rgb(37, 170, 4);
}

.magic-flyer-stones {
    box-shadow: 0 0 2px 2px rgb(79, 88, 63), 0 0 4px 4px rgb(83, 209, 83);
}

.magic-flyer-lightning {
    box-shadow: 0 0 3px 3px rgb(143, 179, 255), 0 0 4px 4px rgb(54, 3, 196);
}

/*.magic-flyer-lightning-spell {
    box-shadow: 0 0 1px 1px rgb(255, 255, 255), 0 0 3px 3px rgb(143, 179, 255), 0 0 5px 5px rgb(73, 91, 189);
}*/

.magic-flyer-lightning-spell {
    box-shadow: 0 0 1px 1px rgb(255, 255, 255), 0 0 3px 3px rgb(73, 91, 189);
}

.magic-flyer-tornado {
    box-shadow: 0 0 2px 2px rgb(199, 208, 255), 0 0 4px 4px rgb(107, 54, 255);
}

.magic-flyer-cure {
    box-shadow: 0 0 2px 2px rgb(39, 231, 113), 0 0 4px 4px rgb(255, 255, 255);
}

.magic-flyer-invisibility {
    box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0), 0 0 4px 4px rgb(17, 128, 255);
}

.magic-flyer-flash {
    box-shadow: 0 0 2px 2px rgb(255, 255, 255), 0 0 3px 3px rgb(58, 231, 43), 0 0 4px 4px rgb(224, 91, 50);
}

.magic-flyer {
    box-shadow: 0 0 4px 4px rgb(255, 255, 255);
}

.magic-flyer-dodge {
    box-shadow: 0 0 2px 2px rgb(126, 125, 104), 0 0 4px 4px rgb(104, 89, 42);
}

.magic-flyer-magres {
    box-shadow: 0 0 2px 2px rgb(117, 241, 159), 0 0 4px 4px rgb(196, 128, 181);
}

.magic-flyer-endur {
    box-shadow: 0 0 2px 2px rgb(197, 240, 211), 0 0 4px 4px rgb(125, 47, 228);
}

.magic-flyer-meditation {
    box-shadow: 0 0 2px 2px rgb(128, 231, 214), 0 0 4px 4px rgb(52, 142, 245);
}

.magic-flyer-crit {
    box-shadow: 0 0 2px 2px rgb(65, 64, 44), 0 0 4px 4px rgb(245, 55, 55);
}

.magic-flyer-accuracy {
    box-shadow: 0 0 2px 2px rgb(204, 197, 68), 0 0 4px 4px rgb(109, 131, 73);
}

.magic-flyer-strength {
    box-shadow: 0 0 2px 2px rgb(193, 236, 229), 0 0 4px 4px rgb(56, 255, 212);
}

.magic-flyer-health {
    box-shadow: 0 0 2px 2px rgb(255, 204, 35), 0 0 4px 4px rgb(255, 38, 0);
}

.magic-flyer-armor {
    box-shadow: 0 0 2px 2px rgb(223, 245, 252), 0 0 4px 4px rgb(21, 130, 255);
}

.magic-flyer-plus {
    font-size: 20px;
    font-weight: bold;
}

.magic-flyer-plus-one:before {
    content: '+1';
    /*left: -10px;*/
    top: -10px;
    position: absolute;
    font-size: 20px;
    font-weight: bold;
}

.magic-flyer-plus:before {
    /*left: -10px;*/
    top: -10px;
    position: absolute;
    font-size: 20px;
    font-weight: bold;
}

.magic-fader {
    animation: keyframes-magic-fader 1s forwards linear;
    -webkit-animation: keyframes-magic-fader 1s forwards linear;
}

.magic-fader-text {
    animation: keyframes-magic-fader-text 2s forwards linear;
    -webkit-animation: keyframes-magic-fader-text 2s forwards linear;
}

.magic-fader-1 {
    animation: keyframes-magic-fader-1 1s forwards linear;
    -webkit-animation: keyframes-magic-fader-1 1s forwards linear;
}

.magic-fader-rockfall {
    animation: keyframes-magic-fader-1 0.5s forwards linear;
    -webkit-animation: keyframes-magic-fader-1 0.5s forwards linear;
}

@-webkit-keyframes keyframes-magic-fader-text {
    0% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes keyframes-magic-fader-text {
    0% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes keyframes-magic-fader {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes keyframes-magic-fader {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes keyframes-magic-fader-1 {
    0% {
        opacity: 0;
    }

    15% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes keyframes-magic-fader-1 {
    0% {
        opacity: 0;
    }

    15% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.moba_map_root {
    text-shadow: 1px 1px 0px black, -1px 1px 0px black, 1px -1px 0px black, -1px -1px 0px black;
}

.moba_map_tower {
    height: 72px;
    width: 48px;
    margin-left: -22px;
    margin-top: -30px;
    background-image: url(/img/moba/map_tower_gray_r.png);
    background-repeat: no-repeat;
    background-size: 50px;
}

.moba_map_gray_tower_l {
    background-image: url(/img/moba/map_tower_gray_l.png);
}

.moba_map_green_tower_l {
    background-image: url(/img/moba/map_tower_green_l.png);
}

.moba_map_blue_tower_l {
    background-image: url(/img/moba/map_tower_blue_l.png);
}

.moba_map_red_tower_l {
    background-image: url(/img/moba/map_tower_red_l.png);
}

.moba_map_orange_tower_l {
    background-image: url(/img/moba/map_tower_orange_l.png);
}

.moba_map_purple_tower_l {
    background-image: url(/img/moba/map_tower_purple_l.png);
}

.moba_map_yellow_tower_l {
    background-image: url(/img/moba/map_tower_yellow_l.png);
}

.moba_map_gray_tower_r {
    background-image: url(/img/moba/map_tower_gray_r.png);
}

.moba_map_green_tower_r {
    background-image: url(/img/moba/map_tower_green_r.png);
}

.moba_map_blue_tower_r {
    background-image: url(/img/moba/map_tower_blue_r.png);
}

.moba_map_red_tower_r {
    background-image: url(/img/moba/map_tower_red_r.png);
}

.moba_map_orange_tower_r {
    background-image: url(/img/moba/map_tower_orange_r.png);
}

.moba_map_purple_tower_r {
    background-image: url(/img/moba/map_tower_purple_r.png);
}

.moba_map_yellow_tower_r {
    background-image: url(/img/moba/map_tower_yellow_r.png);
}

.moba_map_obelisk {
    height: 63px;
    width: 60px;
    margin-left: -30px;
    margin-top: -70px;
    background-image: url(/img/moba/stone_gray.png);
    background-repeat: no-repeat;
    background-size: 60px;
}

.moba_map_gray_obelisk {
    background-image: url(/img/moba/stone_gray.png);
}

.moba_map_green_obelisk {
    background-image: url(/img/moba/stone_green.png);
}

.moba_map_blue_obelisk {
    background-image: url(/img/moba/stone_blue.png);
}

.moba_map_red_obelisk {
    background-image: url(/img/moba/stone_red.png);
}

.moba_map_orange_obelisk {
    background-image: url(/img/moba/stone_orange.png);
}

.moba_map_purple_obelisk {
    background-image: url(/img/moba/stone_purple.png);
}

.moba_map_yellow_obelisk {
    background-image: url(/img/moba/stone_yellow.png);
}

.player_moba_float_message {
    position: absolute;
    font-weight: bold;
    z-index: 99;
    animation: mobaMessageFrame 0.20s linear forwards;
    -webkit-animation: mobaMessageFrame 0.20s linear forwards;
}

.moba_map_tower_unit_count {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 100%);
    font-size: 16px;
    text-shadow: 1px 1px 0px black, -1px 1px 0px black, 1px -1px 0px black, -1px -1px 0px black;
}

.moba_map_tower_health {
    position: absolute;
    top: 25px;
    left: 0;
    transform: translateX(-100%); 
    height: 40px;
    width: 2px;
    border: 1px solid black;
    background: gray;
}

.moba_map_tower_health_marker {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: #89c34a; 
}

.moba_map_tower_location_marker {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 100%);
}

@keyframes mobaMessageFrame {
    from {
        opacity: 1
    }

    to {
        transform: translateY(-30px)
    }
}

@-webkit-keyframes mobaMessageFrame {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: translateY(-30px)
    }
}

.moba_menu_background {
    background-color: rgba(51, 51, 51, 0.6);
    box-shadow: 0 0 2px 1px rgba(51, 51, 51, 0.6);
    -webkit-box-shadow: 0 0 2px 1px rgba(51, 51, 51, 0.6);
    -moz-box-shadow: 0 0 2px 1px rgba(51, 51, 51, 0.6);
    margin-left: 0px;
    margin-top: 5px;
}

.moba_map_command_menu {
    display: none;
    position: absolute;
    margin-left: 0px;
    margin-top: 5px;
    padding: 10px;
    background-color: rgba(51, 51, 51, 0.6);
    box-shadow: 0 0 2px 1px rgba(51, 51, 51, 0.6);
    -webkit-box-shadow: 0 0 2px 1px rgba(51, 51, 51, 0.6);
    -moz-box-shadow: 0 0 2px 1px rgba(51, 51, 51, 0.6);
}

.moba_map_score {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    padding: 8px 10px;
    text-align: right;
}

.moba_map_timer {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    padding: 8px 10px;
    text-align: left;
}

.moba_map_menu_item {
    padding: 5px 10px;
    white-space: nowrap;
    cursor: pointer;
    font-size: 16px;
    background-color: rgba(0, 0, 0, 0.25);
    transition: .35s ease;
}

    .moba_map_menu_item:hover {
        background-color: rgba(36, 52, 194, 0.521);
        transition: .35s ease;
    }

.moba_map_menu_item_flag {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    background-size: 15px;
}

.moba_map_base_three {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 73px;
    height: 37px;
    font-size: 16px;
    pointer-events: none;
}

.moba_map_base_right_bottom_three {
    right: 18%;
    bottom: 0;
}

.moba_map_base_left_bottom_three {
    left: 20%;
    bottom: 0;
}


.moba_map_base_top {
    z-index: 100;
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 140px;
    height: 90px;
    font-size: 16px;
    cursor: pointer;
    background-image: url(/img/moba/base.png);
    background-size: 140px;
    background-repeat: no-repeat;
}

.moba_map_base_top_title {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    padding: 4px 8px;
    font-size: 14px;
    white-space: nowrap;
}

.moba_map_base_top_units {
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    white-space: nowrap;
}

.moba_map_base {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 60px;
    height: 62px;
    font-size: 16px;
    pointer-events: none;
}

.moba_map_base_bottom {
    top: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 83px;
    height: 44px;
}

.moba_map_base_right-top {
    top: 18%;
    left: auto;
    right: 12%;
}

.moba_map_base_right-bottom {
    top: 63%;
    left: auto;
    right: 12%;
}

.moba_map_base_left-bottom {
    top: 63%;
    left: 12.5%;
}

.moba_map_base_left-top {
    top: 19%;
    left: 12%;
}

.moba_map_tower_point_wrapper {
    font-weight: 400;
}

.moba_map_tower_point {
    position: absolute;
    top: 10px;
    left: 40px;
    transform: translateY(-50%);
    z-index: 96;
    overflow: hidden;
}

.moba_map_tower_point.moba_map_tower_point_base {
    top: -14px;
    right: 0;
    transform: translateX(100%);
}

.floating {
    animation-name: floating;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    -webkit-animation-name: floating;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: infinite;
}

@keyframes floating {
    0% {
        transform: translateY(0%);
    }

    50% {
        transform: translateY(16%);
    }

    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0%);
    }

    50% {
        -webkit-transform: translateY(16%);
    }

    100% {
        -webkit-transform: translateY(0%);
    }
}

.ntf_base {
    background-image: url('/img/ico-informer.png');
    background-repeat: no-repeat;
    background-position: 98% 50%;
    animation: informer-glowing 2800ms infinite;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.map-close-menu {
    position: absolute;
    background: transparent;
    width: 100%;
    height: 100%;
    z-index: 90;
}


.fight-count {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
}

.fight-count__content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width:100%;
    width:100%;
}

.fight-count__item {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    opacity: 1;
    /* background-size: contain !important; */
    width:100%;
}

.fight-count__item::before {
    content: '';
    display: block;
    width: 100%;
    padding: 0 0 35.24096385542169% 0;
    background-image: url('/img/count/atlas.png');
}

.fight-count__item#js-animation-fight-item-1::before {
    background-position: 50% 0.14084507042253522%;background-size: 100.60240963855422% 706.8376068376068%;
}

.fight-count__item#js-animation-fight-item-2::before {
    background-position: 50% 16.760563380281692%;background-size: 100.60240963855422% 706.8376068376068%;
}

.fight-count__item#js-animation-fight-item-3::before {
    background-position: 50% 33.38028169014085%;background-size: 100.60240963855422% 706.8376068376068%;
}

.fight-count__item#js-animation-fight-item-4::before {
    background-position: 50% 50%;background-size: 100.60240963855422% 706.8376068376068%;
}

.fight-count__item#js-animation-fight-item-fight::before {
    background-position: 50% 83.2394366197183%;background-size: 100.60240963855422% 706.8376068376068%;
}

.fight-count__item_glow::before {
    background-position: 50% 99.85915492957747%;background-size: 100.60240963855422% 706.8376068376068%;
}

.fight-count__item.active {
    animation: 1.2s battleStartAnimation ease forwards;
}

.fight-count__item_glow.active {
    animation: 1.5s battleStartAnimation ease forwards;
}

.fight-count__item_fight.active {
    animation: 2s battleStartAnimationFight ease forwards;
}

/*vvv ny-2020 vvv*/
/*.ptr-evts-none {
    pointer-events: none;
}

.decorate-ny2020 {
    background-image: url(/img/ny2020/ice_01.png?v=0.001);
    background-repeat: no-repeat;
    width: 103%;
    left: -2%;
    top: -7px;
    height: 101px;
    background-size: 100%;
}

.msep {
    position: relative;
}

.msep:before {
    content: ' ';
    position: absolute;
    width: 96%;
    left: 2%;
    height: 16px;
    background-image: url(/img/ny2020/ice_02.png);
    background-size: 100%;
    background-position-y: 5px;
    background-repeat: no-repeat;
    pointer-events: none;
}

.msep:nth-child(even):before {
    background-image: url('/img/ny2020/ice_03.png');
}

.ftr {
    background-position: center top, center bottom;
    background-image: url('/img/bg-footer.png'), url('/img/ny2020/froze.png');
}

.bgmenu {
    background-image: url('/img/ny2020/froze.png'), url('/img/bg-menu-bottom.jpg');
}*/

/*^^^ ny-2020 ^^^*/

@keyframes battleStartAnimation {
    from {
        transform: translate(-50%, -50%) scale(0);
        opacity: 1;
    }

    70% {
        opacity: 1;
    }

    to {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }
}

@keyframes battleStartAnimationFight {
    from {
        transform: translate(-50%, -50%) scale(0);
        opacity: 1;
    }

    70% {
        opacity: 1;
    }

    to {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }
}

.brd {
    border: 4px double black; /* ��������� ������� */
    background: #444; /* ���� ���� */
    padding: 10px; /* ���� ������ ������ */
}

.noselect {
    outline: none;
}

.select-style {
    font-size: 100%;
    text-align-last: center;
    border-radius: 5px;
}

.bg_profile_init {
    background-repeat: no-repeat;
    background-position: 50% 100%;
}

.bg_home_init_1 {
    background-repeat: no-repeat;
    background-position: 0% 8px;
}

.bg_home_init_2 {
    background-repeat: no-repeat;
    background-position: 100% 8px;
}

.bonus-value-old {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    font-weight: 800;
    text-shadow: 1px 1px 0px black, -1px 1px 0px black, 1px -1px 0px black, -1px -1px 0px black;
}

.filter-gray {
    filter: grayscale(1);
}

.battle-progress-wrapper {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    z-index: 100;
    background-color: #020d13; 
}
.battle-progress-wrapper_hidden .battle-progress {
    opacity: 0;
    transition: opacity .35s ease;
}
.battle-progress {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 754px;
    width: 100%;
    opacity: 1;
    transition: opacity .35s ease;
}
.battle-progress__bg {
    box-sizing: border-box;
    width: 100%;
    padding: 0 0 11.936339522546419%;
    background-position: 50% 0.5434782608695652%;
    background-size: 100.26525198938992% 304.44444444444446%;
    background-image: url('/img/phaser/progress/spritesheet.png');
}
.battle-progress__line {
    position: absolute;
    top: 0;
    left:0;
    width: 0;
    height: 100%;
    box-sizing: border-box;
    background: url('/img/phaser/progress/progress_bar_02.png') no-repeat 0 45%;
    background-size: 100%;
}
.battle-progress__line-static {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    overflow: hidden;
    background: url('/img/phaser/progress/progress_bar_02.png') no-repeat 0 45%;
}
/* .battle-progress__line-static:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
} */

.battle-progress__border {
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    padding: 0 0 11.936339522546419%;
    box-sizing: border-box;
    background-position: 50% 99.45652173913044%;
    background-size: 100.26525198938992% 304.44444444444446%;
    background-image: url('/img/phaser/progress/spritesheet.png');
}
.battle-progress__text {
    position: absolute;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.7rem;
}
@media screen and (min-width: 460px) {
    .battle-progress__text {
        font-size: 0.8rem;
    }
}
@media screen and (min-width: 600px) {
    .battle-progress__text {
        font-size: 1rem;
    }
}

.battle-field {
    width: 100%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.battle-field__scene {
    flex: 1 1 auto;
}

.battle-field__controls {
    flex: 0 0 auto;
    width: 100%;
}


    .global-preloader {
        z-index: 99999;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #020d13;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .global-preloader__content {
        width: 100%;
        opacity: 1;
    }

    .global-preloader_hidden {
        pointer-events: none;
        background-color: rgba(0, 0, 0, 0);
        transition: background-color ease .35s;
    }
    .global-preloader_hidden .global-preloader__content {
        opacity: 0;
        transition: opacity ease .55s;
    }
    .global-preload-wrapper_hidden .global-preload {
        opacity: 0;
        transition: opacity .35s ease;
    }

    .global-progress {
        position: relative;
        margin: 0 auto;
        max-width: 754px;
        width: 100%;
        opacity: 1;
        transition: opacity .35s ease;
    }
    .global-progress:before {
        content: '';
        display: block;
        padding: 0 0 11.936339522546419%;
    }
    .global-progress__bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-position: 50% 0.5434782608695652%;
        background-size: 100.26525198938992% 304.44444444444446%;
        background-image: url('/img/phaser/progress/spritesheet.png');
    }
    .global-progress__line {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        background: url('/img/phaser/progress/progress_bar_02.png') no-repeat 0 45%;
    }
    .global-progress__border {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 0 0 11.936339522546419%;
        box-sizing: border-box;
        background-position: 50% 99.45652173913044%;
        background-size: 100.26525198938992% 304.44444444444446%;
        background-image: url('/img/phaser/progress/spritesheet.png');
    }
    .global-progress__text {
        position: absolute;
        top: 46%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 0.7rem;
    }
    @media screen and (min-width: 460px) {
        .global-progress__text {
            font-size: 0.8rem;
        }
    }
    @media screen and (min-width: 600px) {
        .global-progress__text {
            font-size: 1rem;
        }
    }

.battlefield-element {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    overscroll-behavior: none;
    width: 100%;
    text-align: center;
    font-size: 0;
}

.battlefield-element_spine {
    width: 100%;
    height: 100vh;
}

canvas {
    background-color: #020d13;
}

.spine-player canvas {
    background-color: transparent;
}

.z1 {
    z-index: 1;
}

.bank-card {
    opacity: 1;
    transition: .35s ease;
}

.bank-list .bank-card:nth-child(1) {
    transition-delay: .35s;
}

.bank-list .bank-card:nth-child(2) {
    transition-delay: .4s;
}

.bank-list .bank-card:nth-child(3) {
    transition-delay: .45s;
}

.bank-list .bank-card:nth-child(4) {
    transition-delay: .5s;
}

.bank-list .bank-card:nth-child(5) {
    transition-delay: .55s;
}

.bank-list .bank-card:nth-child(6) {
    transition-delay: .6s;
}

.bank-list.bank-card:nth-child(7) {
    transition-delay: .65s;
}

.bank-list .bank-card:nth-child(8) {
    transition-delay: .7s;
}

.bank-list .bank-card:nth-child(9) {
    transition-delay: .75s;
}

.bank-list .bank-card:nth-child(10) {
    transition-delay: .8s;
}

.bank-card-hidden {
    opacity: 0;
    pointer-events: none;
}

.animation-layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* pointer-events: none; */
}