.white {
    color: #fff !important
}

.yellow {
    color: #feca04 !important
}

.silver_dark {
    color: #595959 !important
}

.green {
    color: #0f0 !important
}

.green_dirty {
    color: #738704 !important
}

.blue {
    color: #92ace4 !important
}

.blue_dark {
    color: #4c70f2 !important
}

.pink {
    color: #de52de !important
}

.red {
    color: #f5270d !important
}

.red_light {
    color: #f54d42 !important
}

.purple {
    color: #462083 !important
}

.blue_art_magic {
    color: #4c70f2 !important
}

.art_color_cl2 {
    color: #52c13d
}

.art_color_cl3 {
    color: #3087f7
}

.art_color_cl4 {
    color: #8926ff
}

.art_color_cl5 {
    color: #ff7412
}

html {
    background-color: #000 !important
}

.pagging {
    height: 26px;
    padding-top: 3px;
    text-align: center
}

.pagging .nav {
    display: inline-block;
    width: 21px;
    height: 21px
}

.pagging .page {
    position: relative;
    display: inline-block;
    top: -5px;
    margin: 0 7px;
    color: #9da3ab;
    font-size: 17px
}

.pagging a.page {
    color: #92ace4;
    text-decoration: underline
}

.pagging .nav._prev {
    background-position: 0 0
}

.pagging .nav._prev._disabled {
    background-position: 0 -42px
}

.pagging .nav._next {
    background-position: 0 -21px
}

.pagging .nav._next._disabled {
    background-position: 0 -63px
}

.wunit {
    display: inline-block;
    vertical-align: top;
    width: 32%;
    text-align: center
}

.unit_construct {
    position: relative;
    display: inline-block;
    width: 191px;
    height: 210px
}

.unit_construct .face {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 210px;
    background-position: center 0;
    background-repeat: no-repeat
}

.unit_construct .face._f10._hidden {
    background-image: url(img/faces_construct/f10_chb.png)
}

.unit_construct .face._f11._hidden {
    background-image: url(img/faces_construct/f11_chb.png)
}

.unit_construct .face._f12._hidden {
    background-image: url(img/faces_construct/f12_chb.png)
}

.unit_construct .face._f13._hidden {
    background-image: url(img/faces_construct/f13_chb.png)
}

.unit_construct .face._f14._hidden {
    background-image: url(img/faces_construct/f14_chb.png)
}

.unit_construct .face._f10._act {
    background-image: url(img/faces_construct/f10_cac.png)
}

.unit_construct .face._f11._act {
    background-image: url(img/faces_construct/f11_cac.png)
}

.unit_construct .face._f12._act {
    background-image: url(img/faces_construct/f12_cac.png)
}

.unit_construct .face._f13._act {
    background-image: url(img/faces_construct/f13_cac.png)
}

.unit_construct .face._f14._act {
    background-image: url(img/faces_construct/f14_cac.png)
}

.unit_detail {
    width: 100%;
    height: 74px
}

.unit_detail .detail {
    width: 100%;
    height: 59px;
    background-position: center 0;
    background-repeat: no-repeat
}

.unit_detail .detail._f10 {
    background-image: url(img/faces_construct/construct10.png)
}

.unit_detail .detail._f11 {
    background-image: url(img/faces_construct/construct11.png)
}

.unit_detail .detail._f12 {
    background-image: url(img/faces_construct/construct12.png)
}

.unit_detail .detail._f13 {
    background-image: url(img/faces_construct/construct13.png)
}

.unit_detail .detail._f14 {
    background-image: url(img/faces_construct/construct14.png)
}

.unit {
    position: relative;
    display: inline-block;
    width: 76px;
    height: 63px;
    background: url(img/sprite/sprite_bg_unit.png) no-repeat
}

.unit._center {
    display: block;
    margin: auto
}

.unit._big {
    height: 80px
}

.unit._white {
    background-position: center 0
}

.unit._green {
    background-position: center -99px
}

.unit._blue {
    background-position: center -200px
}

.unit._purple {
    background-position: center -600px
}

.unit._red {
    background-position: center -770px
}

.unit._orange {
    background: url(img/sprite/sprite_bg_unit_6m.png) no-repeat
}

.unit._big._white {
    background-position: center -300px
}

.unit._big._green {
    background-position: center -400px
}

.unit._big._blue {
    background-position: center -500px
}

.unit._big._purple {
    background-position: center -680px
}

.unit._big._red {
    background-position: center -845px
}

.unit._big._orange {
    background: url(img/sprite/sprite_bg_unit_6b.png) no-repeat
}

.unit._boss {
    background-position: center -937px
}

.unit._xs {
    width: 110px;
    height: 175px;
    background-position: 0 0
}

.unit._xs._white {
    background-image: url(img/border_unit_big_1.png),url(img/bg_unit_big.png)
}

.unit._xs._green {
    background-image: url(img/border_unit_big_2.png),url(img/bg_unit_big.png)
}

.unit._xs._blue {
    background-image: url(img/border_unit_big_3.png),url(img/bg_unit_big.png)
}

.unit._xs._purple {
    background-image: url(img/border_unit_big_4.png),url(img/bg_unit_big.png)
}

.unit._xs._red {
    background-image: url(img/border_unit_big_5.png),url(img/bg_unit_big.png)
}

.unit._xs._orange {
    background-image: url(img/border_unit_big_6.png),url(img/bg_unit_big.png)
}

.unit .face {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 63px;
    background-position: center 0;
    background-repeat: no-repeat
}

.unit._big .face {
    height: 80px
}

.unit._xs .face {
    width: 110px;
    height: 175px
}

.unit .face._empty {
    background-image: url(img/faces/f_empty.png)
}

.unit._white .face._f1 {
    background-image: url(img/faces/f1_1.png)
}

.unit._green .face._f1 {
    background-image: url(img/faces/f1_2.png)
}

.unit._blue .face._f1 {
    background-image: url(img/faces/f1_3.png)
}

.unit._purple .face._f1 {
    background-image: url(img/faces/f1_4.png)
}

.unit._red .face._f1 {
    background-image: url(img/faces/f1_5.png)
}

.unit._orange .face._f1 {
    background-image: url(img/faces/f1_6.png)
}

.unit._white .face._f2 {
    background-image: url(img/faces/f2_1.png)
}

.unit._green .face._f2 {
    background-image: url(img/faces/f2_2.png)
}

.unit._blue .face._f2 {
    background-image: url(img/faces/f2_3.png)
}

.unit._purple .face._f2 {
    background-image: url(img/faces/f2_4.png)
}

.unit._red .face._f2 {
    background-image: url(img/faces/f2_5.png)
}

.unit._orange .face._f2 {
    background-image: url(img/faces/f2_6.png)
}

.unit._white .face._f3 {
    background-image: url(img/faces/f3_1.png)
}

.unit._green .face._f3 {
    background-image: url(img/faces/f3_2.png)
}

.unit._blue .face._f3 {
    background-image: url(img/faces/f3_3.png)
}

.unit._purple .face._f3 {
    background-image: url(img/faces/f3_4.png)
}

.unit._red .face._f3 {
    background-image: url(img/faces/f3_5.png)
}

.unit._orange .face._f3 {
    background-image: url(img/faces/f3_6.png)
}

.unit._white .face._f4 {
    background-image: url(img/faces/f4_1.png)
}

.unit._green .face._f4 {
    background-image: url(img/faces/f4_2.png)
}

.unit._blue .face._f4 {
    background-image: url(img/faces/f4_3.png)
}

.unit._purple .face._f4 {
    background-image: url(img/faces/f4_4.png)
}

.unit._red .face._f4 {
    background-image: url(img/faces/f4_5.png)
}

.unit._orange .face._f4 {
    background-image: url(img/faces/f4_6.png)
}

.unit._white .face._f5 {
    background-image: url(img/faces/f5_1.png)
}

.unit._green .face._f5 {
    background-image: url(img/faces/f5_2.png)
}

.unit._blue .face._f5 {
    background-image: url(img/faces/f5_3.png)
}

.unit._purple .face._f5 {
    background-image: url(img/faces/f5_4.png)
}

.unit._red .face._f5 {
    background-image: url(img/faces/f5_5.png)
}

.unit._orange .face._f5 {
    background-image: url(img/faces/f5_6.png)
}

.unit._white .face._f6 {
    background-image: url(img/faces/f6_1.png)
}

.unit._green .face._f6 {
    background-image: url(img/faces/f6_2.png)
}

.unit._blue .face._f6 {
    background-image: url(img/faces/f6_3.png)
}

.unit._purple .face._f6 {
    background-image: url(img/faces/f6_4.png)
}

.unit._red .face._f6 {
    background-image: url(img/faces/f6_5.png)
}

.unit._orange .face._f6 {
    background-image: url(img/faces/f6_6.png)
}

.unit._white .face._f7 {
    background-image: url(img/faces/f7_1.png)
}

.unit._green .face._f7 {
    background-image: url(img/faces/f7_2.png)
}

.unit._blue .face._f7 {
    background-image: url(img/faces/f7_3.png)
}

.unit._purple .face._f7 {
    background-image: url(img/faces/f7_4.png)
}

.unit._red .face._f7 {
    background-image: url(img/faces/f7_5.png)
}

.unit._orange .face._f7 {
    background-image: url(img/faces/f7_6.png)
}

.unit._white .face._f8 {
    background-image: url(img/faces/f8_1.png)
}

.unit._green .face._f8 {
    background-image: url(img/faces/f8_2.png)
}

.unit._blue .face._f8 {
    background-image: url(img/faces/f8_3.png)
}

.unit._purple .face._f8 {
    background-image: url(img/faces/f8_4.png)
}

.unit._red .face._f8 {
    background-image: url(img/faces/f8_5.png)
}

.unit._orange .face._f8 {
    background-image: url(img/faces/f8_6.png)
}

.unit._white .face._f9 {
    background-image: url(img/faces/f9_1.png)
}

.unit._green .face._f9 {
    background-image: url(img/faces/f9_2.png)
}

.unit._blue .face._f9 {
    background-image: url(img/faces/f9_3.png)
}

.unit._purple .face._f9 {
    background-image: url(img/faces/f9_4.png)
}

.unit._red .face._f9 {
    background-image: url(img/faces/f9_5.png)
}

.unit._orange .face._f9 {
    background-image: url(img/faces/f9_6.png)
}

.unit._white .face._f10 {
    background-image: url(img/faces/f10_1.png)
}

.unit._green .face._f10 {
    background-image: url(img/faces/f10_2.png)
}

.unit._blue .face._f10 {
    background-image: url(img/faces/f10_3.png)
}

.unit._purple .face._f10 {
    background-image: url(img/faces/f10_4.png)
}

.unit._red .face._f10 {
    background-image: url(img/faces/f10_5.png)
}

.unit._orange .face._f10 {
    background-image: url(img/faces/f10_6.png)
}

.unit._white .face._f11 {
    background-image: url(img/faces/f11_1.png)
}

.unit._green .face._f11 {
    background-image: url(img/faces/f11_2.png)
}

.unit._blue .face._f11 {
    background-image: url(img/faces/f11_3.png)
}

.unit._purple .face._f11 {
    background-image: url(img/faces/f11_4.png)
}

.unit._red .face._f11 {
    background-image: url(img/faces/f11_5.png)
}

.unit._orange .face._f11 {
    background-image: url(img/faces/f11_6.png)
}

.unit._white .face._f12 {
    background-image: url(img/faces/f12_1.png)
}

.unit._green .face._f12 {
    background-image: url(img/faces/f12_2.png)
}

.unit._blue .face._f12 {
    background-image: url(img/faces/f12_3.png)
}

.unit._purple .face._f12 {
    background-image: url(img/faces/f12_4.png)
}

.unit._red .face._f12 {
    background-image: url(img/faces/f12_5.png)
}

.unit._orange .face._f12 {
    background-image: url(img/faces/f12_6.png)
}

.unit._white .face._f13 {
    background-image: url(img/faces/f13_1.png)
}

.unit._green .face._f13 {
    background-image: url(img/faces/f13_2.png)
}

.unit._blue .face._f13 {
    background-image: url(img/faces/f13_3.png)
}

.unit._purple .face._f13 {
    background-image: url(img/faces/f13_4.png)
}

.unit._red .face._f13 {
    background-image: url(img/faces/f13_5.png)
}

.unit._orange .face._f13 {
    background-image: url(img/faces/f13_6.png)
}

.unit._white .face._f14 {
    background-image: url(img/faces/f14_1.png)
}

.unit._green .face._f14 {
    background-image: url(img/faces/f14_2.png)
}

.unit._blue .face._f14 {
    background-image: url(img/faces/f14_3.png)
}

.unit._purple .face._f14 {
    background-image: url(img/faces/f14_4.png)
}

.unit._red .face._f14 {
    background-image: url(img/faces/f14_5.png)
}

.unit._orange .face._f14 {
    background-image: url(img/faces/f14_6.png)
}

.unit._big._white .face._f1 {
    background-image: url(img/faces/f1_1b.png)
}

.unit._big._green .face._f1 {
    background-image: url(img/faces/f1_2b.png)
}

.unit._big._blue .face._f1 {
    background-image: url(img/faces/f1_3b.png)
}

.unit._big._purple .face._f1 {
    background-image: url(img/faces/f1_4b.png)
}

.unit._big._red .face._f1 {
    background-image: url(img/faces/f1_5b.png)
}

.unit._big._orange .face._f1 {
    background-image: url(img/faces/f1_6b.png)
}

.unit._big._white .face._f2 {
    background-image: url(img/faces/f2_1b.png)
}

.unit._big._green .face._f2 {
    background-image: url(img/faces/f2_2b.png)
}

.unit._big._blue .face._f2 {
    background-image: url(img/faces/f2_3b.png)
}

.unit._big._purple .face._f2 {
    background-image: url(img/faces/f2_4b.png)
}

.unit._big._red .face._f2 {
    background-image: url(img/faces/f2_5b.png)
}

.unit._big._orange .face._f2 {
    background-image: url(img/faces/f2_6b.png)
}

.unit._big._white .face._f3 {
    background-image: url(img/faces/f3_1b.png)
}

.unit._big._green .face._f3 {
    background-image: url(img/faces/f3_2b.png)
}

.unit._big._blue .face._f3 {
    background-image: url(img/faces/f3_3b.png)
}

.unit._big._purple .face._f3 {
    background-image: url(img/faces/f3_4b.png)
}

.unit._big._red .face._f3 {
    background-image: url(img/faces/f3_5b.png)
}

.unit._big._orange .face._f3 {
    background-image: url(img/faces/f3_6b.png)
}

.unit._big._white .face._f4 {
    background-image: url(img/faces/f4_1b.png)
}

.unit._big._green .face._f4 {
    background-image: url(img/faces/f4_2b.png)
}

.unit._big._blue .face._f4 {
    background-image: url(img/faces/f4_3b.png)
}

.unit._big._purple .face._f4 {
    background-image: url(img/faces/f4_4b.png)
}

.unit._big._red .face._f4 {
    background-image: url(img/faces/f4_5b.png)
}

.unit._big._orange .face._f4 {
    background-image: url(img/faces/f4_6b.png)
}

.unit._big._white .face._f5 {
    background-image: url(img/faces/f5_1b.png)
}

.unit._big._green .face._f5 {
    background-image: url(img/faces/f5_2b.png)
}

.unit._big._blue .face._f5 {
    background-image: url(img/faces/f5_3b.png)
}

.unit._big._purple .face._f5 {
    background-image: url(img/faces/f5_4b.png)
}

.unit._big._red .face._f5 {
    background-image: url(img/faces/f5_5b.png)
}

.unit._big._orange .face._f5 {
    background-image: url(img/faces/f5_6b.png)
}

.unit._big._white .face._f6 {
    background-image: url(img/faces/f6_1b.png)
}

.unit._big._green .face._f6 {
    background-image: url(img/faces/f6_2b.png)
}

.unit._big._blue .face._f6 {
    background-image: url(img/faces/f6_3b.png)
}

.unit._big._purple .face._f6 {
    background-image: url(img/faces/f6_4b.png)
}

.unit._big._red .face._f6 {
    background-image: url(img/faces/f6_5b.png)
}

.unit._big._orange .face._f6 {
    background-image: url(img/faces/f6_6b.png)
}

.unit._big._white .face._f7 {
    background-image: url(img/faces/f7_1b.png)
}

.unit._big._green .face._f7 {
    background-image: url(img/faces/f7_2b.png)
}

.unit._big._blue .face._f7 {
    background-image: url(img/faces/f7_3b.png)
}

.unit._big._purple .face._f7 {
    background-image: url(img/faces/f7_4b.png)
}

.unit._big._red .face._f7 {
    background-image: url(img/faces/f7_5b.png)
}

.unit._big._orange .face._f7 {
    background-image: url(img/faces/f7_6b.png)
}

.unit._big._white .face._f8 {
    background-image: url(img/faces/f8_1b.png)
}

.unit._big._green .face._f8 {
    background-image: url(img/faces/f8_2b.png)
}

.unit._big._blue .face._f8 {
    background-image: url(img/faces/f8_3b.png)
}

.unit._big._purple .face._f8 {
    background-image: url(img/faces/f8_4b.png)
}

.unit._big._red .face._f8 {
    background-image: url(img/faces/f8_5b.png)
}

.unit._big._orange .face._f8 {
    background-image: url(img/faces/f8_6b.png)
}

.unit._big._white .face._f9 {
    background-image: url(img/faces/f9_1b.png)
}

.unit._big._green .face._f9 {
    background-image: url(img/faces/f9_2b.png)
}

.unit._big._blue .face._f9 {
    background-image: url(img/faces/f9_3b.png)
}

.unit._big._purple .face._f9 {
    background-image: url(img/faces/f9_4b.png)
}

.unit._big._red .face._f9 {
    background-image: url(img/faces/f9_5b.png)
}

.unit._big._orange .face._f9 {
    background-image: url(img/faces/f9_6b.png)
}

.unit._big._white .face._f10 {
    background-image: url(img/faces/f10_1b.png)
}

.unit._big._green .face._f10 {
    background-image: url(img/faces/f10_2b.png)
}

.unit._big._blue .face._f10 {
    background-image: url(img/faces/f10_3b.png)
}

.unit._big._purple .face._f10 {
    background-image: url(img/faces/f10_4b.png)
}

.unit._big._red .face._f10 {
    background-image: url(img/faces/f10_5b.png)
}

.unit._big._orange .face._f10 {
    background-image: url(img/faces/f10_6b.png)
}

.unit._big._white .face._f11 {
    background-image: url(img/faces/f11_1b.png)
}

.unit._big._green .face._f11 {
    background-image: url(img/faces/f11_2b.png)
}

.unit._big._blue .face._f11 {
    background-image: url(img/faces/f11_3b.png)
}

.unit._big._purple .face._f11 {
    background-image: url(img/faces/f11_4b.png)
}

.unit._big._red .face._f11 {
    background-image: url(img/faces/f11_5b.png)
}

.unit._big._orange .face._f11 {
    background-image: url(img/faces/f11_6b.png)
}

.unit._big._white .face._f12 {
    background-image: url(img/faces/f12_1b.png)
}

.unit._big._green .face._f12 {
    background-image: url(img/faces/f12_2b.png)
}

.unit._big._blue .face._f12 {
    background-image: url(img/faces/f12_3b.png)
}

.unit._big._purple .face._f12 {
    background-image: url(img/faces/f12_4b.png)
}

.unit._big._red .face._f12 {
    background-image: url(img/faces/f12_5b.png)
}

.unit._big._orange .face._f12 {
    background-image: url(img/faces/f12_6b.png)
}

.unit._big._white .face._f13 {
    background-image: url(img/faces/f13_1b.png)
}

.unit._big._green .face._f13 {
    background-image: url(img/faces/f13_2b.png)
}

.unit._big._blue .face._f13 {
    background-image: url(img/faces/f13_3b.png)
}

.unit._big._purple .face._f13 {
    background-image: url(img/faces/f13_4b.png)
}

.unit._big._red .face._f13 {
    background-image: url(img/faces/f13_5b.png)
}

.unit._big._orange .face._f13 {
    background-image: url(img/faces/f13_6b.png)
}

.unit._big._white .face._f14 {
    background-image: url(img/faces/f14_1b.png)
}

.unit._big._green .face._f14 {
    background-image: url(img/faces/f14_2b.png)
}

.unit._big._blue .face._f14 {
    background-image: url(img/faces/f14_3b.png)
}

.unit._big._purple .face._f14 {
    background-image: url(img/faces/f14_4b.png)
}

.unit._big._red .face._f14 {
    background-image: url(img/faces/f14_5b.png)
}

.unit._big._orange .face._f14 {
    background-image: url(img/faces/f14_6b.png)
}

.unit._big .face._f4._hidden {
    background-image: url(img/faces/f4_hb.png)
}

.unit._big .face._f5._hidden {
    background-image: url(img/faces/f5_hb.png)
}

.unit._big .face._f6._hidden {
    background-image: url(img/faces/f6_hb.png)
}

.unit._big .face._f7._hidden {
    background-image: url(img/faces/f7_hb.png)
}

.unit._big .face._f8._hidden {
    background-image: url(img/faces/f8_hb.png)
}

.unit._big .face._f9._hidden {
    background-image: url(img/faces/f9_hb.png)
}

.unit._big .face._f10._hidden {
    background-image: url(img/faces/f10_hb.png)
}

.unit._big .face._f11._hidden {
    background-image: url(img/faces/f11_hb.png)
}

.unit._big .face._f12._hidden {
    background-image: url(img/faces/f12_hb.png)
}

.unit._big .face._f13._hidden {
    background-image: url(img/faces/f13_hb.png)
}

.unit._big .face._f14._hidden {
    background-image: url(img/faces/f14_hb.png)
}

.unit .face._f50 {
    background-image: url(img/faces/f50.png)
}

.unit .face._f51 {
    background-image: url(img/faces/f51.png)
}

.unit .face._f52 {
    background-image: url(img/faces/f52.png)
}

.unit._big .face._f50 {
    background-image: url(img/faces/f50b.png)
}

.unit._big .face._f51 {
    background-image: url(img/faces/f51b.png)
}

.unit._big .face._f52 {
    background-image: url(img/faces/f52b.png)
}

.unit .face._f222 {
    background-image: url(img/faces/f222.png)
}

.unit .face._f201 {
    background-image: url(img/faces/f201.png)
}

.unit .face._f202 {
    background-image: url(img/faces/f202.png)
}

.unit .face._f221 {
    background-image: url(img/faces/f221.png)
}

.unit .face._f223 {
    background-image: url(img/faces/f223.png)
}

.unit .face._f224 {
    background-image: url(img/faces/f224.png)
}

.unit .face._f205 {
    background-image: url(img/faces/f205.png)
}

.unit .face._f204 {
    background-image: url(img/faces/f204.png)
}

.unit .face._f203 {
    background-image: url(img/faces/f203.png)
}

.unit .face._f225 {
    background-image: url(img/faces/f225.png)
}

.unit .face._f101 {
    background-image: url(img/faces/f101.png)
}

.unit .face._f102 {
    background-image: url(img/faces/f102.png)
}

.unit .face._f103 {
    background-image: url(img/faces/f103.png)
}

.unit .face._f104 {
    background-image: url(img/faces/f104.png)
}

.unit .face._f126 {
    background-image: url(img/faces/f126.png)
}

.unit .face._f121 {
    background-image: url(img/faces/f121.png)
}

.unit .face._f122 {
    background-image: url(img/faces/f122.png)
}

.unit .face._f124 {
    background-image: url(img/faces/f124.png)
}

.unit .face._f123 {
    background-image: url(img/faces/f123.png)
}

.unit .face._f125 {
    background-image: url(img/faces/f125.png)
}

.unit .face._f141 {
    background-image: url(img/faces/f141.png)
}

.unit .face._f142 {
    background-image: url(img/faces/f142.png)
}

.unit .face._f143 {
    background-image: url(img/faces/f143.png)
}

.unit .face._f144 {
    background-image: url(img/faces/f144.png)
}

.unit .face._f145 {
    background-image: url(img/faces/f145.png)
}

.unit .face._f146 {
    background-image: url(img/faces/f146.png)
}

.unit .face._f147 {
    background-image: url(img/faces/f147.png)
}

.unit .face._f241 {
    background-image: url(img/faces/f241.png)
}

.unit .face._f242 {
    background-image: url(img/faces/f242.png)
}

.unit .face._f243 {
    background-image: url(img/faces/f243.png)
}

.unit .face._f244 {
    background-image: url(img/faces/f244.png)
}

.unit .face._f247 {
    background-image: url(img/faces/f247.png)
}

.unit .face._f245 {
    background-image: url(img/faces/f245.png)
}

.unit .face._f246 {
    background-image: url(img/faces/f246.png)
}

.unit .face._f226 {
    background-image: url(img/faces/f226.png)
}

.unit .face._f301 {
    background-image: url(img/faces/f301.png)
}

.unit .face._f302 {
    background-image: url(img/faces/f302.png)
}

.unit .face._f303 {
    background-image: url(img/faces/f303.png)
}

.unit .face._f324 {
    background-image: url(img/faces/f324.png)
}

.unit .face._f304 {
    background-image: url(img/faces/f304.png)
}

