.blocks-r-t {    display: table-cell;    vertical-align: top;    text-align: right;}
.blocks-c-t {    display: table-cell;    vertical-align: top;    text-align: center;}
.blocks-c-b {    display: table-cell;    vertical-align: bottom;    text-align: center;}
.w35pc {width: 35%}
.w25pc {width: 25%}
.w10pc {width: 10%}
.w80pc {width: 80%}
.w5pc {width: 5%}
.part_bar2 {    width: 100px;    height: 30px;    background-color: #161316;    border:1px solid #d1bf61;    overflow: hidden}
.part_bar2_green {    height: 28px;background-color:  #18a20d;    background-image: linear-gradient(to top, #055d0f 10%, #0b8a0e 25%, #1db910 50%, #0b7c0d 75%, #0b6b09 100%);    border-top:1px solid #003e07;    position: absolute;    bottom: 0px;    left: 0px;}
.fzz8 {font-size: 8pt}
.w54n {width: 54px}
.h54n {height: 54px}
.fz12n {font-size: 12pt;    }
.pt3n {        padding-top: 3px;    }
.pab-l0-b0n {position: absolute; left: 0;bottom: 0}
.rune-border {width: 59px; background-color: #ad6528; border-radius: 3px}
.rune-location {padding-bottom: 3px; padding-left: 2px; padding-right: 0px}
.back-les {background-image: url(../../img/base/tut/les.png); width: 320px;height: 160px;  background-position: bottom}
.back_arenapet {background: url('/content/img/base/pet/arena/arena_pet.png'); width: 320px;height: 160px; background-size: cover}
.back_hpbar {background: url('/content/img/base/pet/arena/hpbar.png'); width: 190px;height: 20px; background-size: cover}
.op09-1 {    opacity: 0.9} .op09-1:hover {    opacity: 1}
.back_hpred {background: url(../../img/base/pet/arena/hpred.png) repeat-x}
.back_hpbarl  {background: url('/content/img/base/pet/arena/redl.png'); width: 20px;height: 20px; background-size: cover; position: absolute; left: 0px;top: 0px;}
.back_hpbarr  {background: url('/content/img/base/pet/arena/redr.png'); width: 22px;height: 20px; background-size: cover; position: absolute; right: 0px;top: 0px;}
.back-nles {background-image: url(../../img/base/tut/nles.png); width: 320px;height: 160px;  background-position: bottom}
.back-gor {background-image: url(../../img/base/tut/gor.png); width: 320px;height: 160px;  background-position: bottom}
.back-lun {background-image: url(../../img/base/tut/lun.png); width: 320px;height: 160px;  background-position: bottom}
.back-gorr {background-image: url(../../img/base/tut/gorr.png); width: 320px;height: 160px;  background-position: bottom}
.back-vedf {background-image: url(../../img/base/tut/vedf.png); width: 320px;height: 160px;  background-position: bottom}
.back-tkv {background-image: url(../../img/base/tut/tkv.png); width: 320px;height: 160px;  background-position: bottom}
.back-meh1 {background-image: url(../../img/base/tut/meh1.png); width: 320px;height: 160px;  background-position: bottom}
.back-meh2 {background-image: url(../../img/base/tut/meh2.png); width: 320px;height: 160px;  background-position: bottom}
.back_petbattle {background: url('/content/img/base/headers/petbattle.png'); width: 320px;height: 160px; background-size: cover}
.infoblue {background: #0a6da6;    background: linear-gradient( to top, #155479 0%, #1474aa 50%, #0978b6 100%);    border-radius: 50%; border: 1px solid #00b6ff ; width: 20px; height: 20px;}
.runocount {position: absolute; bottom: 7px;left: 8px;color: white;font-size: 7pt}
.runoprogress {background-color: #6bbdef; height: 9px;background: url(../../img/base/rune/rune_bar.png) repeat-x}
.mt36 {margin-top: 36px;}
.br5-g2  {
    border-radius: 5px;
    border: 1px solid #17ac27;
    box-shadow: 0 0 15px rgba(23, 172, 39, .9)
}
@media only screen and (min-width: 380px)   {
    /* x1,28125 */
    .rune-border {width: 75px;}
    .rune-location {padding-bottom: 5px;}
    .runocount {    bottom: 11px;  left: 12px;       font-size: 7pt;  }
    .main-content { max-width: 400px; }
    html {font-size: 11pt;}
    .mt-2 {        margin-top: -5px;    }
    .w-targets {        width: 48px;    }
    .h38 {        height: 48px;    }
    .h36 {        height: 48px;    }
    .pab-l0-b0n {position: absolute; left: 0;bottom: -2px}
    .h20 {height: 24px;}
    .ptb3 {padding: 4px 0;}
    .pl5 {padding-left: 6.5px;    }
    .pr5 {padding-right: 6.5px;    }
    .p5 {padding: 6.5px;    }
    .ptn7  {padding-top: 7px}
    .pt15 {padding-top: 19px}
    .pt12 {padding-top: 19px}
    .pt3 {        padding-top: 5px;    }
    .pt3n {        padding-top: 0px;    }
    .fz8 {font-size: 10pt}
    .main-content .items-list-holder {        font-size: 10pt;    }
    .qwest-heder {        font-size: 13pt;     }
    .main-content .content .block {font-size: 16px;}
    .main-content .join-dungeon-block {font-size: 16px;}
    .fz9 {font-size: 11pt}
    .fz10 {font-size: 12pt;    }
    .fz11 {font-size: 13pt;    }
    .fz12 {font-size: 15pt;    }
    .w54 {width: 70px}
    .h54 {height: 70px}
    .w64 {width: 82px;}
    .h64 {height: 82px;}
    .h16 {height: 20px;}
    .h32 {height: 40px;    }
    .h77 {height: 100px;    }
    .w77 {width: 100px;    }
    .h80 {height: 100px;    }
    .w80 {width: 100px;    }
    .mt36 {margin-top: 46px;}
    .h195 {height: 246px;    }
    .hero-item { width: 70px; height: 70px;}
    .hero-item-img {border-radius: 12px;  width: 70px;}
    .button-new {padding: 10px 0px 10px 4px;font-size: 15px;}
    .button-big, .button-big-2 { padding-top: 10px; height: 44px;  width: 75px; font-size: 9pt   }
    .backgreen-b {background-color: #08791E    }
    i[class*=icon-] {background-repeat: no-repeat;background-size: cover;width: 20px;height: 20px;    }
    .button-new i[class*=icon-] {height: 32px;width: 32px    }
    .hero-item-stats {font-size: 10pt;width: 70px;height: 17px;}
    .main-content .tab-switcher .tab {padding-top: 10px;padding-bottom: 11px;    }
    .more {  width: 100%;}
    .tutnpc {width: 154px;height: 192px;    }
    .tutnpc1 {width: 123px;height: 155px;    }
    .h200 {height: 245px;overflow-y: hidden;    }
    .back_hpbar {background: url('/content/img/base/pet/arena/hpbar.png'); width: 190px;height: 20px; background-size: cover}
    .op09-1 {    opacity: 0.9} .op09-1:hover {    opacity: 1}
    .back_hpred {background: url(../../img/base/pet/arena/hpred.png) repeat-x}
    .back_hpbarl  {background: url('/content/img/base/pet/arena/redl.png'); width: 20px;height: 20px; background-size: cover; position: absolute; left: 0px;top: 0px;}
    .back_hpbarr  {background: url('/content/img/base/pet/arena/redr.png'); width: 22px;height: 20px; background-size: cover; position: absolute; right: 0px;top: 0px;}
    .button {background: none;background-image: linear-gradient(to top, #319131 10%, #2d872e 25%, #246326 50%, #235e25 75%, #152f17 100%);padding-top: 8px;padding-bottom: 8px;margin: 3px auto auto;    }
    .button-50:hover, .button:hover {background: none;background-image: linear-gradient(to top, #319232 10%, #309331 25%, #28752a 50%, #287229 75%, #1d4d1e 100%);color: #FFAE00;border: 1px solid #FFE352    }
    .chat-block-container .item div {   max-width: 500px;    }
    .part_bar {     height: 125px;}
    .pab-t23-l60 {        position: absolute;        top: 19px;        left: 90px    }
    i.icon-convert {display: inline-block;    width: 27px;    height: 16px;    background: url(../../img/base/icons/convert.png) no-repeat;    vertical-align: middle;    margin-right: 2px}
    
}
@media only screen and (min-width: 700px)  {
    body.has-bg.default, body.has-bg.bg-1, body.has-bg.bg-2 ,body.has-bg.bg-3 ,body.has-bg.bg-4  {
        background: url('/img/base/headers/bg1_400.jpg') no-repeat 50% 0% #000 fixed;
    }
}
i.icon-swordmini {background: url(../../img/base/icons/tut/sword_64.png); height: 14px;width: 14px;background-size: cover}
i.icon-hpmini {background: url(../../img/base/icons/tut/hp.png); height: 14px;width: 14px;background-size: cover}
.backgrey, .backgrey-b:hover, .backgrey:hover {    background-color: #32393D;     background-image: linear-gradient(to top, #32393D 10%, #32393D 25%, #282d30 50%, #212426 75%, #1f2224 100%);}
.bordergrey, .bordergrey:hover { border: 1px solid #606060}
.backred {    background-color: #e50000;  background-image: linear-gradient(to top, #a90101 10%, #900203 25%, #750506 50%, #7b0608 75%, #4e080a 100%);}
.backred:hover {    background-color: red;  background-image: linear-gradient(to top, #c10101 10%, #ab0203 25%, #870506 50%, #7b0608 75%, #4e080a 100%);}
.table_bot {background: url('/content/img/base/headers/table_bot2.png'); width: 132px;height: 30px;background-size: cover}

.part_bar3 {    width: 100px;    height: 11px;    background-color: #161316;
    border:1px solid #d1bf61; border-right: 0px;
    overflow: hidden}
.part_bar3_blue {  display: inline-block;  height: 11px;background-color:  #095071;background-image: linear-gradient(to top, #094d6d 10%, #0b678a 25%, #109ab9 50%, #0b5d7c 75%, #094b6b 100%);
    border-right: 1px solid #d1bf61 }
.main-content .tab-switcher .tab {font-size: 9pt}
.main-content .tab-switcher .nobb {    font-size: 8pt}



.a_h {height: 182px;max-width: 320px}
.a_c {position: absolute;top:0px;left: 90px}
.a_target {width: 139px;height: 178px;;margin: auto;                }
.a_target2 { width: 100%;padding-top: 16px;}
.a_border {width: 139px;height: 178px;         background: url(../../img/base/buttons/arena/ramka2.png); background-size: cover;                }
.a_img {width: 109px; height: 139px}
.a_bar_red {width: 110px; height: 6px;  position: absolute; left: 14px;top: 160px; background-color: #ff1119;background-image: linear-gradient(to top, #a71414 10%, #cc0d0d 25%, #cb0303 50%, #9c0707 75%, #6b0b0b 100%)}
.a_bar_green {height: 6px; background-image: linear-gradient(to top, #0b6b1a 10%, #079c1f 25%, #03cb23 50%, #079c1f 75%, #0b6b1a 100%); }
.a_dmg {position: absolute;left: 0px;top: 140px;font-size: 14pt}
.a_dmg { animation: a_dmg 2.5s ease-out;
    animation-iteration-count: 1 ;
    animation-fill-mode: both;}
@keyframes a_dmg {
    0% {opacity: 1;}
    40% {opacity: 1; }
    100% {opacity: 0; top: 110px;}}
.a_bar_green { animation: a_bar_green 1s ease-in;
    animation-iteration-count: 1 ;
    animation-fill-mode: both;}
.a_bl { animation: a_bl 1s ease-in;
    animation-iteration-count: 1 ;
    animation-fill-mode: both;}
.a_br { animation: a_bl 1s ease-in;
    animation-iteration-count: 1 ;
    animation-fill-mode: both;}

.a2_r {position: absolute; top:19px;right: 8px;}
.a2_l {position: absolute; top:19px;left: 8px;}
.a2_target {width: 111px;height: 142px;;margin: auto;                }
.a2_target2 { width: 100%;padding-top: 13px;}
.a2_border {width: 111px;height: 142px;         background: url(../../img/base/buttons/arena/ramka2.png); background-size: cover;                }
.a2_img {width: 87px; height: 111px}
.a2_bar_red {width: 88px; height: 5px;  position: absolute; left: 11px;top: 128px; background-color: #ff1119;background-image: linear-gradient(to top, #a71414 10%, #cc0d0d 25%, #cb0303 50%, #9c0707 75%, #6b0b0b 100%)}
.a2_bar_green {height: 5px; background-image: linear-gradient(to top, #0b6b1a 10%, #079c1f 25%, #03cb23 50%, #079c1f 75%, #0b6b1a 100%);  }
.a2_dmg {position: absolute;left: 0px;top: 112px;font-size: 14pt}
.a2_dmg { animation: a2_dmg 2.5s ease-out;
    animation-iteration-count: 1 ;
    animation-fill-mode: both;}
@keyframes a2_dmg {
    0% {opacity: 1;}
    40% {opacity: 1; }
    100% {opacity: 0; top: 88px;}}



@media only screen and (min-width: 380px)  {
.a_h {height: 227px;max-width: 380px}
.a_c {position: absolute;top:0px;left: 102px}
.a_target {width: 174px;height: 222px;margin: auto;  }
.a_target2 { width: 100%;padding-top: 20px; padding-bottom: 34px}
.a_img {width: 136px; height: 174px}
.a_bar_red { width: 136px; height: 8px; position: absolute; left: 18px;top: 199px;background-color: #ff1119;background-image: linear-gradient(to top, #a71414 10%, #cc0d0d 25%, #cb0303 50%, #9c0707 75%, #6b0b0b 100%)}
.a_bar_green {height: 8px;
    background-image: linear-gradient(to top, #0b6b1a 10%, #079c1f 25%, #03cb23 50%, #079c1f 75%, #0b6b1a 100%); border-radius: 0px;
}
.a_bar_green { animation: a_bar_green 1s ease-in;
    animation-iteration-count: 1 ;
    animation-fill-mode: both;}
.a_bl { animation: a_bl 1s ease-in;
    animation-iteration-count: 1 ;
    animation-fill-mode: both;}
.a_br { animation: a_bl 1s ease-in;
    animation-iteration-count: 1 ;
    animation-fill-mode: both;}
.a_border {width: 174px;height: 222px;background: url(../../img/base/buttons/arena/ramka2.png);      background-size: cover;           }
.a_dmg {position: absolute;left: 0px;top: 165px;font-size: 14pt}
.a_dmg { animation: a_dmg 2.5s ease-out;
    animation-iteration-count: 1 ;
    animation-fill-mode: both;}
@keyframes a_dmg {
    0% {opacity: 1;}
    40% {opacity: 1; }
    100% {opacity: 0; top: 135px;}}

.a2_r {position: absolute; top:24px;right: 10px;}
.a2_l {position: absolute; top:24px;left: 10px;}
.a2_target {width: 139px;height: 178px;;margin: auto;                }
.a2_target2 { width: 100%;padding-top: 16px;}
.a2_border {width: 139px;height: 178px;         background: url(../../img/base/buttons/arena/ramka2.png); background-size: cover;                }
.a2_img {width: 109px; height: 139px}
.a2_bar_red {width: 110px; height: 6px;  position: absolute; left: 14px;top: 160px; background-color: #ff1119;background-image: linear-gradient(to top, #a71414 10%, #cc0d0d 25%, #cb0303 50%, #9c0707 75%, #6b0b0b 100%)}
.a2_bar_green {height: 6px; background-image: linear-gradient(to top, #0b6b1a 10%, #079c1f 25%, #03cb23 50%, #079c1f 75%, #0b6b1a 100%); }
.a2_dmg {position: absolute;left: 0px;top: 140px;font-size: 14pt}
.a2_dmg { animation: a2_dmg 2.5s ease-out;
    animation-iteration-count: 1 ;
    animation-fill-mode: both;}
@keyframes a2_dmg {
    0% {opacity: 1;}
    40% {opacity: 1; }
    100% {opacity: 0; top: 110px;}}
}
body.vk-gameMode {
    background: url('/img/base/headers/bg1_400.jpg') no-repeat 50% 0% #000 fixed!important;
}

.w100 {width: 100px}
.voker_img {margin: 5px;height: 100px;width: 80px;}
.voker_back {height:110px; width: 90px}
.pab-l5-t10 {position: absolute;left:5px;top:10px}
.arena_pt {background-image: linear-gradient(to bottom,
rgba(0,0,0,0.85) 0%,rgb(0,0,0,0.4) 10%,rgb(0,0,0,0.25) 20%,rgb(0,0,0,0.24) 30%,
rgb(0,0,0,0.50) 40%,rgba(0,0,0,0.9) 50%,rgba(0,0,0,0.9) 60%,rgba(0,0,0,0.6) 70%,
rgba(0,0,0,0.38) 80%,rgba(0,0,0,0.5) 90%,rgba(0,0,0,0.5) 100%);}
.arena_pt2 {background-image: linear-gradient(to bottom,
rgba(0,0,0,0.45) 0%,rgb(0,0,0,0.17) 10%,rgb(0,0,0,0.1) 20%,rgb(0,0,0,0.1) 30%,
rgb(0,0,0,0.24) 40%,rgba(0,0,0,0.56) 50%,rgba(0,0,0,0.56) 60%,rgba(0,0,0,0.56) 70%,
rgba(0,0,0,0.56) 80%,rgba(0,0,0,0.56) 90%,rgba(0,0,0,0.56) 100%);}
.arena_pt3 {background-image: linear-gradient(to bottom,
rgba(0,0,0,0.85) 0%,rgb(0,0,0,0.1) 20%,rgb(0,0,0,0.15) 25%,rgb(0,0,0,0.2) 26%,
rgb(0,0,0,0.30) 60%,rgba(0,0,0,0.9) 80%,rgba(0,0,0,0.9) 94%);}
.ttr { animation: ttr 4s ease-in;
    animation-iteration-count: 50 ;
    animation-fill-mode: both;
}
@keyframes ttr {
    0% {padding-top: 0px;}
    79% {padding-top: 0px;}
    80% {padding-top:5px ;  }
    82% {padding-top:0px ;  }
    84% {padding-top:-5px ;  }
    86% {padding-top:0px ;  }
    88% {padding-top:5px ;  }
    90% {padding-top:0px ;  }
    92% {padding-top:-5px ;  }
    94% {padding-top:0px ;  }
    96% {padding-top:5px ;  }
    98% {padding-top:0px ;  }
    99% {padding-top:-5px ;  }
    100% {padding-top:0px ;  }
}
.sov {opacity: 0; animation: sov 32s ease-out infinite;}
@keyframes sov {    0% {opacity: 0; }    87% {opacity: 0; }    89% {opacity: 1; }    98% {opacity: 1; }    100% {opacity: 0; }}
.fi {margin-right: 10px; margin-bottom: 5px; width: 70px; border-radius: 5px}
.moker_img {height: 50px;width: 50px;}
.moker_back {height:50px; width: 50px}
.wmoker {width: 15%}