.unit .face._f305 {
    background-image: url(img/faces/f305.png)
}

.unit .face._f321 {
    background-image: url(img/faces/f321.png)
}

.unit .face._f322 {
    background-image: url(img/faces/f322.png)
}

.unit .face._f323 {
    background-image: url(img/faces/f323.png)
}

.unit .face._f325 {
    background-image: url(img/faces/f325.png)
}

.unit .face._f326 {
    background-image: url(img/faces/f326.png)
}

.unit .face._f341 {
    background-image: url(img/faces/f341.png)
}

.unit .face._f342 {
    background-image: url(img/faces/f342.png)
}

.unit .face._f343 {
    background-image: url(img/faces/f343.png)
}

.unit .face._f344 {
    background-image: url(img/faces/f344.png)
}

.unit .face._f345 {
    background-image: url(img/faces/f345.png)
}

.unit .face._f346 {
    background-image: url(img/faces/f346.png)
}

.unit .face._f347 {
    background-image: url(img/faces/f347.png)
}

.unit .face._f401 {
    background-image: url(img/faces/f401.png)
}

.unit .face._f402 {
    background-image: url(img/faces/f402.png)
}

.unit .face._f403 {
    background-image: url(img/faces/f403.png)
}

.unit .face._f404 {
    background-image: url(img/faces/f404.png)
}

.unit .face._f405 {
    background-image: url(img/faces/f405.png)
}

.unit .face._f406 {
    background-image: url(img/faces/f406.png)
}

.unit .face._f421 {
    background-image: url(img/faces/f421.png)
}

.unit .face._f422 {
    background-image: url(img/faces/f422.png)
}

.unit .face._f423 {
    background-image: url(img/faces/f423.png)
}

.unit .face._f424 {
    background-image: url(img/faces/f424.png)
}

.unit .face._f425 {
    background-image: url(img/faces/f425.png)
}

.unit .face._f426 {
    background-image: url(img/faces/f426.png)
}

.unit .face._f441 {
    background-image: url(img/faces/f441.png)
}

.unit .face._f442 {
    background-image: url(img/faces/f442.png)
}

.unit .face._f443 {
    background-image: url(img/faces/f443.png)
}

.unit .face._f444 {
    background-image: url(img/faces/f444.png)
}

.unit .face._f445 {
    background-image: url(img/faces/f445.png)
}

.unit .face._f446 {
    background-image: url(img/faces/f446.png)
}

.unit .face._f501 {
    background-image: url(img/faces/f501.png)
}

.unit .face._f502 {
    background-image: url(img/faces/f502.png)
}

.unit .face._f503 {
    background-image: url(img/faces/f503.png)
}

.unit .face._f504 {
    background-image: url(img/faces/f504.png)
}

.unit .face._f505 {
    background-image: url(img/faces/f505.png)
}

.unit .face._f506 {
    background-image: url(img/faces/f506.png)
}

.unit .face._f521 {
    background-image: url(img/faces/f521.png)
}

.unit .face._f522 {
    background-image: url(img/faces/f522.png)
}

.unit .face._f523 {
    background-image: url(img/faces/f523.png)
}

.unit .face._f524 {
    background-image: url(img/faces/f524.png)
}

.unit .face._f525 {
    background-image: url(img/faces/f525.png)
}

.unit .face._f526 {
    background-image: url(img/faces/f526.png)
}

.unit .face._f541 {
    background-image: url(img/faces/f541.png)
}

.unit .face._f542 {
    background-image: url(img/faces/f542.png)
}

.unit .face._f543 {
    background-image: url(img/faces/f543.png)
}

.unit .face._f544 {
    background-image: url(img/faces/f544.png)
}

.unit .face._f545 {
    background-image: url(img/faces/f545.png)
}

.unit .face._f546 {
    background-image: url(img/faces/f546.png)
}

.unit .face._f601 {
    background-image: url(img/faces/f601.png)
}

.unit .face._f602 {
    background-image: url(img/faces/f602.png)
}

.unit .face._f603 {
    background-image: url(img/faces/f603.png)
}

.unit .face._f604 {
    background-image: url(img/faces/f604.png)
}

.unit .face._f605 {
    background-image: url(img/faces/f605.png)
}

.unit .face._f606 {
    background-image: url(img/faces/f606.png)
}

.unit .face._f607 {
    background-image: url(img/faces/f607.png)
}

.unit .face._f621 {
    background-image: url(img/faces/f621.png)
}

.unit .face._f622 {
    background-image: url(img/faces/f622.png)
}

.unit .face._f623 {
    background-image: url(img/faces/f623.png)
}

.unit .face._f624 {
    background-image: url(img/faces/f624.png)
}

.unit .face._f625 {
    background-image: url(img/faces/f625.png)
}

.unit .face._f626 {
    background-image: url(img/faces/f626.png)
}

.unit .face._f627 {
    background-image: url(img/faces/f627.png)
}

.unit .face._f641 {
    background-image: url(img/faces/f641.png)
}

.unit .face._f642 {
    background-image: url(img/faces/f642.png)
}

.unit .face._f643 {
    background-image: url(img/faces/f643.png)
}

.unit .face._f644 {
    background-image: url(img/faces/f644.png)
}

.unit .face._f645 {
    background-image: url(img/faces/f645.png)
}

.unit .face._f646 {
    background-image: url(img/faces/f646.png)
}

.unit .face._f647 {
    background-image: url(img/faces/f647.png)
}

.unit .face._f20001 {
    background-image: url(img/boss/opponents/1.png)
}

.unit .face._f20002 {
    background-image: url(img/boss/opponents/2.png)
}

.unit .face._f20003 {
    background-image: url(img/boss/opponents/3.png)
}

.unit .face._f20004 {
    background-image: url(img/boss/opponents/4.png)
}

.unit .face._f20005 {
    background-image: url(img/boss/opponents/5.png)
}

.unit .face._f20006 {
    background-image: url(img/boss/opponents/6.png)
}

.unit .face._f20007 {
    background-image: url(img/boss/opponents/4a.png)
}

.unit .face._f20008 {
    background-image: url(img/boss/opponents/5a.png)
}

.unit .face._f20009 {
    background-image: url(img/boss/opponents/7a.png)
}

.unit .face._f20010 {
    background-image: url(img/boss/opponents/7.png)
}

.unit .face._f20011 {
    background-image: url(img/boss/opponents/8.png)
}

.unit .face._f20012 {
    background-image: url(img/boss/opponents/9.png)
}

.unit .face._f20013 {
    background-image: url(img/boss/opponents/10.png)
}

.unit .face._f20014 {
    background-image: url(img/boss/opponents/11.png)
}

.unit .face._f20015 {
    background-image: url(img/boss/opponents/12.png)
}

.unit .face._f30001 {
    background-image: url(img/faces/f624.png)
}

.unit .face._f30002 {
    background-image: url(img/faces/f246.png)
}

.unit .face._f30003 {
    background-image: url(img/faces/f344.png)
}

.unit .face._f30004 {
    background-image: url(img/faces/f444.png)
}

.unit .face._f30005 {
    background-image: url(img/faces/f503.png)
}

.unit .face._f30051 {
    background-image: url(img/faces/f104.png)
}

.unit .face._f30052 {
    background-image: url(img/faces/f242.png)
}

.unit .face._f30053 {
    background-image: url(img/faces/f343.png)
}

.unit .face._f30054 {
    background-image: url(img/faces/f502.png)
}

.unit .face._f30055 {
    background-image: url(img/faces/f545.png)
}

.unit .face._f30101 {
    background-image: url(img/faces/f204.png)
}

.unit .face._f30102 {
    background-image: url(img/faces/f246.png)
}

.unit .face._f30103 {
    background-image: url(img/faces/f303.png)
}

.unit .face._f30104 {
    background-image: url(img/faces/f341.png)
}

.unit .face._f30105 {
    background-image: url(img/faces/f605.png)
}

.unit .face._f30151 {
    background-image: url(img/faces/f126.png)
}

.unit .face._f30152 {
    background-image: url(img/faces/f146.png)
}

.unit .face._f30153 {
    background-image: url(img/faces/f322.png)
}

.unit .face._f30154 {
    background-image: url(img/faces/f426.png)
}

.unit .face._f30155 {
    background-image: url(img/faces/f506.png)
}

.unit._big .face._f222 {
    background-image: url(img/faces/f222b.png)
}

.unit._big .face._f201 {
    background-image: url(img/faces/f201b.png)
}

.unit._big .face._f202 {
    background-image: url(img/faces/f202b.png)
}

.unit._big .face._f221 {
    background-image: url(img/faces/f221b.png)
}

.unit._big .face._f223 {
    background-image: url(img/faces/f223b.png)
}

.unit._big .face._f224 {
    background-image: url(img/faces/f224b.png)
}

.unit._big .face._f205 {
    background-image: url(img/faces/f205b.png)
}

.unit._big .face._f204 {
    background-image: url(img/faces/f204b.png)
}

.unit._big .face._f203 {
    background-image: url(img/faces/f203b.png)
}

.unit._big .face._f225 {
    background-image: url(img/faces/f225b.png)
}

.unit._big .face._f101 {
    background-image: url(img/faces/f101b.png)
}

.unit._big .face._f102 {
    background-image: url(img/faces/f102b.png)
}

.unit._big .face._f103 {
    background-image: url(img/faces/f103b.png)
}

.unit._big .face._f104 {
    background-image: url(img/faces/f104b.png)
}

.unit._big .face._f126 {
    background-image: url(img/faces/f126b.png)
}

.unit._big .face._f121 {
    background-image: url(img/faces/f121b.png)
}

.unit._big .face._f122 {
    background-image: url(img/faces/f122b.png)
}

.unit._big .face._f124 {
    background-image: url(img/faces/f124b.png)
}

.unit._big .face._f123 {
    background-image: url(img/faces/f123b.png)
}

.unit._big .face._f125 {
    background-image: url(img/faces/f125b.png)
}

.unit._big .face._f141 {
    background-image: url(img/faces/f141b.png)
}

.unit._big .face._f142 {
    background-image: url(img/faces/f142b.png)
}

.unit._big .face._f143 {
    background-image: url(img/faces/f143b.png)
}

.unit._big .face._f144 {
    background-image: url(img/faces/f144b.png)
}

.unit._big .face._f145 {
    background-image: url(img/faces/f145b.png)
}

.unit._big .face._f146 {
    background-image: url(img/faces/f146b.png)
}

.unit._big .face._f147 {
    background-image: url(img/faces/f147b.png)
}

.unit._big .face._f241 {
    background-image: url(img/faces/f241b.png)
}

.unit._big .face._f242 {
    background-image: url(img/faces/f242b.png)
}

.unit._big .face._f243 {
    background-image: url(img/faces/f243b.png)
}

.unit._big .face._f244 {
    background-image: url(img/faces/f244b.png)
}

.unit._big .face._f247 {
    background-image: url(img/faces/f247b.png)
}

.unit._big .face._f245 {
    background-image: url(img/faces/f245b.png)
}

.unit._big .face._f246 {
    background-image: url(img/faces/f246b.png)
}

.unit._big .face._f226 {
    background-image: url(img/faces/f226b.png)
}

.unit._big .face._f301 {
    background-image: url(img/faces/f301b.png)
}

.unit._big .face._f302 {
    background-image: url(img/faces/f302b.png)
}

.unit._big .face._f303 {
    background-image: url(img/faces/f303b.png)
}

.unit._big .face._f324 {
    background-image: url(img/faces/f324b.png)
}

.unit._big .face._f304 {
    background-image: url(img/faces/f304b.png)
}

.unit._big .face._f305 {
    background-image: url(img/faces/f305b.png)
}

.unit._big .face._f321 {
    background-image: url(img/faces/f321b.png)
}

.unit._big .face._f322 {
    background-image: url(img/faces/f322b.png)
}

.unit._big .face._f323 {
    background-image: url(img/faces/f323b.png)
}

.unit._big .face._f325 {
    background-image: url(img/faces/f325b.png)
}

.unit._big .face._f326 {
    background-image: url(img/faces/f326b.png)
}

.unit._big .face._f341 {
    background-image: url(img/faces/f341b.png)
}

.unit._big .face._f342 {
    background-image: url(img/faces/f342b.png)
}

.unit._big .face._f343 {
    background-image: url(img/faces/f343b.png)
}

.unit._big .face._f344 {
    background-image: url(img/faces/f344b.png)
}

.unit._big .face._f345 {
    background-image: url(img/faces/f345b.png)
}

.unit._big .face._f346 {
    background-image: url(img/faces/f346b.png)
}

.unit._big .face._f347 {
    background-image: url(img/faces/f347b.png)
}

.unit._big .face._f401 {
    background-image: url(img/faces/f401b.png)
}

.unit._big .face._f402 {
    background-image: url(img/faces/f402b.png)
}

.unit._big .face._f403 {
    background-image: url(img/faces/f403b.png)
}

.unit._big .face._f404 {
    background-image: url(img/faces/f404b.png)
}

.unit._big .face._f405 {
    background-image: url(img/faces/f405b.png)
}

.unit._big .face._f406 {
    background-image: url(img/faces/f406b.png)
}

.unit._big .face._f421 {
    background-image: url(img/faces/f421b.png)
}

.unit._big .face._f422 {
    background-image: url(img/faces/f422b.png)
}

.unit._big .face._f423 {
    background-image: url(img/faces/f423b.png)
}

.unit._big .face._f424 {
    background-image: url(img/faces/f424b.png)
}

.unit._big .face._f425 {
    background-image: url(img/faces/f425b.png)
}

.unit._big .face._f426 {
    background-image: url(img/faces/f426b.png)
}

.unit._big .face._f441 {
    background-image: url(img/faces/f441b.png)
}

.unit._big .face._f442 {
    background-image: url(img/faces/f442b.png)
}

.unit._big .face._f443 {
    background-image: url(img/faces/f443b.png)
}

.unit._big .face._f444 {
    background-image: url(img/faces/f444b.png)
}

.unit._big .face._f445 {
    background-image: url(img/faces/f445b.png)
}

.unit._big .face._f446 {
    background-image: url(img/faces/f446b.png)
}

.unit._big .face._f601 {
    background-image: url(img/faces/f601b.png)
}

.unit._big .face._f602 {
    background-image: url(img/faces/f602b.png)
}

.unit._big .face._f603 {
    background-image: url(img/faces/f603b.png)
}

.unit._big .face._f604 {
    background-image: url(img/faces/f604b.png)
}

.unit._big .face._f605 {
    background-image: url(img/faces/f605b.png)
}

.unit._big .face._f606 {
    background-image: url(img/faces/f606b.png)
}

.unit._big .face._f607 {
    background-image: url(img/faces/f607b.png)
}

.unit._big .face._f621 {
    background-image: url(img/faces/f621b.png)
}

.unit._big .face._f622 {
    background-image: url(img/faces/f622b.png)
}

.unit._big .face._f623 {
    background-image: url(img/faces/f623b.png)
}

.unit._big .face._f624 {
    background-image: url(img/faces/f624b.png)
}

.unit._big .face._f625 {
    background-image: url(img/faces/f625b.png)
}

.unit._big .face._f626 {
    background-image: url(img/faces/f626b.png)
}

.unit._big .face._f627 {
    background-image: url(img/faces/f627b.png)
}

.unit._big .face._f641 {
    background-image: url(img/faces/f641b.png)
}

.unit._big .face._f642 {
    background-image: url(img/faces/f642b.png)
}

.unit._big .face._f643 {
    background-image: url(img/faces/f643b.png)
}

.unit._big .face._f644 {
    background-image: url(img/faces/f644b.png)
}

.unit._big .face._f645 {
    background-image: url(img/faces/f645b.png)
}

.unit._big .face._f646 {
    background-image: url(img/faces/f646b.png)
}

.unit._big .face._f647 {
    background-image: url(img/faces/f647b.png)
}

.unit._xs._white .face._f1 {
    background-image: url(img/faces_big/1_1.png)
}

.unit._xs._green .face._f1 {
    background-image: url(img/faces_big/1_2.png)
}

.unit._xs._blue .face._f1 {
    background-image: url(img/faces_big/1_3.png)
}

.unit._xs._purple .face._f1 {
    background-image: url(img/faces_big/1_4.png)
}

.unit._xs._red .face._f1 {
    background-image: url(img/faces_big/1_5.png)
}

.unit._xs._orange .face._f1 {
    background-image: url(img/faces_big/1_6.png)
}

.unit._xs._white .face._f2 {
    background-image: url(img/faces_big/2_1.png)
}

.unit._xs._green .face._f2 {
    background-image: url(img/faces_big/2_2.png)
}

.unit._xs._blue .face._f2 {
    background-image: url(img/faces_big/2_3.png)
}

.unit._xs._purple .face._f2 {
    background-image: url(img/faces_big/2_4.png)
}

.unit._xs._red .face._f2 {
    background-image: url(img/faces_big/2_5.png)
}

.unit._xs._orange .face._f2 {
    background-image: url(img/faces_big/2_6.png)
}

.unit._xs._white .face._f3 {
    background-image: url(img/faces_big/3_1.png)
}

.unit._xs._green .face._f3 {
    background-image: url(img/faces_big/3_2.png)
}

.unit._xs._blue .face._f3 {
    background-image: url(img/faces_big/3_3.png)
}

.unit._xs._purple .face._f3 {
    background-image: url(img/faces_big/3_4.png)
}

.unit._xs._red .face._f3 {
    background-image: url(img/faces_big/3_5.png)
}

.unit._xs._orange .face._f3 {
    background-image: url(img/faces_big/3_6.png)
}

.unit._xs._white .face._f4 {
    background-image: url(img/faces_big/4_1.png)
}

.unit._xs._green .face._f4 {
    background-image: url(img/faces_big/4_2.png)
}

.unit._xs._blue .face._f4 {
    background-image: url(img/faces_big/4_3.png)
}

.unit._xs._purple .face._f4 {
    background-image: url(img/faces_big/4_4.png)
}

.unit._xs._red .face._f4 {
    background-image: url(img/faces_big/4_5.png)
}

.unit._xs._orange .face._f4 {
    background-image: url(img/faces_big/4_6.png)
}

.unit._xs._white .face._f5 {
    background-image: url(img/faces_big/5_1.png)
}

.unit._xs._green .face._f5 {
    background-image: url(img/faces_big/5_2.png)
}

.unit._xs._blue .face._f5 {
    background-image: url(img/faces_big/5_3.png)
}

.unit._xs._purple .face._f5 {
    background-image: url(img/faces_big/5_4.png)
}

.unit._xs._red .face._f5 {
    background-image: url(img/faces_big/5_5.png)
}

.unit._xs._orange .face._f5 {
    background-image: url(img/faces_big/5_6.png)
}

.unit._xs._white .face._f6 {
    background-image: url(img/faces_big/6_1.png)
}

.unit._xs._green .face._f6 {
    background-image: url(img/faces_big/6_2.png)
}

.unit._xs._blue .face._f6 {
    background-image: url(img/faces_big/6_3.png)
}

.unit._xs._purple .face._f6 {
    background-image: url(img/faces_big/6_4.png)
}

.unit._xs._red .face._f6 {
    background-image: url(img/faces_big/6_5.png)
}

.unit._xs._orange .face._f6 {
    background-image: url(img/faces_big/6_6.png)
}

.unit._xs._white .face._f7 {
    background-image: url(img/faces_big/7_1.png)
}

.unit._xs._green .face._f7 {
    background-image: url(img/faces_big/7_2.png)
}

.unit._xs._blue .face._f7 {
    background-image: url(img/faces_big/7_3.png)
}

.unit._xs._purple .face._f7 {
    background-image: url(img/faces_big/7_4.png)
}

.unit._xs._red .face._f7 {
    background-image: url(img/faces_big/7_5.png)
}

.unit._xs._orange .face._f7 {
    background-image: url(img/faces_big/7_6.png)
}

.unit._xs._white .face._f8 {
    background-image: url(img/faces_big/8_1.png)
}

.unit._xs._green .face._f8 {
    background-image: url(img/faces_big/8_2.png)
}

.unit._xs._blue .face._f8 {
    background-image: url(img/faces_big/8_3.png)
}

.unit._xs._purple .face._f8 {
    background-image: url(img/faces_big/8_4.png)
}

.unit._xs._red .face._f8 {
    background-image: url(img/faces_big/8_5.png)
}

.unit._xs._orange .face._f8 {
    background-image: url(img/faces_big/8_6.png)
}

.unit._xs._white .face._f9 {
    background-image: url(img/faces_big/9_1.png)
}

.unit._xs._green .face._f9 {
    background-image: url(img/faces_big/9_2.png)
}

.unit._xs._blue .face._f9 {
    background-image: url(img/faces_big/9_3.png)
}

.unit._xs._purple .face._f9 {
    background-image: url(img/faces_big/9_4.png)
}

.unit._xs._red .face._f9 {
    background-image: url(img/faces_big/9_5.png)
}

.unit._xs._orange .face._f9 {
    background-image: url(img/faces_big/9_6.png)
}

.unit._xs._white .face._f10 {
    background-image: url(img/faces_big/10_1.png)
}

.unit._xs._green .face._f10 {
    background-image: url(img/faces_big/10_2.png)
}

.unit._xs._blue .face._f10 {
    background-image: url(img/faces_big/10_3.png)
}

.unit._xs._purple .face._f10 {
    background-image: url(img/faces_big/10_4.png)
}

.unit._xs._red .face._f10 {
    background-image: url(img/faces_big/10_5.png)
}

.unit._xs._orange .face._f10 {
    background-image: url(img/faces_big/10_6.png)
}

.unit._xs._white .face._f11 {
    background-image: url(img/faces_big/11_1.png)
}

.unit._xs._green .face._f11 {
    background-image: url(img/faces_big/11_2.png)
}

.unit._xs._blue .face._f11 {
    background-image: url(img/faces_big/11_3.png)
}

.unit._xs._purple .face._f11 {
    background-image: url(img/faces_big/11_4.png)
}

.unit._xs._red .face._f11 {
    background-image: url(img/faces_big/11_5.png)
}

.unit._xs._orange .face._f11 {
    background-image: url(img/faces_big/11_6.png)
}

.unit._xs._white .face._f12 {
    background-image: url(img/faces_big/12_1.png)
}

.unit._xs._green .face._f12 {
    background-image: url(img/faces_big/12_2.png)
}

.unit._xs._blue .face._f12 {
    background-image: url(img/faces_big/12_3.png)
}

.unit._xs._purple .face._f12 {
    background-image: url(img/faces_big/12_4.png)
}

.unit._xs._red .face._f12 {
    background-image: url(img/faces_big/12_5.png)
}

.unit._xs._orange .face._f12 {
    background-image: url(img/faces_big/12_6.png)
}

.unit._xs._white .face._f13 {
    background-image: url(img/faces_big/13_1.png)
}

.unit._xs._green .face._f13 {
    background-image: url(img/faces_big/13_2.png)
}

.unit._xs._blue .face._f13 {
    background-image: url(img/faces_big/13_3.png)
}

.unit._xs._purple .face._f13 {
    background-image: url(img/faces_big/13_4.png)
}

.unit._xs._red .face._f13 {
    background-image: url(img/faces_big/13_5.png)
}

.unit._xs._orange .face._f13 {
    background-image: url(img/faces_big/13_6.png)
}

.unit._xs._white .face._f14 {
    background-image: url(img/faces_big/14_1.png)
}

.unit._xs._green .face._f14 {
    background-image: url(img/faces_big/14_2.png)
}

.unit._xs._blue .face._f14 {
    background-image: url(img/faces_big/14_3.png)
}

.unit._xs._purple .face._f14 {
    background-image: url(img/faces_big/14_4.png)
}

.unit._xs._red .face._f14 {
    background-image: url(img/faces_big/14_5.png)
}

.unit._xs._orange .face._f14 {
    background-image: url(img/faces_big/14_6.png)
}

.unit._xs .face._f50 {
    background-image: url(img/faces_big/50.png)
}

.unit .rip {
    background-image: url(img/faces/rip.png) !important
}

.class {
    position: absolute;
    display: block;
    top: 42px;
    left: 47px;
    width: 21px;
    height: 21px;
    background-image: url(img/sprite/sprite_ico_class.png),url(img/sprite/sprite_bg_class.png);
    background-repeat: no-repeat,no-repeat;
    background-position: 4px 2px,0 0
}

.unit._big .class {
    top: 59px
}

.class._empty {
    background-position: -168px 2px,0 0
}

.class._cl1,.class._cl1._r1 {
    background-position: -15px 3px,0 0
}

.class._cl2,.class._cl2._r1 {
    background-position: -94px 2px,0 0
}

.class._cl3,.class._cl3._r1 {
    background-position: -135px 3px,0 0
}

.class._cl4,.class._cl4._r1 {
    background-position: -56px 4px,0 0
}

.class._cl5,.class._cl5._r1 {
    background-position: -74px 3px,0 0
}

.class._cl6,.class._cl6._r1 {
    background-position: 4px 2px,0 0
}

.class._cl7,.class._cl7._r1 {
    background-position: -116px 3px,0 0
}

.class._cl8,.class._cl8._r1 {
    background-position: -152px 3px,0 0
}

.class._cl9,.class._cl9._r1 {
    background-position: -36px 3px,0 0
}

.class._cl10,.class._cl10._r1 {
    background-position: -203px 2px,0 0
}

.class._cl11,.class._cl11._r1 {
    background-position: -185px 3px,0 0
}

.class._cl12,.class._cl12._r1 {
    background-position: -221px 3px,0 0
}

.class._cl13,.class._cl13._r1 {
    background-position: -241px 3px,0 0
}

.class._cl14,.class._cl14._r1 {
    background-position: -261px 3px,0 0
}

.unit._green .class._cl1,.class._cl1._r2 {
    background-position: -15px 3px,-30px 0
}

.unit._green .class._cl2,.class._cl2._r2 {
    background-position: -94px 2px,-30px 0
}

.unit._green .class._cl3,.class._cl3._r2 {
    background-position: -135px 3px,-30px 0
}

.unit._green .class._cl4,.class._cl4._r2 {
    background-position: -56px 4px,-30px 0
}

.unit._green .class._cl5,.class._cl5._r2 {
    background-position: -74px 3px,-30px 0
}

.unit._green .class._cl6,.class._cl6._r2 {
    background-position: 4px 2px,-30px 0
}

.unit._green .class._cl7,.class._cl7._r2 {
    background-position: -116px 3px,-30px 0
}

.unit._green .class._cl8,.class._cl8._r2 {
    background-position: -152px 3px,-30px 0
}

.unit._green .class._cl9,.class._cl9._r2 {
    background-position: -36px 3px,-30px 0
}

.unit._green .class._cl10,.class._cl10._r2 {
    background-position: -203px 2px,-30px 0
}

.unit._green .class._cl11,.class._cl11._r2 {
    background-position: -185px 3px,-30px 0
}

.unit._green .class._cl12,.class._cl12._r2 {
    background-position: -221px 3px,-30px 0
}

.unit._green .class._cl13,.class._cl13._r2 {
    background-position: -241px 3px,-30px 0
}

.unit._green .class._cl14,.class._cl14._r2 {
    background-position: -261px 3px,-30px 0
}

.unit._blue .class._cl1,.class._cl1._r3 {
    background-position: -15px 3px,-60px 0
}

.unit._blue .class._cl2,.class._cl2._r3 {
    background-position: -94px 2px,-60px 0
}

.unit._blue .class._cl3,.class._cl3._r3 {
    background-position: -135px 3px,-60px 0
}

.unit._blue .class._cl4,.class._cl4._r3 {
    background-position: -56px 4px,-60px 0
}

.unit._blue .class._cl5,.class._cl5._r3 {
    background-position: -74px 3px,-60px 0
}

.unit._blue .class._cl6,.class._cl6._r3 {
    background-position: 4px 2px,-60px 0
}

.unit._blue .class._cl7,.class._cl7._r3 {
    background-position: -116px 3px,-60px 0
}

.unit._blue .class._cl8,.class._cl8._r3 {
    background-position: -152px 3px,-60px 0
}

.unit._blue .class._cl9,.class._cl9._r3 {
    background-position: -36px 3px,-60px 0
}

.unit._blue .class._cl10,.class._cl10._r3 {
    background-position: -203px 2px,-60px 0
}

.unit._blue .class._cl11,.class._cl11._r3 {
    background-position: -185px 3px,-60px 0
}

.unit._blue .class._cl12,.class._cl12._r3 {
    background-position: -221px 3px,-60px 0
}

.unit._blue .class._cl13,.class._cl13._r3 {
    background-position: -241px 3px,-60px 0
}

.unit._blue .class._cl14,.class._cl14._r3 {
    background-position: -261px 3px,-60px 0
}

.unit._purple .class._cl1,.class._cl1._r4 {
    background-position: -15px 3px,-90px 0
}

.unit._purple .class._cl2,.class._cl2._r4 {
    background-position: -94px 2px,-90px 0
}

.unit._purple .class._cl3,.class._cl3._r4 {
    background-position: -135px 3px,-90px 0
}

.unit._purple .class._cl4,.class._cl4._r4 {
    background-position: -56px 4px,-90px 0
}

.unit._purple .class._cl5,.class._cl5._r4 {
    background-position: -74px 3px,-90px 0
}

.unit._purple .class._cl6,.class._cl6._r4 {
    background-position: 4px 2px,-90px 0
}

.unit._purple .class._cl7,.class._cl7._r4 {
    background-position: -116px 3px,-90px 0
}

.unit._purple .class._cl8,.class._cl8._r4 {
    background-position: -152px 3px,-90px 0
}

.unit._purple .class._cl9,.class._cl9._r4 {
    background-position: -36px 3px,-90px 0
}

.unit._purple .class._cl10,.class._cl10._r4 {
    background-position: -203px 2px,-90px 0
}

.unit._purple .class._cl11,.class._cl11._r4 {
    background-position: -185px 3px,-90px 0
}

.unit._purple .class._cl12,.class._cl12._r4 {
    background-position: -221px 3px,-90px 0
}

.unit._purple .class._cl13,.class._cl13._r4 {
    background-position: -241px 3px,-90px 0
}

.unit._purple .class._cl14,.class._cl14._r4 {
    background-position: -261px 3px,-90px 0
}

.unit._red .class._cl1,.class._cl1._r5 {
    background-position: -15px 3px,-119px 0
}

.unit._red .class._cl2,.class._cl2._r5 {
    background-position: -94px 2px,-119px 0
}

.unit._red .class._cl3,.class._cl3._r5 {
    background-position: -135px 3px,-119px 0
}

.unit._red .class._cl4,.class._cl4._r5 {
    background-position: -56px 4px,-119px 0
}

.unit._red .class._cl5,.class._cl5._r5 {
    background-position: -74px 3px,-119px 0
}

.unit._red .class._cl6,.class._cl6._r5 {
    background-position: 4px 2px,-119px 0
}

.unit._red .class._cl7,.class._cl7._r5 {
    background-position: -116px 3px,-119px 0
}

.unit._red .class._cl8,.class._cl8._r5 {
    background-position: -152px 3px,-119px 0
}

.unit._red .class._cl9,.class._cl9._r5 {
    background-position: -36px 3px,-119px 0
}

.unit._red .class._cl10,.class._cl10._r5 {
    background-position: -203px 2px,-119px 0
}

.unit._red .class._cl11,.class._cl11._r5 {
    background-position: -185px 3px,-119px 0
}

.unit._red .class._cl12,.class._cl12._r5 {
    background-position: -221px 3px,-119px 0
}

.unit._red .class._cl13,.class._cl13._r5 {
    background-position: -241px 3px,-119px 0
}

.unit._red .class._cl14,.class._cl14._r5 {
    background-position: -261px 3px,-119px 0
}

.unit._orange .class._cl1,.class._cl1._r6 {
    background-position: -15px 3px,-148px 0
}

.unit._orange .class._cl2,.class._cl2._r6 {
    background-position: -94px 2px,-148px 0
}

.unit._orange .class._cl3,.class._cl3._r6 {
    background-position: -135px 3px,-148px 0
}

.unit._orange .class._cl4,.class._cl4._r6 {
    background-position: -56px 4px,-148px 0
}

.unit._orange .class._cl5,.class._cl5._r6 {
    background-position: -74px 3px,-148px 0
}

.unit._orange .class._cl6,.class._cl6._r6 {
    background-position: 4px 2px,-148px 0
}

.unit._orange .class._cl7,.class._cl7._r6 {
    background-position: -116px 3px,-148px 0
}

.unit._orange .class._cl8,.class._cl8._r6 {
    background-position: -152px 3px,-148px 0
}

.unit._orange .class._cl9,.class._cl9._r6 {
    background-position: -36px 3px,-148px 0
}

.unit._orange .class._cl10,.class._cl10._r6 {
    background-position: -203px 2px,-148px 0
}

.unit._orange .class._cl11,.class._cl11._r6 {
    background-position: -185px 3px,-148px 0
}

.unit._orange .class._cl12,.class._cl12._r6 {
    background-position: -221px 3px,-148px 0
}

.unit._orange .class._cl13,.class._cl13._r6 {
    background-position: -241px 3px,-148px 0
}

.unit._orange .class._cl14,.class._cl14._r6 {
    background-position: -261px 3px,-148px 0
}

.class._cir._cl1._r1 {
    background-position: -15px 3px,0 -21px
}

.class._cir._cl2._r1 {
    background-position: -94px 2px,0 -21px
}

.class._cir._cl3._r1 {
    background-position: -135px 3px,0 -21px
}

.class._cir._cl4._r1 {
    background-position: -56px 4px,0 -21px
}

.class._cir._cl5._r1 {
    background-position: -74px 3px,0 -21px
}

.class._cir._cl6._r1 {
    background-position: 4px 2px,0 -21px
}

.class._cir._cl7._r1 {
    background-position: -116px 3px,0 -21px
}

.class._cir._cl8._r1 {
    background-position: -152px 3px,0 -21px
}

.class._cir._cl9._r1 {
    background-position: -36px 3px,0 -21px
}

.class._cir._cl10._r1 {
    background-position: -203px 2px,0 -21px
}

.class._cir._cl11._r1 {
    background-position: -185px 3px,0 -21px
}

.class._cir._cl12._r1 {
    background-position: -221px 3px,0 -21px
}

.class._cir._cl13._r1 {
    background-position: -241px 3px,0 -21px
}

.class._cir._cl14._r1 {
    background-position: -261px 3px,0 -21px
}

.class._cir._cl1._r2 {
    background-position: -15px 3px,-30px -21px
}

.class._cir._cl2._r2 {
    background-position: -94px 2px,-30px -21px
}

.class._cir._cl3._r2 {
    background-position: -135px 3px,-30px -21px
}

.class._cir._cl4._r2 {
    background-position: -56px 4px,-30px -21px
}

.class._cir._cl5._r2 {
    background-position: -74px 3px,-30px -21px
}

.class._cir._cl6._r2 {
    background-position: 4px 2px,-30px -21px
}

.class._cir._cl7._r2 {
    background-position: -116px 3px,-30px -21px
}

.class._cir._cl8._r2 {
    background-position: -152px 3px,-30px -21px
}

.class._cir._cl9._r2 {
    background-position: -36px 3px,-30px -21px
}

.class._cir._cl10._r2 {
    background-position: -203px 2px,-30px -21px
}

.class._cir._cl11._r2 {
    background-position: -185px 3px,-30px -21px
}

.class._cir._cl12._r2 {
    background-position: -221px 3px,-30px -21px
}

.class._cir._cl13._r2 {
    background-position: -241px 3px,-30px -21px
}

.class._cir._cl14._r2 {
    background-position: -261px 3px,-30px -21px
}

.class._cir._cl1._r3 {
    background-position: -15px 3px,-60px -21px
}

.class._cir._cl2._r3 {
    background-position: -94px 2px,-60px -21px
}

.class._cir._cl3._r3 {
    background-position: -135px 3px,-60px -21px
}

.class._cir._cl4._r3 {
    background-position: -56px 4px,-60px -21px
}

.class._cir._cl5._r3 {
    background-position: -74px 3px,-60px -21px
}

.class._cir._cl6._r3 {
    background-position: 4px 2px,-60px -21px
}

.class._cir._cl7._r3 {
    background-position: -116px 3px,-60px -21px
}

.class._cir._cl8._r3 {
    background-position: -152px 3px,-60px -21px
}

.class._cir._cl9._r3 {
    background-position: -36px 3px,-60px -21px
}

.class._cir._cl10._r3 {
    background-position: -203px 2px,-60px -21px
}

.class._cir._cl11._r3 {
    background-position: -185px 3px,-60px -21px
}

.class._cir._cl12._r3 {
    background-position: -221px 3px,-60px -21px
}

.class._cir._cl13._r3 {
    background-position: -241px 3px,-60px -21px
}

.class._cir._cl14._r3 {
    background-position: -261px 3px,-60px -21px
}

.class._cir._cl1._r4 {
    background-position: -15px 3px,-90px -21px
}

.class._cir._cl2._r4 {
    background-position: -94px 2px,-90px -21px
}

.class._cir._cl3._r4 {
    background-position: -135px 3px,-90px -21px
}

.class._cir._cl4._r4 {
    background-position: -56px 4px,-90px -21px
}

.class._cir._cl5._r4 {
    background-position: -74px 3px,-90px -21px
}

.class._cir._cl6._r4 {
    background-position: 4px 2px,-90px -21px
}

.class._cir._cl7._r4 {
    background-position: -116px 3px,-90px -21px
}

.class._cir._cl8._r4 {
    background-position: -152px 3px,-90px -21px
}

.class._cir._cl9._r4 {
    background-position: -36px 3px,-90px -21px
}

.class._cir._cl10._r4 {
    background-position: -203px 2px,-90px -21px
}

.class._cir._cl11._r4 {
    background-position: -185px 3px,-90px -21px
}

.class._cir._cl12._r4 {
    background-position: -221px 3px,-90px -21px
}

.class._cir._cl13._r4 {
    background-position: -241px 3px,-90px -21px
}

.class._cir._cl14._r4 {
    background-position: -261px 3px,-90px -21px
}

.class._cir._cl1._r5 {
    background-position: -15px 3px,-119px -21px
}

.class._cir._cl2._r5 {
    background-position: -94px 2px,-119px -21px
}

.class._cir._cl3._r5 {
    background-position: -135px 3px,-119px -21px
}

.class._cir._cl4._r5 {
    background-position: -56px 4px,-119px -21px
}

.class._cir._cl5._r5 {
    background-position: -74px 3px,-119px -21px
}

.class._cir._cl6._r5 {
    background-position: 4px 2px,-119px -21px
}

.class._cir._cl7._r5 {
    background-position: -116px 3px,-119px -21px
}

.class._cir._cl8._r5 {
    background-position: -152px 3px,-119px -21px
}

.class._cir._cl9._r5 {
    background-position: -36px 3px,-119px -21px
}

.class._cir._cl10._r5 {
    background-position: -203px 2px,-119px -21px
}

.class._cir._cl11._r5 {
    background-position: -185px 3px,-119px -21px
}

.class._cir._cl12._r5 {
    background-position: -221px 3px,-119px -21px
}

.class._cir._cl13._r5 {
    background-position: -241px 3px,-119px -21px
}

.class._cir._cl14._r5 {
    background-position: -261px 3px,-119px -21px
}

.unit._boss .class._cl1 {
    background-position: -15px 3px,-148px 0
}

.unit._boss .class._cl2 {
    background-position: -94px 2px,-148px 0
}

.unit._boss .class._cl3 {
    background-position: -135px 3px,-148px 0
}

.unit._boss .class._cl4 {
    background-position: -56px 4px,-148px 0
}

.unit._boss .class._cl5 {
    background-position: -74px 3px,-148px 0
}

.unit._boss .class._cl6 {
    background-position: 4px 2px,-148px 0
}

.unit._boss .class._cl7 {
    background-position: -116px 3px,-148px 0
}

.unit._boss .class._cl8 {
    background-position: -152px 3px,-148px 0
}

.unit._boss .class._cl9 {
    background-position: -36px 3px,-148px 0
}

.unit._boss .class._cl10 {
    background-position: -203px 2px,-148px 0
}

.unit._boss .class._cl11 {
    background-position: -185px 3px,-148px 0
}

.unit._boss .class._cl12 {
    background-position: -221px 3px,-148px 0
}

.unit._boss .class._cl13 {
    background-position: -241px 3px,-148px 0
}

.unit._boss .class._cl14 {
    background-position: -261px 3px,-148px 0
}

.unit .level {
    position: absolute;
    display: block;
    top: 0;
    left: 56px;
    width: 20px;
    height: 20px;
    padding-top: 4px;
    text-align: center;
    font-size: 11px;
    background: url(img/sprite/sprite_units_level.png) no-repeat;
    font-style: normal
}

.unit._white .level {
    background-position: 0 0;
    color: #fff
}

.unit._green .level {
    background-position: -30px 0;
    color: #0f0
}

.unit._blue .level {
    background-position: -60px 0;
    color: #71e8f8
}

.unit._purple .level {
    background-position: -90px 0;
    color: #ff52ff
}

.unit._red .level {
    background-position: -120px 0;
    color: #ff7412
}

.unit._orange .level {
    background-position: -150px 0;
    color: #ff7412
}

._ranks {
    width: 15px;
    height: 15px;
    background-image: url(img/sprite/ranks.png);
    background-repeat: no-repeat;
    display: block;
    margin-bottom: 2px
}

._ranks.s {
    background-position: 0 0
}

._ranks.s0 {
    background-position: 0 0
}

._ranks.s1 {
    background-position: 0 -15px
}

._ranks.s2 {
    background-position: 0 -30px;
    width: 30px
}

._ranks.s3 {
    background-position: 0 -45px;
    width: 41px
}

._ranks.s4 {
    background-position: 0 -60px;
    width: 56px
}

._ranks.s5 {
    background-position: 0 -75px;
    width: 71px
}

._ranks_mini {
    width: 14px;
    height: 14px;
    background-image: url(img/sprite/ranks_mini.png);
    background-repeat: no-repeat;
    display: block
}

._ranks_mini.s {
    background-position: 0 15px
}

._ranks_mini.s0 {
    background-position: 0 15px
}

._ranks_mini.s1 {
    background-position: 0 0;
    width: 16px
}

._ranks_mini.s2 {
    background-position: 0 -14px;
    width: 27px
}

._ranks_mini.s3 {
    background-position: 0 -28px;
    width: 38px
}

._ranks_mini.s4 {
    background-position: 0 -42px;
    width: 49px
}

._ranks_mini.s5 {
    background-position: 0 -56px;
    width: 60px
}

.delta {
    position: absolute;
    display: block;
    top: 24px;
    width: 76px;
    height: 39px;
    padding: 16px 31px 0 0;
    background-image: none,url(img/sprite/sprite_unit_delta_bg.png);
    background-position: 47px 14px,0 0;
    background-repeat: no-repeat,no-repeat;
    font-size: 13px;
    font-style: normal;
    text-align: right;
    text-shadow: 1px 1px 1px #000
}

.delta._slip {
    padding-right: 10px
}

.delta._down {
    color: red
}

.delta._up {
    color: #00ff18;
    background-position: 47px 14px,0 -39px
}

.delta._sp1 {
    background-image: url(img/skills/b1.png),url(img/sprite/sprite_unit_delta_bg.png)
}

.delta._sp2 {
    background-image: url(img/skills/b2.png),url(img/sprite/sprite_unit_delta_bg.png)
}

.delta._sp3 {
    background-image: url(img/skills/b3.png),url(img/sprite/sprite_unit_delta_bg.png)
}

.delta._sp4 {
    background-image: url(img/skills/b4.png),url(img/sprite/sprite_unit_delta_bg.png)
}

.delta._sp5 {
    background-image: url(img/skills/b5.png),url(img/sprite/sprite_unit_delta_bg.png)
}

.delta._sp6 {
    background-image: url(img/skills/b6.png),url(img/sprite/sprite_unit_delta_bg.png)
}

.delta._sp7 {
    background-image: url(img/skills/b7.png),url(img/sprite/sprite_unit_delta_bg.png)
}

.delta._sp8 {
    background-image: url(img/skills/b8.png),url(img/sprite/sprite_unit_delta_bg.png)
}

.delta._sp9 {
    background-image: url(img/skills/b9.png),url(img/sprite/sprite_unit_delta_bg.png)
}

.delta._sp10 {
    background-image: url(img/skills/b10.png),url(img/sprite/sprite_unit_delta_bg.png)
}

.delta._sp11 {
    background-image: url(img/skills/b11.png),url(img/sprite/sprite_unit_delta_bg.png)
}

.delta._sp12 {
    background-image: url(img/skills/b12.png),url(img/sprite/sprite_unit_delta_bg.png)
}

.delta._sp13 {
    background-image: url(img/skills/b13.png),url(img/sprite/sprite_unit_delta_bg.png)
}

.delta._sp14 {
    background-image: url(img/skills/b14.png),url(img/sprite/sprite_unit_delta_bg.png)
}

.delta._sp15 {
    background-image: url(img/skills/b15.png),url(img/sprite/sprite_unit_delta_bg.png)
}

.delta._sp16 {
    background-image: url(img/skills/b16.png),url(img/sprite/sprite_unit_delta_bg.png)
}

.delta._sp17 {
    background-image: url(img/skills/b17.png),url(img/sprite/sprite_unit_delta_bg.png)
}

.delta._sp31 {
    background-image: url(img/skills/b31.png),url(img/sprite/sprite_unit_delta_bg.png)
}

.delta._sp33 {
    background-image: url(img/skills/b33.png),url(img/sprite/sprite_unit_delta_bg.png)
}

.delta._sp37 {
    background-image: url(img/skills/b37.png),url(img/sprite/sprite_unit_delta_bg.png)
}

.unit .delta {
    top: 24px
}

.unit._enemy .delta {
    padding: 16px 0 0 31px;
    text-align: left
}

.unit._enemy .delta._down {
    background-position: 0 14px,0 -80px
}

.unit._enemy .delta._up {
    background-position: 0 14px,0 -119px
}

.wunit .unit {
    display: block;
    margin: auto
}

.wunit .health_bar {
    width: 60px;
    height: 4px;
    margin: 1px auto 0;
    background: url(img/sprite/sprite_health.png) 0 -16px repeat-x
}

.wunit .health_bar div {
    float: left;
    height: 4px;
    background: url(img/sprite/sprite_health.png) repeat-x
}

.wunit .health_bar .armor {
    background-position: 0 0
}

.wunit .health_bar .armor_delta {
    background-position: 0 -4px
}

.wunit .health_bar .health {
    background-position: 0 -8px
}

.wunit .health_bar .health_delta {
    background-position: 0 -12px;
    max-width: 100%
}

.skill {
    display: block;
    width: 60px;
    height: 40px;
    margin: auto;
    background-repeat: no-repeat;
    color: #fff
}

.skill._s1 {
    background-image: url(img/skills/1.png)
}

.skill._s2 {
    background-image: url(img/skills/2.png)
}

.skill._s3 {
    background-image: url(img/skills/3.png)
}

.skill._s4 {
    background-image: url(img/skills/4.png)
}

.skill._s5 {
    background-image: url(img/skills/5.png)
}

.skill._s6 {
    background-image: url(img/skills/6.png)
}

.skill._s7 {
    background-image: url(img/skills/7.png)
}

.skill._s8 {
    background-image: url(img/skills/8.png)
}

.skill._s9 {
    background-image: url(img/skills/9.png)
}

.skill._s10 {
    background-image: url(img/skills/10.png)
}

.skill._s11 {
    background-image: url(img/skills/11.png)
}

.skill._s12 {
    background-image: url(img/skills/12.png)
}

.skill._s13 {
    background-image: url(img/skills/13.png)
}

.skill._s14 {
    background-image: url(img/skills/14.png)
}

.skill._s15 {
    background-image: url(img/skills/15.png)
}

.skill._s16 {
    background-image: url(img/skills/16.png)
}

.skill._s17 {
    background-image: url(img/skills/17.png)
}

.skill._s_crit_a {
    background-image: url(img/skills/crit_a.png)
}

.skill._s_crit_h {
    background-image: url(img/skills/crit_h.png)
}

.skill_name {
    margin-top: 1px;
    text-align: center;
    font-size: 11px;
    color: #34497b
}

.skill_name._a {
    color: #f5270d
}

.skill_name._h {
    color: #00e3ff
}

.event_skill {
    position: absolute;
    display: block;
    top: -17px;
    left: 0;
    width: 100%;
    height: 73px
}

.event_skill._e1._s1 {
    background-image: url(img/events/event_1/skill_1.png)
}

.event_skill._e1._s2 {
    background-image: url(img/events/event_1/skill_2.png)
}

.event_skill._e1._s3 {
    background-image: url(img/events/event_1/skill_3.png)
}

.event_skill._e1._sleep {
    background-image: url(img/events/event_1/skill_sleep.png)
}

.event_skill._sleep span {
    position: absolute;
    top: 9px;
    left: 14px;
    color: #f9f9f9;
    text-shadow: 1px 1px 1px #0f8bd3;
    font-style: normal;
    font-weight: bold
}

.event_skill._e2._s1 {
    background-image: url(img/events/event_2/skill_1.png)
}

.event_skill._e2._s2 {
    background-image: url(img/events/event_2/skill_2.png)
}

.event_skill._e2._s3 {
    background-image: url(img/events/event_2/skill_3.png)
}

.event_skill._e2._s4 {
    background-image: url(img/events/event_2/skill_4.png)
}

.event_skill._e2._s5 {
    background-image: url(img/events/event_2/skill_5.png)
}

.event_skill._e2._s6 {
    background-image: url(img/events/event_2/skill_6.png)
}

.event_skill._e2._weakness {
    background-image: url(img/events/event_2/skill_s6.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 4px;
    left: 4px
}

.event_skill._e3._s1 {
    background-image: url(img/events/event_3/skill_1.png)
}

.event_skill._e3._s2 {
    background-image: url(img/events/event_3/skill_2.png)
}

.event_skill._e3._s3 {
    background-image: url(img/events/event_3/skill_3.png)
}

.event_skill._e3._s4 {
    background-image: url(img/events/event_3/skill_4.png)
}

.medal {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat
}

.medal._empty {
    background: url(img/bg_squares/bg_sq_empty.png) no-repeat
}

.medal._cl1 {
    background: url(img/bg_squares/bg_sq_1.png) no-repeat
}

.medal._cl2 {
    background: url(img/bg_squares/bg_sq_2.png) no-repeat
}

.medal._cl3 {
    background: url(img/bg_squares/bg_sq_3.png) no-repeat
}

.medal._cl4 {
    background: url(img/bg_squares/bg_sq_4.png) no-repeat
}

.medal._cl5 {
    background: url(img/bg_squares/bg_sq_5.png) no-repeat
}

.medal._cl6 {
    background: url(img/bg_squares/bg_sq_6.png) no-repeat
}

.medal span {
    position: absolute;
    z-index: 2;
    color: #fff;
    top: 32px;
    right: 0;
    margin-right: 5px
}

.medal i {
    display: block;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat
}

.medal._m1 i {
    background-image: url(img/medals/1.png)
}

.medal._m2 i {
    background-image: url(img/medals/2.png)
}

.medal._m3 i {
    background-image: url(img/medals/3.png)
}

.medal._m4 i {
    background-image: url(img/medals/4.png)
}

.medal._m5 i {
    background-image: url(img/medals/5.png)
}

.medal._m6 i {
    background-image: url(img/medals/6.png)
}

.medal._m7 i {
    background-image: url(img/medals/7.png)
}

.clan_experience {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px
}

.clan_experience span {
    position: absolute;
    z-index: 2;
    color: #fff;
    top: 32px;
    right: 0;
    margin-right: 5px
}

.clan_experience i {
    display: block;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat
}

.clan_experience._id1 i {
    background-image: url(img/coins/exp.png)
}

.hero_detail {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px
}

.hero_detail span {
    position: absolute;
    z-index: 2;
    color: #fff;
    top: 32px;
    right: 0;
    margin-right: 5px
}

.hero_detail i {
    display: block;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat
}

.hero_detail._id1 i {
    background-image: url(img/faces_construct/construct1.png)
}

.hero_detail._id2 i {
    background-image: url(img/faces_construct/construct2.png)
}

.hero_detail._id3 i {
    background-image: url(img/faces_construct/construct3.png)
}

.hero_detail._id4 i {
    background-image: url(img/faces_construct/construct4.png)
}

.hero_detail._id5 i {
    background-image: url(img/faces_construct/construct5.png)
}

.hero_detail._id6 i {
    background-image: url(img/faces_construct/construct6.png)
}

.hero_detail._id7 i {
    background-image: url(img/faces_construct/construct7.png)
}

.hero_detail._id8 i {
    background-image: url(img/faces_construct/construct8.png)
}

.hero_detail._id9 i {
    background-image: url(img/faces_construct/construct9.png)
}

.hero_detail._id10 i {
    background-image: url(img/faces_construct/construct10.png)
}

.hero_detail._id11 i {
    background-image: url(img/faces_construct/construct11.png)
}

.hero_detail._id12 i {
    background-image: url(img/faces_construct/construct12.png)
}

.hero_detail._id13 i {
    background-image: url(img/faces_construct/construct13.png)
}

.hero_detail._id14 i {
    background-image: url(img/faces_construct/construct14.png)
}

.energy_box {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(img/bg_squares/bg_sq_3.png) no-repeat
}

.energy_box span {
    position: absolute;
    z-index: 2;
    color: #fff;
    top: 32px;
    right: 0;
    margin-right: 5px
}

.energy_box i {
    display: block;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat
}

.energy_box._id1 i {
    background-image: url(img/energy_boxes/1.png)
}

.energy_box._id2 i {
    background-image: url(img/energy_boxes/2.png)
}

.energy_box._id3 i {
    background-image: url(img/energy_boxes/3.png)
}

.energy_box._id4 i {
    background-image: url(img/energy_boxes/4.png)
}

.ticket {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px
}

.ticket span {
    position: absolute;
    z-index: 2;
    color: #fff;
    top: 32px;
    right: 0;
    margin-right: 5px
}

.ticket i {
    display: block;
    width: 50px;
    height: 50px
}

.ticket._arena {
    background: url(img/bg_squares/bg_sq_1.png) no-repeat
}

.ticket._arena i {
    background-image: url(img/tickets/arena.png)
}

.ticket._lair {
    background: url(img/bg_squares/bg_sq_5.png) no-repeat
}

.ticket._lair i {
    background-image: url(img/tickets/lair.png)
}

.ticket_info {
    margin: 5px 5px 0;
    color: #888d96
}

.ticket_info .fl {
    width: 50px
}

.ticket_info .info {
    width: auto;
    margin-left: 55px
}

.ticket_info .info p {
    display: table-cell;
    height: 50px;
    width: 999px;
    vertical-align: middle;
    text-align: center
}

.ticket_info .btn {
    margin: 0
}

.res_item {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px
}

.res_item i {
    display: block;
    width: 50px;
    height: 50px
}

.res_item._dust {
    background: url(img/bg_squares/bg_sq_1.png) no-repeat
}

.res_item._dust i {
    background-image: url(img/grind/dust.png)
}

.realItem {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(img/bg_squares/bg_sq_4.png) no-repeat
}

.realItem span {
    position: absolute;
    z-index: 2;
    color: #fff;
    top: 32px;
    right: 0;
    margin-right: 5px
}

.realItem i {
    display: block;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat
}

.realItem._id1 i {
    background: url(img/reals/1.png)
}

.realItem._id2 i {
    background: url(img/reals/2.png)
}

.realItem._id3 i {
    background: url(img/reals/3.png)
}

.realItem._id4 i {
    background: url(img/reals/4.png)
}

.realItem._id5 i {
    background: url(img/reals/5.png)
}

.realItemType {
    width: 77px;
    height: 22px;
    position: relative !important
}

.realItemType i {
    width: 77px;
    height: 22px;
    margin-top: -60px;
    margin-left: -13px;
    padding-top: 7px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 80%;
    font-style: normal
}

.realItemType._id0 i {
    background: 0;
    display: none
}

.realItemType._id1 i {
    background: url(img/shop/t1.png) no-repeat top;
    color: #94f56a
}

.realItemType._id2 i {
    background: url(img/shop/t2.png) no-repeat top;
    color: #ffe282
}

.coinsItem {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(img/bg_squares/bg_sq_1.png) no-repeat
}

.coinsItem i {
    display: block;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background: url(img/coins/1.png)
}

.boot {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(img/bg_squares/bg_sq_4.png) no-repeat
}

.boot i {
    display: block;
    width: 50px;
    height: 50px;
    background: url(img/img_boot.png) no-repeat
}

.boot span {
    position: absolute;
    z-index: 2;
    color: #fff;
    top: 32px;
    right: 0;
    margin-right: 5px
}

.chest {
    position: relative;
    display: inline-block;
    width: 58px;
    height: 57px
}

.cheat._l {
    background-position: 0 0
}

.chest._r {
    background-position: 0 -100px
}

.chest i {
    display: block;
    width: 58px;
    height: 57px;
    background-position: center center;
    background-repeat: no-repeat
}

.chest._id1 i {
    background-image: url(img/chests/1.png)
}

.chest._id2 i {
    background-image: url(img/chests/2.png)
}

.chest._id3 i {
    background-image: url(img/chests/3.png)
}

.chest._id4 i {
    background-image: url(img/chests/4.png)
}

.chest._id5 i {
    background-image: url(img/chests/5.png)
}

.tower_bonus {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px
}

.tower_bonus._lock {
    background: url(img/clans/bg_bonus_lock.jpg) no-repeat
}

.tower_bonus._buildings_bg {
    background: url(img/clans/buildings/bg.png) no-repeat
}

.tower_bonus._buildings_bg ._building {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px
}

.tower_bonus._buildings_bg._cl1 {
    background: url(img/bg_squares/bg_sq_1.png) no-repeat
}

.tower_bonus._buildings_bg._cl2 {
    background: url(img/bg_squares/bg_sq_2.png) no-repeat
}

.tower_bonus._buildings_bg._cl3 {
    background: url(img/bg_squares/bg_sq_3.png) no-repeat
}

.tower_bonus._buildings_bg._cl4 {
    background: url(img/bg_squares/bg_sq_4.png) no-repeat
}

.tower_bonus._buildings_bg._cl5 {
    background: url(img/bg_squares/bg_sq_5.png) no-repeat
}

.tower_bonus._buildings_bg._cl6 {
    background: url(img/bg_squares/bg_sq_6.png) no-repeat
}

.tower_bonus._buildings_bg ._building._1 {
    background: url(img/clans/buildings/1.png) no-repeat
}

.tower_bonus._buildings_bg ._building._2 {
    background: url(img/clans/buildings/2.png) no-repeat
}

.tower_bonus._buildings_bg ._building._3 {
    background: url(img/clans/buildings/3.png) no-repeat
}

.tower_bonus._buildings_bg ._building._4 {
    background: url(img/clans/buildings/4.png) no-repeat
}

.tower_bonus._buildings_bg ._building._5 {
    background: url(img/clans/buildings/5.png) no-repeat
}

.tower_bonus._buildings_bg ._building._6 {
    background: url(img/clans/buildings/6.png) no-repeat
}

.tower_bonus._buildings_bg ._building._7 {
    background: url(img/clans/buildings/7.png) no-repeat
}

.tower_bonus._buildings_bg ._building._8 {
    background: url(img/clans/buildings/8.png) no-repeat
}

.tower_bonus._buildings_bg ._building._9 {
    background: url(img/clans/buildings/9.png) no-repeat
}

.tower_bonus._buildings_bg ._building._10 {
    background: url(img/clans/buildings/10.png) no-repeat
}

.tower_bonus._buildings_bg ._building._11 {
    background: url(img/clans/buildings/11.png) no-repeat
}

.tower_bonus._buildings_bg ._building._12 {
    background: url(img/clans/buildings/12.png) no-repeat
}

.tower_bonus._buildings_bg ._building._13 {
    background: url(img/clans/buildings/13.png) no-repeat
}

.tower_bonus._buildings_bg ._building._14 {
    background: url(img/clans/buildings/14.png) no-repeat
}

.tower_bonus._buildings_bg ._building._15 {
    background: url(img/clans/buildings/15.png) no-repeat
}

.tower_bonus._buildings_bg ._building._16 {
    background: url(img/clans/buildings/16.png) no-repeat
}

.tower_bonus._buildings_bg ._building._17 {
    background: url(img/clans/buildings/17.png) no-repeat
}

.tower_bonus._buildings_bg ._building._18 {
    background: url(img/clans/buildings/18.png) no-repeat
}

.tower_bonus._buildings_bg ._building._19 {
    background: url(img/clans/buildings/19.png) no-repeat
}

.tower_bonus._buildings_bg ._building._20 {
    background: url(img/clans/buildings/20.png) no-repeat
}

.tower_bonus ._close {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(img/clans/buildings/close.png) no-repeat !important;
    opacity: .7
}

.tower_bonus ._plus {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(img/clans/buildings/plus.png) no-repeat !important
}

.building_class {
    position: relative;
    display: inline-block;
    top: -2px;
    width: 13px;
    height: 13px;
    margin-right: 2px;
    vertical-align: middle;
    background: url(img/sprite/sprite_artefact_class.png) no-repeat
}

.building_class._cl1 {
    background-position: 0 0
}

.building_class._cl2 {
    background-position: -60px 0
}

.building_class._cl3 {
    background-position: -45px 0
}

.building_class._cl4 {
    background-position: -30px 0
}

.building_class._cl5 {
    background-position: -15px 0
}

.building_class._cl6 {
    background-position: -75px 0
}

.building_color._cl1 {
    color: #9ca2aa
}

.building_color._cl2 {
    color: #738704
}

.building_color._cl2 {
    color: #738704
}

.building_color._cl3 {
    color: #4776d4
}

.building_color._cl4 {
    color: #8926ff
}

.building_color._cl5 {
    color: #ff7412
}

.building_color._cl6 {
    color: red
}

.tower {
    display: inline-block;
    width: 110px;
    height: 110px;
    background-repeat: no-repeat,no-repeat;
    background-position: 0 0,0 0
}

.tower._cid1._id1 {
    background-image: url(img/clans/bg_border_clan_tower.png),url(img/clans/1/b1.jpg)
}

.tower._cid1._id2 {
    background-image: url(img/clans/bg_border_clan_tower.png),url(img/clans/1/b2.jpg)
}

.tower._cid1._id3 {
    background-image: url(img/clans/bg_border_clan_tower.png),url(img/clans/1/b3.jpg)
}

.tower._cid1._id4 {
    background-image: url(img/clans/bg_border_clan_tower.png),url(img/clans/1/b4.jpg)
}

.tower._cid1._id6 {
    background-image: url(img/clans/bg_border_clan_tower.png),url(img/clans/1/b6.jpg)
}

.tower._cid2._id1 {
    background-image: url(img/clans/bg_border_clan_tower.png),url(img/clans/2/b1.jpg)
}

.tower._cid2._id2 {
    background-image: url(img/clans/bg_border_clan_tower.png),url(img/clans/2/b2.jpg)
}

.tower._cid2._id3 {
    background-image: url(img/clans/bg_border_clan_tower.png),url(img/clans/2/b3.jpg)
}

.tower._cid2._id4 {
    background-image: url(img/clans/bg_border_clan_tower.png),url(img/clans/2/b4.jpg)
}

.tower._cid2._id6 {
    background-image: url(img/clans/bg_border_clan_tower.png),url(img/clans/2/b6.jpg)
}

.tower._cid3._id1 {
    background-image: url(img/clans/bg_border_clan_tower.png),url(img/clans/3/b1.jpg)
}

.tower._cid3._id2 {
    background-image: url(img/clans/bg_border_clan_tower.png),url(img/clans/3/b2.jpg)
}

.tower._cid3._id3 {
    background-image: url(img/clans/bg_border_clan_tower.png),url(img/clans/3/b3.jpg)
}

.tower._cid3._id4 {
    background-image: url(img/clans/bg_border_clan_tower.png),url(img/clans/3/b4.jpg)
}

.tower._cid3._id6 {
    background-image: url(img/clans/bg_border_clan_tower.png),url(img/clans/3/b6.jpg)
}

.tab {
    position: relative;
    display: block;
    height: 23px;
    text-align: center;
    font-size: 13px;
    color: #9da3ab;
    background: url(img/sprite/sprite_tabs.png),url(img/sprite/sprite_tabs.png);
    background-repeat: no-repeat,no-repeat;
    background-position: 0 0,right -23px;
    transition: color 0.2s ease-in-out;
}

.tab._active {
    color: #92ace4;
    background-position: 0 -46px,right -69px;
    text-shadow: 0 0 3px rgba(146, 172, 228, 0.4);
}

.tab>span {
    display: inline-block;
    margin-top: 5px
}

.tab_group {
    display: table;
    table-layout: fixed;
    width: 100%
}

.tab_group .tab {
    display: table-cell;
    margin: 0;
    border-left: 1px solid #030409;
    border-right: 1px solid #030409
}

.tab_group .tab:first-child {
    border: 0
}

.tab_group .tab:last-child {
    border: 0
}

.plus {
    position: relative;
    display: inline-block;
    float: right;
    top: 10px;
    width: 17px;
    height: 17px;
    margin-right: 15px;
    background: url(img/ico_plus.png) no-repeat
}

.plus_team {
    position: relative;
    display: inline-block;
    float: right;
    top: 62px;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    background: url(img/ico_plus.png) no-repeat
}

.ava {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    top: -1px;
    width: 20px;
    height: 20px
}

.ava._big {
    position: inherit;
    vertical-align: inherit;
    top: 0;
    width: 50px;
    height: 50px
}

.login._offline {
    opacity: .3
}

.ava._offline {
    opacity: .3
}

.ava._id100 {
    background-image: url(img/avatars/admin.png)
}

.ava._id101 {
    background-image: url(img/avatars/moder.png)
}

.ava._id1 {
    background-image: url(img/avatars/1.png)
}

.ava._id2 {
    background-image: url(img/avatars/2.png)
}

.ava._id3 {
    background-image: url(img/avatars/3.png)
}

.ava._id4 {
    background-image: url(img/avatars/4.png)
}

.ava._id5 {
    background-image: url(img/avatars/5.png)
}

.ava._id6 {
    background-image: url(img/avatars/6.png)
}

.ava._id7 {
    background-image: url(img/avatars/7.png)
}

.ava._id8 {
    background-image: url(img/avatars/8.png)
}

.ava._id9 {
    background-image: url(img/avatars/9.png)
}

.ava._id10 {
    background-image: url(img/avatars/10.png)
}

.ava._id11 {
    background-image: url(img/avatars/11.png)
}

.ava._id12 {
    background-image: url(img/avatars/12.png)
}

.ava._id13 {
    background-image: url(img/avatars/13.png)
}

.ava._id14 {
    background-image: url(img/avatars/14.png)
}

.ava._id15 {
    background-image: url(img/avatars/15.png)
}

.ava._id16 {
    background-image: url(img/avatars/16.png)
}

.ava._id17 {
    background-image: url(img/avatars/17.png)
}

.ava._id18 {
    background-image: url(img/avatars/18.png)
}

.ava._id19 {
    background-image: url(img/avatars/19.png)
}

.ava._id20 {
    background-image: url(img/avatars/20.png)
}

.ava._id21 {
    background-image: url(img/avatars/21.png)
}

.ava._id22 {
    background-image: url(img/avatars/22.png)
}

.ava._id23 {
    background-image: url(img/avatars/23.png)
}

.ava._id24 {
    background-image: url(img/avatars/24.png)
}

.ava._id25 {
    background-image: url(img/avatars/25.png)
}

.ava._id26 {
    background-image: url(img/avatars/26.png)
}

.ava._id27 {
    background-image: url(img/avatars/27.png)
}

.ava._id28 {
    background-image: url(img/avatars/28.png)
}

.ava._id29 {
    background-image: url(img/avatars/29.png)
}

.ava._id30 {
    background-image: url(img/avatars/30.png)
}

.ava._id31 {
    background-image: url(img/avatars/31.png)
}

.ava._id32 {
    background-image: url(img/avatars/32.png)
}

.ava._id33 {
    background-image: url(img/avatars/33.png)
}

.ava._id34 {
    background-image: url(img/avatars/34.png)
}

.ava._id35 {
    background-image: url(img/avatars/35.png)
}

.ava._id36 {
    background-image: url(img/avatars/36.png)
}

.ava._id37 {
    background-image: url(img/avatars/37.png)
}

.ava._id38 {
    background-image: url(img/avatars/38.png)
}

.ava._id39 {
    background-image: url(img/avatars/39.png)
}

.ava._id40 {
    background-image: url(img/avatars/40.png)
}

.ava._id41 {
    background-image: url(img/avatars/41.png)
}

.ava._id42 {
    background-image: url(img/avatars/42.png)
}

.ava._id43 {
    background-image: url(img/avatars/43.png)
}

.ava._id44 {
    background-image: url(img/avatars/44.png)
}

.ava._id45 {
    background-image: url(img/avatars/45.png)
}

.ava._id46 {
    background-image: url(img/avatars/46.png)
}

.ava._id47 {
    background-image: url(img/avatars/47.png)
}

.ava._id48 {
    background-image: url(img/avatars/48.png)
}

.ava._id49 {
    background-image: url(img/avatars/49.png)
}

.ava._id50 {
    background-image: url(img/avatars/50.png)
}

.ava._id51 {
    background-image: url(img/avatars/51.png)
}

.ava._id52 {
    background-image: url(img/avatars/52.png)
}

.ava._id53 {
    background-image: url(img/avatars/53.png)
}

.ava._big._id100 {
    background-image: url(img/avatars/b_admin.png)
}

.ava._big._id101 {
    background-image: url(img/avatars/b_moder.png)
}

.ava._big._id1 {
    background-image: url(img/avatars/b1.png)
}

.ava._big._id2 {
    background-image: url(img/avatars/b2.png)
}

.ava._big._id3 {
    background-image: url(img/avatars/b3.png)
}

.ava._big._id4 {
    background-image: url(img/avatars/b4.png)
}

.ava._big._id5 {
    background-image: url(img/avatars/b5.png)
}

.ava._big._id6 {
    background-image: url(img/avatars/b6.png)
}

.ava._big._id7 {
    background-image: url(img/avatars/b7.png)
}

.ava._big._id8 {
    background-image: url(img/avatars/b8.png)
}

.ava._big._id9 {
    background-image: url(img/avatars/b9.png)
}

.ava._big._id10 {
    background-image: url(img/avatars/b10.png)
}

.ava._big._id11 {
    background-image: url(img/avatars/b11.png)
}

.ava._big._id12 {
    background-image: url(img/avatars/b12.png)
}

.ava._big._id13 {
    background-image: url(img/avatars/b13.png)
}

.ava._big._id14 {
    background-image: url(img/avatars/b14.png)
}

.ava._big._id15 {
    background-image: url(img/avatars/b15.png)
}

.ava._big._id16 {
    background-image: url(img/avatars/b16.png)
}

.ava._big._id17 {
    background-image: url(img/avatars/b17.png)
}

.ava._big._id18 {
    background-image: url(img/avatars/b18.png)
}

.ava._big._id19 {
    background-image: url(img/avatars/b19.png)
}

.ava._big._id20 {
    background-image: url(img/avatars/b20.png)
}

.ava._big._id21 {
    background-image: url(img/avatars/b21.png)
}

.ava._big._id22 {
    background-image: url(img/avatars/b22.png)
}

.ava._big._id23 {
    background-image: url(img/avatars/b23.png)
}

.ava._big._id24 {
    background-image: url(img/avatars/b24.png)
}

.ava._big._id25 {
    background-image: url(img/avatars/b25.png)
}

.ava._big._id26 {
    background-image: url(img/avatars/b26.png)
}

.ava._big._id27 {
    background-image: url(img/avatars/b27.png)
}

.ava._big._id28 {
    background-image: url(img/avatars/b28.png)
}

.ava._big._id29 {
    background-image: url(img/avatars/b29.png)
}

.ava._big._id30 {
    background-image: url(img/avatars/b30.png)
}

.ava._big._id31 {
    background-image: url(img/avatars/b31.png)
}

.ava._big._id32 {
    background-image: url(img/avatars/b32.png)
}

.ava._big._id33 {
    background-image: url(img/avatars/b33.png)
}

.ava._big._id34 {
    background-image: url(img/avatars/b34.png)
}

.ava._big._id35 {
    background-image: url(img/avatars/b35.png)
}

.ava._big._id36 {
    background-image: url(img/avatars/b36.png)
}

.ava._big._id37 {
    background-image: url(img/avatars/b37.png)
}

.ava._big._id38 {
    background-image: url(img/avatars/b38.png)
}

.ava._big._id39 {
    background-image: url(img/avatars/b39.png)
}

.ava._big._id40 {
    background-image: url(img/avatars/b40.png)
}

.ava._big._id41 {
    background-image: url(img/avatars/b41.png)
}

.ava._big._id42 {
    background-image: url(img/avatars/b42.png)
}

.ava._big._id43 {
    background-image: url(img/avatars/b43.png)
}

.ava._big._id44 {
    background-image: url(img/avatars/b44.png)
}

.ava._big._id45 {
    background-image: url(img/avatars/b45.png)
}

.ava._big._id46 {
    background-image: url(img/avatars/b46.png)
}

.ava._big._id47 {
    background-image: url(img/avatars/b47.png)
}

.ava._big._id48 {
    background-image: url(img/avatars/b48.png)
}

.ava._big._id49 {
    background-image: url(img/avatars/b49.png)
}

.ava._big._id50 {
    background-image: url(img/avatars/b50.png)
}

.ava._big._id51 {
    background-image: url(img/avatars/b51.png)
}

.ava._big._id52 {
    background-image: url(img/avatars/b52.png)
}

.ava._big._id53 {
    background-image: url(img/avatars/b53.png)
}

.info_mastery {
    font-size: 13px
}

.bar {
    height: 5px;
    margin-top: 3px;
    border: 1px solid #2f2f2f;
    border-radius: 1px
}

.bar div {
    float: left;
    height: 3px;
    background: url(img/sprite/sprite_bar.png) 0 0 no-repeat;
    transition: width 0.4s ease-out;
}

.bar .up {
    background-position: 0 -3px
}

.checkbox {
    position: absolute;
    display: block;
    left: 100%;
    top: 29px;
    margin-left: -35px;
    width: 20px;
    height: 20px;
    background: url(img/sprite/sprite_checkbox.png) no-repeat;
}

.checkbox._sel {
    background-position: -20px 0;
    animation: popCheckbox 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

@keyframes popCheckbox {
    0% { transform: scale(0.5); opacity: 0; }
    100% { transform: scale(1.2); opacity: 1; }
}

.split {
    width: 100%;
    height: 1px;
    background: url(img/img_split.png) center top repeat-y
}

.split._big {
    height: 2px
}

.split._v {
    width: 1px;
    height: 115px;
    background: url(img/img_split_vertical.png) left center no-repeat
}

.block {
    display: block;
    margin: 0 5px 4px;
    padding: 3px;
    border: 1px solid #1a1e28;
    border-radius: 6px;
    background: #0b1021 url(img/gradients/gr_block.png) repeat-x;
    color: #888d96;
    font-size: 13px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}

.block a._inside {
    display: block;
    background: 0;
    text-decoration: none;
    font-size: 14px
}

.block._bg_green {
    background-image: url(img/gradients/gr_green.png)
}

.block._bg_purple {
    background-image: url(img/gradients/gr_purple.png)
}

.block h1 {
    font-size: 15px
}

.block p {
    padding: 2px 0
}

.block p:first-child {
    padding-top: 0
}

.block p:last-child {
    padding-bottom: 0
}

.block .title {
    color: #9ca2aa;
    font-size: 15px
}

.block .title a {
    text-decoration: none
}

.block a {
    color: #595959;
    text-decoration: underline
}

.block>.btn {
    margin: 7px 0 0
}

.block .btn_group {
    margin-bottom: -3px
}

.block._center {
    text-align: center
}

.block._gold {
    border-color: #7d5607;
    color: #feca04
}

.block._gold .title {
    color: #feca04
}

.block._static {
    height: 100px
}

.block._static .title {
    display: table-cell;
    height: 50px;
    width: 999px;
    vertical-align: middle
}

.lines .line {
    position: relative;
    padding: 2px;
    margin-bottom: 6px
}

.lines .line._bg:nth-child(even) {
    background-color: #0d1225
}

.lines .line span,.lines .line p {
    color: #9ca2a9
}

.lines .line b .ico {
    margin-right: 3px
}

.lines .line .login {
    color: inherit
}

.lines .line .sm {
    position: relative;
    vertical-align: middle;
    top: -2px
}

form input[type="text"], form input[type="password"], form input[type="email"], form textarea {
    height: 26px;
    border: 1px solid #4e4e4e;
    border-radius: 5px;
    text-align: center;
    color: #bdc3c7;
    background-color: #080c17; 
    font-size: 14px;
    outline: none; 
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

form input[type="text"]:focus, form input[type="password"]:focus, form input[type="email"]:focus, form textarea:focus {
    border-color: #92ace4;
    box-shadow: 0 0 6px rgba(146, 172, 228, 0.4);
}

form .label_group label {
    margin-right: 10px
}

form .label_group>label:last-child {
    margin-right: 0
}

form input.btn {
    width: 100%
}

form .input._small {
    width: 40px
}

.stamp {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(img/sprite/sprite_stamps.png) 0 -34px
}

.stamp._have {
    background-position: 0 0
}

.stamp._new {
    background-position: 0 -17px
}

.title_img {
    background-repeat: no-repeat;
    background-position: center top
}

.title_img._upgrade {
    height: 70px;
    background-image: url(img/title_img/img_upgrade.jpg)
}

.title_img._training {
    height: 69px;
    background-image: url(img/title_img/img_training.jpg)
}

.title_img._team {
    height: 75px;
    background-image: url(img/title_img/img_team.jpg)
}

.title_img._skill {
    height: 75px;
    background: url(img/title_img/img_skill.jpg)
}

.title_img._shop {
    height: 69px;
    background: url(img/title_img/img_shop.jpg)
}

.title_img._inventory {
    height: 69px;
    background: url(img/title_img/img_inventory.jpg)
}

.title_img._craft {
    height: 78px;
    background: url(img/title_img/img_craft.jpg)
}

.title_img._armory {
    height: 73px;
    background: url(img/title_img/img_armory.jpg)
}

.title_img._arena {
    height: 70px;
    background: url(img/title_img/img_arena.jpg)
}

.title_img._hero {
    height: 70px;
    background: url(img/title_img/img_arena.jpg)
}

.title_img._fighthero {
    height: 70px;
    background: url(img/title_img/img_fighthero.png)
}

.title_img._citadel {
    height: 70px;
    background: url(img/title_img/img_citadel.png)
}

.title_img._ratings {
    height: 69px;
    background: url(img/title_img/img_ratings.jpg)
}

.title_img._message {
    height: 68px;
    background: url(img/title_img/img_message.jpg)
}

.title_img._forum {
    height: 76px;
    background: url(img/title_img/img_forum.jpg)
}

.title_img._clan {
    height: 83px;
    background: url(img/title_img/img_clan.jpg)
}

.title_img._lair {
    height: 83px;
    background: url(img/title_img/img_lair.jpg)
}

.title_img._quests {
    height: 75px;
    position: relative;
    background: url(img/title_img/img_quests.png)
}

.title_img._lair._pending {
    padding-top: 28px;
    background-image: url(img/bg/bg_counter.png),url(img/title_img/img_lair.jpg);
    background-position: center center,center top;
    background-repeat: no-repeat,no-repeat
}

.title_img._lair._pending span {
    display: block;
    font-size: 25px;
    text-align: center;
    color: #92ace4;
    text-shadow: 1px 0 1px #92ace4
}

.sm {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(img/sprite/sprite_smiles.jpg) no-repeat
}

.sm._00 {
    background-position: 0 0
}

.sm._01 {
    background-position: -20px 0
}

.sm._02 {
    background-position: -40px 0
}

.sm._03 {
    background-position: -60px 0
}

.sm._04 {
    background-position: -80px 0
}

.sm._05 {
    background-position: -100px 0
}

.sm._06 {
    background-position: -120px 0
}

.sm._07 {
    background-position: -140px 0
}

.sm._08 {
    background-position: -160px 0
}

.sm._09 {
    background-position: -180px 0
}

.sm._10 {
    background-position: 0 -20px
}

.sm._11 {
    background-position: -20px -20px
}

.sm._12 {
    background-position: -40px -20px
}

.sm._13 {
    background-position: -60px -20px
}

.sm._14 {
    background-position: -80px -20px
}

.sm._15 {
    background-position: -100px -20px
}

.sm._16 {
    background-position: -120px -20px
}

.sm._17 {
    background-position: -140px -20px
}

.sm._18 {
    background-position: -160px -20px
}

.sm._19 {
    background-position: -180px -20px
}

.sm._20 {
    background-position: 0 -40px
}

.sm._21 {
    background-position: -20px -40px
}

.sm._22 {
    background-position: -40px -40px
}

.sm._23 {
    background-position: -60px -40px
}

.sm._24 {
    background-position: -80px -40px
}

.sm._25 {
    background-position: -100px -40px
}

.sm._26 {
    background-position: -120px -40px
}

.sm._27 {
    background-position: -140px -40px
}

.sm._28 {
    background-position: -160px -40px
}

.sm._29 {
    background-position: -180px -40px
}

.sm._30 {
    background-position: 0 -60px
}

.sm._31 {
    background-position: -20px -60px
}

.sm._32 {
    background-position: -40px -60px
}

.sm._33 {
    background-position: -60px -60px
}

.sm._34 {
    background-position: -80px -60px
}

.sm._35 {
    background-position: -100px -60px
}

.sm._36 {
    background-position: -120px -60px
}

.sm._37 {
    background-position: -140px -60px
}

.sm._38 {
    background-position: -160px -60px
}

.sm._39 {
    background-position: -180px -60px
}

.sm_list a {
    display: block;
    width: 33.3333%;
    text-align: center
}

.sm_list a span:first-child {
    float: left;
    width: 29%
}

.sm_list a span:last-child {
    display: inline-block;
    float: left;
    width: 71%;
    padding-top: 2px
}

.w_login {
    display: inline-block
}

.w_login a {
    font-size: 14px;
    text-decoration: none
}

.b_fight {
    margin-bottom: 10px;
    padding-top: 19px;
    background: #030409 center top no-repeat
}

.b_fight._arena {
    background-image: url(img/chapters/bg_arena.jpg)
}

.b_fight._hero {
    background-image: url(img/chapters/bg_hero.jpg)
}

.b_fight._fighthero {
    background-image: url(img/chapters/bg_fighthero.jpg)
}

.b_fight._citadel {
    background-image: url(img/chapters/bg_citadel.jpg)
}

.b_fight._dung1 {
    background-image: url(img/chapters/bg1.jpg)
}

.b_fight._dung2 {
    background-image: url(img/chapters/bg2.jpg)
}

.b_fight._dung3 {
    background-image: url(img/chapters/bg3.jpg)
}

.b_fight._dung4 {
    background-image: url(img/chapters/bg4.jpg)
}

.b_fight._dung5 {
    background-image: url(img/chapters/bg5.jpg)
}

.b_fight._dung6 {
    background-image: url(img/chapters/bg6.jpg)
}

.b_fight._dung7 {
    background-image: url(img/chapters/bg7.jpg)
}

.b_fight._dung8 {
    background-image: url(img/chapters/bg8.jpg)
}

.b_fight._dung9 {
    background-image: url(img/chapters/bg9.jpg)
}

.b_fight._dung10 {
    background-image: url(img/chapters/bg10.jpg)
}

.b_fight._dung11 {
    background-image: url(img/chapters/bg11.jpg)
}

.b_fight._dung12 {
    background-image: url(img/chapters/bg12.jpg)
}

.b_fight._dung13 {
    background-image: url(img/chapters/bg13.jpg)
}

.b_fight._dung14 {
    background-image: url(img/chapters/bg14.jpg)
}

.b_fight._dung15 {
    background-image: url(img/chapters/bg15.jpg)
}

.b_fight._dung16 {
    background-image: url(img/chapters/bg16.jpg)
}

.b_fight._dung17 {
    background-image: url(img/chapters/bg17.jpg)
}

.b_fight._dung18 {
    background-image: url(img/chapters/bg18.jpg)
}

.b_fight .part {
    display: table;
    table-layout: fixed;
    width: 100%
}

.b_fight .part .wunit {
    display: table-cell;
    width: auto
}

.b_fight .part {
    margin-bottom: 7px
}

.b_fight .part._c1 .wunit {
    display: block;
    width: 100%;
    margin: auto;
    background: url(img/ico_arrow_tutorial.png) center 77px no-repeat
}

.b_fight .part._c2 .wunit {
    width: 49%
}

.b_fight._event {
    padding-top: 0
}

.b_fight._event .enemy {
    height: 157px;
    background: #000 center top no-repeat
}

.b_fight._event .enemy._e1._l1 {
    background-image: url(img/events/event_1/level_1.jpg)
}

.b_fight._event .enemy._e1._l2 {
    background-image: url(img/events/event_1/level_2.jpg)
}

.b_fight._event .enemy._e1._l3 {
    background-image: url(img/events/event_1/level_3.jpg)
}

.b_fight._event .enemy._e2._l1 {
    background-image: url(img/events/event_2/level_1.jpg)
}

.b_fight._event .enemy._e2._l2 {
    background-image: url(img/events/event_2/level_2.jpg)
}

.b_fight._event .enemy._e2._l3 {
    background-image: url(img/events/event_2/level_3.jpg)
}

.b_fight._event .enemy._e3._l1 {
    background-image: url(img/events/event_3/level_1.jpg)
}

.b_fight._event .enemy._e3._l2 {
    background-image: url(img/events/event_3/level_2.jpg)
}

.b_fight._event .enemy._e3._l3 {
    background-image: url(img/events/event_3/level_3.jpg)
}

.b_fight._event .enemy p {
    text-align: center;
    font-size: 12px;
    color: red
}

.b_fight._event .healths {
    margin: 0 5%;
    text-align: center
}

.b_fight._event .healths .health_bar {
    position: relative;
    display: inline-block;
    width: 30%;
    margin-right: 2%
}

.b_fight._event .healths .health_bar:last-child {
    margin-right: 0
}

.b_fight._event .healths .health_bar._small {
    height: 6px;
    border: 1px solid #040502;
    border-left-width: 2px;
    border-right-width: 2px;
    border-radius: 3px;
    background: url(img/sprite/sprite_health_small.png) repeat-x
}

.b_fight._event .healths .health_bar._small .h,.b_fight._event .healths .health_bar._small .hd {
    float: left;
    height: 4px;
    background: url(img/sprite/sprite_health_small.png) 0 -16px repeat-x
}

.b_fight._event .healths .health_bar._small .hd {
    background-position: 0 -8px
}

.b_fight._event .healths .health_bar._middle {
    height: 19px
}

.b_fight._event .healths .health_bar._middle .bars {
    height: 10px;
    margin: 11px 6px 0;
    background: url(img/sprite/sprite_health_bars.png) 0 -20px repeat-x
}

.b_fight._event .healths .health_bar._middle .h,.b_fight._event .healths .health_bar._middle .hd {
    float: left;
    height: 10px;
    background: url(img/sprite/sprite_health_bars.png) 0 0 repeat-x
}

.b_fight._event .healths .health_bar._middle .hd {
    background-position: 0 -10px
}

.b_fight._event .healths .health_bar._middle .border {
    position: absolute;
    top: 7px;
    width: 100%;
    height: 19px
}

.b_fight._event .healths .health_bar._middle .border i {
    display: block;
    height: 19px;
    background: url(img/sprite/sprite_health_middle.png?v=1) no-repeat
}

.b_fight._event .healths .health_bar._middle .border.tpd i {
    background: url(img/sprite/sprite_health_middle2.png) no-repeat
}

.b_fight._event .healths .health_bar._middle .border i.l {
    background-position: 0 0;
    width: 18px;
    float: left
}

.b_fight._event .healths .health_bar._middle .border i.c {
    background-position: 0 -38px;
    background-repeat: repeat-x;
    margin: 0 18px
}

.b_fight._event .healths .health_bar._middle .border i.r {
    background-position: 0 -19px;
    width: 18px;
    float: right
}

.b_fight._event .healths .health_bar._big {
    height: 31px;
    width: 100%
}

.b_fight._event .healths .health_bar._big .bars {
    height: 10px;
    margin: 17px 17px 0;
    background: url(img/sprite/sprite_health_bars.png) 0 -20px repeat-x
}

.b_fight._event .healths .health_bar._big .h,.b_fight._event .healths .health_bar._big .hd {
    float: left;
    height: 10px;
    background: url(img/sprite/sprite_health_bars.png) 0 0 repeat-x
}

.b_fight._event .healths .health_bar._big .hd {
    background-position: 0 -10px
}

.b_fight._event .healths .health_bar._big .border {
    position: absolute;
    top: 7px;
    width: 100%;
    height: 19px
}

.b_fight._event .healths .health_bar._big .border i {
    display: block;
    height: 31px;
    background: url(img/sprite/sprite_health_big.png) no-repeat
}

.b_fight._event .healths .health_bar._big .border i.l {
    background-position: 0 0;
    width: 113px;
    float: left
}

.b_fight._event .healths .health_bar._big .border i.c {
    background-position: 0 -63px;
    background-repeat: repeat-x;
    margin: 0 113px
}

.b_fight._event .healths .health_bar._big .border i.r {
    background-position: 0 -31px;
    width: 113px;
    float: right
}

.b_fight._event .healths_deltas {
    position: relative
}

.b_fight._event .healths_deltas .delta {
    top: 0
}

.b_fight._event .healths_deltas .delta._pos0 {
    left: 6%
}

.b_fight._event .healths_deltas .delta._pos1 {
    left: 50%;
    margin-left: -38px
}

.b_fight._event .healths_deltas .delta._pos2 {
    right: 6%
}

.b_fight._event .healths_deltas .delta._pos3 {
    left: 21%
}

.b_fight._event .healths_deltas .delta._pos4 {
    right: 22%
}

.b_fight .players {
    height: 19px;
    text-align: center
}

.b_fight .players>span {
    display: inline-block;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 4px 6px 2px;
    background-color: #0a0e1c;
    font-size: 11px;
    color: #bed1ff
}

.b_fight .skill {
    position: relative;
    margin-top: 2px
}

.b_fight .unit .gray,.b_fight .skill .gray {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #030409;
    opacity: 0
}

.b_fight .unit .zamoroz,.b_fight .skill .zamoroz {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(img/effects/1.png) no-repeat center
}

.b_fight .unit .anomaliya,.b_fight .skill .anomaliya {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(img/effects/2.png) no-repeat center
}

.b_fight .unit .anomaliyaBot,.b_fight .skill .anomaliyaBot {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(img/effects/2a.png) no-repeat center
}

.b_fight .unit .gray,.b_fight .skill.wait .gray,.b_fight .skill.lock .gray {
    opacity: .7
}

.b_fight .skill span {
    position: absolute;
    display: inline-block;
    top: 22px;
    right: 0;
    margin-right: 4px;
    z-index: 2
}

.b_fight_btns .fl,.b_fight_btns .fr {
    width: 50%
}

.b_fight_btns .fl .btn {
    margin-right: 1px
}

.b_fight_btns .fr .btn {
    margin-left: 1px
}

.b_log_fight .title {
    height: 22px;
    background-image: url(img/sprite/sprite_bg_fight_log.png),url(img/sprite/sprite_bg_fight_log.png),url(img/sprite/sprite_bg_fight_log.png);
    background-position: left top,right -30px,right -60px;
    background-repeat: no-repeat,no-repeat,repeat-x;
    color: #0f1117;
    text-align: center;
    line-height: 22px;
    text-shadow: 0 0 1px #8289b3
}

.b_log_fight {
    font-size: 12px
}

.b_log_fight .step {
    padding: 2px 0;
    background-color: #030409
}

.b_log_fight .step:nth-child(even) {
    background-color: #0b1326
}

.b_log_fight .end {
    color: #92ace4;
    text-align: center
}

.b_log_fight .my {
    color: #fff
}

.b_log_fight .enemy {
    color: #ff0f00
}

.b_log_fight .spec {
    color: #feca04
}

.b_log_fight .class {
    position: relative;
    top: -3px;
    left: 0;
    display: inline-block;
    vertical-align: middle;
    background-image: url(img/sprite/sprite_ico_class.png)
}

.b_select {
    margin: 4px 1px 0;
    padding: 3px;
    border: 1px solid #20232c;
    border-radius: 7px;
    background: #0b1021 url(img/gradients/gr_block.png) repeat-x
}

.b_select .place {
    float: left;
    position: relative;
    left: 1px;
    width: 33%
}

.b_select .info {
    float: left;
    width: 67%;
    font-size: 12px
}

.b_select .ico {
    margin-left: 8px
}

.b_select .ico._mind {
    background-position: 0 -119px
}

.b_select .info>p {
    color: #fff
}

.b_select .info p .count {
    color: #9ca2aa
}

.b_select .info p._up .count,.b_select .info._up .count {
    color: #0f0
}

.b_select .info .up {
    font-style: normal;
    color: #0f0
}

.b_select .footer {
    padding: 3px
}

.b_select .footer .btn {
    margin: 0
}

.b_select .footer.clfix .btn {
    width: 49.9999%
}

.b_select .footer.clfix .btn:first-child {
    float: left
}

.b_select .footer.clfix .btn:last-child {
    float: right
}

.b_select .btn {
    margin: 0
}

.b_list_units {
    position: relative
}

.b_list_units .split {
    margin: 7px 0 5px
}

.b_list_units .item {
    position: relative;
    display: block;
    padding: 5px
}

.b_list_units:nth-child(even) {
    background-color: #0b1326
}

.b_list_units>.item:nth-child(even) {
    background-color: #030409
}

.b_list_units>.item:nth-child(odd) {
    background-color: #0b1326
}

.b_list_units .item .img {
    position: relative;
    float: left;
    top: 3px;
    left: 3px;
    width: 28%
}

.b_list_units .item .info {
    float: left;
    width: 72%;
    margin-top: 2px;
    color: #fff;
    font-size: 14px
}

.b_list_units .item p span {
    color: #feca04
}

.b_list_units .item .class_name span {
    color: #9ca2ab;
    position: relative;
    top: -4px;
    left: -5px
}

.b_list_units .item .info {
    padding-top: 10px
}

.b_list_units .item .info .btn {
    margin: 3px 0 0
}

.b_list_units .item .exp {
    color: #dc9e00;
    background: url(img/ico_exp.png) left -1px no-repeat;
    height: 17px;
    line-height: 20px;
    padding-left: 20px
}

.b_list_units .item .class {
    position: relative;
    top: 0;
    left: -5px;
    display: inline-block;
    background-image: url(img/sprite/sprite_ico_class.png)
}

.b_list_units_h {
    margin-bottom: 10px
}

.b_list_units_h .item {
    float: left;
    width: 33.33%;
    margin: 5px 0 4px;
    text-align: center;
    font-size: 12px
}

.b_list_units_h .item._empty {
    padding-top: 14px
}

.b_list_units_h .img {
    position: relative
}

.b_list_units_h .btn_use,.b_list_units_h .btn_change {
    display: inline-block;
    position: relative;
    top: -3px
}

.b_list_units_h .ico {
    position: relative;
    top: -1px;
    margin: 0 3px 0 0
}

.b_list_units_h .name {
    color: #5f6062
}

.b_list_units_h .item .name {
    color: #92ace4
}

.b_list_units_h .info {
    color: #feca04
}

.b_list_units_h .checkbox {
    top: 43px;
    margin-left: -42px
}

.b_list_medals {
    margin-bottom: 10px;
    padding-top: 9px;
    background: url(img/bg_blue.png) center 1px repeat-x
}

.b_list_medals .item {
    float: left;
    width: 24.99%;
    margin: 5px 0 4px;
    text-align: center;
    font-size: 12px
}

.b_list_medals .img {
    position: relative;
    width: 50px;
    margin: auto
}

.b_list_medals .ico {
    position: relative;
    top: -1px;
    margin: 0 3px 0 0
}

.b_list_medals .name {
    color: #5f6062
}

.b_list_medals .item .name {
    color: #92ace4
}

.b_list_medals .info {
    color: #feca04
}

.b_list_medals .checkbox {
    top: 30px;
    margin-left: -20px
}

.b_logo {
    height: 167px;
    background: #000 url(img/bg_login.jpg) center no-repeat
}

.b_logo .stars {
    width: 83px;
    height: 25px;
    background: url(img/img_login_stars.png) no-repeat
}

.b_form_login {
    padding-bottom: 1px
}

.b_form_login .actions .btn._green {
    margin: 2px auto 0;
    font-size: 18px;
    width: 99%
}

.b_form_login .actions .btn._green span {
    margin-top: 7px
}

.b_form_login form {
    margin: 5px auto 0;
    width: 182px
}

.b_form_login form p {
    margin: 4px 0;
    color: #787878;
    font-size: 14px
}

.b_form_login input[type="text"],.b_form_login input[type="password"] {
    width: 90%;
    height: 26px;
    border: 1px solid #4e4e4e;
    border-radius: 5px;
    text-align: center;
    color: #4a4a4a;
    font-size: 14px
}

.b_form_login .btn._blue,.b_form_login .btn._black {
    margin: 10px auto 5px;
    width: 163px
}

.b_form_login .reset {
    height: 21px;
    background: url(img/bg_reset_login.png) center top no-repeat;
    text-align: center;
    line-height: 20px
}

.b_unit_info .block {
    margin-bottom: 6px;
    padding-top: 3px;
    font-size: 12px
}

.b_unit_info .block i {
    margin-right: 5px;
    vertical-align: middle
}

.b_unit_info .block p {
    margin: 3px 0 0 3px
}

.b_unit_info .block p.desc {
    position: relative;
    top: -2px;
    margin: 0;
    padding-left: 27px;
    color: #535457
}

.b_unit_info .block p {
    color: #9ca2aa
}

.b_unit_info .block p span._up {
    color: #0f0
}

.b_unit_info .block a {
    color: #9ca2aa;
    text-decoration: underline
}

.b_units {
    position: relative;
    height: 135px;
    padding-top: 2px;
    background: url(img/bg/bg_hero.jpg) center top repeat-x;
    font-size: 12px
}

.b_units .el {
    position: absolute;
    display: block;
    width: 62px;
    height: 80px
}

.b_units .empty {
    height: 87px
}

.b_units ._l {
    left: 5%
}

.b_units ._c {
    left: 50%;
    margin-left: -31px
}

.b_units ._r {
    right: 5%
}

.b_units .place_unit {
    display: block;
    margin-top: 7px;
    height: 80px
}

.b_units .el .unit {
    position: relative;
    left: -8px;
    top: 0
}

.b_clan_info {
    text-align: center
}

.b_clan_info .title {
    display: inline-block
}

.b_stats_units {
    color: #888d96;
    font-size: 12px;
    text-align: center
}

.b_stats_units .ico {
    height: 16px;
    margin-right: 4px
}

.b_actions_title {
    display: block;
    min-height: 27px;
    padding-top: 6px;
    color: #ff00e4;
    text-align: center;
    text-decoration: underline;
    background: url(img/bg_actions.png) center center no-repeat
}

.btn_big_main {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 5px 0 5px;
    height: 98px
}

.btn_big_main .lp {
    display: table-row
}

.btn_big_main .icon {
    display: table-cell;
    text-align: center
}

.btn_big_main ._img {
    display: inline-block;
    width: 143px;
    height: 98px;
    margin-right: -4px
}

.btn_big_main ._img._dungeon {
    background: url(img/btn_menu/btn_b_dungeon.jpg) no-repeat
}

.btn_big_main ._img._arena {
    background: url(img/btn_menu/btn_b_arena.jpg) no-repeat
}

.btn_big_main ._img._boss1 {
    background: url(img/boss/b1.jpg) no-repeat;
    height: 69px
}

.btn_big_main ._img._boss2 {
    background: url(img/boss/b2.jpg) no-repeat;
    height: 69px
}

.btn_big_main ._img._boss3 {
    background: url(img/boss/b3.jpg) no-repeat;
    height: 69px
}

.btn_big_main ._img._boss4 {
    background: url(img/boss/b4.jpg) no-repeat;
    height: 69px
}

.btn_big_main ._img._boss5 {
    background: url(img/boss/b5.jpg) no-repeat;
    height: 69px
}

.btn_big_main ._img._boss6 {
    background: url(img/boss/b6.jpg) no-repeat;
    height: 69px
}

.btn_big_main ._img._boss7 {
    background: url(img/boss/b7.jpg) no-repeat;
    height: 69px
}

.btn_big_main ._img._boss8 {
    background: url(img/boss/b8.jpg) no-repeat;
    height: 69px
}

.btn_big_main ._img._boss9 {
    background: url(img/boss/b9.jpg) no-repeat;
    height: 69px
}

.btn_big_main ._img._boss10 {
    background: url(img/boss/b10.jpg) no-repeat;
    height: 69px
}

.btn_big_main ._img._boss11 {
    background: url(img/boss/b11.jpg) no-repeat;
    height: 69px
}

.btn_big_main ._img._boss12 {
    background: url(img/boss/b12.jpg) no-repeat;
    height: 69px
}

.btn_big_main ._img._fighthero {
    background: url(img/btn_menu/btn_b_fighthero.jpg) no-repeat;
    height: 69px
}

.btn_big_main ._img._clanlogovo {
    background: url(img/btn_menu/btn_b_clanlogovo.png) no-repeat;
    height: 74px;
    width: 158px
}

.btn_big_main ._img._clanfight {
    background: url(img/btn_menu/btn_b_clanfight.png) no-repeat;
    height: 74px;
    width: 158px
}

.btn_big_main ._line_act {
    display: inline-block;
    width: 83px;
    height: 22px;
    background: url(img/btn_menu/btn_b_p_act.png) no-repeat
}

.btn_big_main ._line_nact {
    display: inline-block;
    width: 83px;
    height: 22px;
    background: url(img/btn_menu/btn_b_p_nact.png) no-repeat
}

.btn_big_main ._text {
    padding-top: 75px;
    font-size: 11px;
}

/* Оптимизированный селектор: ищет всех боссов разом */
.btn_big_main ._img[class*="_boss"]._text,
.btn_big_main ._img._fighthero._text,
.btn_big_main ._img[class*="_clan"]._text {
    padding-top: 52px;
    font-size: 11px;
}

.btn_big_main ._text_position_a {
    color: #fff;
    font-size: 11px;
    padding-top: 3px
}

.btn_big_main ._text_position_n {
    color: #ccc;
    font-size: 11px;
    padding-top: 3px
}

.b_menu .btn {
    margin-bottom: 2px
}

.b_menu .ico {
    margin-right: 2px
}

.b_menu .foot {
    display: table-cell;
    text-align: center
}

.b_menu .btn_footer {
    display: inline-block;
    width: 52px;
    height: 55px;
    background: url(img/sprite/footer_menu.jpg?1) no-repeat;
    transition: filter 0.1s, transform 0.1s;
}

.b_menu .btn_footer:active {
    filter: brightness(1.2);
    transform: scale(0.95);
}

.b_menu .btn_footer._home {
    background-position: 0 0
}

.b_menu .btn_footer._clan {
    background-position: -58px 0
}

.b_menu .btn_footer._shop {
    background-position: -114px 0
}

.b_menu .btn_footer._bank {
    background-position: -172px 0
}

.b_menu .btn_footer._pers {
    background-position: -227px 0
}

._footer .plus {
    margin-right: 0;
    top: 28px
}

.b_menu .split {
    margin: 5px 0
}

.b_menu._footer {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 13px 0 4px
}

.b_dung_chapter {
    margin: 2px 0 2px
}

.b_dung_chapter:last-child {
    margin-bottom: 6px
}

.b_dung_chapter .title {
    height: 25px;
    background-image: url(img/sprite/sprite_bg_chapter.png),url(img/sprite/sprite_bg_chapter.png);
    background-repeat: no-repeat,no-repeat;
    background-position: left top,right -25px;
    color: #b8c5df;
    text-align: center
}

.b_dung_chapter._disabled .title {
    background-position: left -50px,right -75px;
    color: #56585a
}

.b_dung_chapter .title span {
    display: inline-block;
    margin-top: 4px
}

.b_dung_chapter .chapter {
    display: block;
    height: 62px;
    margin: 2px 0;
    border: 1px solid #20232c;
    border-radius: 7px;
    background-position: 2px center,right 2px center;
    background-repeat: no-repeat,no-repeat
}

.b_dung_chapter .chapter._d1 {
    background-image: url(img/chapters/1.jpg),url(img/chapters/bg_right.jpg)
}

.b_dung_chapter .chapter._d2 {
    background-image: url(img/chapters/2.jpg),url(img/chapters/bg_right.jpg)
}

.b_dung_chapter .chapter._d3 {
    background-image: url(img/chapters/3.jpg),url(img/chapters/bg_right.jpg)
}

.b_dung_chapter .chapter._d4 {
    background-image: url(img/chapters/4.jpg),url(img/chapters/bg_right.jpg)
}

.b_dung_chapter .chapter._d5 {
    background-image: url(img/chapters/5.jpg),url(img/chapters/bg_right.jpg)
}

.b_dung_chapter .chapter._d6 {
    background-image: url(img/chapters/6.jpg),url(img/chapters/bg_right.jpg)
}

.b_dung_chapter .chapter._d7 {
    background-image: url(img/chapters/7.jpg),url(img/chapters/bg_right.jpg)
}

.b_dung_chapter .chapter._d8 {
    background-image: url(img/chapters/8.jpg),url(img/chapters/bg_right.jpg)
}

.b_dung_chapter .chapter._d9 {
    background-image: url(img/chapters/9.jpg),url(img/chapters/bg_right.jpg)
}

.b_dung_chapter .chapter._d10 {
    background-image: url(img/chapters/10.jpg),url(img/chapters/bg_right.jpg)
}

.b_dung_chapter .chapter._d11 {
    background-image: url(img/chapters/11.jpg),url(img/chapters/bg_right.jpg)
}

.b_dung_chapter .chapter._d12 {
    background-image: url(img/chapters/12.jpg),url(img/chapters/bg_right.jpg)
}

.b_dung_chapter .chapter._d13 {
    background-image: url(img/chapters/13.jpg),url(img/chapters/bg_right.jpg)
}

.b_dung_chapter .chapter._d14 {
    background-image: url(img/chapters/14.jpg),url(img/chapters/bg_right.jpg)
}

.b_dung_chapter .chapter._d15 {
    background-image: url(img/chapters/15.jpg),url(img/chapters/bg_right.jpg)
}

.b_dung_chapter .chapter._d16 {
    background-image: url(img/chapters/16.png),url(img/chapters/bg_right.jpg)
}

.b_dung_chapter .chapter._d17 {
    background-image: url(img/chapters/17.png),url(img/chapters/bg_right.jpg)
}

.b_dung_chapter .chapter._d18 {
    background-image: url(img/chapters/18.png),url(img/chapters/bg_right.jpg)
}

.b_dung_chapter .chapter>span {
    display: block;
    height: 62px;
    padding: 11px 10px 0 0;
    text-align: right;
    font-size: 16px;
    color: #e2a13b
}

.b_dung_chapter .chapter span small {
    color: #56585a
}

.b_dung_chapter .chapter span._p1 .type {
    color: #9ca2a9
}

.b_dung_chapter .chapter span._p2 .type {
    color: #52c13d
}

.b_dung_chapter .chapter span._p3 .type {
    color: #3087f7
}

.b_dung_chapter .chapter span._p4 .type {
    color: #8926ff
}

.b_dung_chapter .chapter span._p5 .type {
    color: #ff7412
}

.b_dung_chapter .chapter span._p6 .type {
    color: red
}

.b_dung_chapter .chapter._disabled {
    opacity: .5
}

.b_dung_chapter .chapter._disabled span * {
    color: #9ca2a9 !important
}

.b_dung_bg {
    height: 55px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover
}

.b_dung_levels {
    margin-bottom: 5px
}

.b_dung_level .block {
    position: relative;
    display: block;
    overflow: visible;
    padding: 0
}

.b_dung_level .block .unit {
    position: absolute;
    top: 2px;
    left: 8px;
    background: 0;
    z-index: 10
}

.b_dung_level .block .shadow {
    position: absolute;
    top: 31px;
    left: 2px;
    width: 130px;
    height: 30px;
    background: url(img/bg_btn_shadow.png) no-repeat;
    background-size: auto 30px;
    z-index: 9
}

.b_dung_level .block .content {
    padding-top: 7px;
    color: #535457;
    text-align: right
}

.b_dung_level .block .name {
    padding-right: 13px;
    font-size: 14px
}

.b_dung_level .block._boss .content {
    background-position: left -135px,right -180px,left -225px
}

.b_dung_level .block._disabled:not(._boss) .content {
    background: 0;
    color: #535457
}

.b_dung_level .block._disabled .unit {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%)
}

.operamini .b_dung_level .block._disabled .unit {
    opacity: .35
}

.b_dung_level .block .btn {
    margin: 9px 3px 3px
}

.b_dung_level .block .ico {
    margin-top: 1px
}

.b_dung_level .desc {
    display: block;
    margin: 9px 13px 3px 3px;
    height: 28px;
    text-align: right;
    font-size: 13px;
    color: #92ace4
}

.block.artefact_class {
    height: 50px;
    margin: 0 5px 3px;
    font-size: 14px
}

.block.artefact_class._cl1 {
    color: #9ca2aa
}

.block.artefact_class._cl2 {
    color: #738704
}

.block.artefact_class._cl3 {
    color: #4776d4
}

.block.artefact_class._cl4 {
    color: #8926ff
}

.block.artefact_class._cl5 {
    color: #ff7412
}

.block.artefact_class._cl6 {
    color: red
}

.block.artefact_class span {
    display: block;
    float: left;
    width: 70%;
    height: 100%;
    padding: 13px 0 0 80px;
    background: url(img/sprite/sprite_artefact_emblem.png) 12px 0 no-repeat
}

.block.artefact_class._cl1 span {
    background-position: 12px 2px
}

.block.artefact_class._cl2 span {
    background-position: 12px -43px
}

.block.artefact_class._cl3 span {
    background-position: 12px -88px
}

.block.artefact_class._cl4 span {
    background-position: 12px -133px
}

.block.artefact_class._cl5 span {
    background-position: 12px -178px
}

.block.artefact_class._cl6 span {
    background-position: 12px -228px
}

.block.artefact_class .plus {
    top: 13px
}

.block.artefact_desc p {
    margin: 0
}

.block.artefact_desc .t {
    display: table;
    padding: 5px 0 0 15px
}

.block.artefact_desc .t .artefact,.block.artefact_desc .t>p {
    float: none;
    display: table-cell;
    vertical-align: top
}

.block.artefact_desc .t>p {
    position: relative;
    top: -3px;
    padding: 0 0 0 18px
}

.block.artefact_desc p>span {
    display: block;
    margin-bottom: 2px
}

.block.artefact_desc p small span {
    display: block;
    min-height: 18px
}

.block.artefact_desc p small span:not(:first-child) {
    color: #9ca2aa
}

.block.artefact_desc p small i {
    color: #0f0;
    font-style: normal
}

.block.artefact_desc .art_ready {
    position: relative;
    display: inline-block;
    float: right;
    top: -41px;
    width: 30px;
    height: 25px;
    margin-right: 6px;
    background: url(img/sprite/sprite_artefact_status.png) no-repeat
}

.block.artefact_desc .art_ready._half {
    background-position: 0 -25px
}

.b_artefact_craft {
    position: relative;
    padding: 0 5px 3px;
    margin-bottom: 5px;
    min-height: 137px;
    font-size: 13px
}

.b_artefact_craft .fl,.b_artefact_craft .fr {
    width: 50%;
    text-align: center
}

.b_artefact_craft .artefact {
    margin: 10px auto 0
}

.b_artefact_craft p {
    padding: 0 15px
}

.b_artefact_craft .btn_group {
    margin-top: 15px
}

.inc:after {
    content: ', '
}

.inc:last-child:after {
    content: ''
}

.inc._noseparate:after {
    content: ''
}

.inc._energy {
    color: #4c70f2
}

.inc._exp {
    color: #dbae00
}

.inc._coins, .inc._dust {
    color: #9ca2aa;
}

.inc._energy { color: #4c70f2; }
.inc._exp { color: #dbae00; }
.inc._real { color: #ff52ff; }

.inc._real {
    color: #ff52ff
}

.b_fight_result._victory {
    background-image: url(img/title_img/img_fight_victory.png)
}

.b_fight_result._defeat {
    background-image: url(img/title_img/img_fight_defeat.png)
}

.b_fight_result {
    position: relative;
    height: 90px;
    background-position: center top;
    background-repeat: no-repeat;
    animation: dropDownBounce 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
    z-index: 10;
}

.b_prize {
    margin-top: -41px;
    padding-top: 35px;
    min-height: 80px;
    background: url(img/bg/bg_substrate_1.jpg) center top no-repeat;
    color: #9ca2aa;
    font-size: 13px;
    animation: slideUpFade 0.4s ease-out forwards;
}

.b_prize._shop {
    margin-top: 3px;
    padding-top: 3px;
    background: url(img/bg/bg_substrate_2.jpg) center top no-repeat;
    color: #9ca2aa;
    font-size: 13px
}

.b_prize._quests {
    margin-top: -22px;
    padding: 21px 0 0 12px
}

.b_prize._notmar {
    margin-top: 0;
    padding-top: 4px
}

.b_prize .prize {
    position: relative;
    margin: 10px 0 5px
}

.b_prize .prize>.fl,.b_prize .prize>.fr,.b_prize .prize>.center {
    width: 50%;
    padding: 0 5px 0;
    text-align: center;
    color: #fff
}

.b_prize .prize._tbl {
    display: table;
    table-layout: fixed;
    width: 100%
}

.b_prize .prize._tbl>div {
    display: table-cell
}

.b_prize .prize .border {
    display: inline-block;
    width: 56px;
    height: 56px;
    padding: 1px;
    border: 2px solid #1f2129;
    border-radius: 10px
}

.b_prize .prize p {
    margin-top: 2px
}

.b_prize .prize p .ico {
    margin: -1px 3px 0 1px
}

.b_prize .prize p small {
    color: #9da3ab
}

.b_class {
    position: relative;
    min-height: 130px;
    background: url(img/bg_grad_v_light_top.png) repeat-x
}

.b_class .fl,.b_class .fr,.b_class .center {
    width: 50%;
    margin-bottom: 3px;
    text-align: center
}

.b_class .info .ico {
    margin: 0 5px 0 0
}

.b_class .info {
    color: #9ca2aa;
    font-size: 12px;
    text-align: left;
    margin-top: 2px;
    padding-left: 27%
}

.b_class .info._up p {
    color: #0f0
}

.b_class .info span {
    color: #fff
}

.b_class .arrow {
    position: absolute;
    top: 43px;
    left: 50%;
    width: 24px;
    height: 40px;
    margin-left: -10px;
    background: url(img/img_arrow_evolution.png) no-repeat
}

.b_rank {
    display: table;
    width: 100%
}

.b_rank .r {
    display: table-row
}

.b_rank .l {
    display: table-cell;
    width: 50%;
    text-align: center
}

.b_evolution {
    position: relative;
    min-height: 135px;
    padding-top: 10px;
    background: url(img/bg_grad_v_light_top.png) repeat-x
}

.b_evolution .fl,.b_evolution .fr,.b_evolution .center {
    width: 50%;
    margin-bottom: 3px;
    text-align: center
}

.b_evolution .info .ico {
    margin: 0 5px 0 0
}

.b_evolution .info {
    color: #9ca2aa;
    font-size: 12px;
    text-align: left;
    margin-top: 6px;
    padding-left: 27%
}

.b_evolution .info._up p {
    color: #0f0
}

.b_evolution .info span {
    color: #fff
}

.b_evolution .arrow {
    position: absolute;
    top: 43px;
    left: 50%;
    width: 24px;
    height: 40px;
    margin-left: -10px;
    background: url(img/img_arrow_evolution.png) no-repeat
}

.b_evolution .ico._mind {
    background-position: 0 -119px
}

.b_list_artefacts {
    margin-bottom: 7px
}

.b_list_artefacts .item {
    height: 65px;
    padding-top: 5px;
    background: #030409 url(img/bg_join_item.png) repeat-x
}

.b_list_artefacts .artefact {
    float: left;
    margin: 0 9px 0
}

.b_list_artefacts .item p {
    float: left;
    padding-left: 15px;
    color: #fff
}

.b_list_artefacts .item._empty p {
    padding-top: 11px;
    font-size: 12px;
    color: #9da3ab
}

.b_list_artefacts small span {
    color: #fff
}

.b_list_artefacts small span i {
    color: #0f0
}

.b_list_artefacts .btn {
    margin-bottom: 5px
}

.b_unit_big {
    margin-top: 5px
}

.b_unit_big .fl,.b_unit_big .fr {
    width: 26%;
    padding: 0 5px;
    text-align: center
}

.b_unit_big .image {
    float: left;
    width: 48%;
    height: 176px;
    text-align: center
}

.b_unit_big p {
    position: relative;
    top: -2px;
    height: 30px;
    margin-bottom: 5px;
    font-size: 12px;
    color: #888d96
}

.b_unit_big p span {
    display: inline-block
}

.b_skill_info .block .fl {
    width: 28%;
    text-align: center
}

.b_skill_info .block .fr {
    width: 72%;
    font-size: 12px;
    text-align: left;
    color: #888d96;
    padding-right: 5px
}

.b_skill_info .block i {
    color: #feca04;
    font-style: normal
}

.b_chat {
    padding: 0 5px
}

.b_chat textarea {
    width: 66%;
    height: 35px;
    padding: 6px; 
    text-align: left; 
    resize: none;
}

.b_chat .btn {
    width: 34%;
    font-size: 12px;
    margin: 0
}

.b_select {
    margin-bottom: 3px
}

.b_select .info_mastery {
    margin: 3px 0 12px;
    padding: 0 9px;
    font-size: 12px;
    color: #feca04
}

.b_select .bar {
    margin: 1px 0 10px
}

.b_select .i_mastery {
    height: 20px
}

.b_select .mastery_exp {
    text-align: right
}

.b_tutorial {
    padding: 10px 0
}

.b_tutorial .block:not(._static) {
    padding-top: 5px
}

.b_tutorial .block .skill {
    margin-bottom: 8px
}

.b_tutorial .block>div:last-child {
    margin: 10px 0
}

.b_quests .block .title {
    margin-bottom: 2px
}

.b_quests .block._gold .title {
    display: table-cell;
    height: 27px;
    width: 999px;
    padding: 0 34px;
    margin: 0 auto;
    vertical-align: middle;
    background: url(img/ico_quest_ready.png) 2px center no-repeat
}

.b_training .block>div {
    min-height: 50px;
    padding-left: 60px;
    background: 5px center no-repeat
}

.b_training .block div._h {
    background-image: url(img/ico_big_health.png)
}

.b_training .block div._p {
    background-image: url(img/ico_big_power.png)
}

.block.artefact_desc {
    min-height: 67px;
    font-size: 14px;
}
.block.shop_item {
    min-height: 67px;
    font-size: 14px;
    padding-top: 3px;
}

a.block, a.item {
    transition: transform 0.05s ease-out, filter 0.05s ease-out;
}
a.block:active, a.item:active {
    transform: scale(0.97);
    filter: brightness(1.15);
}

.block.shop_item>span:first-child {
    display: block;
    float: left;
    margin: 5px 0 0 19px
}

.block.shop_item .fl {
    float: left;
    margin: 3px 0 0 18px
}

.block.shop_item .fl .ico {
    margin-left: 0
}

.block.shop_item .name {
    color: #92ace4
}

.block.bank .item {
    display: inline-block;
    width: 88px;
    height: 31px;
    margin: 5px 9px 13px;
    background-image: url(img/sprite/sprite_bank_items.png),url(img/bg_bank_items.png);
    background-repeat: no-repeat,no-repeat;
    text-decoration: none;
    font-size: 12px
}

.block.bank .item._mts {
    background-position: 0 0,0 0
}

.block.bank .item._beeline {
    background-position: 0 -31px,0 0
}

.block.bank .item._megafon {
    background-position: 0 -62px,0 0
}

.block.bank .item._sms {
    background-position: 0 -93px,0 0
}

.block.bank .item._qiwi {
    background-position: 0 -124px,0 0
}

.block.bank .item._yandex {
    background-position: 0 -155px,0 0
}

.block.bank .item._webmoney {
    background-position: 0 -186px,0 0
}

.block.bank .item._cards {
    background-position: 0 -217px,0 0
}

.block.bank .item._terminal {
    background-position: 0 -248px,0 0
}

.block.bank .item span {
    display: inline-block;
    margin-top: 32px
}

.block.bank .split {
    margin: 5px 0 5px
}

.block.bank_item {
    min-height: 67px;
    padding-top: 3px;
    font-size: 14px
}

.block.bank_item>span:first-child {
    display: block;
    float: left;
    margin: 5px 0 0 19px
}

.block.bank_item .fl {
    float: left;
    margin: 3px 0 0 18px
}

.block.bank_item .fl .ico {
    margin-left: 0
}

.block.bank_item .name {
    color: #8647c9
}

.b_arena {
    color: #888d96
}

.b_arena h1 {
    margin-top: 5px;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    color: #800808
}

.b_arena .user_league {
    display: block;
    width: 147px;
    height: 85px;
    margin: 0 auto;
    background: url(img/bg_league.png) center center no-repeat;
    text-align: center
}

.b_arena .user_league span {
    display: inline-block;
    margin-top: 31px;
    font-size: 23px;
    font-weight: bold;
    color: #800808
}

.b_arena .user_stamps {
    padding-bottom: 3px;
    text-align: center
}

.b_arena .user_stamps .stamp {
    margin: 0 0 4px
}

.b_hero {
    padding-bottom: 15px;
    padding-top: 15px
}

.b_online {
    width: 100%;
    margin: 5px
}

.b_online th {
    text-align: left;
    color: #595959
}

.b_online th,.b_online td {
    padding: 3px
}

.b_online .line:nth-child(even) {
    background-color: #0d1225
}

.b_online .name {
    width: 65%
}

.b_online .stats {
    color: #feca04
}

.b_rating {
    width: 100%
}

.b_rating th {
    text-align: left;
    color: #595959;
    font-weight: normal
}

.b_rating th,.b_rating td {
    padding: 3px
}

.b_rating .line:nth-child(even) {
    background-color: #0a0e1b
}

.b_rating .line._self {
    border-bottom: 1px solid #feca04
}

.b_rating .place {
    text-align: center;
    color: #595959
}

.b_rating .name {
    width: 71%
}

.b_rating .stats {
    text-align: center;
    color: #595959
}

.b_rating .artefact_desc {
    padding-left: 24px
}

.b_daily_bonus {
    background: url(img/bg/bg_daily_bonus.jpg) center 62px no-repeat;
    text-align: center
}

.b_daily_bonus .title {
    height: 42px;
    background: url(img/bg/bg_daily_bonus_line.jpg) center 12px no-repeat
}

.b_daily_bonus .title span {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    color: #fff
}

.b_daily_bonus .days {
    margin-bottom: 8px
}

.b_daily_bonus .item {
    float: left;
    width: 24.99%;
    height: 80px;
    margin: 5px 0 4px;
    text-align: center;
    font-size: 12px
}

.b_daily_bonus .item {
    position: relative;
    color: #fff
}

.b_daily_bonus .item>p:first-child {
    margin-bottom: 2px
}

.b_daily_bonus .item._disabled {
    color: #686868
}

.b_daily_bonus .item._disabled .img>span:after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #030409;
    opacity: .7;
    border-radius: 5px
}

.b_daily_bonus .btn._gold {
    margin: 0 20px 0
}

.block.upgrade {
    height: 60px;
    padding-top: 10px;
    background-position: 0 0,right 0;
    background-repeat: no-repeat,no-repeat
}

.block.upgrade._rank {
    background-image: url(img/upgrades/rank.jpg),url(img/upgrades/right.jpg)
}

.block.upgrade._evolution {
    background-image: url(img/upgrades/evolution.jpg),url(img/upgrades/right.jpg)
}

.block.upgrade._training {
    background-image: url(img/upgrades/training.jpg),url(img/upgrades/right.jpg)
}

.block.upgrade._artefacts {
    background-image: url(img/upgrades/artefacts.jpg),url(img/upgrades/right.jpg)
}

.block.upgrade._armory {
    background-image: url(img/upgrades/armory.jpg),url(img/upgrades/right.jpg)
}

.block.upgrade p {
    text-align: right;
    padding-right: 5px
}

.block.upgrade .title {
    color: #feca04
}

.block.upgrade._new .title {
    color: #0f0
}

.b_promo_clan {
    position: relative;
    background: url(img/bg/bg_daily_bonus.jpg) center 62px no-repeat;
    text-align: center;
    height: 215px
}

.b_promo_clan .title {
    height: 42px;
    background: url(img/bg/bg_daily_bonus_line.jpg) center 12px no-repeat
}

.b_promo_clan .title span {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    color: #fff
}

.b_promo_clan .bg {
    position: absolute;
    height: 183px;
    top: 0;
    top: 25px;
    width: 100%;
    background: url(img/bg_promo_clan.jpg) center top no-repeat
}

.block.team_user {
    position: relative
}

.block.team_user .ico.i_leader {
    position: absolute;
    top: 33px;
    left: 6px
}

.block.team_user .ico.i_ready {
    position: absolute;
    top: 12px;
    right: 5px
}

.block.team_user .units {
    height: 27px;
    padding-left: 23px
}

.block.team_user .units .class {
    position: inherit;
    display: inline-block
}

.block.team_user>.btn {
    margin-top: 0
}

.team_user_simple {
    position: relative;
    padding: 0 2px
}

.team_user_simple .user {
    float: left;
    width: 50%
}

.team_user_simple .user p {
    text-align: center
}

.team_user_simple .user .units {
    margin-top: 2px
}

.team_user_simple .user .units .class {
    position: inherit;
    display: inline-block
}

.team_user_simple .user .units .class._die {
    opacity: .3
}

.b_boss_difficulty {
    height: 100px;
    background: url(img/bg/bg_substrate_1.jpg)
}

.b_boss_difficulty .levels {
    width: 172px;
    margin: 0 auto
}

.b_boss_difficulty .levels a {
    float: left;
    display: block;
    width: 54px;
    height: 56px;
    margin-right: 5px;
    border: 2px solid #1f2129;
    border-radius: 10px;
    background: url(img/sprite/sprite_lair_difficulty.jpg) 0 center no-repeat;
    opacity: .4
}

.b_boss_difficulty .levels a:last-child {
    margin-right: 0
}

.b_boss_difficulty .levels a._act {
    opacity: 1
}

.b_boss_difficulty .levels a._l0 {
    background-position: 0 center
}

.b_boss_difficulty .levels a._l1 {
    background-position: -59px center
}

.b_boss_difficulty .levels a._l2 {
    background-position: -117px center
}

.block.boss {
    min-height: 70px;
    padding-top: 4px;
    background-position: 0 4px,right 0;
    background-repeat: no-repeat,no-repeat;
    background-color: #000;
    margin: 1px
}

.block.boss._id1 {
    background-image: url(img/boss/1.jpg)
}

.block.boss._id2 {
    background-image: url(img/boss/2.jpg)
}

.block.boss._id3 {
    background-image: url(img/boss/3.jpg)
}

.block.boss._id4 {
    background-image: url(img/boss/4.jpg)
}

.block.boss._id5 {
    background-image: url(img/boss/5.jpg)
}

.block.boss._id6 {
    background-image: url(img/boss/6.jpg)
}

.block.boss._id7 {
    background-image: url(img/boss/7.jpg)
}

.block.boss._id8 {
    background-image: url(img/boss/8.jpg)
}

.block.boss._id9 {
    background-image: url(img/boss/9.jpg)
}

.block.boss._id10 {
    background-image: url(img/boss/10.jpg)
}

.block.boss._id11 {
    background-image: url(img/boss/11.jpg)
}

.block.boss._id12 {
    background-image: url(img/boss/12.jpg)
}

.block.boss p {
    text-align: right;
    padding-right: 5px
}

.block.boss .title {
    color: #feca04
}

.block.boss._new .title {
    color: #0f0
}

.block.lair {
    height: 91px;
    padding-top: 1px;
    background-position: 0 0,right 0;
    background-repeat: no-repeat,no-repeat
}

.block.lair._id1 {
    background-image: url(img/lairs/1.jpg),url(img/lairs/right.jpg)
}

.block.lair._id2 {
    background-image: url(img/lairs/2.jpg),url(img/lairs/right.jpg)
}

.block.lair._id3 {
    background-image: url(img/lairs/3.jpg),url(img/lairs/right.jpg)
}

.block.lair p {
    text-align: right;
    padding-right: 5px
}

.block.lair .title {
    color: #feca04
}

.block.lair._new .title {
    color: #0f0
}

.block.lair._small {
    height: 62px
}

.block.lair._small._id1 {
    background-image: url(img/lairs/1s.jpg),url(img/lairs/right_s.jpg)
}

.block.lair._small._id2 {
    background-image: url(img/lairs/2s.jpg),url(img/lairs/right_s.jpg)
}

.block.lair._small._id3 {
    background-image: url(img/lairs/3s.jpg),url(img/lairs/right_s.jpg)
}

.b_lair_difficulty {
    height: 100px;
    background: url(img/bg/bg_substrate_1.jpg)
}

.b_lair_difficulty .levels {
    width: 172px;
    margin: 0 auto
}

.b_lair_difficulty .levels a {
    float: left;
    display: block;
    width: 54px;
    height: 56px;
    margin-right: 5px;
    border: 2px solid #1f2129;
    border-radius: 10px;
    background: url(img/sprite/sprite_lair_difficulty.jpg) 0 center no-repeat;
    opacity: .4
}

.b_lair_difficulty .levels a:last-child {
    margin-right: 0
}

.b_lair_difficulty .levels a._act {
    opacity: 1
}

.b_lair_difficulty .levels a._l0 {
    background-position: 0 center
}

.b_lair_difficulty .levels a._l1 {
    background-position: -59px center
}

.b_lair_difficulty .levels a._l2 {
    background-position: -117px center
}

.b_news {
    position: relative;
    min-height: 60px;
    margin: 0 3px;
    background-color: #d1ae88;
    background-image: url(img/bg_news_top.png),url(img/bg_news_bottom.png),url(img/sprite/sprite_news_h.png),url(img/sprite/sprite_news_h.png);
    background-repeat: repeat-x,repeat-x,repeat-y,repeat-y;
    background-position: 0 0,0 bottom,0 0,right 0
}

.b_news .corner {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 28px;
    height: 28px;
    background: url(img/sprite/sprite_news.png) no-repeat
}

.b_news .corner._tl {
    background-position: 0 0
}

.b_news .corner._tr {
    background-position: -28px 0;
    left: 100%;
    margin-left: -28px
}

.b_news .corner._bl {
    background-position: 0 -28px;
    top: 100%;
    margin-top: -28px
}

.b_news .corner._br {
    background-position: -28px -28px;
    top: 100%;
    left: 100%;
    margin-left: -28px;
    margin-top: -28px
}

.b_news .content {
    position: relative;
    padding: 7px 17px;
    font-size: 12px;
    color: #3c1e03
}

.b_news .title {
    margin-bottom: 4px;
    font-size: 16px;
    text-align: center
}

.b_news a {
    color: #6c340b
}

.b_stop {
    height: 175px;
    background: url(img/stop.jpg) center 26px no-repeat
}

.b_stop h3 {
    margin: 10px 0
}

.fnt15 {
    font-size: 15px
}

.fight_btn {
    display: block;
    width: 158px;
    height: 34px
}

.fight_btn.dodge {
    background: url(img/fight/dodge.jpg) center no-repeat
}

.fight_btn.dodge._hide {
    opacity: .5
}

.fight_btn.dodge .time {
    position: absolute;
    width: inherit;
    text-align: center;
    padding-left: 99px;
    padding-top: 9px;
    color: #70f3fd
}

.fight_btn.target {
    background: url(img/fight/ntarget.jpg) center no-repeat
}

.fight_btn.target._hide {
    opacity: .5
}

.fight_btn.target .time {
    position: absolute;
    width: inherit;
    text-align: center;
    padding-left: 99px;
    padding-top: 9px;
    color: #70f3fd
}

.clf_bg {
    background: url(img/clanFight/mainbg.png) center no-repeat;
    height: 311px;
    width: 320px
}

.clf_icon_l1 {
    display: inline-block;
    width: 320px
}

.clf_icon_l2 {
    display: inline-block;
    width: 320px;
    margin-top: -5px
}

.clf_icon_f {
    margin-top: -30px;
    width: 320px
}

.clf_icon_icon_main {
    background: url(img/clanFight/fight_ico.png) center no-repeat;
    height: 174px;
    width: 153px
}

.clf_icon_icon {
    height: 80px;
    width: 121px
}

.clf_icon_icon.icon1 {
    background: url(img/clanFight/mine_ico1.png) center no-repeat
}

.clf_icon_icon.icon2 {
    background: url(img/clanFight/mine_ico2.png) center no-repeat
}

.clf_icon_icon.icon3 {
    background: url(img/clanFight/mine_ico3.png) center no-repeat
}

.clf_icon_icon.icon4 {
    background: url(img/clanFight/mine_ico4.png) center no-repeat
}

.clf_icon_tab {
    padding-top: 60px
}

.clf_icon_tab.type1 {
    padding-top: 130px
}

.clf_icon_tab ._line_act {
    display: inline-block;
    width: 121px;
    height: 22px;
    background: url(img/btn_menu/btn_b_p_act.png) center no-repeat
}

.clf_icon_tab ._line_nact {
    display: inline-block;
    width: 121px;
    height: 22px;
    background: url(img/btn_menu/btn_b_p_nact.png) center no-repeat
}

.clf_icon_tab ._line_act.type1 {
    width: 121px;
    height: 22px;
    background: url(img/clanFight/btn_b_p_act.png) center no-repeat
}

.clf_icon_tab ._line_act.type2 {
    width: 135px;
    height: 44px;
    background: url(img/clanFight/fight_ico_title.png) no-repeat
}

.clf_icon_tab ._text_position_a {
    color: #fff;
    font-size: 11px;
    padding-top: 3px
}

body {
    margin: 0 auto;
    min-width: 240px;
    max-width: 320px;
    background-color: #030409;
    font-family: Arial,sans-serif;
    font-size: 14px
}

* {
    box-sizing: border-box
}

h1,p,ul {
    margin: 0
}

ul {
    padding: 0 0 0 25px
}

a {
    text-decoration: none
}

input[type="submit"] {
    border: 0
}

table,tr,th,td {
    border: 0;
    padding: 0;
    margin: 0;
    border-collapse: collapse
}

.cl {
    clear: both
}

.fl {
    float: left
}

.fr {
    float: right
}

.center {
    margin: 0 auto
}

.ib {
    display: inline-block
}

.w50 {
    width: 50%
}

.t_left {
    text-align: left !important
}

.t_center {
    text-align: center !important
}

.t_right {
    text-align: right !important
}

.t_small {
    font-size: 12px
}

.t_medium {
    font-size: 15px
}

.pad {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

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

.smar {
    margin-left: 5px;
    margin-right: 5px
}

.tpad {
    padding-top: 5px !important
}

.bpad {
    padding-bottom: 5px !important
}

.tmar {
    margin-top: 5px !important
}

.bmar {
    margin-bottom: 5px !important
}

.underline {
    text-decoration: underline
}

.nounder {
    text-decoration: none !important
}

.clfix:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

#wrap {
    position: relative;
    min-width: 240px;
    max-width: 320px;
    margin: 0 auto;
    background-color: #030409
}

#content {
    padding-bottom: 5px;
    margin: 2px 2px 0;
    overflow: hidden
}

#content img {
    max-width: 100%
}

.bg_l,.bg_r,.bg_t,.bg_b {
    width: 100%;
    height: 100%
}

.bg_l {
    background: url(img/bg_left.png) repeat-y
}

.bg_r {
    background: url(img/bg_right.png) right repeat-y
}

.bg_t {
    background: url(img/bg_top.png) repeat-x
}

.bg_b {
    background: url(img/bg_bottom.png) bottom repeat-x;
    overflow: auto
}

.bg_blue {
    background: url(img/bg_blue.png) center 1px repeat-x
}

#wrap>.corner {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 5px;
    height: 5px;
    background: url(img/sprite/sprite_corner.png) no-repeat
}

#wrap>.corner._tl {
    background-position: 0 0
}

#wrap>.corner._tr {
    background-position: 0 -5px;
    left: 100%;
    margin-left: -5px
}

#wrap>.corner._bl {
    background-position: 0 -10px;
    top: 100%;
    margin-top: -5px
}

#wrap>.corner._br {
    background-position: 0 -15px;
    top: 100%;
    left: 100%;
    margin-left: -5px;
    margin-top: -5px
}

.mdle {
    vertical-align: middle
}

.btn {
    position: relative;
    display: block;
    height: 35px;
    text-align: center;
    font-size: 16px;
    margin: 0 5px;
    border: 0;
    cursor: pointer;
    border-radius: 0;
    background-repeat: no-repeat,no-repeat;
    background-position: 0 -120px,right -150px;
    
    transition: transform 0.05s ease-out, filter 0.05s ease-out;
}

.btn:active {
    transform: scale(0.97) translateY(1px);
    filter: brightness(1.15);
}

.btn._black:active, .btn._black2:active {
    filter: brightness(1.4);
}

.btn>span {
    display: inline-block;
    margin-top: 5px
}

.btn._l {
    text-align: left
}

.btn._r {
    text-align: right;
    padding-right: 12px
}

.btn._blue {
    background-image: url(img/sprite/sprite_btn_blue.png),url(img/sprite/sprite_btn_blue.png);
    color: #92ace4;
    background-position: 0 0,right -35px
}

.btn._blue>span {
    margin-top: 8px
}

.btn._black {
    background-image: url(img/sprite/sprite_btn_black.png),url(img/sprite/sprite_btn_black.png);
    height: 28px;
    font-size: 16px;
    font-weight: normal;
    color: #92ace4;
    background-position: 0 0,right -28px
}

.btn._black2 {
    background-image: url(img/sprite/sprite_btn_black2.png),url(img/sprite/sprite_btn_black2.png);
    height: 27px;
    font-size: 16px;
    font-weight: normal;
    color: #595959;
    background-position: 0 0,right -28px
}

.btn._gold {
    background-image: url(img/sprite/sprite_btn_gold.png),url(img/sprite/sprite_btn_gold.png);
    height: 35px;
    font-size: 16px;
    color: #feca04;
    background-position: 0 0,right -35px
}

.btn._gold>span {
    margin-top: 8px
}

.btn._gold._simple {
    background-position: 0 -70px,right -105px
}

.btn._gold._corner {
    height: 28px;
    background-position: 0 -140px,right -168px
}

.btn._gold._corner>span {
    margin-top: 5px
}

.btn._green {
    background-image: url(img/sprite/sprite_btn_gold.png),url(img/sprite/sprite_btn_gold.png);
    height: 35px;
    font-size: 16px;
    color: #81ff00;
    background-position: 0 -196px,right -231px
}

.btn._green>span {
    margin-top: 8px
}

.btn._big {
    background-image: url(img/sprite/sprite_btn_big.png),url(img/sprite/sprite_btn_big.png);
    height: 43px;
    color: #92ace4;
    font-size: 14px;
    background-position: 0 0,right -45px
}

.btn._big>span {
    margin-top: 5px
}

.btn._big._gold {
    color: #feca04;
    background-position: 0 -90px,right -135px
}

.btn._big._oneline>span {
    margin-top: 13px
}

span.btn._black {
    cursor: auto
}

.btn_group {
    display: inline-block;
    width: 100%
}

.btn_group .btn {
    width: 49.8%;
    margin: 0
}

.btn_group .btn:first-child {
    float: left
}

.btn_group .btn:last-child {
    float: right
}

.btns {
    display: table;
    table-layout: fixed;
    width: 100%
}

.btns .btn {
    display: table-cell;
    margin: 0;
    border-right: 2px solid transparent
}

.btns .btn:last-child {
    border-right: 0
}

.btns._small .btn {
    font-size: 14px
}

.btn_change,.btn_use {
    display: block;
    width: 60px;
    height: 23px;
    color: #9ca2aa;
    text-align: center;
    font-size: 12px;
    background: url(img/btn_unit_info.png)
}

.btn_use {
    color: #feca04;
    background: url(img/btn_unit_use.png)
}

.btn_change>span,.btn_use>span {
    display: inline-block;
    margin-top: 4px
}

.btn i._big {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 26px;
    margin: -3px 7px 0 9px;
    background-position: center top;
    background-repeat: no-repeat;
    vertical-align: top
}

.btn i._big._upgrade {
    background-image: url(img/btn_menu/btn_upgrade.png)
}

.btn i._big._tasks {
    background-image: url(img/btn_menu/btn_tasks.png)
}

.btn i._big._citadel {
    background-image: url(img/btn_menu/btn_citadel.png)
}

.btn i._big._ratings {
    background-image: url(img/btn_menu/btn_ratings.png)
}

.btn i._big._mail {
    background-image: url(img/btn_menu/btn_mail.png)
}

.btn i._big._chat {
    background-image: url(img/btn_menu/btn_chat.png)
}

.btn i._big._forum {
    background-image: url(img/btn_menu/btn_forum.png)
}

.btn i._big._inventory {
    background-image: url(img/btn_menu/btn_inventory.png)
}

.btn i._big._artefacts {
    background-image: url(img/btn_menu/btn_artefacts.png)
}

.btn i._big._armory {
    background-image: url(img/btn_menu/btn_armory.png)
}

.btn i._big._evolution {
    background-image: url(img/btn_menu/btn_evolution.png)
}

.btn i._big._rank {
    background-image: url(img/btn_menu/btn_rank.png)
}

.btn i._big._skill {
    background-image: url(img/btn_menu/btn_skill.png)
}

.btn i._big._energy {
    background-image: url(img/btn_menu/btn_energy.png)
}

.btn i._big._medal {
    background-image: url(img/btn_menu/btn_medal.png)
}

.btn i._big._coin {
    background-image: url(img/btn_menu/btn_coin.png)
}

.btn i._big._crystall {
    background-image: url(img/btn_menu/btn_crystall.png)
}

.btn i._big._team {
    background-image: url(img/btn_menu/btn_team.png)
}

.btn i._big._chest {
    background-image: url(img/btn_menu/btn_chest.png)
}

.btn i._big._equip {
    background-image: url(img/btn_menu/btn_equip.png)
}

.btn i._big._arena {
    background-image: url(img/btn_menu/btn_arena.png)
}

.btn i._big._hero {
    background-image: url(img/btn_menu/btn_hero.png)
}

.btn i._big._hero2 {
    background-image: url(img/btn_menu/btn_hero.png)
}

.btn i._big._art_remove {
    background-image: url(img/btn_menu/btn_art_remove.png)
}

.btn i._big._art_up {
    background-image: url(img/btn_menu/btn_art_up.png)
}

.btn i._big._prize {
    background-image: url(img/btn_menu/btn_prize.png)
}

.btn i._big._class_up {
    background-image: url(img/btn_menu/btn_class_up.png)
}

.btn i._big._grind_up {
    background-image: url(img/btn_menu/btn_grind.png)
}

.btn i._big._fighthero {
    background-image: url(img/btn_menu/btn_fighthero.png)
}

.btn i._big._boot {
    background-image: url(img/img_boot_m.png)
}

.gr {
    background-repeat: repeat-x
}

.gr._bottom {
    background-position: 0 bottom
}

.gr._blue {
    background-image: url(img/gradients/gr_bottom_blue.png)
}

.gr._s {
    background-repeat: no-repeat;
    background-position: center top
}

.gr._s._green {
    background-image: url(img/bg/bg_login_desc.jpg)
}

.ico {
    display: inline-block;
    margin-top: -1px;
    margin-right: 3px;
    width: 27px;
    height: 20px;
    background-repeat: no-repeat;
    vertical-align: text-top
}

.ico.i_exp {
    width: 15px;
    margin-right: 3px;
    height: 14px;
    background: url(img/ico_exp.png) no-repeat
}

.ico.i_exp._s {
    background-position: -15px 0
}

.ico.i_coins,.ico.i_real,.ico.i_energy,.ico.i_mail,.ico.i_level,.ico.i_mastery,.ico.i_energy_black,.ico.i_ticket_lair,.ico.i_boot,.ico.i_dust,.ico.i_shop,.ico.i_clan_booty,.ico.i_ticket,.ico.i_smith {
    width: 16px;
    height: 16px;
    background-image: url(img/sprite/icons.png)
}

.ico.i_dust {
    margin-top: 0;
    background-image: url(img/grind/dust-ico.png)
}

.ico.i_shop {
    margin-top: 0;
    background-image: url(img/ico_shop.png)
}

.ico.i_smith {
    margin-top: 0;
    background-image: url(img/ico_smith.png)
}

.ico.i_ticket {
    margin-top: 0;
    background-image: url(img/icons/arena.png)
}

.ico.i_coins {
    background-position: 0 1px
}

.ico.i_real {
    background-position: 0 -19px
}

.ico.i_energy {
    background-position: 0 -39px
}

.ico.i_energy_black {
    background-position: 0 -74px
}

.ico.i_level {
    background-position: 3px -56px
}

.ico.i_mastery {
    background-position: 0 -94px
}

.ico.i_mail {
    background-position: 0 -110px
}

.ico.i_boot {
    background-position: 0 -150px
}

.ico.i_clan_booty {
    margin-top: 0;
    background-image: url(img/ico_booty.png)
}

.ico.i_ticket_lair {
    width: 18px;
    height: 18px;
    margin-top: -2px;
    background-position: center -128px
}

.ico.i_leader {
    width: 14px;
    height: 10px;
    background-image: url(img/ico_leader.png)
}

.ico.i_ready {
    width: 34px;
    height: 29px;
    background-image: url(img/ico_quest_ready.png)
}

@media(-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .ico.i_coins,.ico.i_real,.ico.i_energy,.ico.i_mail {
        background-image:url(img/sprite/icons_retina.png);
        background-size: 16px auto
    }

    .ico.i_coins {
        background-position: 0 0
    }

    .ico.i_real {
        background-position: 0 -16px
    }

    .ico.i_energy {
        background-position: 0 -32px
    }

    .ico.i_mail {
        background-position: center -48px
    }
}

.ico.i_unit {
    width: 16px;
    height: 18px;
    background-image: url(img/sprite/sprite_ico_unit_info.png)
}

.ico.i_unit._level {
    background-position: 0 0
}

.ico.i_unit._stats {
    background-position: 0 -19px
}

.ico.i_unit._health {
    background-position: 0 -39px
}

.ico.i_unit._power {
    background-position: 0 -60px
}

.ico.i_unit._art_level {
    background-position: 0 -80px
}

.ico.i_unit._rating {
    width: 18px;
    background-image: url(img/icons/rating.png)
}

.ico.i_unit._online {
    width: 18px;
    background-image: url(img/ico_plus.png)
}

.ico.i_back {
    position: relative;
    width: 36px;
    height: 21px;
    top: -1px;
    margin: 0 7px 0 9px;
    background: url(img/ico_back.png) center top no-repeat
}

.ico.i_remove,.ico.i_edit,.ico.i_to,.ico.i_ban,.ico.i_clock {
    width: 18px;
    height: 18px;
    margin-right: 0;
    background: url(img/ico_remove.png)
}

.ico.i_edit {
    background: url(img/ico_edit.png)
}

.ico.i_to {
    background: url(img/ico_to.png)
}

.ico.i_clock {
    background: url(img/ico_clock.png)
}

.ico.i_ban {
    background: url(img/ico_ban.png)
}

.ico._clan_member_level {
    width: 22px;
    height: 22px;
    background-image: url(img/sprite/sprite_clan_member_level.png);
    vertical-align: middle
}

.ico._clan_member_level._l0 {
    background-position: 0 -88px
}

.ico._clan_member_level._l1 {
    background-position: 0 -66px
}

.ico._clan_member_level._l2 {
    background-position: 0 -44px
}

.ico._clan_member_level._l3 {
    background-position: 0 -22px
}

.b_title {
    position: relative;
    height: 20px;
    margin-bottom: 1px;
    padding: 2px 0 5px;
    text-align: center;
    color: #92ace4;
    background-image: url(img/sprite/title.png),url(img/sprite/title.png);
    background-position: 0 0,right -20px;
    background-repeat: no-repeat,no-repeat
}

.b_title a {
    color: #fff;
    text-decoration: underline
}

.b_title:before,.b_title:after {
    content: "";
    position: absolute;
    z-index: 1000;
    top: 1px;
    left: 0;
    display: block;
    width: 58px;
    height: 33px
}

.b_title:after {
    left: 100%;
    margin-left: -58px;
    background-position: 0 -33px
}

.b_title._clear {
    background: 0;
    color: #595959
}

.b_info {
    margin: 0 20px 5px;
    font-size: 12px;
    color: #9da3ab
}

.b_info a {
    color: #92ace4;
    text-decoration: underline
}

.b_info>span {
    color: #fff
}

.b_info._silver {
    color: #595959
}

.b_info._yellow {
    color: #f6cc00
}

.b_info._blue {
    color: #b9d0f9
}

.b_info._center {
    text-align: center
}

.b_info._ptop {
    padding-top: 6px
}

.btn_shop_portal {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 4px 0;
    height: 109px
}

.btn_shop_portal .icon {
    display: table-cell;
    text-align: center
}

.btn_shop_portal .portal1 {
    display: inline-block;
    width: 143px;
    height: 109px;
    background: url('img_20170308.1335/shop/portal_1.png') no-repeat bottom;
    margin-right: -4px;
    margin-bottom: 3px
}

.btn_shop_portal .portal2 {
    display: inline-block;
    width: 143px;
    height: 109px;
    background: url('img_20170308.1335/shop/portal_2.png') no-repeat center;
    margin-right: -4px;
    margin-bottom: 3px
}

.btn_shop_portal i.small_detail {
    position: relative;
    display: inline-block;
    background-image: url('img_20170308.1335/faces_construct/mini_detail.png');
    width: 20px;
    height: 20px;
    background-position: center top;
    background-repeat: no-repeat;
    vertical-align: top
}

i.small_detail {
    position: relative;
    display: inline-block;
    background-image: url('img_20170308.1335/faces_construct/mini_detail.png');
    width: 20px;
    height: 20px;
    background-position: center top;
    background-repeat: no-repeat;
    vertical-align: middle
}

.artefact {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px
}

.artefact._empty {
    background: url(img/bg_squares/bg_sq_empty.png) no-repeat
}

.artefact._empty._p0 {
    background: url(img/bg_squares/bg_sq_art_empty_0.png) no-repeat
}

.artefact._empty._p1 {
    background: url(img/bg_squares/bg_sq_art_empty_1.png) no-repeat
}

.artefact._empty._p2 {
    background: url(img/bg_squares/bg_sq_art_empty_2.png) no-repeat
}

.artefact._empty._p3 {
    background: url(img/bg_squares/bg_sq_art_empty_3.png) no-repeat
}

.artefact._cl1 {
    background: url(img/bg_squares/bg_sq_1.png) no-repeat
}

.artefact._cl2 {
    background: url(img/bg_squares/bg_sq_2.png) no-repeat
}

.artefact._cl3 {
    background: url(img/bg_squares/bg_sq_3.png) no-repeat
}

.artefact._cl4 {
    background: url(img/bg_squares/bg_sq_4.png) no-repeat
}

.artefact._cl5 {
    background: url(img/bg_squares/bg_sq_5.png) no-repeat
}

.artefact._cl6 {
    background: url(img/bg_squares/bg_sq_6.png) no-repeat
}

.artefact span {
    position: absolute;
    z-index: 2;
    color: #fff;
    top: 32px;
    right: 0;
    margin-right: 5px
}

.artefact i {
    display: block;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat
}

.artefact._a1 i {
    background-image: url(img/artefacts/1.png)
}

.artefact._a2 i {
    background-image: url(img/artefacts/2.png)
}

.artefact._a3 i {
    background-image: url(img/artefacts/3.png)
}

.artefact._a4 i {
    background-image: url(img/artefacts/4.png)
}

.artefact._a11 i {
    background-image: url(img/artefacts/11.png)
}

.artefact._a12 i {
    background-image: url(img/artefacts/12.png)
}

.artefact._a13 i {
    background-image: url(img/artefacts/13.png)
}

.artefact._a14 i {
    background-image: url(img/artefacts/14.png)
}

.artefact._a21 i {
    background-image: url(img/artefacts/21.png)
}

.artefact._a22 i {
    background-image: url(img/artefacts/22.png)
}

.artefact._a23 i {
    background-image: url(img/artefacts/23.png)
}

.artefact._a24 i {
    background-image: url(img/artefacts/24.png)
}

.artefact._a31 i {
    background-image: url(img/artefacts/31.png)
}

.artefact._a32 i {
    background-image: url(img/artefacts/32.png)
}

.artefact._a33 i {
    background-image: url(img/artefacts/33.png)
}

.artefact._a34 i {
    background-image: url(img/artefacts/34.png)
}

.artefact._a41 i {
    background-image: url(img/artefacts/41.png)
}

.artefact._a42 i {
    background-image: url(img/artefacts/42.png)
}

.artefact._a43 i {
    background-image: url(img/artefacts/43.png)
}

.artefact._a44 i {
    background-image: url(img/artefacts/44.png)
}

.artefact._a51 i {
    background-image: url(img/artefacts/51.png)
}

.artefact._a52 i {
    background-image: url(img/artefacts/52.png)
}

.artefact._a53 i {
    background-image: url(img/artefacts/53.png)
}

.artefact._a54 i {
    background-image: url(img/artefacts/54.png)
}

.artefact._p1 i {
    background-image: url(img/artefacts/p1.png)
}

.artefact._p2 i {
    background-image: url(img/artefacts/p2.png)
}

.artefact._p3 i {
    background-image: url(img/artefacts/p3.png)
}

.artefact._p4 i {
    background-image: url(img/artefacts/p4.png)
}

.artefact._p5 i {
    background-image: url(img/artefacts/p5.png)
}

.artefact._p6 i {
    background-image: url(img/artefacts/p6.png)
}

.artefact._p7 i {
    background-image: url(img/artefacts/p7.png)
}

.artefact._p8 i {
    background-image: url(img/artefacts/p8.png)
}

.artefact._p21 i {
    background-image: url(img/artefacts/p21.png)
}

.artefact._p22 i {
    background-image: url(img/artefacts/p22.png)
}

.artefact._p23 i {
    background-image: url(img/artefacts/p23.png)
}

.artefact._p24 i {
    background-image: url(img/artefacts/p24.png)
}

.artefact._p25 i {
    background-image: url(img/artefacts/p25.png)
}

.artefact._p26 i {
    background-image: url(img/artefacts/p26.png)
}

.artefact._p27 i {
    background-image: url(img/artefacts/p27.png)
}

.artefact._p28 i {
    background-image: url(img/artefacts/p28.png)
}

.artefact._p41 i {
    background-image: url(img/artefacts/p41.png)
}

.artefact._p42 i {
    background-image: url(img/artefacts/p42.png)
}

.artefact._p43 i {
    background-image: url(img/artefacts/p43.png)
}

.artefact._p44 i {
    background-image: url(img/artefacts/p44.png)
}

.artefact._p45 i {
    background-image: url(img/artefacts/p45.png)
}

.artefact._p46 i {
    background-image: url(img/artefacts/p46.png)
}

.artefact._p47 i {
    background-image: url(img/artefacts/p47.png)
}

.artefact._p48 i {
    background-image: url(img/artefacts/p48.png)
}

.artefact._p51 i {
    background-image: url(img/artefacts/p51.png)
}

.artefact._p52 i {
    background-image: url(img/artefacts/p52.png)
}

.artefact._p53 i {
    background-image: url(img/artefacts/p53.png)
}

.artefact._p54 i {
    background-image: url(img/artefacts/p54.png)
}

.artefact._p55 i {
    background-image: url(img/artefacts/p55.png)
}

.artefact._p56 i {
    background-image: url(img/artefacts/p56.png)
}

.artefact._p57 i {
    background-image: url(img/artefacts/p57.png)
}

.artefact._p58 i {
    background-image: url(img/artefacts/p58.png)
}

.artefact._p71 i {
    background-image: url(img/artefacts/p71.png)
}

.artefact._p72 i {
    background-image: url(img/artefacts/p72.png)
}

.artefact._p73 i {
    background-image: url(img/artefacts/p73.png)
}

.artefact._p74 i {
    background-image: url(img/artefacts/p74.png)
}

.artefact._p75 i {
    background-image: url(img/artefacts/p75.png)
}

.artefact._p76 i {
    background-image: url(img/artefacts/p76.png)
}

.artefact._p77 i {
    background-image: url(img/artefacts/p77.png)
}

.artefact._p78 i {
    background-image: url(img/artefacts/p78.png)
}

.artefact._n1 i {
    background-image: url(img/artefacts/n1.png)
}

.artefact._n2 i {
    background-image: url(img/artefacts/n2.png)
}

.artefact._n3 i {
    background-image: url(img/artefacts/n3.png)
}

.artefact._n4 i {
    background-image: url(img/artefacts/n4.png)
}

.artefact._n5 i {
    background-image: url(img/artefacts/n5.png)
}

.artefact b {
    position: absolute;
    z-index: 2;
    top: -1px;
    left: -1px;
    width: 19px;
    height: 19px;
    padding-top: 2px;
    padding-right: 1px;
    background: url(img/bg_art_level.png);
    font-size: 10px;
    font-weight: normal;
    text-align: center;
    color: #fce25b
}

.artefact_desc._cl1 {
    color: #9ca2aa
}

.artefact_desc._cl2 {
    color: #738704
}

.artefact_desc._cl3 {
    color: #4c70f2
}

.artefact_desc._cl4 {
    color: #8926ff
}

.artefact_desc._cl5 {
    color: #ff7412
}

.artefact_desc._cl6 {
    color: #f5270d
}

.artefact_desc i {
    font-style: normal;
    color: #595959
}

.art_class {
    position: relative;
    display: inline-block;
    top: -2px;
    width: 13px;
    height: 13px;
    margin-right: 2px;
    vertical-align: middle;
    background: url(img/sprite/sprite_artefact_class.png) no-repeat
}

.art_class._cl1 {
    background-position: 0 0
}

.art_class._cl2 {
    background-position: -60px 0
}

.art_class._cl3 {
    background-position: -45px 0
}

.art_class._cl4 {
    background-position: -30px 0
}

.art_class._cl5 {
    background-position: -15px 0
}

.art_class._cl6 {
    background-position: -75px 0
}

.block.forum_section {
    position: relative;
    font-size: 14px
}

.block.forum_section i {
    position: absolute;
    top: 10px;
    left: 9px;
    width: 20px;
    height: 18px;
    background: url(img/sprite/forum.png) 0 0 no-repeat
}

.block.forum_section i._hidden {
    background-position: -125px 0
}

.block.forum_section p {
    padding-left: 34px
}

.block.forum_section p span {
    color: #92ace4
}

.block.forum_section p small {
    display: block;
    color: #595959
}

.line.forum_thread {
    position: relative;
    min-height: 30px;
    margin-bottom: 0
}

.line.forum_thread i {
    position: absolute;
    top: 5px;
    left: 7px;
    width: 20px;
    height: 20px;
    background: url(img/sprite/forum.png) -99px 0 no-repeat
}

.line.forum_thread p {
    padding: 6px 0 0 30px
}

.line.forum_thread a {
    color: #9ca2aa
}

.line.forum_thread._unread i {
    background-position-x: -73px
}

.line.forum_thread._up i {
    background-position-x: -49px
}

.line.forum_thread._up._unread i {
    background-position-x: -26px
}

.line.forum_thread._unread a {
    color: #92ace4
}

.clan_dict {
    display: table;
    width: 100%;
    height: 103px;
    background: center center no-repeat;
    text-align: center
}

.clan_dict span {
    position: relative;
    display: table-cell;
    font-size: 20px;
    color: #fff;
    vertical-align: middle
}

.clan_dict._id1 {
    background-image: url(img/clans/1.jpg)
}

.clan_dict._id2 {
    background-image: url(img/clans/2.jpg)
}

.clan_dict._id3 {
    background-image: url(img/clans/3.jpg)
}

.b_clan_header {
    position: relative;
    height: 88px;
    background-image: url(img/sprite/sprite_clan_header.png),url(img/sprite/sprite_clan_header.png),url(img/sprite/sprite_clan_header.png);
    background-repeat: no-repeat,no-repeat,repeat-x;
    background-position: 0 0,right -100px,center -200px;
    z-index: 1000
}

.b_clan_header span {
    position: absolute
}

.b_clan_header .lft_gerb {
    background-position: 12px 15px;
    background-repeat: no-repeat
}

.b_clan_header .lft_gerb .lft_side {
    height: 88px;
    background-image: url(img/sprite/sprite_clan_header_left.png);
    background-repeat: no-repeat
}

.b_clan_header .level {
    top: 62px;
    left: 5px;
    width: 20px;
    text-align: center;
    font-size: 14px;
    color: #fbf976
}

.b_clan_header .name {
    top: 6px;
    width: 100%;
    padding-left: 88px;
    padding-right: 31px;
    text-align: center;
    font-size: 14px;
    color: #a6e00a
}

.b_clan {
    position: relative;
    margin-top: -59px;
    height: 249px;
    background-position: center center
}

.b_clan i {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 249px;
    background-position: center bottom;
    background-repeat: no-repeat;
    font-style: normal
}

.b_clan i span {
    display: block;
    position: relative;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 22px;
    padding-top: 4px;
    text-align: center;
    font-size: 12px;
    color: #fbf976
}

.b_clan .slogan {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 249px;
    overflow: hidden;
    text-align: right;
    padding-right: 4px;
    padding-left: 95px;
    background: url(img/gradients/gr_top_dark.png) repeat-x;
    font-size: 12px;
    color: #efce7f
}

.b_clan._id1 {
    background-image: url(img/clans/1/bg.jpg)
}

.b_clan._id1 i span {
    background: url(img/clans/1/bg_tower_level.png)
}

.b_clan._id1 .l1 {
    background-image: url(img/clans/1/l1.png)
}

.b_clan._id1 .l1 span {
    margin: 60px 0 0 -90px
}

.b_clan._id1 .l2 {
    background-image: url(img/clans/1/l2.png)
}

.b_clan._id1 .l2 span {
    margin: 1px 0 0 84px
}

.b_clan._id1 .l3 {
    background-image: url(img/clans/1/l3.png)
}

.b_clan._id1 .l3 span {
    margin: 77px 0 0 -10px
}

.b_clan._id1 .l4 {
    background-image: url(img/clans/1/l4.png)
}

.b_clan._id1 .l4 span {
    margin: 98px 0 0 91px
}

.b_clan._id1 .l5 {
    background-image: url(img/clans/1/l5.png)
}

.b_clan._id1 .l6 {
    background-image: url(img/clans/1/l6.png)
}

.b_clan._id1 .l6 span {
    margin: 8px 0 0 -109px
}

.b_clan._id2 {
    background-image: url(img/clans/2/bg.jpg)
}

.b_clan._id2 i span {
    background: url(img/clans/2/bg_tower_level.png)
}

.b_clan._id2 .l1 {
    background-image: url(img/clans/2/l1.png)
}

.b_clan._id2 .l1 span {
    margin: 91px 0 0 -118px
}

.b_clan._id2 .l2 {
    background-image: url(img/clans/2/l2.png)
}

.b_clan._id2 .l2 span {
    margin: 35px 0 0 1px
}

.b_clan._id2 .l3 {
    background-image: url(img/clans/2/l3.png)
}

.b_clan._id2 .l3 span {
    margin: 19px 0 0 -113px
}

.b_clan._id2 .l4 {
    background-image: url(img/clans/2/l4.png)
}

.b_clan._id2 .l4 span {
    margin: 100px 0 0 0
}

.b_clan._id2 .l5 {
    background-image: url(img/clans/2/l5.png)
}

.b_clan._id2 .l6 {
    background-image: url(img/clans/2/l6.png)
}

.b_clan._id2 .l6 span {
    margin: 38px 0 0 89px
}

.b_clan._id3 {
    background-image: url(img/clans/3/bg.jpg)
}

.b_clan._id3 i span {
    background: url(img/clans/3/bg_tower_level.png)
}

.b_clan._id3 .l1 {
    background-image: url(img/clans/3/l1.png)
}

.b_clan._id3 .l1 span {
    margin: 89px 0 0 -5px
}

.b_clan._id3 .l2 {
    background-image: url(img/clans/3/l2.png)
}

.b_clan._id3 .l2 span {
    margin: 9px 0 0 66px
}

.b_clan._id3 .l3 {
    background-image: url(img/clans/3/l3.png)
}

.b_clan._id3 .l3 span {
    margin: -37px 0 0 -95px
}

.b_clan._id3 .l4 {
    background-image: url(img/clans/3/l4.png)
}

.b_clan._id3 .l4 span {
    margin: 93px 0 0 63px
}

.b_clan._id3 .l5 {
    background-image: url(img/clans/3/l5.png)
}

.b_clan._id3 .l6 {
    background-image: url(img/clans/3/l6.png)
}

.b_clan._id3 .l6 span {
    margin: 85px 0 0 -99px
}

.b_clan_towers .block {
    height: 60px;
    padding-top: 10px;
    background-position: 1px center,right 1px center;
    background-repeat: no-repeat,no-repeat
}

.b_clan_towers .block p {
    text-align: right;
    padding-right: 5px
}

.b_clan_towers .block .title {
    color: #feca04
}

.b_clan_towers._id0 ._id1,.b_clan_towers._id1 ._id1 {
    background-image: url(img/clans/1/t1.jpg),url(img/bg/bg_right.jpg)
}

.b_clan_towers._id0 ._id2,.b_clan_towers._id1 ._id2 {
    background-image: url(img/clans/1/t2.jpg),url(img/bg/bg_right.jpg)
}

.b_clan_towers._id0 ._id3,.b_clan_towers._id1 ._id3 {
    background-image: url(img/clans/1/t3.jpg),url(img/bg/bg_right.jpg)
}

.b_clan_towers._id0 ._id4,.b_clan_towers._id1 ._id4 {
    background-image: url(img/clans/1/t4.jpg),url(img/bg/bg_right.jpg)
}

.b_clan_towers._id0 ._id6,.b_clan_towers._id1 ._id6 {
    background-image: url(img/clans/1/t6.jpg),url(img/bg/bg_right.jpg)
}

.b_clan_towers._id2 ._id1 {
    background-image: url(img/clans/2/t1.jpg),url(img/bg/bg_right.jpg)
}

.b_clan_towers._id2 ._id2 {
    background-image: url(img/clans/2/t2.jpg),url(img/bg/bg_right.jpg)
}

.b_clan_towers._id2 ._id3 {
    background-image: url(img/clans/2/t3.jpg),url(img/bg/bg_right.jpg)
}

.b_clan_towers._id2 ._id4 {
    background-image: url(img/clans/2/t4.jpg),url(img/bg/bg_right.jpg)
}

.b_clan_towers._id2 ._id6 {
    background-image: url(img/clans/2/t6.jpg),url(img/bg/bg_right.jpg)
}

.b_clan_towers._id3 ._id1 {
    background-image: url(img/clans/3/t1.jpg),url(img/bg/bg_right.jpg)
}

.b_clan_towers._id3 ._id2 {
    background-image: url(img/clans/3/t2.jpg),url(img/bg/bg_right.jpg)
}

.b_clan_towers._id3 ._id3 {
    background-image: url(img/clans/3/t3.jpg),url(img/bg/bg_right.jpg)
}

.b_clan_towers._id3 ._id4 {
    background-image: url(img/clans/3/t4.jpg),url(img/bg/bg_right.jpg)
}

.b_clan_towers._id3 ._id6 {
    background-image: url(img/clans/3/t6.jpg),url(img/bg/bg_right.jpg)
}

.b_clan_tower {
    margin-top: 5px
}

.b_clan_tower .fl,.b_clan_tower .fr {
    width: 26%;
    padding: 0 5px;
    text-align: center
}

.b_clan_tower>div .tower_bonus:first-child {
    margin-bottom: 8px
}

.b_clan_tower .image {
    float: left;
    width: 48%;
    height: 110px;
    text-align: center
}

._clan_member .ctitle {
    text-transform: capitalize;
    font-size: 13px
}

._clan_member._l0 .ctitle .paint a,._clan_member._l0 .ctitle .paint {
    color: #9ca2aa
}

._clan_member._l1 .ctitle .paint a,._clan_member._l1 .ctitle .paint {
    color: #738704
}

._clan_member._l2 .ctitle .paint a,._clan_member._l2 .ctitle .paint {
    color: #4c70f2
}

._clan_member._l3 .ctitle .paint a,._clan_member._l3 .ctitle .paint {
    color: #8926ff
}

._clan_member._l4 .ctitle .paint a,._clan_member._l4 .ctitle .paint {
    color: #feca04
}

.block._clan_member .btns .btn {
    width: auto
}

.block._clan_member .btns .btn:first-child {
    width: 100px
}

.block._clan_member .btns p {
    display: table-cell;
    padding: 0 3px;
    font-size: 12px;
    text-align: center;
    vertical-align: middle
}

@media(max-width: 310px) {
    .block._clan_member .btns .btn {
        font-size:11px
    }
}

.block._clan_bonus {
    position: relative;
    display: table;
    min-height: 47px
}

.block._clan_bonus>i {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 20px;
    height: 21px;
    background: url(img/sprite/clan_bonus_small.png) no-repeat
}

.block._clan_bonus p {
    display: table-cell;
    padding-left: 30px;
    text-align: center;
    vertical-align: middle
}

.block._clan_bonus p span {
    display: inline-block
}

.block._clan_bonus._id2>i {
    background-position: -40px 0
}

.block._clan_bonus._id3>i {
    background-position: -20px 0
}

.block._clan_bonus._id4>i {
    background-position: 0 0
}

.block._clan_bonus._id6>i {
    background-position: -60px 0
}

.block._clan_bonus._id1>i {
    background: url(img/clans/bonus/id1.png) no-repeat
}

.block._clan_bonus_activator .btn {
    margin-top: 3px
}

.clan_avatar_small {
    width: 22px;
    height: 20px;
    vertical-align: middle
}

.b_header {
    font-size: 14px
}

.b_header .inner {
    padding: 2px 4px 0;
    height: 21px
}

.b_header>.inner:first-child {
    background: url(img/bg_header.png) repeat-x
}

.b_header .inner .fl {
    width: 32%;
    text-align: center
}

.b_header .inner .fl:first-child {
    text-align: left
}

.b_header .inner .fr {
    text-align: right
}

.b_header .coins {
    color: #9ca2aa
}

.b_header .real {
    color: #de52de
}

.b_header .energy {
    color: #4c70f2
}

.b_header .energy i {
    font-style: normal;
    color: #414141
}

.b_stats {
    margin-top: 1px;
    padding-top: 5px;
    text-align: center;
    color: #595959;
    font-size: 11px;
    background-color: #060a17;
    line-height: 16px
}

.b_stats a {
    color: #595959;
    text-decoration: underline
}

.footer_split {
    height: 50px
}

.footer_b_one {
    text-align: center;
    color: #595959;
    margin: 5px;
    font-size: 16px
}

.footer_b_one a {
    color: #92ace4;
    text-decoration: underline
}

.footer_b_two {
    text-align: center;
    color: #595959;
    margin: 3px;
    font-size: 13px
}

.footer_b_two a {
    color: #595959
}

.footer_b_one img {
    vertical-align: middle
}

.pagging {
    height: 26px;
    padding-top: 3px;
    text-align: center
}

.pagging a.page {
    color: #92ace4;
    text-decoration: underline;
    display: inline-block;
    transition: color 0.1s, transform 0.1s;
}

.pagging a.page:active {
    color: #fff;
    transform: scale(1.2);
}

.pagging .nav {
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url(img/sprite/btn_pagging.png);
    transition: transform 0.1s, filter 0.1s;
}

.pagging a.nav:active {
    transform: scale(0.85);
    filter: brightness(1.3);
}

.pagging .page {
    position: relative;
    display: inline-block;
    top: -5px;
    margin: 0 7px;
    color: #9da3ab;
    font-size: 17px
}

.pagging .nav._prev {
    background-position: 0 0
}

.pagging .nav._prev._disabled {
    background-position: 0 -42px
}

.pagging .nav._next {
    background-position: 0 -21px
}

.pagging .nav._next._disabled {
    background-position: 0 -63px
}

.pagging .nav._first {
    background-position: 0 -84px
}

.pagging .nav._last {
    background-position: 0 -105px
}

.btn-loading {
    pointer-events: none !important;
    opacity: 0.8;
}

.delta {
    opacity: 0;
    pointer-events: none;
    /* Убираем старое позиционирование, чтобы анимация работала корректно */
    animation: floatDamage 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
    z-index: 100;
}

/* Красный урон больше и летит агрессивнее */
.delta._down {
    animation: floatDamageRed 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

@keyframes floatDamage {
    0% { opacity: 0; transform: translateY(10px) scale(0.5); }
    15% { opacity: 1; transform: translateY(-15px) scale(1.2); }
    100% { opacity: 0; transform: translateY(-40px) scale(1); }
}

@keyframes floatDamageRed {
    0% { opacity: 0; transform: translateY(10px) scale(0.5); }
    15% { opacity: 1; transform: translateY(-10px) scale(1.5); }
    100% { opacity: 0; transform: translateY(-30px) scale(1); }
}

/* 2. Плавная полоска здоровья */
.health_bar .health {
    transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 3. Тряска при получении урона (Hit Impact) */
.anim-hit .face {
    animation: shakeHit 0.4s ease-in-out;
    /* Добавляем красную вспышку через фильтры (эффект крови) */
    filter: sepia(1) hue-rotate(-50deg) saturate(5) brightness(0.8);
}

@keyframes shakeHit {
    0% { transform: translateX(0); }
    20% { transform: translateX(-4px) rotate(-3deg); }
    40% { transform: translateX(4px) rotate(3deg); }
    60% { transform: translateX(-4px) rotate(-3deg); }
    80% { transform: translateX(2px) rotate(2deg); }
    100% { transform: translateX(0); }
}

/* 4. Выпад атакующего героя */
.anim-attack {
    animation: lungeAttack 0.3s ease-in-out;
    z-index: 50;
}

@keyframes lungeAttack {
    0% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-15px) scale(1.1); }
    100% { transform: translateY(0) scale(1); }
}

@keyframes dropDownBounce {
    0% { transform: translateY(-30px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}

@keyframes slideUpFade {
    0% { transform: translateY(20px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}