@font-face {
    font-family:Ubuntu;
    font-style:normal;
    font-weight:400;
    src:local('Ubuntu Regular'),
    local('Ubuntu-Regular'),
    url(https://fonts.gstatic.com/s/ubuntu/v10/4iCs6KVjbNBYlgoKcg72j00.woff2) format('woff2');
    unicode-range:U+0460-052F,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F
  }
  @font-face {
    font-family:Ubuntu;
    font-style:normal;
    font-weight:400;
    src:local('Ubuntu Regular'),
    local('Ubuntu-Regular'),
    url(https://fonts.gstatic.com/s/ubuntu/v10/4iCs6KVjbNBYlgoKew72j00.woff2) format('woff2');
    unicode-range:U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116
  }
  @font-face {
    font-family:Ubuntu;
    font-style:normal;
    font-weight:400;
    src:local('Ubuntu Regular'),
    local('Ubuntu-Regular'),
    url(https://fonts.gstatic.com/s/ubuntu/v10/4iCs6KVjbNBYlgoKcw72j00.woff2) format('woff2');
    unicode-range:U+1F00-1FFF
  }
  @font-face {
    font-family:Ubuntu;
    font-style:normal;
    font-weight:400;
    src:local('Ubuntu Regular'),
    local('Ubuntu-Regular'),
    url(https://fonts.gstatic.com/s/ubuntu/v10/4iCs6KVjbNBYlgoKfA72j00.woff2) format('woff2');
    unicode-range:U+0370-03FF
  }
  @font-face {
    font-family:Ubuntu;
    font-style:normal;
    font-weight:400;
    src:local('Ubuntu Regular'),
    local('Ubuntu-Regular'),
    url(https://fonts.gstatic.com/s/ubuntu/v10/4iCs6KVjbNBYlgoKcQ72j00.woff2) format('woff2');
    unicode-range:U+0100-024F,
    U+1E00-1EFF,
    U+20A0-20AB,
    U+20AD-20CF,
    U+2C60-2C7F,
    U+A720-A7FF
  }
  @font-face {
    font-family:Ubuntu;
    font-style:normal;
    font-weight:400;
    src:local('Ubuntu Regular'),
    local('Ubuntu-Regular'),
    url(https://fonts.gstatic.com/s/ubuntu/v10/4iCs6KVjbNBYlgoKfw72.woff2) format('woff2');
    unicode-range:U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02C6,
    U+02DA,
    U+02DC,
    U+2000-206F,
    U+2074,
    U+20AC,
    U+2212,
    U+2215
  }
  body,
  html {
    color:#9524c9;
    margin:0;
    padding:0;
    height:100%;
    font-family:Ubuntu,sans-serif;
    -webkit-tap-highlight-color:transparent
  }
  body {
    cursor:default;
    -moz-user-select:none;
    -ms-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -webkit-touch-callout:none;
    background-color:#fff
  }
  body.standalone {
    height:100%;
    background:url(/img/standalone.jpg?2) no-repeat center center #ecd09b
  }
  ::-moz-focus-inner {
    border:0
  }
  select:-moz-focusring {
    color:transparent
  }
  h1,
  h2,
  h3,
  h4,
  h5 {
    padding:0;
    margin:0
  }
  a {
    color:#4baf14
  }
  button {
    font-weight:600;
    outline:0;
    cursor:pointer;
    border:0;
    box-sizing:border-box;
    cursor:pointer;
    box-sizing:border-box;
    background-color:transparent
  }
  p {
    margin:0;
    padding:0
  }
  ul {
    margin:0;
    padding:0
  }
  ul li {
    list-style-type:none;
    padding:0;
    margin:0
  }
  em {
    font-style:normal
  }
  hr {
    padding:0;
    margin:0;
    height:2px;
    border:0;
    background:url(/img/interface/hr.png) repeat-x 0 0 #303030
  }
  .switch {
    display:none
  }
  .switch.current {
    display:block!important
  }
  .standaloneDiv {
    width:1000px;
    margin:0 auto;
    height:100%
  }
  .allowSelect {
    cursor:text;
    -webkit-touch-callout:text;
    -webkit-user-select:text;
    -khtml-user-select:text;
    -moz-user-select:text;
    -ms-user-select:text;
    user-select:text
  }
  #hintJs {
    color:#fff;
    padding:15px;
    position:absolute;
    top:-30px;
    margin:0 auto;
    background-color:#c30000;
    z-index:10
  }
  .off {
    display:none!important
  }
  .textBorderCoin {
    text-shadow:2px 0 0 #9524c9,-2px 0 0 #9524c9,0 2px 0 #9524c9,0 -2px 0 #9524c9,1px 1px #9524c9,-1px -1px 0 #9524c9,1px -1px 0 #9524c9,-1px 1px 0 #9524c9
  }
  .asTable {
    display:table
  }
  .asCell {
    display:table-cell;
    height:100%;
    vertical-align:middle
  }
  .centerContainer {
    text-align:center;
    position:absolute;
    width:100%;
    left:0;
    bottom:20px
  }
  .hint {
    display:none
  }
  .href {
    display:inline-block;
    cursor:pointer
  }
  .href:hover {
    color:#9524c9
  }
  .color1 {
    color:#9524c9
  }
  .green {
    color:#52b400
  }
  .blockStyle {
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    border:2px solid #9524c9;
    background-color:#9524c9;
    -webkit-box-shadow:inset 0 0 54px 2px rgba(70, 6, 88, 0.5);
    -moz-box-shadow:inset 0 0 54px 2px rgba(270, 6, 88, 0.5);
    box-shadow:inset 0 0 54px 2px rgba(270, 6, 88, 0.5)
  }
  #rootContainer {
    width:1000px;
    margin:0 auto;
    position:relative
  }
  .type2color {
    color:#0072ff
  }
  .type3color {
    color:#9134e6
  }
  div.hintOnScreen {
    font-weight:800;
    font-size:22px;
    text-align:center;
    z-index:1000;
    position:absolute;
    left:50%;
    top:40%;
    height:30px;
    width:380px;
    margin-left:-150px;
    width:100%;
    left:0;
    margin-left:0;
    background:-moz-radial-gradient(center,ellipse cover,rgba(0,1,0,.5) 0,rgba(0,0,0,0) 65%,rgba(0,0,0,0) 100%);
    background:-webkit-radial-gradient(center,ellipse cover,rgba(0,1,0,.5) 0,rgba(0,0,0,0) 65%,rgba(0,0,0,0) 100%);
    background:radial-gradient(ellipse at center,rgba(0,1,0,.5) 0,rgba(0,0,0,0) 65%,rgba(0,0,0,0) 100%)
  }
  div.hintOnScreen p.text {
    animation:textAnimation .1s linear 1;
    -webkit-animation:textAnimation .1s linear 1;
    color:#fff;
    position:relative;
    text-shadow:2px 0 0 #000,-2px 0 0 #000,0 2px 0 #000,0 -2px 0 #000,1px 1px #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000
  }
  div.hintOnScreen.boss p.text {
    font-size:50px;
    font-weight:1000;
    color:red
  }
  @keyframes textAnimation {
    0% {
      transform:scale(.8);
      -webkit-transform:scale(.8);
      margin-bottom:0;
      opacity:.7;
      top:10px
    }
    100% {
      top:0;
      opacity:1;
      transform:scale(1);
      -webkit-transform:scale(1)
    }
  }
  @-webkit-keyframes textAnimation {
    0% {
      transform:scale(.8);
      -webkit-transform:scale(.8);
      margin-bottom:0;
      opacity:.7;
      top:10px
    }
    100% {
      top:0;
      opacity:1;
      transform:scale(1);
      -webkit-transform:scale(1)
    }
  }
  body.iPhone .sceneLeftMenu {
    left:45px
  }
  body.iPhone .sceneRightMenu {
    right:54px
  }
  body.iPhone ul.teamProgress {
    right:30px
  }
  .microDurabilityBar {
    position:relative;
    width:116px;
    height:13px;
    display:inline-block;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background-color:rgba(0,0,0,.5)
  }
  .microDurabilityBar.low .progress {
    background-color:#b31b0a
  }
  .microDurabilityBar .progress {
    height:13px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background-color:#42bc16
  }
  .microDurabilityBar .progressText {
    font-size:10px;
    text-align:center;
    width:100%;
    line-height:13px;
    color:#fff;
    position:absolute;
    left:0;
    top:0;
    z-index:2
  }
  .standartProgressBar {
    position:relative;
    width:200px;
    height:36px;
    font-size:14px;
    text-align:center;
    padding-right:25px
  }
  .standartProgressBar .bar {
    height:36px;
    position:absolute;
    right:25px;
    left:0;
    top:0;
    background:url(/img/popups/leagues/league-progress-bar.png) no-repeat 0 0
  }
  .standartProgressBar .bar:before {
    content:'';
    width:25px;
    height:36px;
    position:absolute;
    right:-25px;
    top:0;
    background:url(/img/popups/leagues/league-progress-bar.png) no-repeat 100% 0
  }
  .standartProgressBar .progressContainer {
    overflow:hidden;
    height:26px;
    top:5px;
    left:6px;
    right:7px;
    position:absolute;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px
  }
  .standartProgressBar .progressContainer .progress {
    height:100%;
    display:block;
    position:relative;
    background:url(/img/popups/leagues/league-progress.png) repeat-x
  }
  .standartProgressBar span.progressText {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    font-weight:600;
    text-align:center;
    color:#fff;
    line-height:36px;
    z-index:2;
    text-shadow:1px 1px 2px rgba(0,0,0,.74)
  }
  .standartProgressBar span.progressText em {
    display:inline-block
  }
  .standartProgressBar span.progressText span.separator {
    margin:0 10px
  }
  .standartProgressBar .next.level {
    position:absolute;
    top:-3px;
    right:-14px
  }
  .standartProgressBar h2 {
    color:#9524c9!important;
    font-size:16px!important;
    position:absolute!important;
    width:100%!important;
    left:0!important;
    top:-30px!important;
    text-align:center!important
  }
  .standartProgressBar h3 {
    color:#fff;
    font-size:14px;
    position:absolute;
    width:100%;
    left:0;
    top:-25px;
    text-align:center
  }
  .standartProgressBar h4 {
    font-size:12px;
    position:absolute;
    width:100%;
    left:0;
    bottom:38px;
    text-align:center
  }
  .standartProgressBar .bossSeparator {
    margin-left:5px;
    width:0;
    position:absolute;
    top:0;
    height:20px;
    z-index:+1
  }
  .standartProgressBar .bossSeparator:before {
    content:'';
    width:20px;
    height:34px;
    position:absolute;
    left:-14px;
    top:-4px;
    background-image:url(/img/interface/boss_bar_separator.png)
  }
  .standartProgressBar .bossSkinQty {
    width:38px;
    height:38px;
    position:absolute;
    left:-24px;
    padding-left:5px;
    bottom:-40px;
    color:#fff;
    font-size:26px;
    text-align:right;
    padding-top:8px;
    background-repeat:no-repeat;
    text-shadow:2px 2px 0 #000,1px 1px #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000
  }
  .standartProgressBar.small {
    height:32px;
    font-size:13px;
    padding-right:25px
  }
  .standartProgressBar.small .bar {
    height:32px;
    right:25px;
    background-image:url(/img/interface/progress-bar-small.png)
  }
  .standartProgressBar.small .bar:before {
    width:25px;
    height:32px;
    position:absolute;
    right:-25px;
    background-image:url(/img/interface/progress-bar-small.png)
  }
  .standartProgressBar.small .progressContainer {
    height:22px;
    top:5px;
    left:6px;
    right:7px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px
  }
  .standartProgressBar.small .progressContainer .progress {
    height:100%;
    display:block;
    position:relative;
    background:url(/img/popups/leagues/league-progress.png) repeat-x
  }
  .standartProgressBar.small span.progressText {
    line-height:31px
  }
  .standartProgressBar .ico {
    position:absolute;
    z-index:2
  }
  .standartProgressBar .ico.star {
    width:49px;
    height:48px;
    position:absolute;
    left:-18px;
    top:-9px;
    background:url(/img/icons/star.png?2) no-repeat
  }
  .standartProgressBar .ico.boss {
    width:68px;
    height:68px;
    position:absolute;
    left:-46px;
    top:-29px
  }
  .standartProgressBar .ico.bossSkin {
    left:-33px;
    top:-15px
  }
  .standartProgressBar .ico.boss .bossSkinQty {
    bottom:-19px;
    left:20px
  }
  .ico.cup {
    width:27px;
    height:30px;
    position:absolute;
    left:-16px;
    top:-7px;
    background:url(/img/icons/cup-m.png) no-repeat
  }
  .standartProgressBar .ico.durability {
    width:46px;
    height:49px;
    position:absolute;
    left:-21px;
    top:-10px;
    background:url(/img/interface/durability-ico.png) no-repeat
  }
  .standartProgressBar .ico.skull {
    position:absolute;
    left:-21px;
    top:-9px;
    width:56px;
    height:56px;
    background-image:url(/img/icons/kills-m.png)
  }
  .standartProgressBar .ico.chest {
    position:absolute;
    right:-21px;
    top:-49px;
    width:56px;
    height:56px
  }
  .standartProgressBar .ico.chest img {
    height:100px
  }
  .standartProgressBar .fromWeapon {
    width:80px;
    height:87px;
    position:absolute;
    left:-59px;
    top:-20px;
    background:url(/img/popups/weapons/from.png)
  }
  .standartProgressBar .fromWeapon img {
    width:62px;
    position:relative;
    top:6px;
    left:8px
  }
  .standartProgressBar .toWeapon {
    width:66px;
    height:81px;
    position:absolute;
    right:-53px;
    top:-20px;
    z-index:-1;
    background:url(/img/popups/weapons/to.png)
  }
  .test {
    background:url(img/chest)
  }
  .standartProgressBar .toWeaponLink {
    cursor:pointer;
    width:66px;
    height:81px;
    position:absolute;
    right:-53px;
    top:-20px;
    z-index:1
  }
  .standartProgressBar .toWeapon img {
    width:62px;
    position:relative;
    top:6px;
    left:2px
  }
  .durabilityBar {
    width:198px;
    height:18px;
    text-align:center;
    position:relative;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    background-color:#363f50;
    overflow:hidden
  }
  .durabilityBar .progress {
    height:100%;
    display:block;
    position:relative;
    background:#55bb1a;
    background:-moz-linear-gradient(top,#55bb1a 0,#297a0d 100%);
    background:-webkit-linear-gradient(top,#55bb1a 0,#297a0d 100%);
    background:linear-gradient(to bottom,#55bb1a 0,#297a0d 100%)
  }
  .durabilityBar span.progressText {
    color:#fff;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    font-weight:600;
    font-size:12px;
    text-align:center;
    line-height:18px;
    text-align:center;
    z-index:2;
    text-shadow:1px 1px 2px rgba(0,0,0,.74)
  }
  .durabilityBar span.progressText em {
    display:inline-block
  }
  .durabilityBar .ico.durability {
    width:46px;
    height:49px;
    position:absolute;
    left:-21px;
    top:-12px;
    background:url(/img/interface/durability-ico.png) no-repeat
  }
  .bigText {
    font-family:'Luckiest Guy',cursive;
    font-size:22px;
    font-weight:100
  }
  em {
    display:inline-block
  }
  .progress .anim {
    width:100%;
    height:100%;
    opacity:0
  }
  .resGet {
    position:absolute;
    z-index:100
  }
  .coin.resGet {
    width:50px;
    height:49px;
    margin-left:-25px;
    background:url(/img/anim/coin360.png) repeat 0 0
  }
  .ruby.resGet {
    width:50px;
    height:50px;
    margin-left:-25px;
    background:url(/img/anim/ruby360.png) repeat 0 0
  }
  .star.resGet {
    width:60px;
    height:60px;
    margin-left:-30px;
    background:url(/img/anim/star360.png) repeat 0 0
  }
  .cup.resGet {
    width:39px;
    height:43px;
    margin-left:-20px;
    background:url(/img/icons/cup-l.png) no-repeat center center
  }
  .kill.resGet {
    width:56px;
    height:56px;
    margin-left:-28px;
    background:url(/img/icons/kills-m.png) no-repeat center center
  }
  .chestkey.resGet {
    width:63px;
    height:93px;
    margin-left:-32px;
    background:url(/img/icons/chestkey-l.png) no-repeat center center
  }
  .bossSkin.resGet,
  .bossSkin2.resGet {
    width:56px;
    height:56px;
    margin-left:-28px;
    background:url(/img/icons/boss_skin/9_xx.png) no-repeat center center
  }
  .resQty {
    width:100px;
    text-align:center;
    font-family:'Luckiest Guy',cursive;
    position:absolute;
    color:#9524c9;
    font-size:34px;
    font-weight:100;
    text-shadow:2px 2px 0 #000,1px 1px #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;
    text-align:center;
    z-index:100;
    background:-moz-radial-gradient(center,ellipse cover,rgba(0,1,0,.5) 0,rgba(0,0,0,0) 65%,rgba(0,0,0,0) 100%);
    background:-webkit-radial-gradient(center,ellipse cover,rgba(0,1,0,.5) 0,rgba(0,0,0,0) 65%,rgba(0,0,0,0) 100%);
    background:radial-gradient(ellipse at center,rgba(0,1,0,.5) 0,rgba(0,0,0,0) 65%,rgba(0,0,0,0) 100%)
  }
  .resQty.star {
    color:#fff3e4
  }
  .resQty.ruby {
    color:#ee9aed
  }
  #gameBody {
    width:100%;
    overflow:hidden
  }
  #defBody {
    width:100%;
    min-width:900px;
    height:600px;
    margin:0 auto;
    position:relative;
    background:url(/img/scene_new/bg.jpg) no-repeat center center #e0d4b0
  }
  body.lv .logo {
    background:url(/img/screens/loading/logo_lv.png) no-repeat center center
  }
  .mainChestBlock {
    position:absolute;
    right:320px;
    bottom:20px;
    boder:1px solid red
  }
  .mainChestBlock {
    right:340px
  }
  .chestBlock {
    z-index:5;
    margin-left:20px;
    width:150px;
    height:70px;
    display:inline-block;
    position:relative;
    text-align:center;
    background:0 0
  }
  .chestBlock h5 {
    position:absolute;
    left:0;
    top:5px;
    line-height:14px;
    color:#000;
    width:100%;
    text-align:center
  }
  .chestBlock .image {
    cursor:pointer;
    position:absolute;
    right:-30px;
    bottom:0;
    width:88px;
    z-index:5
  }
  .chestBlock #openChestButton {
    display:none;
    position:absolute;
    left:20px;
    bottom:9px;
    z-index:2
  }
  .chestBlock.chestLimit .chestIco,
  .chestBlock.chestLimit .chestKeyBar,
  .chestBlock.chestLimit button {
    display:none!important
  }
  .chestBlock.chestLimit .nextChestTimerBlock {
    display:block!important
  }
  .nextChestTimerBlock {
    width:116px;
    color:#fff;
    font-size:11px;
    text-align:center;
    margin:45px 0 0 6px;
    padding-top:8px
  }
  .nextChestTimerBlock .timer {
    display:inline-block;
    position:relative;
    padding:5px;
    margin-top:12px;
    padding-left:25px;
    padding-right:5px;
    width:64px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    background-color:rgba(0,0,0,.5)
  }
  .nextChestTimerBlock .timer:before {
    content:'';
    display:block;
    position:absolute;
    left:-2px;
    top:-2px;
    width:24px;
    height:25px;
    background:url(/img/icons/timer.png) no-repeat 0 0
  }
  .chestBlock.chestTrue #openChestButton {
    display:block
  }
  .chestBlock.chestTrue .chestKeyBar {
    display:none
  }
  .chestBlock.keyAnimation #openChestButton {
    display:none!important
  }
  .chestBlock.keyAnimation .chestKeyBar {
    display:block!important
  }
  #defBody .anim {
    width:100%;
    position:absolute;
    left:0;
    top:20px
  }
  #defBody #img_skin_def {
    animation:breeze 4s 2s infinite;
    -webkit-animation:breeze 4s 2s infinite;
    transform-origin:50% 100%
  }
  @keyframes breeze {
    0%,
    100% {
      -ms-transform:scale(1,1);
      transform:scale(1,1)
    }
    50% {
      -ms-transform:scale(.95,.97);
      transform:scale(.95,.97)
    }
  }
  @-webkit-keyframes breeze {
    0%,
    100% {
      -webkit-transform:scale(1,1)
    }
    50% {
      -webkit-transform:scale(.95,.97)
    }
  }
  #popupContainer #blur.bgType {
    /* background:url(/img/popups/blur-bg.jpg?3) no-repeat center center */
  }
  .centerDiv {
    position:absolute;
    left:50%;
    top:50%;
    width:0
  }
  .centerDiv.flag:after {
    content:'';
    width:64px;
    height:24px;
    background:url(/img/scene_new/anim_flag2.png) repeat-x 0 0;
    position:absolute;
    left:-163px;
    top:-180px;
    transform:skewX(17deg);
    animation:anim_flag 1.2s steps(7) infinite;
    -webkit-animation:anim_flag 1.2s steps(7) infinite
  }
  .centerDiv.flag:before {
    content:'';
    width:64px;
    height:24px;
    background:url(/img/scene_new/anim_flag2.png) repeat-x 0 0;
    position:absolute;
    left:210px;
    top:-156px;
    animation:anim_flag 1s steps(7) infinite;
    -webkit-animation:anim_flag 1s steps(7) infinite
  }
  @keyframes anim_flag {
    0% {
      background-position:0 0
    }
    100% {
      background-position:-448px 0
    }
  }
  @-webkit-keyframes anim_flag {
    0% {
      background-position:0 0
    }
    100% {
      background-position:-448px 0
    }
  }
  #myChar {
    width:440px;
    height:440px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-220px;
    margin-top:-240px
  }
  .newButton {
    color:#fff;
    outline:0;
    background-repeat:no-repeat
  }
  .newButton.size1 {
    width:230px;
    height:68px;
    font-size:16px;
    padding-bottom:7px;
    text-shadow:2px 0 0 #7c2800,-2px 0 0 #004978,0 2px 0 #004978,0 -2px 0 #004978,1px 1px #004978,-1px -1px 0 #004978,1px -1px 0 #004978,-1px 1px 0 #004978;
    background-image:url(/img/interface/buttons/size1_blue.png)
  }
  .newButton.size1.green {
    text-shadow:2px 0 0 #306602,-2px 0 0 #306602,0 2px 0 #306602,0 -2px 0 #306602,1px 1px #306602,-1px -1px 0 #306602,1px -1px 0 #306602,-1px 1px 0 #306602;
    background-image:url(/img/interface/buttons/size1_green.png)
  }
  .newButton.size2 {
    width:180px;
    height:58px;
    font-size:16px;
    padding-bottom:7px;
    text-shadow:2px 0 0 #306602,-2px 0 0 #306602,0 2px 0 #306602,0 -2px 0 #306602,1px 1px #306602,-1px -1px 0 #306602,1px -1px 0 #306602,-1px 1px 0 #306602;
    background-image:url(/img/interface/buttons/size2_green.png)
  }
  .newButton.size2.blue {
    color:#fff;
    text-shadow:2px 0 0 #00558b,-2px 0 0 #00558b,0 2px 0 #00558b,0 -2px 0 #00558b,1px 1px #00558b,-1px -1px 0 #00558b,1px -1px 0 #00558b,-1px 1px 0 #00558b;
    background-image:url(/img/interface/buttons/size2_blue.png)
  }
  .newButton.size3 {
    width:118px;
    height:51px;
    font-size:15px;
    padding-bottom:7px;
    text-shadow:2px 0 0 #306602,-2px 0 0 #306602,0 2px 0 #306602,0 -2px 0 #306602,1px 1px #306602,-1px -1px 0 #306602,1px -1px 0 #306602,-1px 1px 0 #306602;
    background-image:url(/img/interface/buttons/button_accept.png)
  }
  .newButton.size3.red {
    color:#fff;
    text-shadow:2px 0 0 #800303,-2px 0 0 #800303,0 2px 0 #800303,0 -2px 0 #800303,1px 1px #800303,-1px -1px 0 #800303,1px -1px 0 #800303,-1px 1px 0 #800303;
    background-image:url(/img/interface/buttons/button_reject.png)
  }
  .newButton .buttonIco {
    margin-right:7px;
    vertical-align:middle
  }
  .newButton2 {
    color:#fff
  }
  .newButton2:hover {
    background-position:0 -100px
  }
  .newButton2:active {
    transform:translate(0,6px)
  }
  button.facebook {
    cursor:pointer;
    width:90px;
    height:90px;
    border:0;
    padding:0;
    outline:0;
    margin:10px 0;
    background:url(/img/welcome/social-buttons2.png) no-repeat -180px 0
  }
  #defBody .playButton {
    width:257px;
    height:100px;
    position:absolute;
    right:30px;
    bottom:20px;
    font-size:29px;
    padding-bottom:10px;
    text-shadow:2px 0 0 #7c2800,-2px 0 0 #7c2800,0 2px 0 #7c2800,0 -2px 0 #7c2800,1px 1px #7c2800,-1px -1px 0 #7c2800,1px -1px 0 #7c2800,-1px 1px 0 #7c2800;
    background-image:url(/img/scene_new/button_play.png)
  }
  #defBody .playButton.bossMode {
    padding-left:75px
  }
  #defBody .playButton .bossIco {
    position:absolute;
    left:-17px;
    top:-13px
  }
  #scene {
    position:relative
  }
  #defBody .myProfile {
    position:absolute;
    width:100%;
    text-align:center;
    left:0;
    top:auto;
    bottom:-5px
  }
  #defBody .level {
    position:absolute;
    left:-50px;
    top:-12px;
    vertical-align:3px;
    margin-right:10px
  }
  #defBody .myNick {
    cursor:pointer;
    width:100%;
    height:40px;
    font-size:20px;
    font-weight:700;
    line-height:40px;
    color:#fff;
    position:relative;
    left:auto;
    bottom:auto;
    top:auto;
    text-align:center;
    z-index:3;
    white-space:nowrap;
    background:0 0;
    text-shadow:2px 0 0 #363833,-2px 0 0 #363833,0 2px 0 #363833,0 -2px 0 #363833,1px 1px #363833,-1px -1px 0 #363833,1px -1px 0 #363833,-1px 1px 0 #363833
  }
  #defBody .myProfile .clanName {
    cursor:pointer;
    display:inline-block
  }
  #defBody #myBars {
    position:absolute;
    text-align:right;
    top:15px;
    right:30px;
    z-index:3
  }
  #defBody #myBars.onPopupContainer {
    z-index:50
  }
  #defBody #myBars.onPopupContainer button.settingsButton {
    display:none
  }
  #myBars.marginRight {
    right:72px
  }
  #defBody #myBars .bar {
    cursor:pointer;
    display:inline-block;
    width:102px;
    height:52px;
    color:#fff;
    font-weight:600;
    line-height:41px;
    text-align:left;
    position:relative;
    box-sizing:border-box;
    vertical-align:top;
    padding-left:34px;
    margin-left:3px;
    background:url(/img/scene_new/button_coin.png)
  }
  #defBody #myBars .bar.coin {
    color:#f3bfff
  }
  #defBody #myBars .bar.ruby {
    color:#f3bfff
  }
  .rubySale {
    position:absolute;
    right:107px;
    top:54px;
    z-index:0
  }
  .rubySale .content {
    width:94px;
    height:48px;
    position:relative;
    color:#9524c9;
    line-height:32px;
    text-align:center;
    background:url(/img/scene_new/ruby_sale.png)
  }
  .rubySale:after {
    content:'';
    position:absolute;
    width:168px;
    height:150px;
    top:-75px;
    right:-38px;
    z-index:-1;
    animation:boosterActiveS 1s steps(10) infinite;
    -webkit-animation:boosterActiveS 1s steps(10) infinite;
    background:url(/img/anim/ruby_sale.png) 0 0
  }
  .coinsSale {
    position:absolute;
    right:215px;
    top:54px;
    z-index:0
  }
  .coinsSale .content {
    width:94px;
    height:48px;
    position:relative;
    color:#9524c9;
    line-height:32px;
    text-align:center;
    background:url(/img/scene_new/ruby_sale.png)
  }
  .coinsSale:after {
    content:'';
    position:absolute;
    width:168px;
    height:150px;
    top:-75px;
    right:-38px;
    z-index:-1;
    animation:boosterActiveS 1s steps(10) infinite;
    -webkit-animation:boosterActiveS 1s steps(10) infinite;
    background:url(/img/anim/ruby_sale.png) 0 0
  }
  #defBody #myBars .bar:hover {
    background-position:0 -100px
  }
  #defBody #myBars .bar:active {
    transform:translate(0,6px);
    background-position:0 -200px
  }
  #defBody #myBars .bar.ruby .ico {
    content:url(/img/scene_new/ruby.png);
    width:26px;
    height:22px;
    position:absolute;
    left:5px;
    top:9px;
    background:0 0
  }
  #defBody #myBars .bar.coin .ico {
    content:url(/img/scene/bar-coin.png);
    width:29px;
    height:32px;
    position:absolute;
    left:5px;
    top:3px;
    background:0 0
  }
  ------------------------------ #defBody #myLeague {
    left:0;
    top:0
  }
  #defBody #myLeague .leagueIco {
    position:absolute;
    left:10px;
    top:2px;
    width:106px
  }
  #defBody .myLeague {
    width:388px;
    height:86px;
    position:absolute;
    cursor:pointer;
    background:url(/img/scene_new/league_bar.png) no-repeat 0 0
  }
  #defBody .myLeague.award {
    background:url(/img/scene_new/league_bar_award.png) no-repeat -1px 0
  }
  .myLeague.award .awardBlock {
    display:block
  }
  .myLeague.award .progressBlock {
    visibility:hidden
  }
  .myLeague .awardBlock {
    display:none
  }
  .myLeague .awardBlock button.awardButton {
    width:172px;
    height:65px;
    position:absolute;
    left:121px;
    top:8px;
    font-size:15px;
    padding-bottom:15px;
    text-shadow:2px 0 0 #345907,-2px 0 0 #345907,0 2px 0 #345907,0 -2px 0 #345907,1px 1px #345907,-1px -1px 0 #345907,1px -1px 0 #345907,-1px 1px 0 #345907;
    background-image:url(/img/scene_new/button_award.png)
  }
  #defBody .myLeague .awardBlock .awardDiv {
    position:absolute;
    right:20px;
    top:1px
  }
  .myLeague .bigText {
    color:#fff;
    width:80px;
    bottom:-13px;
    right:0;
    position:absolute;
    text-align:center;
    text-shadow:2px 0 0 #9524c9,-2px 0 0 #9524c9,0 2px 0 #9524c9,0 -2px 0 #9524c9,1px 1px #9524c9,-1px -1px 0 #9524c9,1px -1px 0 #9524c9,-1px 1px 0 #9524c9
  }
  .myLeague .chestIco {
    position:absolute;
    top:5px;
    right:-10px
  }
  .myLeague .awardBlock .upgradeToken {
    right:5px;
    position:relative
  }
  .myLeague h5 {
    position:absolute;
    left:0;
    top:6px;
    color:#000;
    width:100%;
    text-align:center
  }
  .myLeague .leagueIco {
    position:absolute;
    bottom:5px;
    left:-21px
  }
  .myLeague .leagueIco img {
    width:96px
  }
  #defBody .progressBlock {
    position:absolute;
    left:112px
  }
  #defBody .myLeague .standartProgressBar {
    width:198px;
    position:relative;
    left:0;
    top:20px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    height:21px;
    padding:0!important;
    border:2px solid #17173f;
    background-color:#000
  }
  #defBody .myLeague .standartProgressBar.small .progressContainer {
    left:0;
    top:0;
    height:21px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px
  }
  #defBody .myLeague .standartProgressBar.small span.progressText {
    line-height:21px
  }
  .myLeague button {
    position:absolute;
    left:94px;
    bottom:-10px
  }
  #defBody .chestBlock .chestIco {
    position:relative;
    z-index:2;
    height:64px
  }
  #defBody .chestBlock:after {
    content:'';
    width:100px;
    height:54px;
    position:absolute;
    bottom:0;
    left:15px;
    z-index:-1;
    background-image:url(/img/scene_new/button_chest.png);
    background-position:0 0
  }
  #defBody .chestBlock .openChestButton {
    position:absolute;
    left:8px;
    bottom:-3px;
    z-index:2;
    width:115px;
    height:65px;
    z-index:0;
    padding-bottom:12px;
    padding-right:10px;
    text-shadow:2px 0 0 #345907,-2px 0 0 #345907,0 2px 0 #345907,0 -2px 0 #345907,1px 1px #345907,-1px -1px 0 #345907,1px -1px 0 #345907,-1px 1px 0 #345907;
    background-image:url(/img/scene_new/button_open_chest.png)
  }
  #defBody .chestBlock.chestTrue .chestKeyBar {
    display:none
  }
  #defBody .chestBlock .chestKeyBar {
    position:absolute;
    left:31px;
    top:auto;
    bottom:19px;
    width:70px;
    z-index:4;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px
  }
  .chestBlock.chestLimit .chestIco,
  .chestBlock.chestLimit .chestKeyBar,
  .chestBlock.chestLimit button {
    display:none!important
  }
  .chestBlock.chestLimit .nextChestTimerBlock {
    display:block!important
  }
  .nextChestTimerBlock {
    width:116px;
    color:#fff;
    font-size:11px;
    text-align:center;
    margin:45px 0 0 6px;
    padding-top:8px
  }
  .nextChestTimerBlock .timer {
    display:inline-block;
    position:relative;
    padding:5px;
    margin-top:12px;
    padding-left:25px;
    padding-right:5px;
    width:64px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    background-color:rgba(0,0,0,.5)
  }
  .nextChestTimerBlock .timer:before {
    content:'';
    display:block;
    position:absolute;
    left:-2px;
    top:-2px;
    width:24px;
    height:25px;
    background:url(/img/icons/timer.png) no-repeat 0 0
  }
  .sceneRightMenu {
    position:absolute;
    right:34px;
    top:100px
  }
  .sceneRightMenu button {
    margin-bottom:66px
  }
  .sceneRightMenu button {
    display:block;
    width:72px;
    height:68px;
    background-color:transparent
  }
  .sceneRightMenu .shop {
    background-image:url(/img/scene_new/button_shop.png)
  }
  .sceneRightMenu .history {
    background-image:url(/img/scene_new/button_history.png)
  }
  .sceneRightMenu .tops {
    background-image:url(/img/scene_new/button_tops.png)
  }
  .sceneBottomMenu {
    position:absolute;
    left:24px;
    bottom:20px
  }
  .sceneBottomMenu button {
    color:transparent!important;
    width:87px;
    height:76px;
    color:#fff;
    position:relative;
    margin-right:15px;
    padding-top:22px
  }
  #defBody button.notification:before {
    right:-25px;
    top:-15px
  }
  .sceneBottomMenu button.clans {
    background-image:url(/img/scene_new/button_clans.png?2)
  }
  #clanButton.disabled {
    color:#b3b3b3;
    -moz-opacity:.7;
    opacity:.7;
    -webkit-filter:grayscale(100%)!important;
    filter:grayscale(100%)!important
  }
  .sceneBottomMenu .messageQty {
    position:absolute;
    right:8px;
    top:7px
  }
  .sceneBottomMenu button.friends {
    background-image:url(/img/scene_new/button_friends.png?2)
  }
  .sceneBottomMenu button.chat {
    display:none;
    background-image:url(/img/scene_new/button_chat.png?2)
  }
  .mobile .sceneBottomMenu button.chat {
    display:inline-block
  }
  .sceneLeftMenu {
    position:absolute;
    left:25px;
    top:150px
  }
  .sceneLeftMenu button {
    position:relative;
    display:block;
    width:176px;
    height:77px;
    font-size:17px;
    color:#fff;
    padding-bottom:12px;
    padding-left:20px;
    margin-bottom:30px;
    text-align:left;
    text-shadow:2px 0 0 #004481,-2px 0 0 #004481,0 2px 0 #004481,0 -2px 0 #004481,1px 1px #004481,-1px -1px 0 #004481,1px -1px 0 #004481,-1px 1px 0 #004481;
    background-image:url(/img/scene_new/button_left.png)
  }
  .sceneLeftMenu button img {
    position:absolute;
    right:15px;
    top:18px
  }
  #defBody #mainMenu {
    display:none
  }
  .notification:before {
    content:'';
    width:48px;
    height:50px;
    display:block;
    position:absolute;
    right:-5px;
    top:-2px;
    z-index:+1;
    background:url(/img/scene/menu/notification.png) no-repeat center center
  }
  #defBody button.button.settingsButton {
    width:69px;
    height:52px;
    position:relative;
    bottom:auto;
    right:auto;
    background-image:url(/img/scene_new/button_settings.png)
  }
  .grayscale {
    -webkit-filter:grayscale(100%)!important;
    filter:grayscale(100%)!important
  }
  .button50px {
    background-position:0 0
  }
  .button50px:hover {
    background-position:0 -50px
  }
  .button50px:active {
    background-position:0 -100px
  }
  .button100px {
    background-position:0 0
  }
  .button100px:hover {
    background-position:0 -100px
  }
  .button100px:active {
    background-position:0 -200px
  }
  button.microButton {
    color:#fff;
    font-size:11px;
    padding:3px 10px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow:1px 2px 3px 0 rgba(0,0,0,.4);
    -moz-box-shadow:1px 2px 3px 0 rgba(0,0,0,.4);
    box-shadow:1px 2px 3px 0 rgba(0,0,0,.4);
    border:1px solid #415617;
    text-shadow:1px 1px #2a4c00,-1px -1px 0 #2a4c00,1px -1px 0 #2a4c00,-1px 1px 0 #2a4c00;
    background:#abec44;
    background:-moz-linear-gradient(top,#abec44 0,#63a307 100%);
    background:-webkit-linear-gradient(top,#abec44 0,#63a307 100%);
    background:linear-gradient(to bottom,#abec44 0,#63a307 100%)
  }
  button.microButton:hover {
    background:#b8ef5f;
    background:-moz-linear-gradient(top,#b8ef5f 0,#80d509 100%);
    background:-webkit-linear-gradient(top,#b8ef5f 0,#80d509 100%);
    background:linear-gradient(to bottom,#b8ef5f 0,#80d509 100%)
  }
  button.microButton:active {
    transform:translateY(1px);
    box-sizing:border-box;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
  }
  button.microButton.red {
    border:1px solid #830028;
    text-shadow:1px 1px #941625,-1px -1px 0 #941625,1px -1px 0 #941625,-1px 1px 0 #941625;
    background:#ff2a46;
    background:-moz-linear-gradient(top,#ff2a46 0,#cd1e33 100%);
    background:-webkit-linear-gradient(top,#ff2a46 0,#cd1e33 100%);
    background:linear-gradient(to bottom,#ff2a46 0,#cd1e33 100%)
  }
  button.microButton.red:hover {
    border:1px solid #830028;
    background:#ff6568;
    background:-moz-linear-gradient(top,#ff6568 1%,#ff1f39 100%);
    background:-webkit-linear-gradient(top,#ff6568 1%,#ff1f39 100%);
    background:linear-gradient(to bottom,#ff6568 1%,#ff1f39 100%)
  }
  button.button {
    width:181px;
    height:80px;
    padding-bottom:2px;
    color:#fff;
    font-size:16px;
    font-weight:600;
    text-shadow:2px 0 0 #338b10,-2px 0 0 #338b10,0 2px 0 #338b10,0 -2px 0 #338b10,1px 1px #338b10,-1px -1px 0 #338b10,1px -1px 0 #338b10,-1px 1px 0 #338b10;
    background:url(/img/interface/button.png?3) no-repeat 0 0
  }
  button.button:hover {
    background-position:0 -100px
  }
  button.button:active {
    background-position:0 -200px
  }
  button.button.blue {
    text-shadow:2px 0 0 #1b7599,-2px 0 0 #1b7599,0 2px 0 #1b7599,0 -2px 0 #1b7599,1px 1px #1b7599,-1px -1px 0 #1b7599,1px -1px 0 #1b7599,-1px 1px 0 #1b7599;
    background-image:url(/img/interface/button-blue.png?3)
  }
  button.button.disabled,
  button.button.disabled * {
    color:#ededed!important;
    text-shadow:2px 0 0 #404040,-2px 0 0 #404040,0 2px 0 #404040,0 -2px 0 #404040,1px 1px #404040,-1px -1px 0 #404040,1px -1px 0 #404040,-1px 1px 0 #404040!important
  }
  button.button.disabled,
  button.button.disabled img {
    -webkit-filter:grayscale(100%)!important;
    filter:grayscale(100%)!important
  }
  button.button em {
    font-weight:600
  }
  button.button img.coin {
    vertical-align:-3px
  }
  button.buttonTimer {
    width:181px;
    height:80px;
    color:#fff;
    font-size:16px;
    font-weight:600;
    padding-left:62px;
    text-align:left;
    padding-right:17px;
    text-shadow:2px 0 0 #762377,-2px 0 0 #762377,0 2px 0 #762377,0 -2px 0 #762377,1px 1px #762377,-1px -1px 0 #762377,1px -1px 0 #762377,-1px 1px 0 #762377;
    background:url(/img/interface/button-timer.png) no-repeat 0 0
  }
  button.buttonTimer:hover {
    background-position:0 -80px
  }
  button.buttonTimer:active {
    background-position:0 -160px
  }
  button.button.size1 {
    width:225px;
    height:50px;
    font-size:16px;
    background-image:url(/img/interface/button-size1.png?3)
  }
  button.button.size1.red {
    text-shadow:2px 0 0 #a70f0c,-2px 0 0 #a70f0c,0 2px 0 #a70f0c,0 -2px 0 #a70f0c,1px 1px #a70f0c,-1px -1px 0 #a70f0c,1px -1px 0 #a70f0c,-1px 1px 0 #a70f0c;
    background-image:url(/img/interface/button-size1-red.png?3)
  }
  button.button.size2 {
    width:101px;
    height:44px;
    font-size:14px;
    background-image:url(/img/interface/button-size2.png?3)
  }
  button.button.size3 {
    width:217px;
    height:96px;
    font-size:21px!important;
    background-image:url(/img/interface/button-size3.png?3)
  }
  button.button.size4 {
    width:171px;
    height:50px;
    font-size:16px!important;
    background-image:url(/img/interface/button-size4.png?3)
  }
  button.button.size5 {
    width:157px;
    height:50px;
    font-size:16px!important;
    background-image:url(/img/interface/button-size5.png?3)
  }
  button.button.size5.red {
    text-shadow:2px 0 0 #a70f0c,-2px 0 0 #a70f0c,0 2px 0 #a70f0c,0 -2px 0 #a70f0c,1px 1px #a70f0c,-1px -1px 0 #a70f0c,1px -1px 0 #a70f0c,-1px 1px 0 #a70f0c;
    background-image:url(/img/interface/button-size5-red.png?3)
  }
  button.button.size6 {
    width:181px;
    height:66px;
    font-size:16px!important;
    background-image:url(/img/interface/button-size6.png?3)
  }
  button.button.size7 {
    width:153px;
    height:62px;
    font-size:16px!important;
    background-image:url(/img/interface/button-size7.png)
  }
  button.button.size7.blue {
    text-shadow:2px 0 0 #105db7,-2px 0 0 #105db7,0 2px 0 #105db7,0 -2px 0 #105db7,1px 1px #105db7,-1px -1px 0 #105db7,1px -1px 0 #105db7,-1px 1px 0 #105db7;
    background-image:url(/img/interface/button-size7-blue.png)
  }
  button.button.size7.red {
    text-shadow:2px 0 0 #850c0c,-2px 0 0 #850c0c,0 2px 0 #850c0c,0 -2px 0 #850c0c,1px 1px #850c0c,-1px -1px 0 #850c0c,1px -1px 0 #850c0c,-1px 1px 0 #850c0c;
    background-image:url(/img/interface/button-size7-red.png)
  }
  button.button.size7.white {
    color:#269414;
    text-shadow:none;
    background-image:url(/img/interface/button-size7-white.png)
  }
  button.button.size8 {
    width:88px;
    height:39px;
    font-size:12px;
    background-image:url(/img/interface/button-size8.png)
  }
  button.button.size8.red {
    text-shadow:2px 0 0 #a70f0c,-2px 0 0 #a70f0c,0 2px 0 #a70f0c,0 -2px 0 #a70f0c,1px 1px #a70f0c,-1px -1px 0 #a70f0c,1px -1px 0 #a70f0c,-1px 1px 0 #a70f0c;
    background-image:url(/img/interface/button-size8-red.png)
  }
  button.button.size8a {
    width:88px;
    height:39px;
    font-size:12px;
    background-image:url(/img/interface/button-size8a.png)
  }
  button.button.size9 {
    width:91px;
    height:32px;
    font-size:13px;
    background-image:url(/img/interface/button-size9.png)
  }
  button.button.size10 {
    width:126px;
    height:38px;
    font-size:12px;
    background-image:url(/img/interface/button-size10.png)
  }
  button.button.size11 {
    width:139px;
    height:66px;
    font-size:14px;
    background-image:url(/img/interface/button-size11.png)
  }
  button.button.size11 button.button em.coin:before,
  button.button.size11 button.button em.ruby:before {
    vertical-align:-2px
  }
  button.button.size12a {
    width:189px;
    height:52px;
    font-size:15px;
    background-image:url(/img/interface/button-size12a.png)
  }
  button.button.size13a {
    width:133px;
    height:38px;
    font-size:12px;
    background-image:url(/img/interface/button-size13a.png)
  }
  button.button.size14 {
    width:98px;
    height:53px;
    font-size:12px;
    text-shadow:2px 0 0 #753f95,-2px 0 0 #753f95,0 2px 0 #753f95,0 -2px 0 #753f95,1px 1px #753f95,-1px -1px 0 #753f95,1px -1px 0 #753f95,-1px 1px 0 #753f95;
    background-image:url(/img/interface/button-size14.png)
  }
  button.newDes1 {
    width:95px;
    height:37px;
    color:#fff;
    padding-bottom:3px;
    background-image:url(/img/interface/button_new_1.png)
  }
  button.newDes1.red {
    width:95px;
    height:37px;
    background-image:url(/img/interface/button_new_1_red.png)
  }
  button.greenStroke {
    text-shadow:2px 0 0 #3c8903,-2px 0 0 #3c8903,0 2px 0 #3c8903,0 -2px 0 #3c8903,1px 1px #3c8903,-1px -1px 0 #3c8903,1px -1px 0 #3c8903,-1px 1px 0 #3c8903
  }
  button.redStroke {
    text-shadow:2px 0 0 #973227,-2px 0 0 #973227,0 2px 0 #973227,0 -2px 0 #973227,1px 1px #973227,-1px -1px 0 #973227,1px -1px 0 #973227,-1px 1px 0 #973227
  }
  button.playTeam {
    width:100px;
    height:21px;
    padding-bottom:2px;
    color:#fff;
    font-size:10px;
    text-shadow:1px 1px #3c6c02,-1px -1px 0 #3c6c02,1px -1px 0 #3c6c02,-1px 1px 0 #3c6c02;
    background:url(/img/interface/button-play-team.png)
  }
  button.playTeam:hover {
    color:#9524c9
  }
  button.playTeam.disabled {
    color:#fff!important;
    -webkit-filter:grayscale(100%)!important;
    filter:grayscale(100%)!important
  }
  button.playTeam.disabled .timer,
  button.playTeam.disabled .timer * {
    color:#fff
  }
  button.button em.ruby {
    display:block;
    margin-right:4px;
    text-shadow:2px 0 0 #753f95,-2px 0 0 #753f95,0 2px 0 #753f95,0 -2px 0 #753f95,1px 1px #753f95,-1px -1px 0 #753f95,1px -1px 0 #753f95,-1px 1px 0 #753f95
  }
  button.button em.coins {
    display:block;
    margin-right:4px
  }
  button.button em.inline {
    display:inline-block!important;
    margin-left:8px!important
  }
  button.button em.ruby:before {
    content:'';
    display:inline-block;
    width:19px;
    height:16px;
    margin-right:3px;
    vertical-align:-3px;
    background:url(/img/icons/ruby-xs-stroke.png) no-repeat 0 0
  }
  button.button em.coins:before {
    content:'';
    display:inline-block;
    width:16px;
    height:19px;
    margin-right:3px;
    vertical-align:-4px;
    background:url(/img/icons/coin-xs.png) no-repeat 0 0
  }
  button.button em.jetton {
    display:block;
    margin-right:4px
  }
  button.button em.jetton:before {
    content:'';
    display:inline-block;
    width:22px;
    height:25px;
    margin-right:3px;
    vertical-align:-5px;
    background:url(/img/icons/jetton-type2-x.png) no-repeat 0 0
  }
  button.button em.jetton.type3:before {
    background:url(/img/icons/jetton-type3-x.png) no-repeat 0 0
  }
  button.button em.jetton.type4:before {
    background:url(/img/icons/jetton-type4-x.png) no-repeat 0 0
  }
  button.button.size3 em.coins:before {
    vertical-align:-2px
  }
  button em.talentPoint {
    display:block
  }
  button em.talentPoint:before {
    content:url(/img/icons/talent_point_x.png);
    width:33px;
    height:36px;
    margin-right:4px;
    vertical-align:-7px
  }
  .footerButton {
    width:100%;
    position:absolute;
    text-align:center;
    bottom:30px;
    left:0
  }
  div.skinImg {
    width:134px;
    height:134px;
    text-align:center;
    position:relative;
    transition:all .2s ease-out;
    background:url(/img/weapons/type-bg/skin-type1.png) no-repeat 0 0;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px
  }
  .skinImg .ico {
    margin-top:20px
  }
  .skinImg.size2 {
    width:62px;
    height:62px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    background:url(/img/weapons/type-bg/skin-type1-s.png) no-repeat 0 0
  }
  .skinImg.size2 .ico {
    width:58px;
    margin:0
  }
  div.skinImg.type2 {
    background:url(/img/weapons/type-bg/skin-type2.png) no-repeat 0 0
  }
  div.skinImg.type3 {
    background:url(/img/weapons/type-bg/skin-type3.png) no-repeat 0 0
  }
  .skinImg.sizeM {
    width:100px;
    height:100px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    background:url(/img/weapons/type-bg/skin-type1-m.png) no-repeat 0 0
  }
  .skinImg.sizeM .ico {
    width:92px;
    margin:4px
  }
  div.skinImg.sizeM.type2 {
    background:url(/img/weapons/type-bg/skin-type2-m.png) no-repeat 0 0
  }
  div.skinImg.sizeM.type3 {
    background:url(/img/weapons/type-bg/skin-type3-m.png) no-repeat 0 0
  }
  div.weaponImg {
    width:104px;
    height:130px;
    text-align:center;
    position:relative;
    transition:all .2s ease-out;
    background:url(/img/weapons/type-bg/weapon-type1.png) no-repeat 0 0;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px
  }
  div.weaponImg img.weaponIco {
    position:relative;
    width:124px;
    margin-left:-10px;
    margin-top:-2px;
    transition:all .2s ease-out
  }
  div.weaponImg.durability0 img.weaponIco {
    opacity:.6!important
  }
  div.weaponImg.durability0.sizeM {
    background-image:url(/img/weapons/type-bg/weapon-type0.png)
  }
  div.weaponImg.durability0.sizeL {
    background-image:url(/img/weapons/type-bg/weapon-type0-l.png)
  }
  div.weaponImg.durability0 .elixirNeed,
  div.weaponImg.durability0 img {
    -moz-filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -o-filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter:grayscale(100%);
    filter:gray;
    filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale")
  }
  div.weaponImg.durability0::after {
    -webkit-filter:grayscale(0);
    filter:grayscale(0)
  }
  div.weaponImg.durability2::after {
    content:'';
    width:42px;
    height:41px;
    position:absolute;
    right:-18px;
    top:34px;
    z-index:3;
    background:url(/img/weapons/durability2.png) no-repeat 0 0
  }
  div.weaponImg.durability1::after {
    content:'';
    width:42px;
    height:41px;
    position:absolute;
    right:-18px;
    top:34px;
    z-index:3;
    background:url(/img/weapons/durability1.png) no-repeat 0 0
  }
  div.weaponImg.durability0::after {
    content:'';
    width:42px;
    height:41px;
    position:absolute;
    right:-18px;
    top:34px;
    z-index:3;
    background:url(/img/weapons/durability0.png) no-repeat 0 0
  }
  div.weaponImg .weaponLevel {
    display:none
  }
  div.weaponImg.coins img {
    margin-top:18px;
    width:auto!important;
    height:auto!important
  }
  div.weaponImg.studio img {
    margin-top:18px;
    width:auto!important;
    height:auto!important
  }
  div.weaponImg .elixirNeed {
    position:absolute;
    right:-12px;
    top:-14px
  }
  div.weaponImg .new {
    color:#fff;
    font-size:10px;
    width:93px;
    height:18px;
    padding-top:5px;
    line-height:16px;
    position:absolute;
    left:-8px;
    bottom:17px;
    text-align:center;
    z-index:3;
    text-transform:uppercase;
    background-image:url(/img/icons/new.png)
  }
  div.itemSlot .itemQty,
  div.weaponImg .itemQty {
    color:#5c3027;
    font-size:22px;
    line-height:24px;
    font-weight:600;
    position:absolute;
    width:100%;
    bottom:-10px;
    text-align:center;
    text-shadow:2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff
  }
  div.itemSlot .itemQty,
  div.weaponImg .itemQty {
    font-size:32px
  }
  div.weaponImg.type1.animate:hover {
    -webkit-box-shadow:inset 0 0 43px 6px rgba(225,149,70,1);
    -moz-box-shadow:inset 0 0 43px 6px rgba(225,149,70,1);
    box-shadow:inset 0 0 43px 6px rgba(225,149,70,1)
  }
  div.weaponImg.type2 {
    background-image:url(/img/weapons/type-bg/weapon-type2.png)
  }
  .type2Color,
  div.weaponImg.type2 .weaponTypeText {
    color:#0072ff
  }
  div.weaponImg.animate {
    cursor:pointer;
    transition:all .2s ease-out
  }
  div.weaponImg.animate img {
    transition:all .2s ease-out
  }
  div.weaponImg.type2.animate:hover {
    -webkit-box-shadow:inset 0 0 43px 6px rgba(68,118,193,1);
    -moz-box-shadow:inset 0 0 43px 6px rgba(68,118,193,1);
    box-shadow:inset 0 0 43px 6px rgba(68,118,193,1)
  }
  div.weaponImg.type3 {
    background-image:url(/img/weapons/type-bg/weapon-type3.png)
  }
  div.weaponImg.type3 .weaponTypeText {
    color:#9134e6
  }
  div.weaponImg.type3.animate:hover {
    -webkit-box-shadow:inset 0 0 43px 6px #5a008e;
    -moz-box-shadow:inset 0 0 43px 6px #5a008e;
    box-shadow:inset 0 0 43px 6px #5a008e
  }
  div.weaponImg.type4 {
    background-image:url(/img/weapons/type-bg/weapon-type4.png)
  }
  div.weaponImg.type4 .weaponTypeText {
    color:#9134e6
  }
  div.weaponImg.type4.animate:hover {
    -webkit-box-shadow:inset 0 0 43px 6px #5a008e;
    -moz-box-shadow:inset 0 0 43px 6px #5a008e;
    box-shadow:inset 0 0 43px 6px #5a008e
  }
  .weaponImg.sizeS {
    width:62px;
    height:78px;
    -webkit-border-radius:11px;
    -moz-border-radius:11px;
    border-radius:11px;
    background:url(/img/weapons/type-bg/weapon-type1-s.png) no-repeat 0 0
  }
  .weaponImg.sizeS img.weaponIco {
    position:absolute;
    left:0;
    top:0;
    width:62px;
    margin:0;
    margin-top:5px
  }
  .weaponImg.sizeS .ico {
    margin-top:5px
  }
  .weaponImg.sizeS.type2 {
    background-image:url(/img/weapons/type-bg/weapon-type2-s.png)
  }
  .weaponImg.sizeS.type3 {
    background-image:url(/img/weapons/type-bg/weapon-type3-s.png)
  }
  .weaponImg.sizeL {
    width:144px;
    height:174px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    border-radius:18px;
    background:url(/img/weapons/type-bg/weapon-type1-l.png) no-repeat 0 0
  }
  .weaponImg.sizeL img.weaponIco {
    position:absolute;
    left:5px;
    top:6px;
    width:162px
  }
  .weaponImg.sizeL .ico {
    margin-top:5px
  }
  .weaponImg.sizeL.type2 {
    background-image:url(/img/weapons/type-bg/weapon-type2-l.png)
  }
  .weaponImg.sizeL.type3 {
    background-image:url(/img/weapons/type-bg/weapon-type3-l.png)
  }
  .upgradeToken {
    width:100px;
    height:145px;
    cursor:pointer;
    position:relative;
    background-repeat:no-repeat
  }
  .upgradeToken img.weaponIco {
    width:94px;
    height:94px;
    position:absolute;
    left:3px;
    top:3px
  }
  .upgradeToken .itemQty {
    width:100%;
    color:#fff;
    line-height:57px;
    text-align:center;
    position:absolute;
    bottom:0;
    left:0;
    text-shadow:2px 0 0 rgba(0,0,0,.3),-2px 0 0 rgba(0,0,0,.3),0 2px 0 rgba(0,0,0,.3),0 -2px 0 rgba(0,0,0,.3),1px 1px rgba(0,0,0,.3),-1px -1px 0 rgba(0,0,0,.3),1px -1px 0 rgba(0,0,0,.3),-1px 1px 0 rgba(0,0,0,.3)
  }
  .upgradeToken .itemQty:after {
    content:'';
    display:inline-block;
    width:24px;
    height:26px;
    margin-left:5px;
    vertical-align:-5px;
    background-image:url(/img/icons/token-s.png)
  }
  .upgradeToken.type1 {
    background-image:url(/img/weapons/type-bg/upgrade-type1.png)
  }
  .upgradeToken.type2 {
    background-image:url(/img/weapons/type-bg/upgrade-type2.png)
  }
  .upgradeToken.type3 {
    background-image:url(/img/weapons/type-bg/upgrade-type3.png)
  }
  .upgradeToken.big {
    width:216px;
    height:297px;
    position:relative
  }
  .upgradeToken.big.type1 {
    background-image:url(/img/weapons/type-bg/upgrade-type1-xl.png)
  }
  .upgradeToken.big.type2 {
    background-image:url(/img/weapons/type-bg/upgrade-type2-xl.png)
  }
  .upgradeToken.big.type3 {
    background-image:url(/img/weapons/type-bg/upgrade-type3-xl.png)
  }
  .upgradeToken.big img.weaponIco {
    width:264px;
    height:264px;
    position:absolute;
    left:-24px;
    top:-24px
  }
  .upgradeToken.big .itemQty {
    width:100%;
    color:#fff;
    font-size:40px;
    line-height:82px;
    text-align:center;
    position:absolute;
    bottom:5px;
    left:0;
    text-shadow:2px 0 0 rgba(0,0,0,.3),-2px 0 0 rgba(0,0,0,.3),0 2px 0 rgba(0,0,0,.3),0 -2px 0 rgba(0,0,0,.3),1px 1px rgba(0,0,0,.3),-1px -1px 0 rgba(0,0,0,.3),1px -1px 0 rgba(0,0,0,.3),-1px 1px 0 rgba(0,0,0,.3)
  }
  .upgradeToken.big .itemQty:after {
    content:'';
    display:inline-block;
    width:44px;
    height:48px;
    margin-left:5px;
    vertical-align:-9px;
    background-image:url(/img/icons/token-m.png)
  }
  .upgradeToken.sizeS {
    width:72px;
    height:104px;
    position:relative
  }
  .upgradeToken.sizeS.type1 {
    background-image:url(/img/weapons/type-bg/upgrade-type1-s.png)
  }
  .upgradeToken.sizeS.type2 {
    background-image:url(/img/weapons/type-bg/upgrade-type2-s.png)
  }
  .upgradeToken.sizeS.type3 {
    background-image:url(/img/weapons/type-bg/upgrade-type3-s.png)
  }
  .upgradeToken.sizeS img.weaponIco {
    width:62px;
    height:65px;
    position:absolute;
    left:4px;
    top:2px
  }
  .upgradeToken.sizeS .itemQty {
    width:100%;
    color:#fff;
    font-size:16px;
    line-height:18px;
    text-align:center;
    position:absolute;
    bottom:11px;
    left:0;
    text-shadow:1px 1px rgba(0,0,0,.8)
  }
  .upgradeToken.sizeS .itemQty:after {
    content:'';
    display:inline-block;
    width:16px;
    height:17px;
    margin-left:3px;
    vertical-align:-3px;
    background-image:url(/img/icons/token-xs.png)
  }
  .upgradeToken.sizeXs {
    width:56px;
    height:81px;
    position:relative
  }
  .upgradeToken.sizeXs.type1 {
    background-image:url(/img/weapons/type-bg/upgrade-type1-xs.png)
  }
  .upgradeToken.sizeXs.type2 {
    background-image:url(/img/weapons/type-bg/upgrade-type2-xs.png)
  }
  .upgradeToken.sizeXs.type3 {
    background-image:url(/img/weapons/type-bg/upgrade-type3-xs.png)
  }
  .upgradeToken.sizeXs img.weaponIco {
    width:62px;
    height:65px;
    position:absolute;
    left:-4px;
    top:-5px
  }
  .upgradeToken.sizeXs .itemQty {
    width:100%;
    color:#fff;
    font-size:14px;
    line-height:18px;
    text-align:center;
    position:absolute;
    bottom:7px;
    left:0;
    text-shadow:1px 1px rgba(0,0,0,.8)
  }
  .upgradeToken.sizeXs .itemQty:after {
    content:'';
    display:inline-block;
    width:16px;
    height:17px;
    margin-left:2px;
    vertical-align:-3px;
    background-image:url(/img/icons/token-xs.png)
  }
  .upgradeTokenPoints.sizeM {
    width:102px;
    height:119px;
    position:relative
  }
  .upgradeTokenPoints.sizeM.type1 {
    background-image:url(/img/weapons/type-bg/points-type1-m.png)
  }
  .upgradeTokenPoints.sizeM.type2 {
    background-image:url(/img/weapons/type-bg/points-type2-m.png)
  }
  .upgradeTokenPoints.sizeM.type3 {
    background-image:url(/img/weapons/type-bg/points-type3-m.png)
  }
  .upgradeTokenPoints.sizeM .itemQty {
    width:100%;
    color:#fff;
    font-size:21px;
    line-height:22px;
    text-align:center;
    position:absolute;
    bottom:18px;
    left:0;
    text-shadow:1px 1px rgba(0,0,0,.8)
  }
  .upgradeTokenPoints.sizeS {
    width:68px;
    height:83px;
    position:relative
  }
  .upgradeTokenPoints.sizeS.type1 {
    background-image:url(/img/weapons/type-bg/points-type1-s.png)
  }
  .upgradeTokenPoints.sizeS.type2 {
    background-image:url(/img/weapons/type-bg/points-type2-s.png)
  }
  .upgradeTokenPoints.sizeS.type3 {
    background-image:url(/img/weapons/type-bg/points-type3-s.png)
  }
  .upgradeTokenPoints.sizeS .itemQty {
    width:100%;
    color:#fff;
    font-size:18px;
    line-height:20px;
    text-align:center;
    position:absolute;
    bottom:11px;
    left:0;
    text-shadow:1px 1px rgba(0,0,0,.8)
  }
  .itemSlot {
    width:102px;
    height:102px;
    position:relative;
    background-repeat:no-repeat
  }
  .itemSlot.type1 {
    background-image:url(/img/weapons/type-bg/type1-m.png)
  }
  .itemSlot.type2 {
    background-image:url(/img/weapons/type-bg/type2-m.png)
  }
  .itemSlot.type3 {
    background-image:url(/img/weapons/type-bg/type3-m.png)
  }
  .itemSlot.type4 {
    background-image:url(/img/weapons/type-bg/type4-m.png)
  }
  .photoRing {
    cursor:pointer;
    width:111px;
    height:111px;
    position:relative
  }
  .photoRing .frame {
    width:111px;
    height:111px;
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    background:url(/img/interface/photo-ring-size3.png) no-repeat 0 0
  }
  .photoRing .photo {
    width:98px;
    height:98px;
    position:absolute;
    top:7px;
    left:7px;
    overflow:hidden;
    -webkit-border-radius:96px;
    -moz-border-radius:96px;
    border-radius:96px
  }
  .photoRing .photo.hidden {
    visibility:hidden
  }
  .photoRing .level {
    position:absolute;
    font-size:18px;
    right:-8px;
    top:2px;
    z-index:3
  }
  .photoRing:hover .photo {
    filter:brightness(130%)
  }
  .photoRing.size1 {
    width:41px;
    height:41px
  }
  .photoRing.size1 .frame {
    width:41px;
    height:41px;
    background-image:url(/img/interface/photo-ring-size1.png)
  }
  .photoRing.size1 .photo {
    width:38px;
    height:38px;
    top:2px;
    left:2px;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px
  }
  .photoRing.size2 {
    width:84px;
    height:84px
  }
  .photoRing.size2 .level {
    top:0;
    right:-20px
  }
  .photoRing.size2 .frame {
    width:84px;
    height:84px;
    background-image:url(/img/interface/photo-ring-size2.png)
  }
  .photoRing.size2 .photo {
    width:72px;
    height:72px;
    top:6px;
    left:6px;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px
  }
  .photoRing.size3 {
    width:56px;
    height:56px
  }
  .photoRing.size3 .level {
    top:0;
    right:-20px
  }
  .photoRing.size3 .frame {
    width:56px;
    height:56px;
    background-image:url(/img/interface/photo-ring-size4.png)
  }
  .photoRing.size3 .photo {
    width:52px;
    height:52px;
    top:2px;
    left:2px;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px
  }
  .photoRing.disableHover:hover {
    cursor:default
  }
  .photoRing.disableHover:hover .photo {
    opacity:1;
    -moz-opacity:1
  }
  .level {
    color:#fff;
    position:relative;
    text-align:center;
    font-weight:600;
    text-shadow:-1px -1px 0 #000
  }
  .level.x {
    width:38px!important;
    height:38px!important;
    line-height:37px!important;
    font-size:14px!important;
    background:url(/img/interface/level_x.png) no-repeat 0 0!important
  }
  .level.xx,
  .photoRing .level {
    width:44px;
    height:43px;
    line-height:41px;
    font-size:18px;
    background:url(/img/interface/level_xx.png) no-repeat 0 0
  }
  .level.xxx {
    width:56px;
    height:56px;
    line-height:56px;
    font-size:24px;
    background:url(/img/interface/level_xxx.png) no-repeat 0 0
  }
  .level.xxxx {
    width:81px;
    height:82px;
    line-height:82px;
    font-size:30px;
    background:url(/img/interface/level_xxxx.png) no-repeat 0 0
  }
  .level.xxxxx {
    width:118px;
    height:118px;
    line-height:118px;
    font-size:58px;
    background:url(/img/interface/level_xxxxx.png) no-repeat 0 0
  }
  #popupInGameContainer {
    position:absolute;
    width:1000px;
    height:600px;
    left:0;
    top:0;
    z-index:10
  }
  #popupContainer {
    color:#9524c9;
    position:absolute;
    width:100%;
    height:600px;
    left:0;
    top:0;
    z-index:10
  }
  #popupContainer>div {
    z-index:+1
  }
  #popupContainer .bgType {
    width:100%;
    height:100%;
    position:absolute
  }
  #popupContainer #blur.bgType {
    /* background:url(/img/popups/blur-bg.jpg?3) no-repeat 0 0 */
  }

  body.inGame #popupContainer #blur.bgType {
    background:0 0!important
  }
  body #popupContainer.bgOff,
  body.inGame #popupContainer {
    background:0 0
  }
  h1.popupHeader {
    font-size:24px;
    color:#9524c9;
    height:77px;
    line-height:77px;
    margin:-32px auto 0 auto;
    text-align:center;
    position:relative;
    background:url(/img/popups/header.png) no-repeat 50% 0
  }
  div.h1Container {
    height:50px;
    position:relative;
    text-align:center
  }
  div.h1Container h1.popupHeader {
    font-size:26px;
    color:#9524c9;
    height:77px;
    line-height:77px;
    margin:0 auto 0 auto;
    top:-30px;
    text-align:center;
    position:relative;
    background:url(/img/popups/header.png) no-repeat 50% 0
  }
  .popupExit {
    width:134px;
    height:57px;
    font-size:16px;
    padding-right:20px;
    position:absolute;
    right:-10px;
    top:-10px;
    z-index:5;
    background:url(/img/popups/button_exit.png) no-repeat 0 0
  }
  .popupClose {
    width:58px;
    height:58px;
    position:absolute;
    top:-8px;
    right:-8px;
    z-index:10;
    background:url(/img/popups/popupClose2.png) no-repeat 0 0
  }
  .popupClose.screenClose {
    top:5px!important;
    right:5px!important
  }
  .popupClose:hover {
    background-position:0 -58px
  }
  .popupClose:active {
    background-position:0 -116px
  }
  .popupClose.mini {
    width:40px;
    height:40px;
    position:absolute;
    top:-5px;
    right:-5px;
    z-index:10;
    background:url(/img/popups/popupClose3.png) no-repeat 0 0
  }
  .popupClose.mini:hover {
    background-position:0 -40px
  }
  .popupClose.mini:active {
    background-position:0 -80px
  }
  .miniClose {
    display:block;
    position:absolute;
    right:-10px;
    top:-10px;
    cursor:pointer;
    width:24px;
    height:24px;
    background:url(/img/interface/hint-close.png) no-repeat 0 0
  }
  .popup {
    width:890px;
    height:528px;
    padding:0;
    left:50px;
    top:40px;
    color:#9524c9;
    position:absolute;
    background:url(/img/popups/popup.png) no-repeat 0 0
  }
  .popupPlain {
    position:absolute;
    border:2px solid #9524c9;
    background-color:#ffead0;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    -webkit-box-shadow:inset 0 0 100px 20px rgb(133, 39, 192);
    -moz-box-shadow:inset 0 0 100px 20px rgba(133, 39, 192);
    box-shadow:inset 0 0 100px 20px rgba(133, 39, 192)
  }
  .popupPlainSize1 {
    width:404px;
    height:204px;
    top:200px;
    left:298px;
    position:absolute;
    background:url(/img/popups/popup-plain1.png) no-repeat 0 0
  }
  .popupPlainSize2 {
    width:404px;
    height:254px;
    position:absolute;
    background:url(/img/popups/popup-plain2.png) no-repeat 0 0
  }
  .popupPlain .popupClose,
  .popupPlainSize1 .popupClose,
  .popupPlainSize2 .popupClose {
    top:-30px;
    right:-25px
  }
  .popupPlainSize2 .textContainer {
    padding:10px;
    text-align:center;
    height:100px
  }
  .popupSize1 {
    width:890px;
    height:528px;
    position:absolute;
    left:55px;
    top:46px;
    background:url(/img/popups/popup-size1.png) no-repeat 0 0
  }
  .popupSize2 {
    width:690px;
    height:488px;
    position:absolute;
    background:url(/img/popups/popup-size2.png) no-repeat 0 0
  }
  .popupSize2 .contentContainer {
    padding:10px 15px
  }
  .popupSizeStudio {
    width:913px;
    height:589px;
    padding:20px 30px;
    position:absolute;
    left:50px;
    top:0;
    background:url(../img/popups/popup-studio.png) no-repeat 0 0
  }
  .popupSizeStudio .popupClose {
    top:50px;
    right:45px
  }
  .popupWithDarkening {
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background:url(/img/popups/darkening.png) repeat
  }
  .gameFinalScreen.lastPage h1 {
    width:477px;
    height:98px;
    font-size:22px;
    margin:10px auto;
    padding-top:7px;
    position:relative;
    line-height:52px;
    color:#fff;
    text-align:center;
    background:url(/img/screens/gameFinal/h1-green.png) no-repeat 0 0
  }
  .gameFinalScreen.lastPage h1.red {
    background-image:url(/img/screens/gameFinal/h1-red.png)
  }
  .gameFinalScreen.lastPage h1.blue {
    background-image:url(/img/screens/gameFinal/h1-blue.png)
  }
  .gameFinalScreen ul.loot {
    width:383px;
    position:relative;
    color:#9524c9;
    position:absolute;
    left:308px;
    top:130px;
    text-align:center
  }
  .gameFinalScreen ul.loot li {
    display:block;
    text-align:left;
    width:383px;
    height:119px;
    margin-top:-20px;
    position:relative;
    background:url(/img/screens/gameFinal/loot-li.png) no-repeat 0 0
  }
  .gameFinalScreen ul.loot li .ico {
    width:100px;
    height:100px;
    left:14px;
    top:-1px;
    position:absolute;
    background-position:center center;
    background-repeat:no-repeat
  }
  .gameFinalScreen ul.loot li span {
    width:230px;
    font-size:24px;
    line-height:60px;
    position:absolute;
    left:120px;
    top:23px
  }
  .gameFinalScreen ul.loot li.limit em.qty,
  .gameFinalScreen ul.loot li.limit span.name {
    display:none
  }
  .gameFinalScreen ul.loot li.limit span.limitText {
    display:block
  }
  .gameFinalScreen ul.loot li span.limitText {
    display:none;
    position:absolute;
    color:#9524c9;
    top:27px;
    line-height:normal
  }
  .gameFinalScreen ul.loot li .qty {
    color:#9524c9;
    font-weight:700;
    font-size:33px;
    position:absolute;
    top:23px;
    right:40px;
    line-height:60px;
    display:block
  }
  .gameFinalScreen ul.loot li .qty.minus {
    color:#c92222
  }
  .gameFinalScreen ul.loot li.firstPlace {
    color:#fff;
    height:60px;
    margin-top:-10px;
    background:url(/img/screens/gameFinal/li-firstplace.png) no-repeat center top
  }
  .gameFinalScreen ul.loot li.firstPlace .qty {
    top:0
  }
  .gameFinalScreen ul.loot li.firstPlace .qty:before {
    content:'';
    width:39px;
    height:57px;
    position:absolute;
    left:-43px;
    top:0;
    background:url(/img/icons/chestkey-m.png) no-repeat center top
  }
  .gameFinalScreen ul.loot li.firstPlace span {
    line-height:normal;
    font-size:16px;
    width:160px;
    left:87px;
    top:12px
  }
  .gameFinalScreen ul.loot li.firstPlace .ico {
    width:56px;
    height:56px;
    left:21px;
    top:3px;
    position:absolute;
    background-position:center center;
    background-repeat:no-repeat
  }
  button#prevScreen {
    width:81px;
    height:58px;
    position:absolute;
    left:30px;
    bottom:30px;
    background:url(/img/popups/end-game-rating/prev.png) no-repeat 0 0
  }
  button#prevScreen:hover {
    background-position:0 -100px
  }
  button#prevScreen:active {
    background-position:0 -200px
  }
  .popupEndGameRating .rightBlock {
    width:624px;
    height:400px;
    position:absolute;
    top:40px;
    left:370px;
    text-align:center
  }
  .popupEndGameRating ul.top3 {
    position:relative;
    color:#ffeeda;
    font-weight:700;
    width:619px;
    height:252px;
    margin-top:210px;
    background:url(/img/popups/end-game-rating/top3.png) no-repeat 0 0
  }
  .popupEndGameRating ul.top3 li {
    width:134px;
    position:absolute;
    text-align:center;
    top:130px
  }
  .popupEndGameRating ul.top3 li.place1 {
    left:239px
  }
  .popupEndGameRating ul.top3 li.place2 .skin {
    margin-top:17px
  }
  .popupEndGameRating ul.top3 li.place2 {
    left:63px;
    margin-top:8px
  }
  .popupEndGameRating ul.top3 li.place3 {
    left:413px;
    margin-top:26px
  }
  .popupEndGameRating ul.top3 li.place3 .skin {
    margin-top:18px
  }
  .popupEndGameRating ul.top3 span {
    display:block;
    margin:0 0 8px 0
  }
  .popupEndGameRating ul.top3 span:hover {
    cursor:pointer;
    color:#9524c9
  }
  .popupEndGameRating ul.top3 li .skin {
    position:absolute;
    top:-260px;
    left:-21px;
    width:172px
  }
  .popupEndGameRating ul.top3 li .skin img {
    cursor:pointer;
    width:172px
  }
  .popupEndGameRating ul.top3 em.rating:before {
    content:'';
    width:19px;
    height:21px;
    vertical-align:top;
    margin-top:-1px;
    margin-right:2px;
    margin-left:15px;
    display:inline-block;
    background:url(/img/icons/cup-xs.png) no-repeat 0 0
  }
  .popupEndGameRating ul.top3 em.kills:before {
    content:'';
    width:19px;
    height:21px;
    margin-right:4px;
    vertical-align:top;
    margin-top:-1px;
    display:inline-block;
    background:url(/img/icons/kills-xs.png) no-repeat 0 0
  }
  .popupEndGameRating .playAgain {
    position:absolute;
    left:391px;
    bottom:19px
  }
  .popupEndGameRating .topContainer {
    position:absolute;
    right:10px;
    top:40px;
    height:400px;
    padding-left:114px;
    background:url(/img/popups/end-game-rating/top-list.png) no-repeat 0 0
  }
  .popupEndGameRating .scrollContainer {
    width:363px;
    height:445px;
    margin-top:20px;
    overflow:auto
  }
  .popupEndGameRating ul.playersTop {
    font-weight:700;
    width:320px;
    margin-left:10px;
    position:relative
  }
  .popupEndGameRating ul.playersTop li {
    display:table-row;
    text-align:left;
    line-height:44px
  }
  .popupEndGameRating ul.playersTop li.my {
    color:red
  }
  .popupEndGameRating ul.playersTop li .place {
    width:16px;
    color:#9524c9;
    font-weight:700;
    text-align:right
  }
  .popupEndGameRating ul.playersTop li .playerPhoto {
    width:41px;
    padding:0 0 0 1em
  }
  .popupEndGameRating ul.playersTop li .rating {
    width:1%;
    white-space:nowrap;
    padding-left:23px;
    background:url(/img/icons/cup-xs.png) 0 9px no-repeat
  }
  .popupEndGameRating ul.playersTop li .kills {
    width:1%;
    white-space:nowrap;
    padding-left:23px;
    padding-right:15px;
    background:url(/img/icons/kills-xs.png) 0 11px no-repeat
  }
  .popupEndGameRating ul.playersTop li .nick {
    cursor:pointer;
    padding-left:.7em
  }
  .popupEndGameRating ul.playersTop li .nick:hover {
    color:#d32bd1
  }
  .popupEndGameRating ul.playersTop li.my .nick {
    cursor:default
  }
  .gameFinalScreen {
    background:url(/img/screens/gameFinal/bg2.jpg) repeat-x center center!important
  }
  .gameFinalScreen .podium {
    position:absolute;
    width:964px;
    height:282px;
    left:20px;
    top:170px;
    z-index:2;
    background:url(/img/screens/gameFinal/top3.png) no-repeat center top
  }
  .gameFinalScreen ul.top3 {
    position:relative;
    color:#ffeeda;
    font-weight:700;
    height:442px;
    vertical-align:top;
    margin-left:32px;
    margin-top:36px;
    z-index:3
  }
  .gameFinalScreen ul.top3 li.top3 {
    float:left;
    width:310px;
    height:534px;
    text-align:center
  }
  .gameFinalScreen ul.top3 li.top3.place2 {
    margin-top:25px
  }
  .gameFinalScreen ul.top3 li.top3.place3 {
    margin-top:51px
  }
  .gameFinalScreen li.top3.place2 {
    background:url(/img/screens/gameFinal/2place_red.png) no-repeat 50% 134px
  }
  .gameFinalScreen li.top3.place2.green {
    background-image:url(/img/screens/gameFinal/2place_green.png)
  }
  .gameFinalScreen li.top3.place2.blue {
    background-image:url(/img/screens/gameFinal/2place_blue.png)
  }
  .gameFinalScreen li.top3.place1 {
    background:url(/img/screens/gameFinal/1place_red.png) no-repeat 50% 130px
  }
  .gameFinalScreen li.top3.place1.green {
    background-image:url(/img/screens/gameFinal/1place_green.png)
  }
  .gameFinalScreen li.top3.place1.blue {
    background-image:url(/img/screens/gameFinal/1place_blue.png)
  }
  .gameFinalScreen li.top3.place3 {
    background:url(/img/screens/gameFinal/3place_red.png) no-repeat 50% 128px
  }
  .gameFinalScreen li.top3.place3.green {
    background-image:url(/img/screens/gameFinal/3place_green.png)
  }
  .gameFinalScreen li.top3.place3.blue {
    background-image:url(/img/screens/gameFinal/3place_blue.png)
  }
  .teamInfo {
    position:relative;
    width:248px
  }
  .gameFinalScreen li.place1 .teamInfo {
    width:255px;
    margin-top:36px;
    margin-left:28px
  }
  .gameFinalScreen li.place2 .teamInfo {
    margin-top:21px;
    margin-left:31px
  }
  .gameFinalScreen li.place3 .teamInfo {
    margin-top:16px;
    margin-left:33px
  }
  .gameFinalScreen div.belt {
    width:100%;
    height:54px;
    position:relative
  }
  .gameFinalScreen div.belt .teamKillCount {
    width:66px;
    height:38px;
    line-height:38px;
    font-size:23px;
    font-weight:700;
    text-align:center;
    position:absolute;
    right:0;
    top:6px;
    box-sizing:border-box;
    padding-left:26px;
    text-shadow:1px 1px 0 rgba(255,255,255,1);
    background:url(/img/icons/kills-xs.png) no-repeat 11px 9px
  }
  .gameFinalScreen li.top3 .cupIco {
    width:94px;
    margin-left:-47px;
    height:83px;
    position:absolute;
    left:50%;
    bottom:-8px;
    background-repeat:no-repeat;
    background-position:center bottom
  }
  .gameFinalScreen li.top3.place1 .cupIco {
    background-image:url(/img/screens/gameFinal/1cup.png)
  }
  .gameFinalScreen li.top3.place2 .cupIco {
    background-image:url(/img/screens/gameFinal/2cup.png)
  }
  .gameFinalScreen li.top3.place3 .cupIco {
    background-image:url(/img/screens/gameFinal/3cup.png)
  }
  .gameFinalScreen li.top3 h2 {
    width:80px;
    height:30px;
    font-weight:700;
    color:#000;
    font-size:14px;
    line-height:18px;
    text-align:left;
    position:absolute;
    left:18px;
    top:8px
  }
  .gameFinalScreen li.top3.green h2 {
    color:#458000
  }
  .gameFinalScreen li.top3.red h2 {
    color:#a02633
  }
  .gameFinalScreen li.top3.blue h2 {
    color:#005eba
  }
  .gameFinalScreen ul.teamNameList {
    text-align:left;
    margin:20px auto 0 auto;
    color:#fff;
    padding-left:20px
  }
  li.my ul.teamNameList {
    padding-left:38px
  }
  .gameFinalScreen ul.teamNameList li {
    position:relative;
    height:52px;
    margin:5px 0;
    padding-right:45px;
    font-size:14px;
    clear:both
  }
  .microClanName {
    display:block;
    color:#9524c9;
    font-weight:400;
    font-size:12px;
    margin-top:1px;
    text-shadow:1px 1px 0 rgba(0,0,0,.7);
    cursor:pointer
  }
  .gameFinalScreen ul.teamNameList .letter {
    position:absolute;
    top:2px;
    left:-29px
  }
  .microClanName {
    color:#9524c9;
    text-shadow:none
  }
  .microClanName:before {
    margin-right:4px;
    vertical-align:-3px
  }
  .microClanName .clanIco {
    display:inline-block;
    margin-right:4px;
    vertical-align:-3px
  }
  .gameFinalScreen ul.teamNameList li:hover {
    cursor:pointer;
    color:#9524c9
  }
  .gameFinalScreen ul.teamNameList li.my {
    color:#9524c9
  }
  .gameFinalScreen ul.teamNameList button.playTeam {
    display:block
  }
  .gameFinalScreen ul.teamNameList li em.killsQty {
    width:65px;
    height:21px;
    line-height:17px;
    position:absolute;
    top:0;
    right:0;
    text-align:center;
    padding-left:24px;
    box-sizing:border-box;
    background:url(/img/icons/kills-xs.png) no-repeat 10px 0
  }
  .gameFinalScreen ul.team {
    margin-left:50px;
    position:relative;
    left:25px;
    height:172px
  }
  .gameFinalScreen ul.team li {
    width:172px;
    float:left;
    position:relative;
    margin-left:-90px
  }
  .gameFinalScreen ul.team li.num1 {
    z-index:1
  }
  .gameFinalScreen ul.team .skin img {
    cursor:pointer;
    width:172px
  }
  .gameFinalScreen .playAgain {
    position:absolute;
    left:391px;
    bottom:21px;
    z-index:4
  }
  .newWeaponScreen {
    background:url(/img/screens/chestOpen/new-bg-type2.jpg) center center #020e24!important
  }
  .newWeaponScreen.type1 {
    background:url(/img/screens/chestOpen/new-bg-type1.jpg) center center #f9a869!important
  }
  .newWeaponScreen.type3 {
    background:url(/img/screens/chestOpen/new-bg-type3.jpg) center center #160a30!important
  }
  .newWeaponScreen.type4 {
    background:url(/img/screens/chestOpen/new-bg-type4.jpg) center center #4e1025!important
  }
  .newWeaponScreen .mask {
    width:100%;
    height:258px;
    position:absolute;
    top:0;
    left:0;
    z-index:0
  }
  .newWeaponScreen div.h1 {
    width:452px;
    height:88px;
    margin:0 auto;
    position:relative;
    text-align:center
  }
  h1.belt {
    width:452px;
    height:68px;
    padding-top:20px;
    font-size:24px;
    line-height:52px;
    text-align:center;
    position:relative;
    z-index:2;
    margin:10px auto 0 auto;
    background-position:center top;
    background-repeat:no-repeat
  }
  h1.belt.type1 {
    background-image:url(/img/screens/chestOpen/h1-type1.png)
  }
  h1.belt.type2 {
    color:#fff;
    text-shadow:1px 1px 1px #000;
    background-image:url(/img/screens/chestOpen/h1-type2.png)
  }
  h1.belt.type3 {
    color:#fff;
    text-shadow:1px 1px 1px #000;
    background-image:url(/img/screens/chestOpen/h1-type3.png)
  }
  h1.belt.type4 {
    color:#fff;
    text-shadow:1px 1px 1px #000;
    background-image:url(/img/screens/chestOpen/h1-type4.png)
  }
  .newWeaponScreen.type1 ul.weaponReview li.review {
    color:#9524c9;
    background:url(/img/screens/chestOpen/review-type1.png) no-repeat left top
  }
  .newWeaponScreen.type2 ul.weaponReview li.review {
    background:url(/img/screens/chestOpen/review-type2.png) no-repeat left top
  }
  .newWeaponScreen.type3 ul.weaponReview li.review {
    background:url(/img/screens/chestOpen/review-type3.png) no-repeat left top
  }
  .newWeaponScreen.type4 ul.weaponReview li.review {
    background:url(/img/screens/chestOpen/review-type4.png) no-repeat left top
  }
  .newWeaponScreen.type2 .mask {
    background:url(/img/screens/chestOpen/mask-type2.png)
  }
  .newWeaponScreen.type3 .mask {
    background:url(/img/screens/chestOpen/mask-type3.png)
  }
  .newWeaponScreen.type4 .mask {
    background:url(/img/screens/chestOpen/mask-type4.png)
  }
  .newWeaponScreen div.newWeapon {
    width:206px;
    height:51px;
    color:#fff;
    font-size:18px;
    line-height:46px;
    text-align:center;
    position:absolute;
    left:120px;
    top:70px;
    background:url(/img/screens/chestOpen/h1-new.png);
    z-index:1
  }
  .newWeaponScreen div.weaponIco {
    position:absolute;
    left:510px;
    top:200px;
    z-index:1
  }
  .weaponShadow {
    width:280px;
    height:69px;
    position:absolute;
    bottom:-20px;
    left:0;
    background:url(/img/screens/chestOpen/weapon-shadow.png)
  }
  .newWeaponScreen ul.weaponReview {
    position:absolute;
    left:235px;
    top:220px;
    width:360px;
    padding-left:40px;
    overflow:hidden;
    z-index:1
  }
  .newWeaponScreen ul.weaponReview .ico {
    position:absolute;
    left:0;
    top:10px
  }
  .newWeaponScreen ul.weaponReview li.damage {
    width:400px;
    height:88px;
    text-align:left;
    position:relative;
    padding-left:80px;
    color:#9524c9;
    font-size:24px;
    line-height:88px;
    background:url(/img/screens/chestOpen/damage-bg.png) no-repeat left top
  }
  .newWeaponScreen ul.weaponReview .damageIco {
    position:absolute;
    left:20px;
    top:8px
  }
  .newWeaponScreen ul.weaponReview li.review {
    color:#fff;
    width:457px;
    height:97px;
    text-align:left;
    padding-left:80px;
    margin-top:5px;
    position:relative
  }
  .newWeaponScreen ul.weaponReview li.review span {
    display:block;
    margin-bottom:5px;
    font-weight:700
  }
  .newWeaponScreen ul.weaponReview .asTable {
    width:200px;
    height:inherit
  }
  .newWeaponScreen ul.weaponReview .asCell {
    height:inherit;
    vertical-align:middle
  }
  .type1 .rays1,
  .type1 .rays2 {
    display:none
  }
  .rays1 {
    width:972px;
    height:498px;
    position:absolute;
    top:15px;
    left:25px;
    z-index:0;
    background:url(/img/screens/chestOpen/rays1.png) no-repeat center top
  }
  .rays2 {
    width:972px;
    height:498px;
    position:absolute;
    top:15px;
    left:25px;
    z-index:0;
    background:url(/img/screens/chestOpen/rays2.png) no-repeat center top
  }


  .tokenScreen.type2:before {
    background-color:#086df5!important
  }
  .tokenScreen.type3:before {
    background-color:#9524c9!important
  }
  .tokenScreen.type1 {
    background:url(/img/screens/chestOpen/token-type1-bg.jpg) no-repeat center center #f0a35d
  }
  .tokenScreen.type2 {
    background:url(/img/screens/chestOpen/token-type2-bg.jpg) no-repeat center center #083e7c
  }
  .tokenScreen.type3 {
    background:url(/img/screens/chestOpen/token-type3-bg.jpg) no-repeat center center #2c1e51
  }
  .tokenScreen .upgradeToken {
    position:absolute;
    left:390px;
    top:107px;
    z-index:3
  }
  .tokenScreen .weaponProgressBar {
    position:absolute!important;
    top:417px;
    left:380px
  }
  .tokenRespawnPoint {
    position:absolute;
    left:500px;
    top:200px;
    z-index:2
  }
  .res.token {
    width:60px;
    height:65px;
    margin-left:-30px;
    position:absolute;
    background:url(/img/icons/token-l.png) no-repeat
  }
  .jettonScreen {
    width:1000px;
    height:600px
  }
  .jettonScreen .screenContainer:before {
    content:url(/img/bg/shine2.png);
    position:absolute;
    left:50%;
    top:50%;
    width:600px;
    height:600px;
    margin-left:-300px;
    margin-top:-300px
  }
  .jettonScreen:before {
    content:'';
    width:100%;
    height:200%;
    position:absolute;
    left:0;
    top:0;
    -webkit-animation:bgAnimate linear 15s infinite;
    -moz-animation:bgAnimate linear 15s infinite;
    animation:bgAnimate linear 15s infinite;
    background:url(/img/bg/jetton.png) repeat center center #eeac58!important
  }
  .jettonScreen.type2:before {
    background-color:#086df5!important
  }
  .jettonScreen.type3:before {
    background-color:#9524c9!important
  }
  .jettonScreen.type4:before {
    background-color:#af123f!important
  }
  .jettonScreen.type1 {
    background:url(/img/screens/chestOpen/token-type1-bg.jpg) no-repeat center center #f0a35d
  }
  .jettonScreen.type2 {
    background:url(/img/screens/chestOpen/token-type2-bg.jpg) no-repeat center center #083e7c
  }
  .jettonScreen.type3 {
    background:url(/img/screens/chestOpen/token-type3-bg.jpg) no-repeat center center #2c1e51
  }
  .jettonScreen.type4 {
    background:url(/img/screens/chestOpen/token-type3-bg.jpg) no-repeat center center #2c1e51
  }
  .jettonScreen .img {
    width:310px;
    height:236px;
    left:345px!important;
    top:160px!important;
    position:absolute
  }
  .jettonScreen .qty {
    font-size:60px;
    color:#fff;
    width:200px;
    text-align:center;
    position:absolute;
    top:390px;
    left:400px;
    text-shadow:2px 0 3px #000,-2px 0 3px #000,0 2px 3px #000
  }

  .rubyScreen .screenContainer:before {
    content:url(/img/bg/shine2.png);
    position:absolute;
    left:50%;
    top:50%;
    width:600px;
    height:600px;
    margin-left:-300px;
    margin-top:-300px
  }
  .rubyScreen .rubyQty {
    font-size:60px;
    color:#fff;
    width:120px;
    text-align:center;
    position:absolute;
    top:380px;
    left:434px;
    text-shadow:2px 0 3px #000,-2px 0 3px #000,0 2px 3px #000
  }
  .rubyScreen div.img {
    width:440px;
    height:260px;
    position:absolute;
    left:280px;
    top:120px;
    background-repeat:no-repeat;
    background-position:center center
  }
  .rubyScreen div.img img {
    margin:0 auto
  }
  .centeredBg {
    content:url(/img/bg/shine2.png);
    position:absolute;
    left:50%;
    top:50%;
    width:600px;
    height:600px;
    margin-left:-300px;
    margin-top:-300px
  }
  @-webkit-keyframes bgAnimate {
    0% {
      top:0
    }
    100% {
      top:-100%
    }
  }
  @-moz-keyframes bgAnimate {
    0% {
      top:0
    }
    100% {
      top:-100%
    }
  }
  @keyframes bgAnimate {
    0% {
      top:0
    }
    100% {
      top:-100%
    }
  }
  @-webkit-keyframes Gradient {
    0% {
      background-position:0 50%
    }
    50% {
      background-position:100% 50%
    }
    100% {
      background-position:0 50%
    }
  }
  @-moz-keyframes Gradient {
    0% {
      background-position:0 50%
    }
    50% {
      background-position:100% 50%
    }
    100% {
      background-position:0 50%
    }
  }
  @keyframes Gradient {
    0% {
      background-position:0 50%
    }
    50% {
      background-position:100% 50%
    }
    100% {
      background-position:0 50%
    }
  }
  .coinScreen .qty {
    font-size:60px;
    color:#fff;
    width:200px;
    text-align:center;
    position:absolute;
    top:390px;
    left:400px;
    text-shadow:2px 0 3px #000,-2px 0 3px #000,0 2px 3px #000
  }
  .coinScreen div.img {
    width:380px;
    height:380px;
    position:absolute;
    left:310px;
    top:90px;
    background-repeat:no-repeat;
    background-position:center center
  }
  .coinScreen div.img img {
    margin:0 auto
  }
  .talentScreen:before {
    content:'';
    width:100%;
    height:200%;
    position:absolute;
    left:0;
    top:0;
    -webkit-animation:bgAnimate linear 15s infinite;
    -moz-animation:bgAnimate linear 15s infinite;
    animation:bgAnimate linear 15s infinite;
    background:url(/img/bg/talent.png) repeat center center #9524c9!important
  }
  .talentScreen .qty {
    font-size:60px;
    color:#fff;
    width:200px;
    text-align:center;
    position:absolute;
    top:390px;
    left:400px;
    text-shadow:2px 0 3px #000,-2px 0 3px #000,0 2px 3px #000
  }
  .talentScreen div.img {
    width:380px;
    height:380px;
    position:absolute;
    left:310px;
    top:90px;
    background-repeat:no-repeat;
    background-position:center center
  }
  .talentScreen div.img img {
    margin:0 auto
  }
  .starScreen:before {
    content:'';
    width:100%;
    height:200%;
    position:absolute;
    left:0;
    top:0;
    -webkit-animation:bgAnimate linear 15s infinite;
    -moz-animation:bgAnimate linear 15s infinite;
    animation:bgAnimate linear 15s infinite;
    background:url(/img/bg/star.png) repeat center center #9524c9!important
  }
  .starScreen .qty {
    font-size:60px;
    color:#fff;
    width:200px;
    text-align:center;
    position:absolute;
    top:390px;
    left:400px;
    text-shadow:2px 0 3px #000,-2px 0 3px #000,0 2px 3px #000
  }
  .starScreen div.img {
    width:380px;
    height:380px;
    position:absolute;
    left:310px;
    top:90px;
    background-repeat:no-repeat;
    background-position:center center
  }
  .starScreen div.img img {
    margin:0 auto
  }
  .boosterScreen:before {
    content:'';
    width:100%;
    height:200%;
    position:absolute;
    left:0;
    top:0;
    -webkit-animation:bgAnimate linear 15s infinite;
    -moz-animation:bgAnimate linear 15s infinite;
    animation:bgAnimate linear 15s infinite;
    background:url(/img/bg/booster.png) repeat center center #eeac58!important
  }
  .boosterScreen.type2:before {
    background-color:#086df5!important
  }
  .boosterScreen.type3:before {
    background-color:#9524c9!important
  }
  .centeredBg {
    content:url(/img/bg/shine2.png);
    position:absolute;
    left:50%;
    top:50%;
    width:600px;
    height:600px;
    margin-left:-300px;
    margin-top:-300px
  }
  .boosterScreen .qty {
    font-size:60px;
    color:#fff;
    width:200px;
    text-align:center;
    position:absolute;
    top:400px;
    left:400px;
    text-shadow:2px 0 3px #000,-2px 0 3px #000,0 2px 3px #000
  }
  .boosterScreen .review {
    color:#fff;
    font-size:18px;
    font-weight:700;
    text-align:center;
    width:100%;
    top:388px;
    line-height:22px;
    position:absolute;
    text-shadow:1px 0 2px #000
  }
  .boosterScreen div.img {
    width:380px;
    height:380px;
    position:absolute;
    left:310px;
    top:90px;
    background-repeat:no-repeat;
    background-position:center center
  }
  .boosterScreen div.img img {
    margin:0 auto
  }
  #modeSelect {
    padding-left:14px;
    height:64px;
    position:absolute;
    top:9px;
    left:16px;
    z-index:2
  }
  #modeSelect.switch2 {
    background-position:0 0
  }
  #modeSelect li {
    position:relative;
    cursor:pointer;
    color:#fff;
    width:140px;
    text-align:center;
    line-height:36px;
    height:44px;
    font-weight:700;
    float:left;
    box-sizing:border-box;
    -webkit-border-radius:9px;
    -moz-border-radius:9px;
    border-radius:9px;
    border-bottom:4px solid #ff500a;
    border-top:4px solid transparent;
    margin-right:8px;
    background-color:#ff7007
  }
  #modeSelect li .miniTimer {
    width:60px;
    position:absolute;
    top:31px;
    left:20px
  }
  #modeSelect li:hover {
    color:#ffff8c
  }
  #modeSelect li.current {
    color:#451300;
    border-bottom:4px solid transparent;
    border-top:4px solid #fdc585;
    background-color:#fedbb4
  }
  .screenGameMode .choiceBlock {
    width:962px;
    height:527px;
    top:64px;
    left:16px;
    position:absolute;
    background:url(/img/screens/gameMode/block3.png) no-repeat 0 0
  }
  .screenGameMode .choiceBlock.switch2 {
    background-image:url(/img/screens/gameMode/block2.png)
  }
  .screenGameMode .choiceBlock.switch3 {
    background-image:url(/img/screens/gameMode/boss/block4.png)
  }
  .screenGameMode .choiceBlock.switch3.anons {
    background-image:url(/img/screens/gameMode/boss/block4a.png)
  }
  .screenGameMode .choiceBlock li.bossBooster {
    display:none
  }
  .screenGameMode .choiceBlock.switch3 li.bossBooster {
    display:inline-block;
    margin-top:10px
  }
  .screenGameMode .choiceBlock.switch3 li.noBossBooster {
    display:none
  }
  .screenGameMode .gameInfo .pict {
    width:408px;
    height:304px;
    position:relative;
    margin-top:-40px;
    margin-left:5px
  }
  .screenGameMode .gameInfo.switch1 .pict {
    background:url(/img/screens/gameMode/mode1.png) no-repeat 0 0
  }
  .screenGameMode .gameInfo.switch2 .pict {
    background:url(/img/screens/gameMode/mode2a.png) no-repeat 0 0
  }
  .screenGameMode .gameInfo .pict h3 {
    color:#421303;
    position:absolute;
    bottom:15px;
    left:0;
    font-weight:700;
    font-size:18px;
    line-height:28px;
    text-align:center;
    width:100%;
    text-shadow:1px 1px #ffedb4,-1px -1px 0 #ffedb4,1px -1px 0 #ffedb4,-1px 1px 0 #ffedb4
  }
  .screenGameMode .gameInfo.switch2 h3 {
    font-size:16px;
    box-sizing:border-box;
    padding-bottom:6px;
    color:#fff;
    text-shadow:none
  }
  .screenGameMode .gameInfo.switch2 h3 span {
    font-weight:400
  }
  .screenGameMode .gameInfo h4 {
    width:232px;
    height:29px;
    font-size:14px;
    line-height:28px;
    color:#00a408;
    position:absolute;
    bottom:-10px;
    left:90px;
    font-weight:700;
    text-align:center;
    background:url(/img/scene_new/before.png?2) no-repeat 0 0
  }
  .screenGameMode .switch3.anons h1.belt {
    width:386px;
    height:69px;
    line-height:29px;
    color:#fff;
    font-size:18px;
    box-sizing:border-box;
    position:absolute;
    left:10px;
    top:140px;
    background:url(/img/screens/gameMode/boss/h1_belt.png) no-repeat 0 0
  }
  .screenGameMode .gameInfo h4 {
    bottom:auto;
    top:200px;
    z-index:2
  }
  .screenGameMode .switch3.anons .bossImg {
    height:194px;
    position:relative;
    top:-10px;
    margin:0 auto
  }
  .screenGameMode .gameInfo.switch3 h3 {
    font-size:16px;
    box-sizing:border-box;
    padding-bottom:6px;
    color:#fff;
    bottom:auto;
    top:70px;
    text-shadow:none
  }
  .screenGameMode .gameInfo.switch3 .pict h4 {
    bottom:auto;
    top:100px;
    z-index:+1
  }
  .screenGameMode .gameInfo.switch3 .standartProgressBar {
    width:300px;
    top:200px;
    left:50px
  }
  .screenGameMode .gameInfo.switch3 .buySkinBlock {
    position:absolute;
    top:245px;
    width:100%;
    text-align:center
  }
  .screenGameMode .gameInfo.switch3 .bossIco {
    position:absolute;
    left:160px;
    top:110px
  }
  .screenGameMode .gameInfo.switch3 .buySkinBlock button {
    margin:0 10px;
    position:relative
  }
  .screenGameMode .gameInfo.switch3 .buySkinBlock button img {
    position:absolute;
    left:-15px;
    top:6px
  }
  .screenGameMode .gameInfo h4.red {
    color:#c03100
  }
  .screenGameMode .gameInfo {
    width:408px;
    height:450px;
    position:absolute;
    left:36px;
    top:0;
    text-align:center
  }
  .screenGameMode .gameInfo p {
    margin:15px 40px
  }
  .screenGameMode .awardText {
    position:absolute;
    top:283px;
    left:7px;
    width:400px;
    height:141px;
    text-align:left
  }
  .screenGameMode .awardText .asCell.img {
    padding-right:12px
  }
  .screenGameMode .bossAwardsReview {
    color:#592f26;
    position:absolute;
    top:250px;
    left:0
  }
  .screenGameMode .bossAwardsReview .bossArmor {
    background:url(/img/screens/gameMode/boss/armor_bg.png) no-repeat center center
  }
  .screenGameMode .bossAwardsReview h2 {
    font-size:16px;
    margin-bottom:15px
  }
  .screenGameMode .awReview .asCell {
    width:33%;
    text-align:center
  }
  .screenGameMode .boostersSmall {
    width:450px;
    position:absolute;
    top:20px;
    right:25px
  }
  .screenGameMode ul.boostersSmalle li.bossBooster {
    display:none
  }
  .screenGameMode ul.boostersSmall.bossMode li.bossBooster {
    display:block
  }
  .screenGameMode button.play {
    position:absolute;
    bottom:-55px;
    left:120px;
    font-size:22px
  }
  button.changeWeapon {
    position:absolute;
    right:144px;
    top:196px;
    width:191px;
    height:40px;
    font-size:14px;
    line-height:40px;
    color:#573621;
    padding-left:30px;
    text-shadow:none;
    background-image:url(/img/interface/button-change.png)
  }
  .screenGameMode .dayProgress {
    margin-top:12px;
    width:100%
  }
  ul.dayProgress li {
    width:112px;
    margin:0 2px;
    line-height:auto;
    text-align:center;
    font-weight:800;
    font-size:13px;
    display:inline-block
  }
  ul.dayProgress li.complete {
    color:#2f9a14
  }
  ul.dayProgress li p {
    margin:0 0 5px 0!important;
    padding:0!important;
    white-space:nowrap
  }
  ul.dayProgress li img {
    margin-right:4px;
    vertical-align:-5px
  }
  ul.dayProgress li .microProgressBar {
    margin:0 auto
  }
  .microProgressBar {
    width:76px;
    height:7px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    background-color:#9524c9
  }
  .microProgressBar .progress {
    height:100%;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    background-color:#6bc738
  }
  .simpleTimer {
    font-size:13px;
    position:relative;
    display:inline-block;
    text-align:center
  }
  .miniTimer {
    color:#000;
    position:relative;
    display:inline-block;
    height:25px;
    line-height:25px!important;
    padding:0 2px 0 25px;
    font-size:11px;
    text-align:center;
    background:url(/img/interface/mini-timer-bg.png) no-repeat left top
  }
  .miniTimer:before {
    content:'';
    width:11px;
    position:absolute;
    right:-10px;
    top:0;
    background:url(/img/interface/mini-timer-bg.png) no-repeat right top;
    height:inherit
  }
  .miniTimer:after {
    content:url(/img/icons/timer-xs.png);
    width:19px;
    height:21px;
    position:absolute;
    left:2px;
    top:2px
  }
  .limitBelt {
    width:333px;
    height:47px;
    line-height:34px;
    color:#fff;
    font-size:13px;
    position:relative;
    margin:0 auto;
    text-align:center;
    background:url(/img/screens/gameMode/limit-belt.png) no-repeat
  }
  .limitBelt .timerContainer {
    text-align:center;
    position:absolute;
    text-align:center;
    width:100%;
    bottom:-7px
  }
  .weaponsScreen .pageContainer {
    width:946px;
    height:507px;
    position:absolute;
    left:20px;
    top:75px;
    background-repeat:no-repeat
  }
  ul.playerSlots .popupClose.mini {
    top:-120px;
    right:-200px
  }
  .weaponsScreen .leftBlock {
    position:absolute;
    left:0;
    top:-52px;
    width:424px
  }
  .weaponsScreen .rightBlock {
    position:absolute;
    right:0;
    top:-50px;
    width:528px
  }
  #weaponsMenu {
    width:496px;
    height:80px;
    position:relative;
    left:12px;
    background:url(/img/popups/weapons/menu1.png?2)
  }
  #weaponsMenu.menu2 {
    background-image:url(/img/popups/weapons/menu2.png?2)
  }
  #weaponsMenu.menu3 {
    background-image:url(/img/popups/weapons/menu3.png?2)
  }
  #weaponsMenu.menu4 {
    background-image:url(/img/popups/weapons/menu4.png)
  }
  #weaponsMenu li {
    cursor:pointer;
    font-size:14px;
    float:left;
    width:108px;
    height:50px;
    line-height:46px;
    text-align:center
  }
  #weaponsMenu li.active {
    cursor:default
  }
  #weaponsMenu li:first-child {
    width:128px!important
  }
  .weaponsScreen p.helpText {
    position:absolute;
    top:172px;
    left:25px;
    display:table;
    text-align:center;
    width:340px
  }
  .weaponsScreen .weaponSlotsLink {
    position:absolute;
    top:555px;
    left:0;
    width:100%;
    text-align:center
  }
  .weaponsScreen p.helpText span {
    display:table-cell;
    height:120px;
    vertical-align:middle
  }
  .weaponsScreen .weaponInfo {
    position:absolute;
    left:-15px;
    top:-11px;
    z-index:100
  }
  .weaponsScreen .centerDiv {
    position:absolute;
    left:230px;
    top:250px;
    width:0
  }
  .weaponsScreen .centerDiv #myChar,
  .weaponsScreen .centerDiv #myChar img {
    width:320px;
    height:320px
  }
  .weaponsScreen .centerDiv #myChar {
    margin-left:-160px;
    margin-top:-160px
  }
  #slotsDarkening {
    width:100%;
    height:100%;
    position:fixed;
    left:0;
    top:0;
    z-index:101;
    background:rgba(0,0,0,.7)
  }
  ul.myWeaponsSlots h1 {
    width:100%;
    font-size:16px;
    font-weight:700;
    color:#b25900;
    text-shadow:1px 1px 1px #fee1be;
    text-align:center;
    position:absolute;
    top:20px;
    left:0
  }
  ul.myWeaponsSlots li {
    transition:all .2s ease-out;
    width:144px;
    height:174px;
    float:left;
    margin-right:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    position:relative
  }
  ul.myWeaponsSlots li.locked {
    background:url(/img/popups/weapons/weapons-locked.png) no-repeat 2px 2px
  }
  ul.playerSlots li button {
    position:absolute;
    width:95px!important;
    height:37px!important;
    background-image:url(/img/interface/button_new_1.png)!important;
    left:0!important;
    bottom:-15px!important
  }
  .slotsText {
    text-align:center;
    width:330px;
    position:absolute;
    top:390px;
    left:60px;
    line-height:1.4em
  }
  ul.playerSlots {
    width:0;
    height:0;
    padding-left:0;
    padding-top:0;
    position:absolute;
    left:0;
    top:-20px
  }
  ul.playerSlots li {
    cursor:pointer;
    width:92px;
    height:98px;
    float:none;
    display:block;
    position:absolute;
    background:0 0
  }
  ul.playerSlots li.weaponSlot1 {
    right:-240px;
    top:-70px
  }
  ul.playerSlots li.weaponSlot2 {
    right:-210px;
    top:50px
  }
  ul.playerSlots li.defenceSlot {
    left:-210px;
    top:50px
  }
  ul.playerSlots li.defenceSlot.empty {
    background:url(/img/popups/profile/slot_defence.png) no-repeat center top
  }
  ul.playerSlots li.weaponSlot1.empty,
  ul.playerSlots li.weaponSlot2.empty {
    background:url(/img/popups/profile/slot_weapon.png) no-repeat center top
  }
  ul.playerSlots li.weaponSlot1.closed,
  ul.playerSlots li.weaponSlot2.closed {
    background:url(/img/popups/profile/slot_closed.png) no-repeat center top
  }
  ul.playerSlots li.wingsSlot {
    left:-240px;
    top:-70px
  }
  ul.playerSlots li.wingsSlot[data-active=true] .switch.true {
    display:block
  }
  ul.playerSlots li.wingsSlot.empty {
    background:url(/img/popups/profile/slot_wings.png) no-repeat center top
  }
  ul.playerSlots li .weaponImg {
    width:92px;
    height:98px;
    transition:none
  }
  ul.playerSlots li .weaponImg:hover {
    background:0 -100px
  }
  ul.playerSlots li img.weaponIco {
    width:84px;
    margin-left:0
  }
  ul.playerSlots li .weaponImg:hover img.weaponIco {
    transform:scale(1.1,1.1)
  }
  ul.playerSlots li .elixirNeed {
    display:none
  }
  ul.playerSlots li div.weaponImg.durability0 {
    background-image:url(/img/scene_new/weapon_type0.png)!important
  }
  ul.playerSlots li .slotImg.type4 {
    background-image:url(/img/scene_new/weapon_type4.png)
  }
  ul.playerSlots li .slotImg.type3 {
    background-image:url(/img/scene_new/weapon_type3.png)
  }
  ul.playerSlots li .slotImg.type2 {
    background-image:url(/img/scene_new/weapon_type2.png)
  }
  ul.playerSlots li .slotImg.type1 {
    background-image:url(/img/scene_new/weapon_type1.png)
  }
  ul.playerSlots li.locked .weaponImg {
    background-image:url(/img/popups/weapons/weapon_none.png)!important
  }
  ul.playerSlots li.locked .weaponImg:hover {
    background-position:0 0;
    background-repeat:no-repeat!important
  }
  ul.playerSlots.small li.weaponSlot1 {
    right:-190px;
    top:-80px
  }
  ul.playerSlots.small li.weaponSlot2 {
    right:-190px;
    top:35px
  }
  ul.playerSlots.small li.defenceSlot {
    left:-190px;
    top:35px
  }
  ul.playerSlots.small li.wingsSlot {
    left:-190px;
    top:-80px
  }
  ul.myWeaponsSlots button.changeWeapon {
    display:block;
    left:22px;
    bottom:-27px;
    position:absolute;
    z-index:115
  }
  ul.myWeaponsSlots .weaponProgressBar {
    display:none
  }
  .centerDiv[data-changeMode=true],
  ul.playerSlots[data-changeMode=weapon] {
    z-index:250
  }
  ul.playerSlots[data-changeMode=weapon] button.fixButton {
    display:none
  }
  ul.playerSlots[data-changeMode=weapon] button.changeWeapon {
    display:block
  }
  ul.playerSlots[data-changeMode=weapon] li.defenceSlot {
    display:none
  }
  ul.playerSlots[data-changeMode=defence] button.fixButton {
    display:none
  }
  ul.playerSlots[data-changeMode=defence] button.changeWeapon {
    display:block
  }
  ul.playerSlots[data-changeMode=defence] li.weaponSlot1,
  ul.playerSlots[data-changeMode=defence] li.weaponSlot2 {
    display:none
  }
  .weaponInfo {
    width:442px;
    height:565px;
    position:relative;
    color:#9524c9;
    background:url(/img/popups/weapons/info-type1-new.png) center top no-repeat
  }
  .weaponInfo.type2 {
    color:#fff;
    background-image:url(/img/popups/weapons/info-type2-new.png)
  }
  .weaponInfo.type3 {
    color:#fff;
    background-image:url(/img/popups/weapons/info-type3-new.png)
  }
  .weaponInfo.type4 {
    color:#fff;
    background-image:url(/img/popups/weapons/info-type4-new.png)
  }
  .weaponInfo.type4 .powerInfo {
    color:#760416
  }
  .weaponInfo h1 {
    width:290px;
    height:58px;
    text-align:center;
    font-size:22px;
    position:absolute;
    top:16px;
    left:80px
  }
  .weaponInfo .tableCell {
    text-align:center;
    height:100%
  }
  .weaponInfo .weaponLevel {
    top:0;
    left:4px
  }
  .weaponLevel {
    width:83px;
    height:79px;
    position:absolute;
    text-align:center;
    color:#000;
    text-shadow:1px 1px 2px rgba(255,255,255,1);
    background-image:url(/img/popups/weapons/level.png)
  }
  .weaponLevel p {
    margin-top:12px;
    font-size:10px;
    font-weight:600
  }
  .weaponLevel em {
    position:absolute;
    left:0;
    top:21px;
    width:100%;
    text-align:center;
    font-size:26px;
    font-weight:600
  }
  .weaponLevel.min {
    width:74px;
    height:67px;
    background-image:url(/img/popups/weapons/level-min.png)
  }
  .weaponLevel.min em {
    font-size:22px
  }
  .weaponInfoPopup {
    width:404px;
    height:451px;
    z-index:10
  }
  .weaponInfoPopup .popupClose {
    top:-6px;
    right:3px
  }
  .weaponInfoPopup .weaponInfo {
    width:404px;
    position:relative;
    background:0 0
  }
  .weaponInfoPopup .weaponInfo h1 {
    width:256px;
    left:80px;
    top:12px
  }
  .weaponInfoPopup .weaponInfo div.img {
    left:70px;
    top:60px
  }
  .weaponInfoPopup .weaponInfo .elixirNeed {
    right:23px;
    top:46px
  }
  .weaponInfoPopup .weaponInfo .weaponLevel {
    left:-2px
  }
  .weaponInfoPopup .weaponInfo:after {
    content:'';
    width:404px;
    height:451px;
    position:absolute;
    left:0;
    top:0;
    z-index:-1;
    background:url(/img/popups/weapons/short-info-type1.png) center top no-repeat
  }
  .weaponInfoPopup .weaponInfo.type2:after {
    background-image:url(/img/popups/weapons/short-info-type2.png)
  }
  .weaponInfoPopup .weaponInfo.type3:after {
    background-image:url(/img/popups/weapons/short-info-type3.png)
  }
  .weaponInfoPopup .weaponInfo.type4:after {
    background-image:url(/img/popups/weapons/short-info-type4.png)
  }
  .weaponInfoPopup .weaponInfo .powerInfo {
    top:357px
  }
  .weaponInfoPopup #btn_wpn_buy {
    position:absolute;
    bottom:70px;
    left:110px
  }
  .weaponInfoPopup .damageBar {
    top:305px;
    left:82px;
    width:237px;
    height:45px;
    font-size:18px;
    position:absolute;
    background:url(/img/popups/weapons/min-damage-type2.png) no-repeat 0 0
  }
  .weaponInfoPopup .damageBar.plus {
    background-image:url(/img/popups/weapons/min-damage-type2u.png)
  }
  .weaponInfoPopup .weaponInfo.type3 .damageBar,
  .weaponInfoPopup .weaponInfo.type4 .damageBar {
    background-image:url(/img/popups/weapons/min-damage-type3.png)
  }
  .weaponInfoPopup .weaponInfo.type3 .damageBar.plus {
    background-image:url(/img/popups/weapons/min-damage-type3u.png)
  }
  .weaponInfoPopup .damageBar .damage {
    position:absolute;
    left:45px;
    top:5px;
    width:120px;
    padding-left:32px;
    height:40px;
    line-height:40px;
    text-align:center;
    background:url(/img/icons/damage.png) no-repeat 0 2px
  }
  .weaponInfoPopup .damageBar .damage.defence {
    background:url(/img/icons/defence.png) no-repeat 0 2px!important
  }
  .weaponInfoPopup .damageBar.plus .damage {
    left:18px
  }
  .weaponInfoPopup .damageBar .plusDamage {
    color:#fff;
    position:absolute;
    top:5px;
    right:9px;
    width:56px;
    height:40px;
    line-height:40px;
    text-align:center
  }
  .weaponInfoPopup .damageBar .defence {
    position:absolute;
    left:45px;
    top:5px;
    width:120px;
    padding-left:32px;
    height:40px;
    line-height:40px;
    text-align:center;
    background:url(/img/icons/defence.png) no-repeat 0 2px
  }
  .weaponInfo ul.weaponSpec {
    position:absolute;
    left:-10px;
    top:91px;
    display:none
  }
  ul.weaponSpec li {
    color:#9524c9;
    width:160px;
    height:57px;
    text-align:left;
    position:relative;
    padding-left:60px;
    margin-bottom:5px;
    background:url(/img/popups/weapons/weapon-spec-li.png) no-repeat left top
  }
  ul.weaponSpec li .ico {
    position:absolute;
    left:0;
    top:2px
  }
  ul.weaponSpec li h5 {
    margin:0;
    padding:9px 0 0 0
  }
  ul.weaponSpec li .param {
    display:block;
    position:relative;
    font-size:20px;
    font-weight:600;
    margin:0;
    padding:0
  }
  .weaponInfo .powerInfo {
    position:absolute;
    top:397px;
    left:50px;
    right:50px;
    font-size:15px;
    padding-left:72px
  }
  .weaponInfo .powerInfo.noEffect {
    padding-left:0;
    text-align:center
  }
  .weaponInfo .powerInfo.noEffect .asTable {
    margin:0 auto
  }
  .weaponInfo .powerInfo .ico {
    position:absolute;
    left:-9px;
    top:-16px
  }
  .weaponInfo .powerInfo .asTable {
    height:54px
  }
  .weaponInfo .elixirNeed {
    width:54px;
    height:69px;
    line-height:53px;
    right:30px;
    top:66px;
    background-image:url(/img/popups/weapons/elixir.png)
  }
  .damageBar {
    width:289px;
    height:53px;
    top:336px;
    left:76px;
    font-size:22px;
    position:absolute;
    background:url(/img/popups/weapons/damage-type2.png) no-repeat 0 0
  }
  .damageBar.plus {
    background-image:url(/img/popups/weapons/damage-type2u.png)
  }
  .weaponInfo.type3 .damageBar,
  .weaponInfo.type4 .damageBar {
    background-image:url(/img/popups/weapons/damage-type3.png)
  }
  .weaponInfo.type3 .damageBar.plus {
    background-image:url(/img/popups/weapons/damage-type3u.png)
  }
  .damageBar .damage {
    position:absolute;
    left:55px;
    top:9px;
    width:130px;
    padding-left:32px;
    height:40px;
    line-height:40px;
    text-align:center;
    background:url(/img/icons/damage.png) no-repeat 0 2px
  }
  .damageBar .damage.defence {
    background:url(/img/icons/defence.png) no-repeat 0 2px
  }
  .damageBar.plus .damage {
    left:28px
  }
  .weaponInfo.type2 .damageBar,
  .weaponInfo.type3 .damageBar,
  .weaponInfo.type4 .damageBar {
    color:#9524c9
  }
  .damageBar .plusDamage {
    color:#fff;
    position:absolute;
    top:10px;
    right:9px;
    width:66px;
    height:40px;
    line-height:40px;
    text-align:center
  }
  .weaponInfo .damageBar .param {
    font-weight:700;
    margin-left:5px
  }
  .weaponInfo .actionButton {
    position:absolute;
    left:125px;
    bottom:-17px;
    z-index:2
  }
  .actionButton.currentWeapon,
  button.whiteComplete {
    cursor:default;
    color:#007000;
    height:82px;
    text-shadow:1px 1px 2px #fff;
    padding-top:5px;
    background:url(/img/popups/weapons/current-button.png) center bottom no-repeat
  }
  .actionButton.currentWeapon:hover,
  button.whiteComplete:active,
  button.whiteComplete:hover {
    background-position:0 0!important
  }
  .weaponInfo .createWeaponBlock {
    display:none;
    position:absolute;
    bottom:15px;
    left:0;
    width:100%;
    text-align:center
  }
  .weaponInfo .createWeaponBlock .text {
    font-size:12px
  }
  .weaponInfo .createWeaponBlock .standartProgressBar {
    margin:8px auto 10px auto
  }
  .weaponInfo div.img {
    position:absolute;
    left:90px;
    top:80px
  }
  .weaponInfo .durability {
    color:#9524c9;
    width:100%;
    text-align:center;
    font-size:11px;
    position:absolute;
    bottom:65px
  }
  .weaponInfo .durability .fixButton {
    position:absolute;
    left:314px;
    top:-1px
  }
  .weaponInfo .durability .asTable {
    margin:0 auto;
    height:32px
  }
  .weaponInfo.type2 .durability {
    color:#7daeec
  }
  .weaponInfo.type3 .durability {
    color:#c3a2e4
  }
  .weaponInfo.type4 .durability {
    color:#fff
  }
  .weaponInfo .durability .microDurabilityBar {
    margin-left:5px;
    vertical-align:-3px
  }
  .weaponsScreen .scrollContainer {
    width:544px;
    height:512px;
    padding:0 15px 0 0;
    position:absolute;
    right:-32px;
    top:63px;
    z-index:2;
    overflow:auto
  }
  ul.weaponsList {
    position:relative
  }
  ul.weaponsList li {
    transition:all .2s ease-out;
    cursor:pointer;
    width:104px;
    height:130px;
    float:left;
    margin:11px 0 29px 24px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    position:relative
  }
  ul.weaponsList li.selected:before {
    content:'';
    position:absolute;
    left:-3px;
    top:-3px;
    border:2px solid #9524c9;
    width:106px;
    height:132px;
    z-index:-1;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    border-radius:18px
  }
  ul.weaponsList li.separator {
    width:477px;
    height:22px;
    line-height:22px;
    color:#9524c9;
    text-align:center;
    cursor:default;
    margin:20px 0 8px 17px!important;
    background-color:#ffca99;
    border:1px solid #ffca99
  }
  ul.weaponsList li:nth-child(4n+4) {
    margin-right:0
  }
  ul.weaponsList li.lock {
    cursor:default
  }
  ul.weaponsList li.current::after {
    content:'';
    width:110px;
    height:142px;
    position:absolute;
    left:-4px;
    top:-9px;
    z-index:1;
    background:url(/img/popups/weapons/current.png)
  }
  ul.weaponsList li:hover .weaponImg img {
    transition:all .2s ease-out
  }
  ul.weaponsList li.type1:hover {
    -webkit-box-shadow:inset 0 0 43px 6px rgba(225,149,70,1);
    -moz-box-shadow:inset 0 0 43px 6px rgba(225,149,70,1);
    box-shadow:inset 0 0 43px 6px rgba(225,149,70,1)
  }
  ul.weaponsList li.type2:hover {
    -webkit-box-shadow:inset 0 0 43px 6px rgba(68,118,193,1);
    -moz-box-shadow:inset 0 0 43px 6px rgba(68,118,193,1);
    box-shadow:inset 0 0 43px 6px rgba(68,118,193,1)
  }
  ul.weaponsList li.noMargin {
    margin-right:0
  }
  ul.weaponsList li.lock {
    background-image:url(/img/interface/weapon-lock-mini.png)
  }
  ul.weaponsList.allOpacity li {
    opacity:.3
  }
  ul.weaponsList.allOpacity li.weaponMenu {
    opacity:1
  }
  ul.weaponsList li.notAvailable .weaponImg {
    opacity:.3
  }
  ul.weaponsList li.notAvailable .notAvailableText {
    position:absolute;
    bottom:4px;
    left:0;
    font-size:13px;
    width:100%;
    color:#d79541;
    text-align:center;
    line-height:20px;
    font-weight:600
  }
  ul.weaponsList li.type2.notAvailable .notAvailableText {
    color:#628fd4
  }
  ul.weaponsList button {
    z-index:5
  }
  ul.weaponsList .createButton {
    position:absolute;
    bottom:-27px;
    left:2px
  }
  ul.weaponsList li .weaponProgressBar {
    position:absolute;
    left:2px;
    bottom:-21px;
    z-index:2
  }
  ul.weaponsList li .elixirNeed {
    top:-10px;
    right:-12px;
    z-index:2;
    position:absolute
  }
  .weaponProgressBar {
    width:77px;
    padding:0 3px 0 20px;
    height:26px;
    position:relative;
    background:url(/img/interface/weaponProgressBar-small.png?3) no-repeat 0 0
  }
  .weaponProgressBar .progress {
    height:26px;
    background:url(/img/interface/weaponProgressBar-small.png?3) no-repeat -20px -50px
  }
  .weaponProgressBar span.progressText {
    position:absolute;
    top:0;
    left:4px;
    width:100%;
    line-height:25px;
    font-weight:600;
    text-align:center;
    color:#fff;
    font-size:12px;
    z-index:2;
    text-shadow:1px 1px 2px rgba(0,0,0,.74)
  }
  .weaponProgressBar .weaponLevel {
    display:none
  }
  .weaponProgressBar span.upgradeAvailable {
    display:none
  }
  .weaponProgressBar.full {
    background-position:0 -100px
  }
  .weaponProgressBar.full .progress {
    display:none
  }
  .weaponProgressBar.sizeL {
    width:200px;
    height:49px;
    padding:0 5px 0 40px;
    position:relative;
    background:url(/img/interface/weaponProgressBar.png) no-repeat 0 0
  }
  .weaponProgressBar.sizeL:before {
    content:'';
    width:60px;
    height:65px;
    position:absolute;
    left:-16px;
    top:-8px;
    background:url(/img/icons/token-l.png) no-repeat 0 0
  }
  .weaponProgressBar.sizeL .progress {
    height:49px;
    background:url(/img/interface/weaponProgressBar.png) no-repeat -40px -50px
  }
  .weaponProgressBar.sizeL span.progressText {
    position:absolute;
    top:0;
    left:4px;
    width:100%;
    line-height:49px;
    font-weight:600;
    text-align:center;
    color:#fff;
    font-size:18px;
    z-index:2;
    text-shadow:1px 1px 2px rgba(0,0,0,.74)
  }
  .weaponProgressBar.sizeM {
    width:161px;
    height:42px;
    padding:0 5px 0 33px;
    position:relative;
    background:url(/img/interface/weaponProgressBar-medium.png) no-repeat 0 0
  }
  .weaponProgressBar.sizeM:before {
    content:'';
    width:44px;
    height:48px;
    position:absolute;
    left:-5px;
    top:-4px;
    background:url(/img/icons/token-m.png) no-repeat 0 0
  }
  .weaponProgressBar.sizeM .progress {
    height:42px;
    background:url(/img/interface/weaponProgressBar-medium.png) no-repeat -33px -50px
  }
  .weaponProgressBar.sizeM span.progressText {
    position:absolute;
    top:0;
    left:8px;
    width:100%;
    line-height:42px;
    font-weight:600;
    text-align:center;
    color:#fff;
    font-size:16px;
    z-index:2;
    text-shadow:1px 1px 2px rgba(0,0,0,.74)
  }
  .elixirNeed {
    width:33px;
    height:30px;
    padding-top:11px;
    color:#fff;
    font-size:18px;
    font-weight:600;
    line-height:27px;
    text-align:center;
    position:absolute;
    background:url(/img/interface/elixir-need.png) no-repeat
  }
  .elixirNeed.small {
    width:29px;
    height:37px;
    padding-top:11px;
    color:#fff;
    font-size:18px;
    font-weight:600;
    line-height:21px;
    text-align:center;
    position:absolute;
    background:url(/img/interface/elixir-need-s.png) no-repeat
  }
  .weaponInfoPopup .centerContainer.forButton {
    position:absolute;
    bottom:30px
  }
  .weaponInfoPopup .weaponInfoBlock {
    color:#9524c9;
    position:relative;
    left:10px;
    margin:30px 0 20px;
    width:434px;
    min-height:134px;
    padding-left:170px
  }
  .weaponInfoPopup .weaponInfoBlock .weaponImg {
    position:absolute;
    left:0;
    top:0
  }
  .weaponInfoPopup .weaponInfoBlock .weaponProgressBar {
    position:absolute;
    left:-2px;
    top:118px;
    z-index:2
  }
  .weaponInfoPopup .weaponInfoBlock h2 {
    color:#9524c9;
    margin:0 0 8px 0
  }
  .weaponInfoPopup .weaponReview {
    position:relative;
    margin:8px 0 0 0
  }
  .weaponInfoPopup .weaponTypeText {
    position:absolute;
    top:5px;
    right:0
  }
  .weaponTypeText {
    font-size:14px;
    font-style:italic;
    font-weight:400
  }
  .weaponTypeText .ico {
    width:21px;
    height:21px;
    display:inline-block;
    vertical-align:middle;
    margin-right:5px;
    background:url(../img/icons/weapon-type/2.png) no-repeat 0 0
  }
  .weaponTypeText.type1 .ico {
    background-image:url(../img/icons/weapon-type/1-xs.png)
  }
  .weaponTypeText.type2 .ico {
    background-image:url(../img/icons/weapon-type/2-xs.png)
  }
  .weaponTypeText.type3 .ico {
    background-image:url(../img/icons/weapon-type/3-xs.png)
  }
  .weaponTypeText.type1 {
    color:#9524c9
  }
  .weaponTypeText.type2 {
    color:#0072ff
  }
  .weaponTypeText.type3 {
    color:#9134e6
  }
  .chestInside {
    text-align:center;
    margin-bottom:7px
  }
  div.coins.qty {
    min-width:66px;
    display:inline-block;
    text-align:center;
    font-weight:700;
    padding-top:50px;
    margin-right:10px;
    background:url(/img/icons/coins-s.png) no-repeat top center
  }
  div.weapons.qty {
    min-width:66px;
    display:inline-block;
    text-align:center;
    font-weight:700;
    padding-top:50px;
    background:url(/img/weapons/weapon-type/1.png) no-repeat top center
  }
  .rareWeaponInside .ico {
    width:32px;
    height:31px;
    float:left;
    margin-top:4px;
    margin-right:5px
  }
  .rareWeaponInside .row {
    white-space:nowrap;
    clear:both;
    margin:2px 0;
    position:relative
  }
  .rareWeaponInside span.qty {
    font-size:15px;
    font-weight:700
  }
  .rareWeaponInside .type2 .typeText {
    color:#0072ff
  }
  .rareWeaponInside .type2 .ico {
    background:url(/img/weapons/weapon-type/2-s.png) no-repeat 0 0
  }
  .rareWeaponInside .type3 .typeText {
    color:#9134e6
  }
  .rareWeaponInside .type3 .ico {
    background:url(/img/weapons/weapon-type/3-s.png) no-repeat 0 0
  }
  .ico.weaponQty {
    width:30px;
    height:28px
  }
  .ico.weaponQty.type1 {
    background:url(/img/weapons/weapon-type/1-m.png) no-repeat 0 0
  }
  .ico.weaponQty.type2 {
    background:url(/img/weapons/weapon-type/2-m.png) no-repeat 0 0
  }
  .ico.weaponQty.type3 {
    background:url(/img/weapons/weapon-type/3-m.png) no-repeat 0 0
  }
  .leagueScreen {
    background-image:url(/img/screens/league/bg.jpg)!important
  }
  .leagueScreen button.popupClose {
    right:20px!important
  }
  .leagueScreen .scrollContainer {
    overflow:auto;
    width:100%;
    height:100%
  }
  .leagueScreen .timerContainer {
    width:288px;
    height:61px;
    margin-left:-144px;
    position:absolute;
    text-align:center;
    left:50%;
    top:0;
    z-index:5;
    background:url(/img/screens/league/timer-bg.png) no-repeat left top
  }
  .leagueScreen .timerContainer .alignDiv {
    text-align:left;
    padding-left:45px;
    margin-top:3px;
    padding-top:6px;
    padding-bottom:6px;
    display:inline-block;
    background:url(/img/icons/timer-s.png) no-repeat 0 3px
  }
  .leagueScreen .timerContainer h2 {
    color:#956d32;
    font-size:12px
  }
  .timer span.unit {
    font-weight:700;
    margin-right:5px
  }
  .leagueScreen .textBlock {
    width:687px;
    height:109px;
    position:relative;
    margin:20px auto;
    background:url(/img/screens/league/text-block.png) no-repeat left top
  }
  .leagueScreen .textBlock h4 {
    margin-bottom:8px
  }
  .leagueScreen .textBlock .ico {
    text-align:center
  }
  .leagueScreen .textBlock .text {
    width:560px
  }
  ul#leagueList {
    width:734px;
    position:relative;
    padding-top:70px;
    margin-left:auto
  }
  ul#leagueList li {
    height:140px;
    position:relative;
    background:url(/img/screens/league/progress-bg.png) repeat-y left top
  }
  ul#leagueList .progress {
    width:35px;
    position:absolute;
    bottom:0;
    left:0;
    background:url(/img/screens/league/progress.png) repeat-y left top
  }
  ul#leagueList .progress .currentRating {
    width:337px;
    height:87px;
    position:absolute;
    right:-36px;
    top:-23px;
    background:url(/img/screens/league/current-rating.png) no-repeat left top
  }
  ul#leagueList .progress .currentRating em {
    position:absolute;
    width:108px;
    text-align:center;
    color:#fff;
    top:4px;
    left:72px;
    line-height:38px;
    font-size:21px;
    font-weight:700
  }
  ul#leagueList .progress .currentRating em:before {
    content:'';
    display:inline-block;
    width:19px;
    height:21px;
    vertical-align:-3px;
    margin-right:10px;
    background:url(/img/icons/cup-xs.png) no-repeat left top
  }
  ul#leagueList li .state {
    width:234px
  }
  ul#leagueList li.complete .progress {
    height:140px
  }
  ul#leagueList li.complete {
    color:#289614
  }
  ul#leagueList li.complete .image {
    opacity:.4
  }
  ul#leagueList li.complete .state {
    background:url(/img/screens/league/complete.png) no-repeat 70px 50%
  }
  ul#leagueList li.complete.award .image {
    opacity:1
  }
  ul#leagueList .needRating {
    width:94px;
    height:24px;
    position:absolute;
    left:0;
    top:-12px;
    font-size:22px;
    font-weight:700;
    line-height:24px;
    padding-left:80px;
    background:url(/img/screens/league/need-rating.png) no-repeat 0 5px
  }
  ul#leagueList .needRating:before {
    content:'';
    display:inline-block;
    width:19px;
    height:21px;
    vertical-align:-2px;
    margin-right:10px;
    background:url(/img/icons/cup-xs.png) no-repeat left top
  }
  ul#leagueList .needRating.league {
    background:0 0
  }
  ul#leagueList .rankIco {
    position:absolute;
    left:-34px;
    top:-21px
  }
  ul#leagueList .needRating.league .leagueIco {
    position:absolute;
    left:-47px;
    top:-60px
  }
  ul#leagueList li:first-child .row {
    background:0 0
  }
  ul#leagueList .row {
    width:540px;
    height:140px;
    position:absolute;
    right:0;
    top:-70px;
    border-top:1px solid rgba(121,70,60,.2)
  }
  ul#leagueList li.award .row {
    background:url(/img/screens/league/row-award2.png) no-repeat top right
  }
  ul#leagueList .row .image {
    width:130px;
    text-align:center
  }
  ul#leagueList .row .image .upgradeToken,
  ul#leagueList .row .image .upgradeTokenPoints,
  ul#leagueList .row .image .weaponImg {
    margin:0 auto
  }
  ul#leagueList .row .name {
    padding-left:3px
  }
  ul#leagueList .row h5 {
    font-size:18px;
    font-weight:700
  }
  ul#leagueList .progressFooter {
    width:37px;
    height:14px;
    position:absolute;
    left:-1px;
    bottom:-5px;
    background:url(/img/screens/league/progress-footer.png) no-repeat 0 0
  }
  ul#leagueList .row .qty {
    position:relative;
    top:-5px
  }
  ul#leagueList .chestIco {
    cursor:pointer
  }
  .standartProgressBar .nextLeague {
    position:absolute;
    right:-30px;
    top:-35px
  }
  .standartProgressBar .nextLeague img {
    width:95px
  }
  .nextLeagueSmall {
    position:absolute;
    right:-37px;
    top:-15px
  }
  .nextLeaguePrize {
    position:absolute;
    right:0;
    top:-25px;
    margin-right:-58px
  }
  .standartProgressBar .nextLeague .needCup {
    text-align:center;
    width:100%;
    font-weight:700;
    position:absolute;
    top:-16px;
    left:0
  }
  .standartProgressBar .nextLeague .needCup:before {
    content:'';
    display:inline-block;
    width:19px;
    height:21px;
    vertical-align:-3px;
    background:url(/img/icons/cup-xs.png) no-repeat
  }
  .standartProgressBar .currentLeague {
    position:absolute;
    left:-30px;
    top:-35px
  }
  .standartProgressBar .currentLeagueSmall {
    position:absolute;
    left:-37px;
    top:-15px
  }
  .standartProgressBar .currentLeague img {
    width:95px
  }
  .standartProgressBar .nextChest {
    position:absolute;
    right:-30px;
    top:-25px
  }
  .standartProgressBar .nextChest img {
    width:94px
  }
  .standartProgressBar .nextChest .needCup {
    text-align:center;
    width:100%;
    font-weight:700;
    position:absolute;
    top:-16px;
    left:0
  }
  .standartProgressBar .nextChest .needCup:before {
    content:'';
    display:inline-block;
    width:19px;
    height:21px;
    vertical-align:-3px;
    background:url(/img/icons/cup-xs.png) no-repeat
  }
  .mainChestAward {
    cursor:pointer;
    width:88px;
    height:80px;
    position:absolute;
    right:-20px;
    top:-5px!important;
    background:url(/img/screens/league/chest/bar-award.png) no-repeat 0 0
  }
  .mainChestAward.open {
    background:url(/img/screens/league/chest/bar-award-open.png) no-repeat 0 0
  }
  .mainChestAward .needCup {
    top:-19px;
    width:88px;
    left:-5px
  }
  #leagueBar .target {
    cursor:pointer;
    position:absolute;
    top:0;
    width:50px;
    background:url(/img/screens/league/bar-target.png) no-repeat center top
  }
  #leagueBar .needCup {
    position:absolute;
    line-height:21px;
    font-weight:700
  }
  #leagueBar.platina .needCup {
    line-height:21px;
    font-size:12px
  }
  #leagueBar .target .needCup {
    width:100px;
    margin-left:-50px;
    text-align:center;
    left:25px;
    top:-24px
  }
  #leagueBar .needCup:before {
    content:'';
    display:inline-block;
    width:17px;
    height:18px;
    margin-right:3px;
    vertical-align:-5px;
    background:url(/img/icons/cup-xs2.png) no-repeat center top
  }
  #leagueBar .target div.chestIco {
    margin-top:21px
  }
  .seasonEndText {
    width:80%;
    font-size:14px;
    margin:0 auto;
    text-align:center
  }
  .seasonEndText .line {
    margin-top:20px
  }
  .bigTimerOnBg {
    display:inline-block;
    height:40px;
    line-height:40px;
    font-size:15px;
    margin:10px auto;
    text-align:center;
    padding-left:2px;
    padding-right:1em;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    border-radius:25px;
    color:#fff;
    font-weight:700;
    background-color:rgba(0,0,0,.4)
  }
  .bigTimerOnBg:before {
    content:'';
    width:37px;
    height:40px;
    position:relative;
    top:-2px;
    margin-right:.3em;
    vertical-align:middle;
    display:inline-block;
    background:url(/img/icons/timer-s.png) no-repeat 0 0
  }
  .bigTimerOnBg .unit {
    margin-left:.5em
  }
  .popupTube1 {
    width:504px;
    height:447px;
    position:relative;
    background:url(/img/popups/popup-tube1.png) no-repeat 0 0
  }
  .popupTube1 .container {
    width:472px;
    height:371px;
    position:absolute;
    top:60px;
    left:16px
  }
  .platinaRatingUpdatePopup h2 {
    margin-top:20px;
    text-align:center
  }
  .platinaRatingUpdatePopup p.info {
    text-align:center;
    padding:0 50px;
    margin:7px 0 20px 0
  }
  .platinaRatingUpdatePopup .footerButton {
    bottom:10px
  }
  .platinaRatingUpdatePopup .popupClose {
    top:38px
  }
  .historyPopup {
    width:424px;
    position:absolute;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    min-height:500px;
    background-color:#f8f4ef
  }
  .historyPopup .scrollContainer {
    height:450px;
    margin:10px 0;
    overflow:auto
  }
  .historyPopup ul li {
    height:73px;
    position:relative;
    background:url(/img/popups/chat/li-bg.png) repeat-x center top
  }
  .historyPopup ul li:first-child {
    background:0 0
  }
  .historyPopup ul li:hover {
    background:url(/img/popups/chat/li-hover.png) repeat-x center top
  }
  .historyPopup .asTable {
    cursor:pointer;
    width:100%;
    height:73px
  }
  .historyPopup .teamColor {
    font-weight:700
  }
  .historyPopup .place {
    width:80px;
    text-align:center
  }
  .historyPopup .date {
    font-size:13px;
    margin-top:2px;
    font-style:italic;
    color:#a68262
  }
  .historyPopup .info {
    text-align:left
  }
  .historyPopup .rating {
    text-align:left;
    width:80px;
    font-weight:700
  }
  .historyPopup em.rating:before {
    content:url(/img/icons/cup-xs.png);
    margin-right:3px;
    vertical-align:-4px
  }
  .leaguesPopup .scrollContainer {
    width:856px;
    height:465px;
    margin:0 auto;
    overflow:auto
  }
  .leaguesPopup div.leagueBlock {
    width:766px;
    height:337px;
    position:relative;
    margin:90px auto 10px auto;
    background:url(/img/popups/leagues/block-bg.jpg) no-repeat 0 0 #f0b766
  }
  .leaguesPopup div.leagueBlock.maxMode {
    width:766px;
    height:395px;
    position:relative;
    margin:90px auto 10px auto;
    background:url(/img/popups/leagues/block-maxmode-bg.png) no-repeat 0 0
  }
  .leaguesPopup div.leagueBlock.minMode {
    width:766px;
    height:303px;
    position:relative;
    margin:90px auto 10px auto;
    background:url(/img/popups/leagues/block-minmode-bg.jpg) no-repeat 0 0
  }
  .leaguesPopup div.leagueBlock.closed {
    opacity:.5
  }
  .leaguesPopup .leagueHeaderBlockContainer {
    position:relative;
    height:140px
  }
  .leaguesPopup .leagueHeaderBlockContainer .leagueHeaderBlock {
    text-align:center;
    position:absolute;
    width:280px;
    left:50%;
    margin-left:-140px;
    top:-80px
  }
  .leaguesPopup div.leagueBlock .leagueIco {
    width:188px;
    height:180px;
    position:relative;
    margin:0 auto 0 auto;
    z-index:2
  }
  .leaguesPopup div.leagueBlock h1.leagueText {
    width:279px;
    height:53px;
    padding-top:8px;
    line-height:50px;
    font-size:21px;
    color:#feeedd;
    margin:-32px auto 0 auto;
    position:relative;
    z-index:1;
    font-weight:800;
    text-align:center;
    background:url(/img/popups/leagues/header.png) no-repeat 0 0
  }
  .leaguesPopup div.leagueBlock p.needRating {
    text-align:center;
    font-size:18px;
    font-weight:800
  }
  .leaguesPopup div.leagueBlock p.needRating img {
    vertical-align:-3px;
    margin-right:4px
  }
  .leaguesPopup div.leagueProgressBar {
    left:-20px
  }
  .finalLeagueRating {
    width:130px;
    height:82px;
    color:#fff;
    font-size:18px;
    line-height:88px;
    font-weight:700;
    text-align:center;
    margin:0 auto;
    background:url(/img/popups/leagues/final-league-rating.png) no-repeat 0 0
  }
  div.leagueBlock .chestInfoButton {
    width:48px;
    height:48px;
    position:absolute;
    right:18px;
    top:18px;
    background:url(/img/popups/leagues/chest-info-button.png) no-repeat 0 0
  }
  div.leagueBlock .chestInfoButton:hover {
    background-position:0 -50px
  }
  div.leagueBlock .chestInfoButton:active {
    background-position:0 -100px
  }
  div.leagueProgressBar {
    width:639px;
    height:36px;
    margin:28px auto 0 auto;
    position:relative;
    background:url(/img/popups/leagues/league-progress-bar.png) no-repeat 0 0
  }
  div.leagueProgressBar .needRating {
    font-size:14px;
    color:#9524c9;
    width:80px;
    font-weight:800;
    text-align:center;
    position:absolute;
    line-height:20px;
    left:-15px;
    top:-22px;
    vertical-align:middle
  }
  div.leagueProgressBar .nextLeagueIco .needRating {
    display:none;
    left:15px;
    top:0
  }
  div.leagueProgressBar .needRating:before {
    width:19px;
    height:21px;
    content:'';
    position:relative;
    display:inline-block;
    vertical-align:-3px;
    margin-right:3px;
    background:url(/img/icons/cup-xs.png) no-repeat 0 0
  }
  .leagueProgressBar .progress {
    height:25px;
    display:block;
    position:relative;
    top:6px;
    background:url(/img/popups/leagues/league-progress.png) repeat-x
  }
  .leagueProgressBar span.progressText {
    position:absolute;
    top:0;
    left:16px;
    width:150px;
    font-weight:600;
    font-size:16px;
    text-align:center;
    color:#fff;
    line-height:36px;
    text-align:center;
    z-index:2;
    text-shadow:1px 1px 2px rgba(0,0,0,.74)
  }
  .leagueProgressBar .division,
  .leagueProgressBar .division1,
  .leagueProgressBar .division2,
  .leagueProgressBar .division3 {
    width:60px;
    height:62px;
    display:block;
    position:absolute;
    top:-9px;
    left:100px;
    z-index:2;
    background-repeat:no-repeat;
    background-position:center center
  }
  .leagueProgressBar .nextLeagueIco {
    position:absolute;
    right:-65px;
    top:-50px
  }
  .leagueProgressBar .division3 {
    left:-10px
  }
  .leagueProgressBar .division2 {
    left:196px
  }
  .leagueProgressBar .division1 {
    left:398px
  }
  .leagueProgressBar .finalDivision {
    right:-24px;
    top:-12px;
    left:auto;
    background:url(/img/popups/leagues/division/final.png) no-repeat 0 0!important
  }
  div.leagueProgressBar.division1 {
    width:167px;
    padding-left:40px;
    padding-right:432px
  }
  .leagueProgressBar.division1 span.progressText {
    left:46px
  }
  div.leagueProgressBar.division2 {
    width:160px;
    padding-left:245px;
    padding-right:234px
  }
  .leagueProgressBar.division2 span.progressText {
    left:246px
  }
  .leagueProgressBar.division2 .progress {
    padding-left:210px;
    margin-left:-210px
  }
  div.leagueProgressBar.division3 {
    width:144px;
    padding-left:445px;
    padding-right:50px
  }
  .leagueProgressBar.division3 span.progressText {
    left:450px
  }
  .leagueProgressBar.division3 .progress {
    padding-left:410px;
    margin-left:-410px
  }
  div.leagueProgressBar.fullBar .progress {
    width:595px!important;
    padding-left:0
  }
  .leagueProgressBar.fullBar span.progressText {
    left:460px!important
  }
  .leagueItemListText {
    text-align:center;
    margin:15px 0;
    font-style:italic
  }
  .leaguesPopup ul.itemList {
    margin:0 auto;
    text-align:center
  }
  div.leagueBlock.maxMode ul.itemList {
    width:460px
  }
  .leaguesPopup .itemList li {
    width:62px;
    height:62px;
    position:relative;
    margin:0 3px 6px 3px;
    display:inline-block
  }
  .chestsLootPopup div.leagueHeaderBlockContainer .leagueIco {
    width:188px;
    height:143px;
    position:relative;
    margin:0 auto 0 auto;
    z-index:2
  }
  .chestsLootPopup div.leagueHeaderBlockContainer .leagueIco img {
    width:150px
  }
  .chestsLootPopup .leagueHeaderBlockContainer .leagueHeaderBlock {
    text-align:center;
    position:relative;
    width:400px;
    margin:0 auto
  }
  .chestsLootPopup div.leagueHeaderBlockContainer h1.leagueText {
    width:307px;
    height:51px;
    padding-bottom:12px;
    line-height:51px;
    font-size:21px;
    color:#feeedd;
    margin:-23px auto 0 auto;
    position:relative;
    z-index:1;
    font-weight:700;
    text-align:center;
    background:url(/img/popups/chests-loot/header.png) no-repeat 0 0
  }
  ul.chestsLootList {
    margin-top:70px;
    margin-bottom:24px;
    text-align:center
  }
  ul.chestsLootList li {
    width:112px;
    height:90px;
    display:inline-block;
    position:relative;
    margin:0 2px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    text-align:center;
    background-color:#f7f1ec;
    border:2px solid #d4cabe
  }
  ul.chestsLootList .weaponInside {
    font-size:14px;
    position:absolute;
    text-align:center;
    font-weight:800;
    width:100%;
    bottom:15px
  }
  ul.chestsLootList .weaponInside img {
    vertical-align:-5px;
    margin-right:5px
  }
  ul.chestsLootList li .ico {
    cursor:pointer;
    position:absolute;
    left:-2px;
    top:-60px
  }
  ul.chestsLootList li .ico img {
    width:120px
  }
  .weaponRequest {
    text-align:center;
    font-style:italic;
    margin:5px 0
  }
  .weaponRequest em {
    font-style:italic;
    font-weight:700
  }
  .weaponRequest img {
    vertical-align:-4px;
    margin:0 3px
  }
  .weaponDonate {
    margin:5px 0;
    text-align:center;
    font-style:italic
  }
  .weaponDonate img {
    vertical-align:-4px;
    margin-right:3px
  }
  .weaponDonate em {
    font-style:italic;
    font-weight:700
  }
  .playPopup {
    width:700px;
    height:528px;
    text-align:center;
    background:url(/img/popups/popup-play.png)
  }
  .myLeagueIco {
    position:relative;
    top:-34px;
    width:120px;
    height:116px;
    margin:0 auto
  }
  .playPopup .yourProgressText {
    margin-top:-25px;
    margin-bottom:0;
    font-style:italic
  }
  .playPopup .yourWeaponText {
    margin-top:21px;
    margin-bottom:2px;
    font-style:italic
  }
  .playPopup .leagueProgressBar.miniMode {
    margin-top:10px
  }
  .playPopup .myWeaponsSlots {
    position:relative;
    margin:10px auto 12px auto
  }
  .playPopup .centerContainer.forButton {
    bottom:-20px
  }
  a.editLink {
    position:relative;
    z-index:3;
    color:#4baf14;
    text-decoration:none
  }
  a.editLink em {
    text-decoration:underline
  }
  a.editLink img {
    vertical-align:-3px
  }
  a.editLink:hover {
    color:#9524c9
  }
  .leagueProgressBar.miniMode {
    width:190px;
    padding-left:30px;
    padding-right:30px;
    height:36px;
    margin:0 auto 0 auto;
    position:relative;
    background:url(/img/popups/leagues/league-progress-bar.png) no-repeat 0 0
  }
  .leagueProgressBar.miniMode .current.division {
    left:-18px
  }
  .leagueProgressBar.miniMode span.progressText {
    left:52px;
    width:150px
  }
  .leagueProgressBar.miniMode .next.division {
    left:auto;
    right:-20px
  }
  .leagueProgressBar.miniMode .next.nextLeagueIco {
    right:-10px
  }
  ul.boostersSmall .photoRing {
    margin:0 auto 0 auto
  }
  ul.boostersSmall {
    text-align:center
  }
  ul.boostersSmall li {
    width:150px;
    height:140px;
    padding-top:30px;
    margin-top:20px;
    box-sizing:border-box;
    position:relative;
    text-align:center;
    vertical-align:top;
    display:inline-block
  }
  ul.boostersSmall li p {
    font-weight:700;
    width:100%;
    position:absolute;
    text-align:center;
    bottom:120px;
    font-size:13px
  }
  ul.boostersSmall li img {
    width:94px;
    height:94px;
    position:relative;
    top:1px
  }
  ul.boostersSmall button {
    position:absolute;
    top:98px;
    left:25px;
    z-index:2
  }
  ul.boostersSmall li .photoRing .text {
    display:none
  }
  ul.boostersSmall li.active .boosterImg {
    position:realtive
  }
  ul.boostersSmall .boosterQty {
    width:32px;
    height:32px;
    line-height:32px;
    font-weight:700;
    position:absolute;
    right:22px;
    top:24px;
    text-align:center;
    color:#fff;
    background:url(/img/interface/booster_qty.png) 0 0
  }
  ul.boostersSmall li.active .boosterImg:after {
    content:'';
    position:absolute;
    width:168px;
    height:150px;
    top:-1px;
    left:-8px;
    animation:boosterActiveS 1s steps(10) infinite;
    -webkit-animation:boosterActiveS 1s steps(10) infinite;
    background:url(/img/anim/booster-active2.png) 0 0
  }
  .studioScreen .page {
    width:936px;
    height:507px;
    position:absolute;
    left:20px;
    top:75px
  }
  .studioScreen .page .pageContainer {
    width:936px;
    height:507px;
    position:relative;
    background-repeat:no-repeat
  }
  .studioScreen h1.special {
    width:440px;
    height:86px;
    line-height:62px;
    font-size:18px;
    font-weight:800;
    text-align:center;
    position:relative;
    margin:0 auto;
    top:-20px
  }
  .studioScreen .standartProgressBar .ico {
    width:72px;
    height:72px;
    left:-27px;
    top:-20px;
    position:absolute
  }
  .studioScreen .leftBlock .standartProgressBar .ico {
    left:-45px
  }
  .studioMenu {
    position:absolute;
    left:0;
    top:0;
    width:398px;
    height:63px
  }
  ul.studioMenu li {
    cursor:pointer;
    width:119px;
    height:63px;
    float:left;
    line-height:43px;
    position:relative;
    text-align:center;
    color:#fff2e2;
    font-weight:600;
    z-index:1;
    text-shadow:1px 1px #e28028,-1px -1px 0 #e28028,1px -1px 0 #e28028,-1px 1px 0 #e28028;
    background:url(/img/popups/studio/menu.png) no-repeat 0 0
  }
  ul.studioMenu li.num1 {
    width:114px;
    padding-left:9px;
    background-position:0 0
  }
  ul.studioMenu li.num2 {
    width:142px;
    background-position:-123px 0
  }
  ul.studioMenu li.num3 {
    width:115px;
    padding-right:14px;
    background-position:-265px 0
  }
  ul.studioMenu li.num1:hover {
    background-position:0 -63px
  }
  ul.studioMenu li.num2:hover {
    background-position:-123px -63px
  }
  ul.studioMenu li.num3:hover {
    background-position:-265px -63px
  }
  ul.studioMenu li.current {
    color:#9524c9;
    text-shadow:none
  }
  ul.studioMenu li.num1.current {
    background-position:0 -126px
  }
  ul.studioMenu li.num2.current {
    background-position:-123px -126px
  }
  ul.studioMenu li.num3.current {
    background-position:-265px -126px
  }
  .studioScreen .page.main .rightBlock {
    position:absolute;
    width:336px;
    height:455px;
    text-align:center;
    right:50px;
    top:4px
  }
  .studioScreen .page.main .rightBlock h2 {
    margin-top:40px;
    margin-bottom:10px
  }
  .studioScreen .page.main .rightBlock p {
    margin:0 20px
  }
  .studioScreen .page.main .rightBlock .button {
    position:absolute;
    bottom:-50px;
    left:76px
  }
  .studioScreen .page.main .rightBlock .standartProgressBar {
    width:254px;
    margin:0 auto
  }
  .studioScreen .page.skins .rightBlock {
    width:548px;
    height:380px;
    position:absolute;
    right:-25px;
    top:4px
  }
  .studioScreen .page.skins .rightBlock .scrollContainer {
    top:62px;
    right:10px;
    position:absolute;
    width:504px;
    height:414px;
    z-index:3;
    overflow:auto
  }
  ul.bookmarks {
    position:absolute;
    right:-20px;
    top:-10px;
    width:100%;
    height:96px;
    z-index:1;
    /* background:url(/img/popups/studio/skinmenu-bg.png) no-repeat left bottom */
  }
  ul.bookmarks li {
    float:left;
    cursor:pointer;
    min-width:100px;
    height:82px;
    white-space:nowrap;
    position:relative;
    text-align:center;
    color:#9524c9;
    box-sizing:border-box;
    padding:0 10px;
    font-weight:600;
    z-index:1;
    background:url(/img/popups/studio/skinmenu-separator2.png) no-repeat right top
  }
  ul.bookmarks li span {
    position:relative;
    z-index:2
  }
  ul.bookmarks li span.asTable {
    width:100%;
    height:62px;
    position:relative;
    z-index:2
  }
  ul.bookmarks li span.asCell {
    text-align:center;
    padding-bottom:10px
  }
  ul.bookmarks li:last-child {
    background:0 0
  }
  ul.bookmarks li.active span.asTable {
    /* background:url(/img/popups/studio/skinmenu-active2.png) no-repeat -20px 0 */
  }
  ul.bookmarks li.active:after {
    content:'';
    position:absolute;
    width:30px;
    top:0;
    right:-10px;
    height:124px;
    /* background:url(/img/popups/studio/skinmenu-active2.png) no-repeat 100% 0 */
  }
  ul.bookmarks li.active:before {
    content:'';
    position:absolute;
    width:30px;
    top:0;
    left:-10px;
    height:124px;
    /* background:url(/img/popups/studio/skinmenu-active2.png) no-repeat 0 0 */
  }
  ul.bookmarks li:hover {
    color:#000
  }
  ul.bookmarks li.active {
    cursor:default;
    color:#992d20;
    z-index:3
  }
  .studioScreen .artChest {
    position:relative
  }
  .studioScreen .page.main h1.special {
    right:180px
  }
  .studioScreen .page.main .leftBlock {
    position:absolute;
    width:460px;
    height:450px;
    text-align:center;
    left:50px;
    top:24px;
    text-align:center
  }
  .studioScreen .page.main .leftBlock #img_skin {
    top:30px;
    position:relative
  }
  .studioScreen .page.main .leftBlock .standartProgressBar {
    position:absolute;
    left:140px;
    top:338px
  }
  .studioScreen .page.main .leftBlock .artReview {
    width:449px;
    height:124px;
    color:#fff;
    font-size:12px;
    position:absolute;
    bottom:-35px;
    left:13px
  }
  .studioScreen .page.main .leftBlock .artReview .text {
    position:relative;
    top:50px;
    left:102px;
    line-height:14px;
    padding-right:100px;
    width:214px;
    text-align:left
  }
  .studioScreen .page.main .leftBlock .artReview h3 {
    margin-bottom:8px
  }
  .studioScreen .page.main .leftBlock .artReview button {
    position:absolute;
    top:4px;
    right:10px
  }
  .studioScreen .pag.skins .leftBlock {
    width:304px;
    height:424px;
    text-align:center
  }
  .studioScreen .page.skins .leftBlock .mySkin {
    width:350px;
    height:350px;
    top:20px;
    left:30px;
    position:absolute
  }
  .studioScreen .page.skins .leftBlock .skinInfo {
    width:366px;
    height:142px;
    position:absolute;
    top:340px;
    left:20px;
    text-align:center
  }
  .studioScreen .page.skins .leftBlock p.name {
    font-size:13px;
    margin:0 0 10px 0
  }
  .studioScreen .page.skins .leftBlock button {
    margin-top:12px
  }
  .studioScreen .page.skins .leftBlock p.type {
    font-weight:700;
    font-size:16px;
    line-height:25px;
    margin:25px 0 10px 0
  }
  .studioScreen .page.skins .leftBlock p.type img {
    vertical-align:-7px
  }
  .studioScreen .page.skins .leftBlock .resetLink {
    display:block;
    margin-top:10px
  }
  .studioScreen .page.sets button.set {
    position:absolute;
    bottom:40px;
    left:120px
  }
  .studioScreen .page.sets #img_skin {
    position:absolute;
    left:30px;
    top:40px
  }
  .studioScreen .page.sets .rightBlock {
    position:absolute;
    width:530px;
    height:428px;
    text-align:center;
    right:20px;
    top:24px
  }
  .studioScreen .page.sets .durabilityBlock {
    width:254px;
    height:85px;
    position:absolute;
    bottom:-50px;
    left:120px
  }
  .studioScreen .page.sets .durabilityBlock h3 {
    margin-top:10px;
    font-size:13px;
    color:#fff
  }
  .studioScreen .page.sets .durabilityBlock .durabilityBar {
    position:realtive;
    margin:0 auto;
    top:10px
  }
  .studioScreen .page.sets .artReview {
    width:484px;
    height:115px;
    color:#fff;
    font-size:12px;
    position:absolute;
    bottom:60px;
    left:13px
  }
  .studioScreen .page.sets .artReview .text {
    position:relative;
    top:0;
    padding:38px 40px 0 112px;
    line-height:14px;
    text-align:left
  }
  .studioScreen .page.sets .artReview h3 {
    margin-bottom:8px
  }
  .studioScreen .page.sets ul.artSetList {
    margin-top:31px
  }
  .studioScreen .page.sets ul.artSetList li {
    float:left;
    width:167px
  }
  .studioScreen .page.sets ul.artSetList li.notActive {
    -webkit-filter:grayscale(100%)!important;
    filter:grayscale(100%)!important
  }
  .studioScreen .page.sets ul.artSetList li .ico {
    width:146px;
    height:151px;
    margin:0 auto;
    background:url(/img/popups/studio/art-slot.png) no-repeat 0 0
  }
  .studioScreen .page.sets ul.artSetList li p {
    color:#fff8f2;
    margin-top:5px;
    font-size:13px
  }
  .studioScreen .page.sets ul.artSetList li p em {
    color:#66ff1a
  }
  .studioScreen .page.sets ul.artSetList li h1 {
    width:167px;
    height:46px;
    line-height:46px;
    text-align:center;
    font-size:14px;
    font-weight:400;
    color:#ffead2;
    margin-top:-18px;
    background:url(/img/popups/studio/art-h1.png) no-repeat 0 0
  }
  .studioScreen h1.special {
    color:#223c4b
  }
  .studioScreen .page.main .rightBlock {
    color:#fff
  }
  .studioScreen .page.main .rightBlock h2 {
    color:#ffeb30
  }
  ul.studioList {
    margin-top:12px
  }
  ul.studioList li {
    width:96px;
    height:96px;
    float:left;
    position:relative;
    margin:12px 12px
  }
  ul.studioList li.separator {
    width:460px;
    height:22px;
    line-height:22px;
    color:#9524c9;
    text-align:center;
    cursor:default;
    margin:0 0 5px 11px!important;
    background-color:#ffca99;
    border:1px solid #ffca99;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px
  }
  ul.studioList li.notAvailable {
    opacity:.3
  }
  ul.studioList li .ico {
    width:96px;
    height:96px;
    position:relative;
    cursor:pointer;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    border:2px solid #ffb859;
    background:#ffb757;
    background:-moz-linear-gradient(top,#ffb757 0,#ffdeb2 100%);
    background:-webkit-linear-gradient(top,#ffb757 0,#ffdeb2 100%);
    background:linear-gradient(to bottom,#ffb757 0,#ffdeb2 100%)
  }
  ul.studioList li .ico img {
    margin-top:2px;
    margin-left:2px
  }
  ul.studioList li .ico:hover,
  ul.studioList li.active .ico {
    border:2px solid #fff!important
  }
  ul.studioList li .ico:hover:after,
  ul.studioList li.active .ico:after {
    content:'';
    display:block;
    width:100px;
    height:100px;
    position:absolute;
    left:-5px;
    top:-5px;
    z-index:1;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    border:3px solid #f237a1
  }
  ul.studioList li.type2 .ico {
    border:2px solid #4aa4ff;
    background:#51a8f6;
    background:-moz-linear-gradient(top,#51a8f6 0,#c1e2ff 100%);
    background:-webkit-linear-gradient(top,#51a8f6 0,#c1e2ff 100%);
    background:linear-gradient(to bottom,#51a8f6 0,#c1e2ff 100%)
  }
  ul.studioList li.type3 .ico {
    border:2px solid #dd80ff;
    background:#db7bff;
    background:-moz-linear-gradient(top,#db7bff 0,#efc4ff 100%);
    background:-webkit-linear-gradient(top,#db7bff 0,#efc4ff 100%);
    background:linear-gradient(to bottom,#db7bff 0,#efc4ff 100%)
  }
  ul.studioList li.not_available .ico {
    -webkit-filter:grayscale(100%)!important;
    filter:grayscale(100%)!important
  }
  ul.studioList .current {
    width:33px;
    height:34px;
    position:absolute;
    right:-5px;
    top:-7px;
    z-index:2;
    background:url(/img/popups/studio/current-skin.png) no-repeat 0 0
  }
  ul.studioList li .price {
    margin-top:3px;
    font-weight:600;
    text-align:center;
    text-shadow:2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff
  }
  ul.studioList li .price img.coin {
    vertical-align:-3px
  }
  ul.studioList li .price.ruby {
    color:#753f95
  }
  ul.studioList li .price.coin {
    color:#9524c9
  }
  ul.studioList li .price s {
    color:#bc9766;
    font-weight:400;
    text-shadow:none
  }
  ul.studioList li .new {
    color:#fff;
    font-size:10px;
    width:93px;
    height:18px;
    padding-top:5px;
    line-height:16px;
    position:absolute;
    left:-8px;
    bottom:7px;
    text-align:center;
    z-index:3;
    text-transform:uppercase;
    background-image:url(/img/icons/new.png)
  }
  .shopScreen .specialOffer {
    width:295px;
    height:507px;
    position:absolute;
    left:23px;
    top:67px;
    background:url(/img/screens/shop/banner2.png) no-repeat 0 0
  }
  .shopScreen .specialOffer .artExpire {
    width:274px;
    height:75px;
    position:absolute;
    left:5px;
    top:26px;
    background:url(../img/screens/shop/artExpire.png) no-repeat 0 0
  }
  .shopScreen .specialOffer .artExpire h3 {
    position:absolute;
    left:0;
    top:14px;
    text-align:center;
    width:100%;
    line-height:20px;
    font-size:15px
  }
  .shopScreen .specialOffer .artExpire .timer {
    width:134px;
    text-align:center;
    line-height:18px;
    font-size:12px;
    position:absolute;
    top:41px;
    left:81px
  }
  .artSlot {
    width:92px;
    height:99px;
    position:absolute;
    left:-210px;
    top:-202px;
    z-index:1;
    background:url(/img/scene_new/weapon_type3.png) no-repeat 0 0
  }
  .artSlot img.weaponIco {
    position:relative;
    left:3px;
    top:-4px
  }
  .artSlot .saleEnd {
    width:126px;
    height:53px;
    position:absolute;
    left:-20px;
    top:60px;
    background:url(/img/screens/shop/artExpire2.png) no-repeat 0 0
  }
  .artSlot .saleEnd h4 {
    font-size:12px;
    color:#fff;
    width:100%;
    position:absolute;
    text-align:center;
    top:4px;
    line-height:18px
  }
  .artSlot .saleEnd .timer {
    font-size:13px;
    width:90px;
    line-height:18px;
    position:absolute;
    top:29px;
    left:27px;
    text-align:center
  }
  .artSlot[data-art=false] {
    cursor:pointer
  }
  .artSlot[data-art=false]:hover {
    background-position:0 -100px
  }
  .artSlot[data-art=false]:hover img.weaponIco {
    transition:all .2s ease-out
  }
  .artSlot[data-art=true] .switch.true {
    display:block
  }
  .artSlot[data-art=false] .switch.false {
    display:block
  }
  .expDate {
    position:absolute;
    left:-10px;
    bottom:-10px;
    width:110px;
    font-size:12px;
    color:#fff;
    padding:5px 0;
    text-align:center;
    background:#490f8d;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px
  }
  .shopScreen .specialOffer h2 {
    width:196px;
    height:40px;
    line-height:30px;
    color:#000;
    font-weight:700;
    text-align:center;
    position:absolute;
    top:-7px;
    left:50px;
    background:url(/img/screens/shop/banner-header.png) no-repeat 0 0
  }
  .shopScreen .specialOffer h3 {
    width:100%;
    font-size:21px;
    color:#fff;
    position:absolute;
    text-align:center;
    top:30px
  }
  .shopScreen .activeSign {
    display:none;
    width:105px;
    height:47px;
    position:absolute;
    top:264px;
    left:95px;
    color:#007000;
    line-height:47px;
    font-weight:700;
    padding-left:35px;
    background:url(/img/screens/shop/active.png) no-repeat 0 0
  }
  .shopScreen .specialOffer.active .activeSign {
    display:block
  }
  .shopScreen .specialOffer ul.specs {
    width:248px;
    color:#fff;
    position:absolute;
    left:30px;
    font-size:13px;
    top:312px
  }
  .shopScreen .specialOffer ul.specs li {
    position:relative;
    margin:6px 0;
    padding-left:20px
  }
  .shopScreen .specialOffer ul.specs li:before {
    content:'';
    width:26px;
    height:26px;
    position:absolute;
    top:-6px;
    left:0;
    background:url(/img/screens/shop/plus.png) no-repeat 0 0
  }
  .shopScreen .specialOffer.active ul.specs li:before {
    left:-6px;
    background:url(/img/screens/shop/check.png) no-repeat 0 0
  }
  .shopScreen .specialOffer .validity {
    font-size:12px;
    line-height:16px;
    width:100%;
    color:#ffc602;
    position:absolute;
    text-align:center;
    left:0;
    bottom:88px
  }
  .shopScreen .specialOffer .activeTo {
    font-size:12px;
    line-height:16px;
    width:100%;
    color:#fff;
    position:absolute;
    text-align:center;
    left:0;
    bottom:68px
  }
  .shopScreen .specialOffer button {
    position:absolute;
    left:57px;
    bottom:-17px
  }
  .shopScreen button.popupClose {
    top:5px;
    right:5px
  }
  .shopScreen .rightBlock {
    position:absolute;
    top:60px;
    left:328px;
    width:664px
  }
  .shopScreen .pinkBlock {
    width:664px;
    height:290px;
    background:url(/img/screens/shop/pink.png) no-repeat 0 0
  }
  .shopScreen h2 {
    text-align:center;
    color:#fff;
    line-height:30px;
    font-size:13px
  }
  .shopScreen ul.sellChestsList {
    margin-top:12px
  }
  .shopScreen ul.sellChestsList li.chest {
    width:206px;
    height:252px;
    text-align:center;
    position:relative;
    float:left;
    margin-left:12px;
    background:url(/img/screens/shop/pink-li.png) no-repeat 0 0
  }
  .shopScreen ul.sellChestsList li.chest .chest {
    height:106px;
    margin-top:-14px;
    text-align:center;
    position:relative
  }
  .shopScreen ul.sellChestsList li.chest .chest .alignDiv {
    position:absolute;
    bottom:0;
    width:100%
  }
  .shopScreen ul.sellChestsList img.chestIco {
    cursor:pointer;
    margin:0 auto
  }
  .shopScreen ul.sellChestsList li.chest h5 {
    margin:0;
    padding:0
  }
  .shopScreen ul.sellChestsList li.chest .token {
    margin-top:10px;
    position:relative
  }
  .shopScreen ul.sellChestsList li.chest .qty {
    position:absolute;
    width:100px;
    bottom:-6px;
    left:50px;
    text-align:center;
    text-shadow:2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff
  }
  .shopScreen ul.sellChestsList button {
    position:absolute;
    bottom:-15px;
    left:30px
  }
  .shopScreen .rightBlock .orangeBlock {
    width:664px;
    height:220px;
    margin-top:20px;
    background:url(/img/screens/shop/orange.png) no-repeat 0 0
  }
  .shopScreen ul.sellSkinsList {
    margin-top:8px
  }
  .shopScreen ul.sellSkinsList li.sellSkinsList {
    width:206px;
    height:164px;
    text-align:center;
    position:relative;
    float:left;
    padding-top:5px;
    margin-left:12px;
    background:url(/img/screens/shop/orange-li.png) no-repeat 0 0
  }
  .shopScreen ul.sellSkinsList li.sellSkinsList p {
    font-weight:700;
    font-size:13px;
    margin-top:4px
  }
  .shopScreen ul.sellSkinsList button {
    position:absolute;
    bottom:-15px;
    left:32px
  }
  .minePopup {
    width:530px;
    height:419px;
    background:url(/img/popups/mine/popup-bg.png) no-repeat 0 0
  }
  .minePopup .infoText {
    color:#60028b;
    font-size:25px;
    text-align:center;
    position:absolute;
    line-height:40px;
    width:100%;
    left:0;
    top:276px
  }
  .minePopup h1 {
    width:184px;
    height:76px;
    padding:6px 60px 0 60px;
    color:#fff;
    position:relative;
    top:-30px;
    margin:0 auto 0 auto;
    font-size:20px;
    text-align:center;
    line-height:20px;
    background:url(/img/popups/mine/h1.png) no-repeat 0 0
  }
  .popupSizeEndGame3 {
    width:825px;
    height:543px;
    position:absolute;
    text-align:center;
    background:url(/img/popups/popup-end-game3.png) no-repeat 0 0
  }
  .popupSizeEndGame3 p.info {
    margin:40px 0 20px 0
  }
  .popupSizeEndGame3 .timer {
    font-size:24px;
    text-align:center
  }
  .popupSizeEndGame3 .blockStyle {
    margin-top:40px!important
  }
  .popupSizeEndGame {
    color:#9524c9;
    width:825px;
    height:543px;
    background:url(/img/popups/popup-end-game5.png) no-repeat 0 0
  }
  .popupSizeEndGame .respawn {
    text-align:center;
    margin:15px 0 0 0
  }
  .endGamePopup .footerButton {
    bottom:-15px
  }
  .endGamePopup h1 {
    font-weight:400;
    text-align:center;
    margin-top:14px;
    font-size:28px
  }
  .endGamePopup h1 .nick {
    cursor:pointer;
    font-weight:700
  }
  .endGamePopup h1 .nick:hover {
    color:#fa1b08
  }
  .endGamePopup .leftBlock {
    width:795px;
    height:515px;
    position:absolute;
    left:15px;
    top:11px
  }
  .endGamePopup .revengeBlock {
    width:450px;
    height:56px;
    box-sizing:border-box;
    position:relative;
    margin-top:5px;
    left:185px;
    background-color:#fffdf9;
    border:2px solid #ffdfb9;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px
  }
  .endGamePopup .revengeBlock:before {
    content:url(/img/popups/revenge.png);
    position:absolute;
    left:-70px;
    top:-25px
  }
  .endGamePopup .revengeBlock .asCell {
    padding:0 10px 0 50px
  }
  .endGamePopup .revengeBlock b {
    color:red
  }
  .endGamePopup .revengeBlock p {
    font-weight:700
  }
  .endGamePopup .rightBlock {
    display:none;
    width:286px;
    height:500px;
    position:absolute;
    left:588px;
    top:11px
  }
  .yourProgressText {
    margin:10px 0;
    text-align:center;
    font-style:italic
  }
  div.endGameBonus {
    margin-top:25px;
    padding-top:15px;
    text-align:center;
    background:url(/img/popups/end-game-rating/shadow.png) no-repeat center top
  }
  ul.endGameBonuss {
    text-align:center;
    height:86px;
    margin:15px auto 15px auto
  }
  ul.endGameBonuss li {
    height:86px;
    margin:1px 12px;
    text-align:left;
    display:inline-block;
    position:relative;
    padding-left:0;
    vertical-align:top
  }
  ul.endGameBonuss li .standartProgressBar {
    width:126px
  }
  ul.endGameBonuss li .standartProgressBar .bonusIco {
    width:150px;
    height:50px;
    left:0;
    top:0
  }
  ul.endGameBonuss li.ratingLostBooster {
    text-align:center;
    width:157px;
    margin:0 5px;
    background-color:transparent;
    border:0
  }
  ul.endGameBonuss li .standartProgressBar .ico {
    width:50px;
    height:50px;
    position:absolute;
    left:-15px;
    top:-9px
  }
  ul.endGameBonuss li.coins .ico {
    background:url(/img/popups/end-game-rating/coins.png) no-repeat center center
  }
  ul.endGameBonuss li.ruby .ico {
    background:url(/img/popups/end-game-rating/ruby.png) no-repeat center center
  }
  ul.endGameBonuss li.keys .ico {
    background:url(/img/popups/end-game-rating/key.png) no-repeat center center
  }
  .endGamePopup .boostersBlock {
    margin-top:20px;
    position:relative
  }
  .bigPlayerList {
    margin-top:20px
  }
  .bigPlayerList li {
    line-height:46px;
    font-size:14px;
    padding-left:.5em;
    font-weight:700;
    clear:both
  }
  .bigPlayerList .photoRing {
    float:left;
    margin-left:6px
  }
  .bigPlayerList em {
    font-size:16px;
    color:#ff9008;
    width:30px;
    float:left;
    text-align:center
  }
  .bigPlayerList em.ico img {
    position:relative;
    top:6px
  }
  .bigPlayerList p {
    padding-left:.3em;
    float:left
  }
  .bigPlayerList p.nick:hover {
    cursor:pointer;
    color:#fa1b08
  }
  .bigPlayerList .killsQty {
    overflow:hidden;
    font-size:16px;
    color:#fd3e3e;
    width:50px;
    white-space:nowrap;
    float:right
  }
  .bigPlayerList .killsQty:before {
    content:'';
    display:inline-block;
    margin-right:.3em;
    vertical-align:-5px;
    width:21px;
    height:21px;
    background:url(/img/icons/kills-xs.png) no-repeat center center
  }
  .popupSize3 {
    color:#9524c9;
    width:581px;
    height:429px;
    position:absolute;
    left:209px;
    top:80px;
    background:url(/img/popups/popup-size3.png) no-repeat 0 0
  }
  .dailyChestPopup {
    text-align:center
  }
  .dailyChestPopup p.taskText {
    font-weight:800;
    margin:20px 0
  }
  .dailyChestPopup p.progressBarName {
    margin:30px 0 10px 0
  }
  .dailyChestPopup img.dailyChestImg {
    margin:-60px auto 0 auto;
    position:relative
  }
  .dailyChestPopup h1 {
    width:307px;
    height:51px;
    padding-bottom:12px;
    line-height:51px;
    font-size:21px;
    color:#feeedd;
    margin:-23px auto 0 auto;
    position:relative;
    z-index:1;
    font-weight:700;
    text-align:center;
    background:url(/img/popups/chests-loot/header.png) no-repeat 0 0
  }
  input[type=text] {
    height:40px;
    color:#9524c9;
    font-size:20px;
    outline:0;
    font-weight:600;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px;
    padding:0 10px;
    border:1px solid #f7c48b;
    background-color:#fff;
    -webkit-box-shadow:inset -4px 4px 5px -1px rgba(0,0,0,.1);
    -moz-box-shadow:inset -4px 4px 5px -1px rgba(0,0,0,.1);
    box-shadow:inset -4px 4px 5px -1px rgba(0,0,0,.1)
  }
  input.error {
    border-color:#c94e47
  }
  .welcomePopup {
    width:701;
    height:590px;
    background:url(/img/popups/welcome/bg.png) no-repeat 0 0
  }
  .welcomePopup .container {
    width:306px;
    height:240px;
    position:absolute;
    left:170px;
    top:220px;
    text-align:center
  }
  .welcomePopup .info {
    color:#9524c9;
    width:234px;
    font-size:16px;
    margin:10px auto 20px auto;
    font-weight:700
  }
  .welcomePopup .error {
    color:#c43e3e;
    margin-top:5px
  }
  .welcomePopup h1 {
    color:#9524c9;
    width:100%;
    font-size:22px;
    text-align:center;
    position:absolute;
    top:-50px;
    line-height:52px;
    left:0;
    z-index:5
  }
  .welcomePopup button {
    position:absolute;
    bottom:0;
    left:62px
  }
  .coinsScreen {
    background:url(/img/popups/ruby/bg.png) repeat-x center center #fed9aa
  }
  .coinsScreen ul.itemsList {
    margin-top:132px;
    text-align:center
  }
  .coinsScreen ul.itemsList li {
    width:258px;
    height:291px;
    position:relative;
    text-align:center;
    margin:0 10px;
    display:inline-block;
    background:url(/img/popups/coins/item-bg.png) no-repeat 0 0
  }
  .coinsScreen ul.itemsList .asTable {
    width:100%;
    margin-top:3px
  }
  .coinsScreen ul.itemsList h2 {
    display:table-cell;
    vertical-align:middle;
    color:#f0ff00;
    font-size:28px;
    text-shadow:0 1px 0 #000;
    height:73px;
    text-align:center;
    z-index:3
  }
  .coinsScreen ul.itemsList h2 img {
    vertical-align:-5px
  }
  .coinsScreen ul.itemsList h2 em.bonus {
    font-size:18px;
    display:block;
    color:#fff
  }
  .coinsScreen ul.itemsList h2 em.bonus span {
    font-size:14px
  }
  .coinsScreen ul.itemsList h2 em.bonus img {
    vertical-align:-3px;
    margin:0 3px
  }
  .coinsScreen ul.itemsList .qty img {
    vertical-align:-7px;
    margin-right:5px
  }
  .coinsScreen ul.itemsList .itemImg {
    position:absolute;
    left:26px;
    top:78px
  }
  .coinsScreen ul.itemsList button.button {
    position:absolute;
    bottom:-40px;
    left:37px
  }
  .rubyBuyScreen {
    background:url(/img/popups/ruby/bg.png) repeat-x center center #fed9aa
  }
  .rubyBuyScreen ul.rubyRateList {
    margin:48px auto 0 auto;
    text-align:center
  }
  ul.rubyRateList li {
    width:258px;
    height:242px;
    position:relative;
    text-align:center;
    margin:13px 12px 13px 12px;
    display:inline-block;
    background:url(/img/popups/ruby/item-bg.png?2) no-repeat 0 0
  }
  ul.rubyRateList .asTable {
    width:100%
  }
  ul.rubyRateList .asCell {
    text-align:center
  }
  ul.rubyRateList h2 {
    display:table-cell;
    vertical-align:middle;
    color:#f0ff00;
    font-size:28px;
    text-shadow:0 1px 0 #000;
    height:73px;
    text-align:center;
    z-index:3
  }
  ul.rubyRateList h2 img {
    vertical-align:-5px
  }
  ul.rubyRateList h2 div.bonus {
    color:#fff;
    font-size:18px;
    text-align:center;
    display:block
  }
  ul.rubyRateList h2 div.bonus span {
    font-size:12px
  }
  ul.rubyRateList h2 div.bonus img {
    vertical-align:-3px;
    margin:0 3px
  }
  ul.rubyRateList .itemImg {
    position:absolute;
    left:25px;
    top:47px
  }
  ul.rubyRateList button.button {
    position:absolute;
    bottom:-20px;
    left:43px
  }
  ul.rubyRateList li.sale {
    color:#8e055a;
    background-image:url(/img/popups/ruby/item-bg-sale.png)
  }
  ul.rubyRateList li.sale_coins {
    color:#8e055a;
    background-image:url(/img/popups/coins/item-bg-sale_coins.png)
  }
  ul.rubyRateList li.sale h2,
  ul.rubyRateList li.sale_coins h2 {
    width:100%;
    font-size:16px;
    line-height:24px;
    position:absolute;
    left:0;
    top:9px;
    text-align:center
  }
  ul.rubyRateList li.sale .rubyQtyStrike,
  ul.rubyRateList li.sale_coins .rubyQtyStrike {
    position:absolute;
    left:140px;
    top:55px;
    vertical-align:bottom;
    text-align:left
  }
  ul.rubyRateList li.sale .rubyQtyStrike::after,
  ul.rubyRateList li.sale_coins .rubyQtyStrike::after {
    border-bottom:.125em solid red;
    content:"";
    left:-3px;
    margin-top:calc(.125em / 2 * -1);
    position:absolute;
    right:-3px;
    top:50%
  }
  ul.rubyRateList li.sale .rubyQty,
  ul.rubyRateList li.sale_coins .rubyQty {
    font-size:36px;
    position:absolute;
    width:110px;
    right:10px;
    top:72px;
    text-align:left;
    vertical-align:bottom
  }
  ul.rubyRateList li.sale h4,
  ul.rubyRateList li.sale_coins h4 {
    width:120px;
    font-size:14px;
    color:#8e055a;
    position:absolute;
    right:10px;
    top:180px
  }
  ul.rubyRateList li.sale h4,
  ul.rubyRateList li.sale_coins h4 {
    width:120px;
    font-size:14px;
    color:#8e055a;
    position:absolute;
    left:16px;
    top:172px
  }
  ul.rubyRateList li.sale h4 em,
  ul.rubyRateList li.sale_coins h4 em {
    font-size:22px;
    display:block;
    margin-bottom:-5px
  }
  ul.rubyRateList li.sale .separatorText,
  ul.rubyRateList li.sale_coins .separatorText {
    font-size:14px;
    font-weight:700;
    text-align:center;
    width:66px;
    line-height:20px;
    text-transform:uppercase;
    position:absolute;
    left:97px;
    top:114px
  }
  ul.rubyRateList li.sale h5,
  ul.rubyRateList li.sale_coins h5 {
    width:120px;
    font-size:14px;
    color:#8e055a;
    position:absolute;
    right:10px;
    top:180px
  }
  .rubyOneRatePopup {
    text-align:center
  }
  .rubyOneRatePopup ul.rubyRateList {
    text-align:center;
    margin:0 auto
  }
  .rubyOneRatePopup h1 {
    font-size:24px;
    margin:15px 0 0 0;
    text-align:center
  }
  .popupSize4 {
    color:#9524c9;
    width:446px;
    height:355px;
    padding:0;
    position:absolute;
    background:url(/img/popups/popup-size4.png?3) no-repeat 0 0
  }
  .settingsPopup div.exit {
    text-align:center;
    margin-top:30px
  }
  .settingsPopup ul.settings {
    width:297px;
    margin:10px auto 0 auto;
    clear:both
  }
  .settingsPopup .block {
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    border:2px solid #d4cabe;
    background-color:#f3ebe3
  }
  .block.controlChoice {
    margin:0 20px;
    padding:10px;
    box-sizing:border-box
  }
  .block.controlChoice h4 {
    margin-bottom:5px
  }
  .settingsPopup .controlChoice input[type=radio]:checked+label img {
    opacity:1
  }
  .settingsPopup .controlChoice img {
    vertical-align:-17px;
    opacity:.6
  }
  .settingsPopup ul.settings li.block {
    width:126px;
    height:130px;
    cursor:pointer;
    position:relative;
    float:left;
    margin-bottom:15px
  }
  .settingsPopup ul.settings li.block div.img {
    width:100px;
    height:100px;
    position:absolute;
    left:14px;
    top:6px;
    background-image:url(/img/popups/settings/sound-control.png);
    background-repeat:no-repeat
  }
  .settingsPopup ul.settings li.block p {
    font-size:18px;
    font-weight:600;
    text-align:center;
    width:100%;
    position:absolute;
    bottom:10px;
    left:0;
    line-height:40px
  }
  .settingsPopup ul.settings li.block.music {
    margin-right:22px;
    background-position:0 0
  }
  .settingsPopup ul.settings li.block.music.mute div.img {
    display:block;
    background-position:0 -100px
  }
  .settingsPopup ul.settings li.block.sound div.img {
    background-position:-100px 0
  }
  .settingsPopup ul.settings li.block.sound.mute div.img {
    display:block;
    background-position:-100px -100px
  }
  .settingsPopup ul.settings li.fullscreen {
    width:297px;
    height:66px;
    clear:both;
    background:url(/img/popups/settings/fullscreen-block.png) no-repeat 0 0
  }
  .settingsPopup ul.settings li.block.fullscreen div.img {
    width:34px;
    height:35px;
    left:15px;
    top:15px;
    background:url(/img/popups/settings/fullscreen.png) no-repeat 0 0
  }
  .settingsPopup ul.settings li.block.fullscreen p {
    text-align:left;
    width:152px;
    left:60px;
    bottom:13px;
    line-height:normal
  }
  .settingsPopup ul.settings li.block.fullscreen div.checkbox {
    position:absolute;
    right:16px;
    top:16px
  }
  .settingsPopup .controlChoice {
    width:380px;
    text-align:center;
    margin:5px auto;
    font-weight:700
  }
  .settingsPopup input[type=radio] {
    margin-left:5px;
    margin-right:3px;
    vertical-align:-1px
  }
  div.checkbox {
    width:32px;
    height:32px;
    background:url(/img/interface/checkbox.png) no-repeat 0 0
  }
  div.checkbox.checked {
    background-position:0 -50px
  }
  .okCode {
    font-size:14px;
    box-sizing:border-box;
    margin:0 auto;
    width:416px;
    padding:12px;
    line-height:16px;
    text-align:center;
    border-top:1px solid #ba8950
  }
  .okCode .codeText {
    color:#000;
    padding:3px 5px;
    margin:6px 0;
    border:1px solid #d4cabe;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    background-color:#fff
  }
  .okCode h5 {
    font-size:14px
  }
  .settingsContent {
    margin-top:166px
  }
  div.settingsLinks {
    display:block;
    position:relative;
    display:block;
    text-align:center;
    clear:both;
    line-height:26px
  }
  div.settingsLinks a {
    margin:0 10px
  }
  .changeNickPopup {
    text-align:center
  }
  .changeNickPopup h1 {
    font-size:18px;
    margin-top:20px
  }
  .changeNickPopup p.text {
    color:#9524c9;
    margin:10px 0 22px 0
  }
  .changeNickPopup div.error {
    color:#c43e3e;
    font-size:12px;
    height:20px;
    margin-top:10px;
    line-height:20px
  }
  .changeNickPopup input {
    width:266px
  }
  .changeNickPopup button {
    margin-top:10px
  }
  .profileScreen {
    color:#373757;
    background:url(/img/popups/profile/bg_pattern.jpg) repeat-x 0 0!important
  }
  .profileScreen .screenContainer {
    background:url(/img/popups/profile/bg.jpg) no-repeat 0 0
  }
  .profileScreen .leftBlock {
    width:338px;
    position:absolute;
    left:34px;
    top:0
  }
  .profileScreen .playerInfo {
    width:337px;
    height:87px;
    margin-top:21px;
    box-sizing:border-box;
    padding-left:100px;
    padding-top:17px;
    background:url(/img/popups/profile/user.png) repeat-x 0 0!important
  }
  .profileScreen .playerInfo .photoRing {
    position:absolute;
    left:-20px;
    top:17px
  }
  .profileScreen .leftBlock .playerNick {
    color:#fff;
    font-size:21px;
    position:relative
  }
  .profileScreen .leftBlock .playerNick .online {
    position:absolute;
    left:-16px;
    top:5px
  }
  .profileScreen span.playerId {
    color:#ffa100;
    font-size:13px;
    font-weight:700
  }
  .profileScreen .leftBlock .playerNick.link {
    cursor:pointer
  }
  .profileScreen .leftBlock .playerNick.link:hover {
    color:#fff
  }
  .profileScreen .clanBlock {
    width:337px;
    height:97px;
    margin-top:5px;
    margin-bottom:10px;
    position:relative;
    padding:0 10px 5px 71px;
    font-size:18px;
    box-sizing:border-box;
    background:url(/img/popups/profile/clan.png) no-repeat
  }
  .profileScreen .clanBlock .clanIco {
    position:absolute;
    left:8px;
    top:15px
  }
  .profileScreen .clanBlock .asTable {
    width:100%;
    height:100%
  }
  .profileScreen .clanBlock .playerClan {
    cursor:pointer
  }
  .profileScreen .clanBlock .playerClan:hover {
    color:#fff
  }
  .profileScreen .clanBlock .clanName {
    font-weight:700;
    margin-bottom:3px;
    display:block
  }
  .profileScreen .clanBlock .clanName span {
    display:block
  }
  .profileScreen .clanBlock .clanName span.status {
    color:#e25000;
    font-weight:400;
    font-size:16px
  }
  .profileScreen .clanBlock h2.noClan {
    font-size:16px;
    color:#e25000
  }
  ul.stats {
    width:100%
  }
  ul.stats li {
    position:relative;
    font-size:12px;
    color:#25253b;
    height:77px;
    line-height:77px;
    padding-left:72px;
    box-sizing:border-box;
    text-align:left;
    margin-bottom:10px;
    background:rgba(255,255,255,.5);
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px
  }
  ul.stats li .ico {
    position:absolute;
    left:10px;
    top:10px
  }
  ul.stats .title {
    font-size:16px
  }
  ul.stats .qty {
    font-weight:800;
    font-size:16px;
    text-align:center;
    position:absolute;
    top:0;
    right:10px
  }
  .profileScreen .clanBlock .clanName .clanIcoS {
    position:absolute;
    left:0;
    top:2px
  }
  .clanIco0.x {
    display:inline-block;
    vertical-align:middle;
    width:13px;
    height:14px;
    background:url(/img/icons/clanIco/0-x.png) no-repeat 0 0
  }
  .clanIco0.xx {
    display:inline-block;
    vertical-align:middle;
    width:21px;
    height:22px;
    background:url(/img/icons/clanIco/0-xx.png) no-repeat 0 0
  }
  .clanIco0.xxx {
    display:inline-block;
    vertical-align:middle;
    width:33px;
    height:36px;
    background:url(/img/icons/clanIco/0-xxx.png) no-repeat left top
  }
  .clanIco0.xxxx {
    display:inline-block;
    vertical-align:middle;
    width:56px;
    height:60px;
    background:url(/img/icons/clanIco/0-xxxx.png) no-repeat left top
  }
  .popupClanHeader.clanIco0 {
    background:url(/img/icons/clanIco/0-header.png) no-repeat center top
  }
  .profileScreen .rightBlock {
    position:absolute;
    left:430px;
    top:0;
    height:600px
  }
  .profileScreen .rightBlock .buffs {
    color:#fff;
    position:absolute;
    top:21px;
    left:270px;
    width:251px;
    height:87px;
    text-align:left;
    padding-left:83px;
    box-sizing:border-box;
    background:url(/img/popups/profile/league.png) repeat-x 0 0!important
  }
  .profileScreen .rightBlock .buffs h3 {
    color:#72372d;
    font-size:16px;
    text-align:left;
    text-decoration:none;
    line-height:32px
  }
  button.talentsButton {
    width:160px;
    height:41px;
    font-size:14px;
    text-shadow:1px 1px #0057a3,-1px -1px 0 #0057a3,1px -1px 0 #0057a3,-1px 1px 0 #0057a3;
    padding-bottom:5px;
    background-image:url(/img/popups/profile/button_talents.png)
  }
  .profileScreen .rightBlock .buffs div.rank {
    position:absolute;
    left:-34px;
    top:-18px
  }
  ul.hintTalentsList {
    width:349px;
    margin:0 1px;
    text-align:center;
    padding-bottom:12px
  }
  .ptip.noselect.left {
    margin-top:10px
  }
  ul.hintTalentsList li {
    display:inline-block;
    margin:8px
  }
  .profileScreen .rightBlock .leagueBlock {
    color:#fff;
    position:absolute;
    top:21px;
    width:251px;
    height:87px;
    text-align:left;
    padding-left:60px;
    box-sizing:border-box;
    background:url(/img/popups/profile/league.png) repeat-x 0 0!important
  }
  .profileScreen .leagueBlock .leagueIco {
    position:absolute;
    left:-20px;
    top:-5px
  }
  .profileScreen .leagueBlock .leagueIco img.leagueIco {
    width:100px
  }
  .profileScreen .leagueBlock .leagueIco img.rankIco {
    position:absolute;
    left:50px;
    top:-6px
  }
  .profileScreen .rightBlock h4 {
    margin-top:12px;
    font-weight:600;
    margin-left:4px;
    margin-bottom:3px;
    position:relative
  }
  .profileScreen .rightBlock .leagueBlock .rating {
    font-size:24px;
    font-weight:700;
    color:#ffd800;
    font-size:16px
  }
  .profileScreen .rightBlock .leagueBlock .rating:before {
    content:url(/img/icons/cup-m.png);
    vertical-align:-7px
  }
  .profileScreen .centerDiv {
    top:340px;
    left:253px
  }
  .profileScreen button.writeMsg {
    position:absolute;
    bottom:30px;
    left:170px;
    width:172px;
    height:65px;
    padding-bottom:9px;
    text-align:left;
    padding-left:50px;
    background-image:url(/img/popups/profile/button_msg.png)
  }
  .screen.newDivisionScreen {
    text-align:center;
    background:url(/img/screens/tops/top_chest.jpg) no-repeat center center #ffaf22
  }
  .newDivisionScreen h1 {
    font-size:19px;
    width:100%;
    height:44px;
    line-height:44px;
    margin:0 auto;
    text-align:center;
    top:93px;
    left:0;
    color:#feeedd;
    position:absolute
  }
  .newDivisionScreen h2 {
    position:relative;
    margin-top:30px
  }
  .newDivisionScreen div.newLeagueIco {
    position:relative;
    margin-top:200px;
    z-index:2
  }
  .platinaRatingUpdateScreen {
    position:absolute;
    text-align:center;
    z-index:3;
    background:url(/img/screens/league/new-rank-bg.jpg) no-repeat left center
  }
  .platinaRatingUpdateScreen ul.platinaStepAward.plus {
    margin-left:12px;
    background:url(/img/screens/league/big-plus.png) no-repeat 50% 30px
  }
  .platinaRatingUpdateScreen ul.platinaStepAward.plus li {
    width:280px;
    padding-right:5px
  }
  .platinaRatingUpdateScreen .platinaStepAward {
    margin-top:260px
  }
  .platinaRatingUpdateScreen h2 {
    font-size:19px;
    width:100%;
    height:44px;
    line-height:44px;
    margin:0 auto;
    text-align:center;
    top:93px;
    left:0;
    color:#feeedd;
    position:absolute
  }
  ul.platinaStepAward {
    font-size:14px;
    text-align:center
  }
  ul.platinaStepAward.plus {
    background:url(/img/screens/league/plus.png) no-repeat 51% 40px
  }
  .platinaStepAward li {
    vertical-align:top;
    text-align:center;
    width:200px;
    display:inline-block
  }
  .platinaStepAward li .awardImg {
    height:137px
  }
  .platinaStepAward li p {
    font-weight:700
  }
  .platinaStepAward li p em {
    display:block;
    font-weight:400
  }
  .platinaStepAward li.chest {
    margin-right:20px
  }
  .platinaStepAward li.chest img {
    cursor:pointer
  }
  .platinaStepAward li.chest p {
    padding-right:30px
  }
  .platinaStepAward li.emblem img {
    margin-top:10px
  }
  .platinaStepAward li.platinaRating {
    width:170px;
    margin:0 0 0 20px
  }
  .popupSize5 {
    color:#9524c9;
    width:679px;
    height:538px;
    padding:0;
    left:160px;
    top:40px;
    position:relative;
    background:url(/img/popups/popup-size5.png) no-repeat 0 0
  }
  .topPopup .rightBlock {
    position:absolute;
    left:310px;
    top:25px
  }
  .topPopup .asTable.info {
    color:#9524c9;
    height:80px;
    text-align:left;
    margin:0 0 5px 0
  }
  .topPopup .asTable.info .text {
    padding-left:10px
  }
  .topPopup p.info h2 {
    font-size:20px;
    color:#9524c9
  }
  .topPopup p.info h2 .ico {
    float:left;
    position:relative;
    top:-5px;
    margin-right:.3em
  }
  .topPopup ul.topsMenu {
    position:absolute;
    left:0;
    top:30px;
    padding-top:50px;
    box-sizing:border-box;
    width:287px;
    height:559px;
    background:url(/img/screens/tops/menu.png) no-repeat 0 0
  }
  .topPopup ul.topsMenu li {
    cursor:pointer;
    position:relative;
    width:184px;
    margin-left:46px;
    height:66px;
    color:#9524c9;
    font-weight:600;
    font-size:16px;
    text-align:left;
    line-height:66px;
    padding-left:30px;
    z-index:10;
    background:url(/img/screens/tops/menu-li.png) no-repeat center top
  }
  .topPopup ul.topsMenu li img {
    vertical-align:-10px
  }
  .topPopup ul.topsMenu li:hover {
    color:#fff
  }
  .topPopup ul.topsMenu li.active {
    color:#ffe3c8;
    text-shadow:2px 0 0 #bc7817,-2px 0 0 #bc7817,0 2px 0 #bc7817,0 -2px 0 #bc7817,1px 1px #bc7817,-1px -1px 0 #bc7817,1px -1px 0 #bc7817,-1px 1px 0 #bc7817
  }
  .topPopup ul.topsMenu li.active:before {
    content:'';
    width:237px;
    height:70px;
    position:absolute;
    top:-1px;
    left:-20px;
    cursor:default;
    z-index:-1;
    background-image:url(/img/screens/tops/menu-li-current.png)
  }
  .topPopup .topContentBlock {
    width:609px
  }
  ul.topBookmarks.bookmarkActive1 {
    width:100%;
    height:54px;
    background:url(/img/screens/tops/switch1.png) no-repeat 0 0
  }
  ul.topBookmarks.bookmarkActive2 {
    width:100%;
    height:54px;
    background:url(/img/screens/tops/switch2.png) no-repeat 0 0
  }
  ul.topBookmarks.bookmarkActive3 {
    width:100%;
    height:54px;
    background:url(/img/screens/tops/switch3.png) no-repeat 0 0
  }
  ul.topBookmarks li {
    color:#9524c9;
    float:left;
    width:150px;
    cursor:pointer;
    font-size:14px;
    font-weight:600;
    line-height:40px;
    text-align:center
  }
  ul.topBookmarks li.active {
    color:#dd6314;
    cursor:default
  }
  ul.topBookmarks li.active:hover {
    color:#b16f19
  }
  ul.topBookmarks li:hover {
    color:#ac3638
  }
  .topPopup .topContentBlock .scrollContainer {
    overflow:auto;
    height:200px
  }
  .topPopup .topListContainer {
    width:645px
  }
  .topPopup .topListContainer.inTop10 {
    height:307px
  }
  .topPopup .topListContainer.inTop10 .scrollArea {
    height:320px
  }
  .topPopup .topListContainer .scrollArea {
    overflow:auto;
    width:658px;
    height:394px;
    padding-right:15px;
    margin-left:5px
  }
  .topPopup .topListContainer.noBookmarks .scrollArea {
    height:474px
  }
  .topPopup .topListContainer.noBookmarks.inTop10 .scrollArea {
    height:374px
  }
  .topPopup ul.topList {
    width:644px;
    margin:0 auto
  }
  .topPopup ul.topList li {
    height:52px;
    position:relative;
    background:url(/img/screens/tops/row.png) no-repeat center top
  }
  .topPopup ul.topList li:first-child {
    background:0 0
  }
  .topPopup ul.topList li .photoRing {
    position:absolute;
    top:1px;
    left:104px
  }
  .topPopup ul.topList li .online {
    position:absolute;
    z-index:4;
    top:19px;
    left:80px
  }
  .topPopup ul.topList li.my {
    height:59px
  }
  .topPopup ul.topList li.my .photoRing {
    margin-top:7px
  }
  .topPopup ul.topList li.my .place .chestPlace {
    top:9px
  }
  .topPopup ul.topList li.my .online {
    top:22px
  }
  .topPopup ul.topList li.my:before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:656px;
    height:59px;
    background:url(/img/screens/tops/row-my.png) no-repeat 0 0
  }
  .topPopup ul.topList li .place {
    width:50px;
    text-align:center;
    font-weight:600;
    color:#ff7800;
    line-height:50px;
    position:absolute;
    left:10px;
    top:0;
    z-index:3
  }
  .topPopup ul.topList li .place .crownIco {
    margin-top:11px
  }
  .topPopup ul.topList li .place .chestPlace {
    cursor:pointer;
    position:relative;
    top:5px
  }
  .topPopup ul.topList .score {
    color:#ca36a2;
    font-size:22px;
    text-align:left;
    font-weight:900;
    text-shadow:2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff
  }
  .topPopup ul.topList .name {
    width:330px;
    cursor:pointer;
    font-weight:600
  }
  .topPopup ul.topList .asTable {
    position:absolute;
    height:100%;
    left:163px;
    top:1px
  }
  .topPopup ul.topList .name:hover {
    color:#d32bd1
  }
  .topPopup ul.topList .photoRing {
    margin-top:4px
  }
  .topPopup ul.topList.clans .clanIco {
    margin-right:7px
  }
  .topPopup ul.topList.clans .asTable {
    width:580px;
    left:67px
  }
  .topPopup ul.topList.clans .name {
    width:430px
  }
  .topPopup .myPlace {
    display:none;
    margin-top:19px;
    margin-left:5px
  }
  .topPopup .myPlace ul.topList li .place {
    line-height:59px
  }
  .topPopup .inTop10 .myPlace {
    display:block
  }
  .topWinnerPopup {
    color:#9524c9;
    padding:0;
    text-align:center;
    background:url(/img/screens/tops/top_chest.jpg) no-repeat center center #ffa507!important
  }
  .topWinnerPopup h2 {
    font-size:19px;
    width:100%;
    height:44px;
    line-height:44px;
    margin:0 auto;
    text-align:center;
    top:93px;
    left:0;
    color:#feeedd;
    position:absolute
  }
  .topWinnerPopup .info {
    color:#9524c9;
    width:100%;
    text-align:center;
    top:440px;
    left:0;
    position:absolute
  }
  .exitPopup {
    text-align:center
  }
  .exitPopup h2 {
    color:#9524c9;
    margin-top:32px
  }
  .exitPopup .info {
    margin:15px 0;
    color:#965428
  }
  .requestPopup .container {
    height:466px;
    position:absolute;
    left:15px;
    right:15px;
    top:45px
  }
  .requestPopup .scrollContainer {
    height:457px;
    padding-top:10px;
    overflow:auto;
    margin:0 auto
  }
  .requestPopup .textInfo {
    text-align:center;
    margin:10px 0;
    font-style:italic
  }
  .requestPopup .requestWeaponImg {
    display:block;
    margin:5px auto;
    position:relative;
    left:-30px
  }
  .requestPopup .qty {
    font-size:30px;
    position:absolute;
    left:230px;
    top:90px
  }
  .requestPopup .qty span {
    font-size:40px
  }
  .requestPopup .textInfo img {
    vertical-align:-4px;
    margin-right:5px;
    margin-left:7px
  }
  .requestPopup ul.weaponsList li {
    margin:0 15px 22px 35px
  }
  .serverUpdatePopup {
    text-align:center
  }
  .serverUpdatePopup h1 {
    font-size:24px;
    padding-top:20px
  }
  .serverUpdatePopup div.gears {
    width:173px;
    height:115px;
    margin:15px auto 15px auto;
    background:url(/img/popups/server-update/gears.png) 0 0
  }
  .serverUpdatePopup p {
    font-size:18px;
    font-weight:700
  }
  .popupSize1 .contentContainer {
    padding:10px 15px
  }
  .tasksPopup .progressHeader {
    height:116px;
    width:812px;
    position:relative;
    margin:0 auto;
    background-color:#eee5d9;
    border:2px solid #d4cabe;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    background:url(/img/popups/tasks/header-bg.jpg) no-repeat 0 0
  }
  .tasksPopup .standartProgressBar {
    position:absolute;
    width:300px;
    left:30px;
    top:43px
  }
  .tasksPopup .standartProgressBar .progressContainer {
    width:302px;
    left:18px
  }
  .tasksPopup .nextAward {
    position:absolute;
    text-align:right;
    top:0;
    right:10px
  }
  .tasksPopup .nextAward .nextAwardText {
    width:100px;
    color:#9524c9;
    font-size:14px;
    padding-right:10px;
    position:absolute;
    left:-105px;
    right:0;
    font-style:italic;
    top:20px;
    text-align:right
  }
  .tasksPopup .nextAward .nextAwardText a {
    display:block;
    margin-top:7px;
    font-style:normal;
    font-weight:700
  }
  .tasksPopup .nextAward ul {
    height:114px;
    margin-top:1px;
    display:table
  }
  .tasksPopup .nextAward ul li {
    height:106px;
    vertical-align:middle;
    display:table-cell;
    cursor:pointer;
    padding-right:5px
  }
  .tasksPopup .nextAward ul li.chest {
    margin-right:0
  }
  .tasksPopup .nextAward ul li.chest img {
    height:90px;
    image-rendering:pixelated;
    margin-top:-10px
  }
  .tasksPopup .nextAward ul li.buff {
    padding:0
  }
  .tasksList h2 {
    color:#9524c9;
    font-size:16px;
    padding:0 10px;
    margin-bottom:10px
  }
  ul.tasksList {
    margin-top:22px;
    margin-left:21px
  }
  ul.tasksList .text {
    font-size:14px;
    padding:0 10px;
    color:#9524c9
  }
  ul.tasksList li {
    width:192px;
    height:293px;
    margin-right:16px;
    text-align:center;
    position:relative;
    float:left
  }
  ul.tasksList li .taskContainer {
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background:url(/img/popups/tasks/task-bg-gray.png) no-repeat center center
  }
  ul.tasksList li .taskContainer.newData {
    display:none
  }
  ul.tasksList .active.taskContainer {
    background:url(/img/popups/tasks/task-bg.png) no-repeat center center
  }
  ul.tasksList li#slot4 .taskContainer {
    cursor:pointer;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    background:url(/img/popups/tasks/task-bg-donate.png) no-repeat center center
  }
  ul.tasksList li#slot4 .taskContainer .text {
    text-decoration:underline
  }
  ul.tasksList li#slot4 .taskContainer:hover {
    -webkit-box-shadow:inset 0 0 0 4px #fa8700;
    -moz-box-shadow:inset 0 0 0 4px #fa8700;
    box-shadow:inset 0 0 0 4px #fa8700
  }
  ul.tasksList img.taskIco {
    margin-top:-23px
  }
  ul.tasksList .closeTask {
    position:absolute;
    top:-10px;
    right:-10px;
    width:24px;
    height:24px;
    background:url(/img/interface/hint-close.png) no-repeat center center
  }
  ul.tasksList .taskProgressBar {
    width:160px;
    position:absolute;
    left:15px;
    bottom:100px
  }
  ul.tasksList .awardBlock {
    position:absolute;
    left:14px;
    bottom:11px;
    width:164px;
    height:70px;
    background:url(/img/popups/tasks/award.png) no-repeat center center
  }
  ul.tasksList .awardBlock p {
    margin-top:8px;
    margin-bottom:5px
  }
  ul.tasksList .awardBlock span {
    color:#9524c9;
    font-weight:700;
    font-size:16px;
    margin:0 8px;
    text-shadow:2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff
  }
  ul.tasksList .awardBlock span img {
    margin-right:3px
  }
  ul.tasksList .nextTaskText {
    color:#9524c9;
    position:relative;
    top:80px;
    font-size:14px;
    padding:0 5px
  }
  ul.tasksList .nextTaskText button {
    margin:10px auto
  }
  ul.tasksList .nextTaskText .timerContainer {
    margin-right:20px
  }
  .tasksPopup .taskComplete {
    color:#64ba00;
    font-size:18px;
    font-weight:700;
    margin:20px 0 10px 0
  }
  .tasksPopup .takeAward {
    position:absolute;
    left:11px;
    bottom:86px;
    z-index:3
  }
  .tasksPopup .taskComplete em {
    margin-left:5px
  }
  .taskChangePopup h2 {
    padding:15px;
    text-align:center
  }
  .taskChangePopup .timerIco {
    vertical-align:-7px
  }
  .mafButton {
    width:181px;
    height:80px;
    position:absolute;
    bottom:16px;
    left:235px;
    background:url(/img/interface/button-maf.png) no-repeat 0 0
  }
  .mafButton:hover {
    background-position:0 -80px
  }
  .mafButton:active {
    background-position:0 -160px
  }
  #screenContainer {
    position:absolute;
    left:0;
    top:0;
    z-index:15;
    text-align:left
  }
  .screen {
    position: relative;
    width: 1000px;
    height: 650px;
    overflow: hidden;
    border-radius: 20px; /* Скругление краёв */
}

.screen::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://misty-dawn.ru/Luver/fn_f.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0.85; /* Прозрачность изображения */
    z-index: -1; /* Помещаем псевдоэлемент под содержимым .screen */
    border-radius: 20px; /* Скругление краёв */
}

/* Содержимое .screen */
.screen-content {
    position: relative;
    z-index: 1; /* Помещаем содержимое над псевдоэлементом */
    /* Дополнительные стили для содержимого .screen */
    background-color: rgba(255, 255, 255, 0.8); /* Пример непрозрачного фона */
    padding: 20px;
    border-radius: 20px; /* Скругление краёв для содержимого */
}


  .screen .screenContainer {
    position:relative;
    width:1000px;
    height:600px;
    margin:0 auto;
    overflow:hidden
  }
  .screen .footerButton {
    position:absolute;
    bottom:35px;
    text-align:center
  }
  .screen .popupClose {
    top:8px;
    right:10px
  }
  .screen button.popupClose {
    top:25px;
    right:10px
  }
  .weaponsCollectedScreen {
    background:url(/img/screens/weaponCollect/bg-type1.jpg) no-repeat center center #f8a869
  }
  .weaponsCollectedScreen.type2 {
    background:url(/img/screens/weaponCollect/bg-type2.jpg) no-repeat center center #041435
  }
  .weaponsCollectedScreen.type3 {
    background:url(/img/screens/weaponCollect/bg-type3.jpg) no-repeat center center #34205b
  }
  .weaponsCollectedScreen h3 {
    font-size:22px;
    font-weight:200;
    padding-top:15px;
    text-align:center
  }
  .weaponsCollectedScreen.type2 h3,
  .weaponsCollectedScreen.type3 h3 {
    color:#fff
  }
  .weaponsCollectedScreen .weaponLevel {
    position:absolute;
    left:280px;
    top:162px
  }
  .weaponsCollectedScreen div.weaponIco {
    position:absolute;
    left:523px;
    top:160px;
    z-index:1
  }
  .weaponsCollectedScreen .weaponProgressBar {
    position:absolute;
    left:390px;
    top:70px
  }
  .weaponsCollectedScreen .levelPlus {
    color:#49ab14;
    font-size:26px;
    font-weight:700;
    line-height:40px;
    position:absolute;
    left:360px;
    top:170px
  }
  .weaponsCollectedScreen ul {
    position:absolute;
    left:275px;
    top:240px
  }
  .weaponsCollectedScreen ul li {
    width:318px;
    height:64px;
    margin:10px 0;
    padding-left:71px;
    position:relative;
    background:url(/img/screens/weaponCollect/li.png) no-repeat 0 0
  }
  .weaponsCollectedScreen ul li.damage {
    line-height:62px
  }
  .weaponsCollectedScreen ul li.damage:after {
    content:'';
    width:50px;
    height:50px;
    position:absolute;
    left:12px;
    top:5px;
    background:url(/img/weapons/weapon-spec/damage.png) no-repeat 0 0
  }
  .weaponsCollectedScreen ul li.damage.defence:after {
    top:6px;
    background:url(/img/weapons/weapon-spec/defence.png) no-repeat 0 0
  }
  .weaponsCollectedScreen ul li.durability {
    padding-top:5px
  }
  .weaponsCollectedScreen ul li.durability:after {
    content:'';
    width:45px;
    height:46px;
    position:absolute;
    left:14px;
    top:9px;
    background:url(/img/icons/durability.png) no-repeat 0 0
  }
  .weaponsCollectedScreen .durabilityBar {
    margin-top:5px
  }
  .weaponsCollectedScreen span.current {
    font-size:21px;
    font-weight:700;
    margin-left:9px
  }
  .weaponsCollectedScreen span.plus {
    font-size:26px;
    color:#49ab14;
    position:absolute;
    padding-left:5px;
    font-weight:700
  }
  .chestHint {
    width:323px;
    height:255px;
    z-index:100;
    background:url(/img/chests/hint.png) no-repeat 0 0
  }
  .chestHint.bossChestHint {
    width:323px;
    height:242px;
    background:url(/img/chests/hint2.png) no-repeat 0 0
  }
  .chestHint.bossChestHint .qty {
    bottom:-25px!important;
    position:absolute
  }
  .chestHint ul.hintItems {
    text-align:center;
    margin-top:10px
  }
  .chestHint ul.hintItems li {
    width:128px;
    height:130px;
    font-size:14px;
    display:inline-block;
    position:relative;
    vertical-align:top
  }
  .chestHint .container {
    width:295px;
    height:227px;
    position:absolute;
    left:17px;
    top:11px
  }
  .chestHint .tokens {
    width:128px;
    height:110px;
    position:absolute;
    left:10px;
    top:40px;
    font-size:14px;
    text-align:center
  }
  .chestHint .qty {
    width:100%;
    font-size:30px;
    text-align:center;
    text-shadow:2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff
  }
  .chestHint .tokens .qty {
    position:absolute;
    bottom:-5px
  }
  .chestHint .coins {
    width:128px;
    height:110px;
    position:absolute;
    left:160px;
    top:40px;
    font-size:14px;
    text-align:center
  }
  .chestHint .container h3 {
    text-align:center;
    margin-top:11px
  }
  .chestHint .container .footerText {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:71px;
    font-size:14px;
    text-align:center
  }
  .chestHint .container .footerText h4 {
    font-size:15px;
    margin-top:11px;
    margin-bottom:6px
  }
  .chestOpenScreen {
    background:url(/img/screens/chestOpen/bg.jpg) no-repeat 0 0 #f5cd9a
  }
  .chestOpenScreen .chestContainer .chestImg {
    position:absolute
  }
  .chestOpenScreen .container {
    position:absolute;
    width:698px;
    height:360px;
    left:151px;
    top:121px
  }
  h1.tape1 {
    display:block;
    width:307px;
    height:76px;
    font-size:22px;
    font-weight:600;
    line-height:66px;
    color:#fff3e5;
    text-align:center;
    background:url(/img/screens/chestOpen/chestHeader.png) no-repeat 0 0
  }
  .chestOpenScreen h1 {
    margin:42px auto 0 auto
  }
  .chestOpenScreen h2 {
    color:#9524c9;
    text-align:left;
    padding-left:15px;
    margin:0 0 10px 0
  }
  .chestOpenScreen .weaponContainer {
    width:134px;
    height:134px;
    position:relative;
    text-align:center
  }
  .chestOpenScreen div.weaponImg {
    position:absolute;
    top:112px;
    left:52px
  }
  .chestOpenScreen .weaponImg .itemQty {
    color:#5c3027;
    font-size:22px;
    line-height:24px;
    font-weight:600;
    position:absolute;
    width:100%;
    bottom:-10px;
    text-align:center;
    text-shadow:2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff
  }
  .chestOpenScreen .weaponImg .itemQty em {
    font-size:34px
  }
  .chestOpenScreen div.weaponImg .weaponTypeText {
    width:100%;
    font-style:italic;
    text-align:center;
    position:absolute;
    top:-23px;
    left:0
  }
  .chestOpenScreen button.button {
    position:absolute;
    left:410px;
    bottom:34px
  }
  .chestOpenScreen .chestContainer {
    width:350px;
    height:350px;
    position:absolute;
    top:120px;
    left:300px
  }
  .chestOpenScreen .itemsInChest {
    position:absolute;
    right:10px;
    bottom:40px;
    display:block;
    width:61px;
    height:61px;
    font-size:22px;
    font-weight:600;
    line-height:60px;
    color:#fff3e5;
    text-align:center;
    z-index:5;
    background:url(/img/screens/chestOpen/itemsInChest.png) no-repeat 0 0
  }
  .chestOpenScreen .progressBlock {
    position:absolute;
    top:140px;
    left:200px
  }
  .chestOpenScreen span.upgradeAvailable {
    display:none
  }
  .chestOpenScreen .progressBar.full,
  .weaponProgressBar.bigSize.full {
    background-position:0 -100px!important
  }
  .chestOpenScreen .progressBar.full .progress,
  .weaponProgressBar.bigSize.full .progress {
    display:none
  }
  .chestOpenScreen .progressBar.coins .progressText {
    left:0
  }
  .chestOpenScreen .progressBar.full .upgradeAvailable {
    display:block;
    color:green;
    text-align:center;
    position:absolute;
    width:100%;
    left:0;
    bottom:-24px
  }
  .chestOpenScreen .progressBar.coins {
    background-position:0 -150px
  }
  .chestOpenScreen .progressBar.coins img {
    vertical-align:-3px;
    margin-right:5px
  }
  .chestOpenScreen .progressBar.coins .progress {
    display:none
  }
  .openChestScreen {
    text-align:center;
    overflow:hidden
  }
  .openChestScreen:before {
    content:'';
    width:100%;
    height:200%;
    position:absolute;
    left:0;
    top:0;
    background:url('https://misty-dawn.ru/Luver/fn_f.jpg') repeat center center #eeac58!important
  }
  .openChestScreen .screenContainer:before {
    content:url(/img/bg/shine2.png);
    position:absolute;
    left:50%;
    top:50%;
    width:600px;
    height:600px;
    margin-left:-300px;
    margin-top:-300px
  }
  .openChestScreen .standartProgressBar h4 {
    font-size:11.5px
  }
  .openChestScreen .img {
    position:absolute;
    left:440px;
    top:104px
  }
  .openChestScreen .img img {
    position:relative
  }
  .openChestScreen.type1 .img {
    top:85px;
    left:360px
  }
  .openChestScreen .img em.qty.bigText {
    font-size:40px;
    width:160px;
    left:65px;
    bottom:-47px;
    text-align:center;
    position:absolute
  }
  .openChestScreen .img em.qty.bigText span {
    font-size:60px
  }
  .openChestScreen .standartProgressBar.weaponBar .progressContainer {
    padding-left:12px
  }
  .openChestScreen .newWeapon {
    width:167px;
    height:56px;
    line-height:56px;
    color:#fff;
    font-weight:400;
    position:absolute;
    left:324px;
    top:185px;
    background:url(/img/screens/chestOpen/new-weapon.png)
  }
  .openChestScreen ul.weaponSpec {
    top:165px;
    left:360px;
    position:absolute
  }
  .openChestScreen .weaponSpec li {
    background:0 0;
    color:#000;
    margin-bottom:15px
  }
  .openChestScreen .weaponSpec li h5 {
    font-size:13px;
    padding-top:5px
  }
  .openChestScreen .weaponSpec li span.param {
    font-size:25px
  }
  .openChestScreen .footerButton {
    bottom:0
  }
  .openChestScreen .chestContainer .chestImg {
    position:absolute
  }
  .openChestScreen .chestContainer {
    position:absolute;
    width:450px;
    height:384px;
    left:275px;
    top:81px
  }
  .openChestScreen .chestContainerFinal {
    position:absolute;
    width:350px;
    height:384px;
    left:325px;
    top:5px
  }
  .openChestScreen .chestContainerFinal img {
    width:350px
  }
  .openChestScreen .img.coins em.qty.bigText {
    left:5px
  }
  .openChestScreen ul.itemList {
    width:100%;
    position:absolute;
    margin:0 auto;
    text-align:center;
    bottom:140px
  }
  .openChestScreen ul.itemList.smallMode {
    width:740px;
    left:130px
  }
  .openChestScreen ul.itemList li {
    width:134px;
    height:134px;
    margin:14px 7px 0 7px;
    position:relative;
    display:inline-block;
    vertical-align:top;
    text-align:center
  }
  .openChestScreen ul.itemList li>div {
    margin:0 auto
  }
  .openChestScreen button.button {
    position:absolute;
    left:410px;
    bottom:34px
  }
  .seasonEndScreen {
    background:url(/img/screens/seasonEnd/bg.jpg) no-repeat 0 0 #b0eae4
  }
  .seasonEndScreen h2 {
    color:#fff;
    text-align:center;
    position:absolute;
    left:330px;
    top:96px;
    width:340px;
    line-height:40px
  }
  .seasonEndScreen .container {
    color:#000;
    width:680px;
    top:190px;
    left:160px;
    text-align:center;
    position:absolute
  }
  .seasonEndScreen .container p {
    margin:15px 0
  }
  .seasonEndScreen .finalLeagueRatingBig {
    margin:0 auto
  }
  .finalLeagueRatingBig {
    color:#fff;
    font-size:25px;
    font-weight:700;
    text-align:center;
    width:170px;
    height:173px;
    line-height:170px;
    background:url(/img/screens/league/rating.png)
  }
  .finalLeagueRatingBig em:before {
    content:'';
    width:24px;
    height:27px;
    vertical-align:-4px;
    display:inline-block;
    background:url(/img/icons/cup-s.png)
  }
  .newSlotScreen {
    background:url(/img/screens/seasonEnd/bg.jpg) no-repeat center center #b0eae4
  }
  .newSlotScreen h2 {
    color:#fff;
    text-align:center;
    position:absolute;
    left:330px;
    top:96px;
    width:340px;
    line-height:40px
  }
  .newSlotScreen p.text {
    width:100%;
    color:#000;
    margin:15px 0;
    position:absolute;
    top:410px;
    line-height:20px;
    left:0;
    text-align:center
  }
  .newSlotScreen .myWeaponsSlots {
    position:absolute;
    top:200px;
    left:0
  }
  .newSlotScreen .slotsBg {
    position:absolute;
    width:300px;
    left:350px;
    top:260px
  }
  .newSlotScreen .slotsBg ul.playerSlots {
    width:100%;
    text-align:center
  }
  .newSlotScreen .slotsBg ul.playerSlots li {
    display:inline-block;
    left:0;
    top:0;
    margin:0 10px;
    vertical-align:top;
    position:relative
  }
  .weaponCreateScreen {
    text-align:center;
    background:url(/img/screens/weaponCreate/bg.jpg) no-repeat 0 0 #092851
  }
  .weaponCreateScreen h1 {
    margin:0 auto;
    width:452px;
    height:78px;
    padding-top:22px;
    text-align:center;
    color:#fff;
    font-weight:600;
    font-size:24px;
    line-height:47px;
    text-shadow:1px 1px 2px rgba(0,0,0,.74);
    background:url(/img/screens/weaponCreate/header.png) no-repeat 0 0
  }
  .weaponCreateScreen .img {
    position:absolute;
    left:440px;
    top:124px
  }
  .weaponCreateScreen ul.weaponSpec {
    top:170px;
    left:350px;
    position:absolute
  }
  .weaponCreateScreen .weaponSpec li {
    background:0 0;
    color:#000;
    margin-bottom:15px
  }
  .weaponCreateScreen .weaponSpec li h5 {
    font-size:15px;
    padding-top:5px
  }
  .weaponCreateScreen .weaponSpec li span.param {
    font-size:25px
  }
  .brokenScreen {
    background:url(/img/screens/broken/bg.jpg) no-repeat center center #6a638c!important
  }
  .brokenScreen h2 {
    color:#fff;
    position:relative;
    top:36px
  }
  .brokenScreen .weaponIco {
    position:absolute;
    left:368px;
    top:120px
  }
  .brokenScreen .standartProgressBar {
    position:absolute;
    left:390px;
    top:430px
  }
  .brokenScreen button.button {
    position:absolute;
    left:390px;
    bottom:20px
  }
  .brokenScreen .jettonQtyBlock {
    color:#fff;
    position:absolute;
    top:20px;
    left:20px;
    padding:13px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    background-color:rgba(55,55,87,.75)
  }
  .brokenScreen .jettonQtyBlock .qty {
    display:block;
    font-weight:700
  }
  .brokenScreen .jettonQtyBlock ul li {
    padding-left:40px;
    margin:3px 0
  }
  .brokenScreen .jettonQtyBlock ul .jettonImg {
    background:url(/img/icons/jetton-type2-xx.png) no-repeat center left
  }
  .brokenScreen .jettonQtyBlock ul .jettonImg.type3 {
    background:url(/img/icons/jetton-type3-xx.png) no-repeat center left
  }
  .brokenScreen .jettonQtyBlock ul .jettonImg.type4 {
    background:url(/img/icons/jetton-type4-xx.png) no-repeat center left
  }
  .newLevelScreen {
    text-align:center;
    background:url(/img/screens/bg.jpg) no-repeat center center #d9883a
  }
  .newLevelScreen .levelContainer {
    width:118px;
    margin:10px auto 0 auto;
    text-align:center;
    position:relative
  }
  .newLevelScreen .levelContainer .level {
    margin:0 auto;
    z-index:2
  }
  .newLevelScreen .info {
    position:relative;
    color:#9524c9;
    margin:15px 0;
    font-style:Italic
  }
  .newLevelScreen .info b {
    font-style:normal
  }
  .newLevelScreen h1 {
    margin:40px auto 0 auto
  }
  .newLevelScreen ul.itemList {
    margin-top:20px
  }
  .newLevelScreen ul.itemList li {
    height:100px;
    cursor:pointer;
    display:inline-block;
    vertical-align:top;
    position:relative;
    text-align:left;
    margin:0 8px
  }
  .newLevelScreen ul.itemList li .row {
    height:100%
  }
  .newLevelScreen ul.itemList li.chest img {
    height:130px;
    top:-12px;
    position:relative
  }
  .levelInfoPopup {
    color:#9524c9;
    width:690px;
    height:488px;
    padding:0;
    text-align:center;
    position:relative;
    background:url(/img/popups/level-info/bg.png) no-repeat center center
  }
  .levelInfoPopup h1 {
    top:-9px;
    font-size:22px;
    position:relative
  }
  .levelInfoPopup .photoRing {
    top:-20px;
    margin:0 auto
  }
  .levelInfoPopup .leagueProgressBar {
    width:450px;
    margin:20px auto
  }
  .levelInfoPopup .leagueProgressBar .level {
    top:-23px;
    position:absolute
  }
  .levelInfoPopup .leagueProgressBar .current {
    left:-8px
  }
  .levelInfoPopup .leagueProgressBar .next {
    right:-8px
  }
  .levelInfoPopup p.itemListText {
    font-size:16px;
    font-style:italic;
    margin:60px 0 20px 0
  }
  .levelInfoPopup ul.itemList li {
    display:inline-block
  }
  .friendsPopup {
    background:#fff6ea
  }
  .friendsPopup .scrollContainer {
    overflow:auto;
    width:100%;
    height:484px;
    position:absolute;
    padding:0 20px;
    left:0;
    top:69px;
    box-sizing:border-box
  }
  .friendsPopup ul.friendsList li {
    position:relative;
    height:100px;
    border-bottom:2px solid #eed8b8;
    margin-bottom:5px;
    background-color:#f9ebcf;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px
  }
  .friendsPopup ul.friendsList li.waiting {
    background-color:#ffd387;
    border-bottom:2px solid #f4c278;
    height:66px
  }
  .friendsPopup ul.friendsList li.waiting .photoRing {
    top:6px
  }
  .friendsPopup ul.friendsList li.waiting .playerNameColumn {
    left:80px
  }
  .friendsPopup ul.friendsList li.waiting .cancleInvite {
    position:absolute;
    right:75px;
    top:10px
  }
  .friendsPopup ul.friendsList li.waiting button.deleteFriend {
    display:none
  }
  .friendsPopup ul.friendsList li.my {
    border-bottom:3px solid #25253b;
    background-color:#373757;
    -webkit-box-shadow:inset 0 0 54px 2px rgba(270, 6, 88, 0.5);
    -moz-box-shadow:inset 0 0 54px 2px rgba(270, 6, 88, 0.5);
    box-shadow:inset 0 0 54px 2px rgba(270, 6, 88, 0.5)
  }
  .friendsPopup ul.friendsList li.my * {
    color:#fff
  }
  .friendsPopup ul.friendsList .level {
    display:none
  }
  .friendsPopup ul.friendsList .photoRing {
    position:absolute;
    left:10px;
    top:10px
  }
  .friendsPopup .myRequestButton {
    position:absolute;
    right:21px;
    top:17px;
    white-space:nowrap
  }
  .friendsPopup .myRequestButton .notification:before {
    top:-12px;
    right:-28px
  }
  .friendsPopup .emptySlost {
    width:62px;
    height:62px;
    position:absolute;
    right:206px;
    top:18px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    border:2px solid #ffcb8b
  }
  .friendsPopup ul.friendsList .playerName {
    cursor:pointer;
    color:#9524c9;
    font-weight:700;
    font-size:18px
  }
  .friendsPopup ul.friendsList .playerName:hover {
    color:#d32bd1
  }
  .friendsPopup ul.friendsList .playerNameColumn p.status {
    color:#a69d91;
    font-size:12px;
    padding:3px 0
  }
  .friendsPopup ul.friendsList .playerNameColumn p.online {
    padding-left:20px;
    background:url(/img/icons/online.png) no-repeat 0 2px
  }
  .friendsPopup ul.friendsList .playerNameColumn p.online.inGame {
    color:#42bd00
  }
  .friendsPopup ul.friendsList .playerNameColumn {
    width:220px;
    position:absolute;
    left:120px;
    top:2px;
    height:100%;
    display:table
  }
  .friendsPopup ul.friendsList .playerNameColumn span.rating {
    color:#9524c9;
    padding-left:20px;
    font-size:14px;
    font-weight:400;
    margin-left:10px;
    padding:3px 0 3px 23px;
    background:url(/img/icons/cup-xs2.png) no-repeat 0 1px
  }
  .friendsPopup ul.friendsList .buttonColumn {
    position:absolute;
    width:242px;
    top:25px;
    left:356px;
    font-weight:700;
    text-align:center
  }
  .friendsPopup ul.friendsList .requestBlock {
    position:absolute;
    right:30px;
    width:218px;
    text-align:center;
    padding-left:60px
  }
  .friendsPopup ul.friendsList .requestBlock .weaponImg {
    cursor:pointer;
    margin-top:18px
  }
  .friendsPopup ul.friendsList .requestBlock .requestInfo {
    display:table;
    width:100%;
    height:100px;
    color:#9524c9;
    font-size:16px;
    text-align:center
  }
  .friendsPopup ul.friendsList .requestBlock .requestInfo .verticalAlign {
    margin-top:15px
  }
  .friendsPopup ul.friendsList .requestBlock .requestInfo p.timerText {
    padding:0 15px
  }
  .friendsPopup ul.friendsList .requestBlock .timer {
    color:#c52c9b;
    font-size:16px;
    font-weight:700;
    margin:7px 0 0 0;
    padding-right:25px
  }
  .friendsPopup ul.friendsList .requestBlock .timer:before {
    content:'';
    display:inline-block;
    width:24px;
    height:25px;
    vertical-align:-4px;
    margin-right:5px;
    background:url(../img/icons/timer.png) no-repeat 0 0
  }
  .friendsPopup ul.friendsList .request {
    position:absolute;
    left:0;
    top:0;
    width:62px;
    height:100px;
    text-align:center
  }
  .friendsPopup ul.friendsList .request p.text {
    width:62px;
    font-size:13px;
    position:absolute;
    white-space:nowrap;
    text-align:center;
    right:0;
    top:2px
  }
  .friendsPopup ul.friendsList .request .itemQty {
    position:relative;
    width:100%;
    top:60px;
    left:0;
    font-size:12px;
    color:#fff;
    text-align:center;
    text-shadow:2px 0 0 #9524c9,-2px 0 0 #9524c9,0 2px 0 #9524c9,0 -2px 0 #9524c9,1px 1px #9524c9,-1px -1px 0 #9524c9,1px -1px 0 #9524c9,-1px 1px 0 #9524c9
  }
  .friendsPopup ul.friendsList .awardForFriend {
    font-size:14px;
    width:200px;
    color:#9524c9;
    position:absolute;
    text-align:center;
    display:table;
    height:100px;
    right:10px
  }
  .friendsPopup ul.friendsList .awardForFriend span.qty {
    font-weight:700
  }
  .friendsPopup ul.friendsList .awardForFriend img.coin {
    margin-right:4px;
    vertical-align:-1px
  }
  .friendsPopup ul.friendsList .awardForDonate {
    color:#9524c9;
    font-size:14px
  }
  .friendsPopup ul.friendsList .awardForDonate .qty {
    font-weight:700;
    padding-left:12px;
    color:#9524c9;
    background:url(../img/icons/coin-xs2.png) no-repeat 0 1px
  }
  .friendsPopup button.inviteFriend {
    position:absolute;
    left:0;
    top:-14px
  }
  button.deleteFriend {
    width:33px;
    height:33px;
    position:absolute;
    right:3px;
    top:3px;
    background-image:url(/img/interface/buttons/delete_friend.png)
  }
  .newFriendPopup {
    width:360px;
    background:url(../img/popups/new-friend/bg.png) no-repeat center center
  }
  .newFriendPopup .photoRing {
    margin:0 auto
  }
  .newFriendPopup .container {
    padding:20px;
    text-align:center;
    color:#9524c9
  }
  .newFriendPopup .infoText {
    display:block;
    font-weight:700;
    margin:10px 0
  }
  .newFriendPopup .coinAward {
    font-size:20px;
    margin:10px 0;
    font-weight:700
  }
  .newFriendPopup .footerButtons button {
    margin:0 6px
  }
  .questDonePopup {
    width:528px;
    height:435px;
    position:absolute;
    left:236px;
    top:50px;
    background:url(/img/popups/new-friend/bg.png) no-repeat 0 0
  }
  .questDonePopup h1 {
    color:#fff;
    font-size:18px;
    position:absolute;
    width:100%;
    text-align:center;
    top:-62px;
    left:0
  }
  .questDonePopup .popupClose {
    top:120px;
    right:90px
  }
  .questDonePopup .container {
    width:300px;
    height:140px;
    position:absolute;
    left:114px;
    top:189px;
    text-align:center;
    color:#9524c9
  }
  .questDonePopup button {
    margin:12px 0 0 0
  }
  .weaponRecievedPopup {
    width:552px;
    height:399px;
    position:absolute;
    left:224px;
    top:50px;
    background:url(/img/popups/weapon-recieved/bg.png) no-repeat 0 0
  }
  .weaponRecievedPopup h1 {
    color:#feeedd;
    width:100%;
    font-size:22px;
    text-align:center;
    position:absolute;
    top:32px;
    line-height:52px;
    left:0;
    z-index:2
  }
  .weaponRecievedPopup .popupClose {
    top:30px;
    right:36px;
    z-index:3
  }
  .weaponRecievedPopup .container {
    width:404px;
    height:280px;
    position:absolute;
    left:76px;
    top:100px;
    text-align:center;
    color:#9524c9
  }
  .weaponRecievedPopup .textInfo {
    margin:4px 0 14px 0;
    color:#9524c9
  }
  .weaponRecievedPopup .weaponImg {
    margin:0 auto
  }
  .weaponRecievedPopup ul.donatorsList li {
    display:inline-block;
    width:41px;
    margin:15px 0 0 0;
    position:relative
  }
  .weaponRecievedPopup ul.donatorsList li .qty {
    width:100%;
    color:#9524c9;
    margin:5px 0 0 0;
    font-weight:700;
    text-align:center
  }
  .weaponRecievedPopup button.share {
    position:absolute;
    bottom:-24px;
    left:92px
  }
  .newSkinScreen {
    background-image:url(/img/screens/newSkin/bg-type1.jpg);
    background-color:#e0aa6e
  }
  .newSkinScreen.type2 {
    background-image:url(/img/screens/newSkin/bg-type2.jpg);
    background-color:#192451
  }
  .newSkinScreen.type3 {
    background-image:url(/img/screens/newSkin/bg-type3.jpg);
    background-color:#411e5e
  }
  .newSkinScreen h1 {
    color:#fff;
    text-align:center;
    width:320px;
    height:100px;
    font-size:24px;
    line-height:70px;
    margin:0 auto;
    background:url(/img/screens/newSkin/h1-type1.png) no-repeat center top
  }
  .newSkinScreen.type2 h1 {
    background-image:url(/img/screens/newSkin/h1-type2.png)
  }
  .newSkinScreen.type3 h1 {
    background-image:url(/img/screens/newSkin/h1-type3.png)
  }
  .newSkinScreen .skinInfo {
    position:absolute;
    top:210px;
    left:200px
  }
  .newSkinScreen .skinInfo h2 {
    position:absolute;
    font-size:32px;
    left:150px;
    top:40px
  }
  .newSkinScreen .skinInfo h2 p {
    font-size:15px;
    white-space:nowrap
  }
  .artScreen {
    background:url(/img/screens/art/bg.jpg) no-repeat 0 0 #252639
  }
  .artScreen h1.special {
    color:#223c4b;
    width:414px;
    height:95px;
    font-size:24px;
    line-height:62px;
    text-align:center;
    top:26px;
    position:relative;
    margin:0 auto 0 auto;
    background:url(/img/screens/art/h1.png) no-repeat 0 0
  }
  .artScreen .reviewContainer {
    width:100%;
    position:absolute;
    top:370px
  }
  .artScreen .durabilityBar {
    margin:14px auto 0 auto
  }
  .artScreen .artContainer {
    position:absolute;
    top:150px;
    left:0;
    width:100%;
    text-align:center
  }
  .artScreen .review {
    display:table-cell;
    vertical-align:middle;
    width:600px;
    height:100px;
    color:#fff;
    text-align:center;
    background:url(/img/screens/art/review.png) no-repeat center center
  }
  .artScreen .review p em {
    color:#87cd00;
    font-weight:700
  }
  .artScreen .screenContainer:before {
    content:url(/img/screens/wings/shine.png);
    width:730px;
    height:413px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-365px;
    margin-top:-230px;
    -webkit-animation:glow linear 2s infinite;
    -moz-animation:glow linear 2s infinite;
    animation:glow linear 2s infinite
  }
  .artScreen:before {
    content:'';
    width:100%;
    height:200%;
    position:absolute;
    left:0;
    top:0;
    -webkit-animation:bgAnimate linear 15s infinite;
    -moz-animation:bgAnimate linear 15s infinite;
    animation:bgAnimate linear 15s infinite;
    background:url(/img/screens/wings/pattern.png) repeat center center #29257d!important
  }
  .artScreen.oldArt:before {
    background-image:url(/img/bg/art_old.png)!important
  }
  .artScreen .art {
    position:absolute;
    left:360px;
    top:130px
  }
  .artScreen h1.special {
    color:#223c4b;
    width:414px;
    height:95px;
    font-size:24px;
    line-height:62px;
    text-align:center;
    top:26px;
    position:relative;
    margin:0 auto 0 auto;
    background:url(/img/screens/art/h1.png) no-repeat 0 0
  }
  .artScreen .info {
    width:100%;
    height:80px;
    display:table;
    vertical-align:middle;
    color:#fff;
    text-align:center;
    position:absolute;
    left:0;
    top:375px
  }
  .levelAwardPopup {
    background-image:url(/img/popups/level-info/popup-bg.png)
  }
  .levelAwardPopup .hoverHint {
    cursor:pointer
  }
  .levelAwardPopup .scrollContainer {
    height:451px;
    padding:0 15px;
    overflow:auto
  }
  ul.levelAwardsList>li.closed {
    opacity:.7
  }
  ul.levelAwardsList>li {
    display:block;
    width:760px;
    margin:0 auto;
    height:130px;
    position:relative;
    margin-bottom:6px;
    border:2px solid #d3b288;
    background:#f6f1eb;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px
  }
  ul.levelAwardsList>li.current {
    border:5px solid #fa8700;
    background:url(/img/popups/level-info/current.jpg) #fff
  }
  ul.levelAwardsList div.levelColumn {
    position:absolute;
    width:90px;
    top:27px;
    left:10px;
    font-weight:700;
    text-align:center
  }
  ul.levelAwardsList div.levelColumn img.star {
    vertical-align:-1px;
    margin-right:4px
  }
  ul.levelAwardsList div.levelColumn .level {
    margin:0 auto 6px auto
  }
  ul.levelAwardsList div.textColumn {
    position:absolute;
    height:inherit;
    left:110px
  }
  ul.levelAwardsList div.textColumn div {
    display:table-cell;
    vertical-align:middle
  }
  ul.levelAwardsList div.textColumn p {
    font-weight:700;
    font-size:14px;
    margin:4px 0
  }
  ul.levelAwardsList div.textColumn h3 {
    font-size:14px;
    margin-bottom:5px;
    font-weight:400
  }
  ul.levelAwardsList div.awardListColumn {
    position:absolute;
    right:35px;
    top:15px;
    width:400px;
    height:100px
  }
  ul.levelAwardsList div.awardListColumn ul {
    text-align:right
  }
  ul.levelAwardsList div.awardListColumn li {
    position:relative;
    display:inline-block;
    vertical-align:top;
    width:100px;
    height:100px;
    margin-left:13px
  }
  ul.levelAwardsList .chestHoverHint {
    cursor:pointer
  }
  ul.levelAwardsList div.awardListColumn li .asTable {
    height:100%
  }
  ul.levelAwardsList div.awardListColumn li.chest img {
    height:130px;
    margin-top:-13px;
    margin-right:-15px
  }
  ul.levelAwardsList div.awardListColumn li.buff img {
    margin-top:-5px
  }
  ul.levelAwardsList>li.closed div.awardListColumn li:before {
    content:'';
    width:43px;
    height:32px;
    position:absolute;
    left:-5px;
    bottom:-5px;
    z-index:12;
    background:url(/img/popups/level-info/checked.png) no-repeat 0 0
  }
  .buySubscribeComplete {
    width:700px;
    height:597px;
    top:0!important;
    position:relative;
    background:url(/img/screens/shop/popup1.png) no-repeat 0 0
  }
  .buySubscribeComplete .popupClose {
    top:122px;
    right:110px
  }
  .buySubscribeComplete h1 {
    font-size:16px;
    text-align:center;
    position:relative;
    top:252px
  }
  .buySubscribeComplete .subscribeInfoText {
    position:absolute;
    top:294px;
    left:234px
  }
  .buySubscribeComplete div.expireBlock {
    width:100%;
    position:absolute;
    bottom:90px;
    left:0;
    text-align:center
  }
  .buySubscribeComplete p em {
    font-size:21px;
    font-weight:700;
    display:block
  }
  .buySubscribeComplete p em s {
    margin-left:10px;
    font-size:14px
  }
  .buySubscribeComplete p.expireText {
    color:#2e8300;
    font-size:12px;
    font-weight:700;
    text-shadow:2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff;
    text-align:center
  }
  .buySubscribeComplete button.button {
    position:absolute;
    left:273px;
    bottom:24px
  }
  .letter {
    width:20px;
    height:16px;
    cursor:pointer;
    margin:0 3px;
    display:inline-block;
    background:url(/img/icons/letter.png) no-repeat 0 0
  }
  .letter:hover {
    background-position:-20px 0
  }
  .mainScreenChatContainer {
    width:1000px;
    position:relative;
    height:120px;
    margin:0 auto;
    text-align:center;
    background:url(/img/scene/chat.png) no-repeat 0 0
  }
  .mainScreenChatContainer .noMessage {
    color:#997c64;
    line-height:50px;
    position:relative;
    top:26px
  }
  .mainScreenChatContainer .online {
    position:absolute;
    z-index:5;
    right:6px;
    bottom:11px
  }
  .mainScreenChatContainer .letter {
    width:29px;
    height:23px;
    position:absolute;
    z-index:2;
    left:6px;
    top:-4px;
    background:url(/img/popups/chat/letter.png) no-repeat 0 0
  }
  .mainScreenChatContainer .photoRing {
    position:relative;
    margin:13px 5px 0 5px;
    display:inline-block;
    vertical-align:top;
    background:url(/img/no_photo.png) no-repeat center center
  }
  .mainScreenChatContainer .photoRing button.popupClose {
    display:none;
    right:-12px;
    top:-5px
  }
  .mainScreenChatContainer .photoRing:hover button.popupClose {
    display:block
  }
  .mainScreenChatContainer .photoRing.msgList {
    background:0 0;
    width:62px;
    margin-top:24px;
    margin-left:0;
    margin-right:0;
    overflow:none
  }
  .mainScreenChatContainer .photoRing.msgList .messageQty {
    top:-10px;
    left:27px
  }
  .mainScreenChatContainer .photoRing.msgList .photo {
    width:62px;
    overflow:visible
  }
  .mainScreenChatContainer .photoRing.msgList .frame {
    display:none
  }
  .messageQty {
    width:27px;
    height:27px;
    color:#fff;
    text-align:center;
    line-height:27px;
    background:url(/img/popups/chat/message-count.png) no-repeat 0 0
  }
  .messageQty.x {
    font-size:11px;
    width:20px;
    height:20px;
    line-height:20px;
    background:url(/img/popups/chat/message-count-x.png) no-repeat 0 0
  }
  .mainScreenChatContainer .messageQty {
    position:absolute;
    left:30px;
    top:-6px;
    z-index:3
  }
  p.online {
    content:'';
    white-space:nowrap;
    width:16px;
    height:16px;
    display:block;
    background:url(/img/icons/online.png) no-repeat center left
  }
  .popupSize6 {
    color:#9524c9;
    width:690px;
    height:488px;
    background:url(/img/popups/popup-size6.png) no-repeat 0 0
  }
  .popupSize6 .popupContainer {
    position:relative;
    left:15px;
    top:10px;
    width:660px;
    height:461px
  }
  .userChatPopup .userInfo {
    height:69px;
    padding-left:56px
  }
  .userChatPopup .userInfo .info {
    height:100%
  }
  .userChatPopup .userInfo .info .asTable {
    height:100%
  }
  .userChatPopup .userInfo .name {
    font-weight:600;
    cursor:pointer
  }
  .userChatPopup .userInfo .name:hover {
    color:red
  }
  .userChatPopup .userInfo .info p.online {
    display:inline-block;
    position:relative;
    top:2px
  }
  .userChatPopup .userInfo .photoRing {
    position:absolute;
    left:10px;
    top:12px
  }
  .userChatPopup .userInfo .userActions {
    position:absolute;
    top:0;
    right:10px;
    line-height:69px
  }
  .userChatPopup .userActions a.blockUser {
    color:#c50303
  }
  .userChatPopup .userActions a.blockUser.alredyBlocked {
    cursor:default;
    text-decoration:none
  }
  .userChatPopup .userActions a.addFav {
    color:#9524c9
  }
  .userChatPopup .userInfo .userActions a {
    margin-right:1em
  }
  .userChatPopup .userInfo .userActions img {
    vertical-align:-2px;
    margin-right:3px
  }
  .userChatPopup .chatContainer {
    padding:0 24px;
    margin-top:10px
  }
  .userChatPopup .scrollContainer {
    width:100%;
    height:313px;
    overflow:auto;
    background:url(/img/popups/chat/chat-container.png) repeat-x 0 0
  }
  .userChatPopup .chatLine {
    clear:both;
    text-align:left
  }
  .userChatPopup h3.newMessage {
    color:#93be00;
    text-transform:uppercase;
    text-align:center;
    clear:both;
    font-size:13px;
    margin:1em 0;
    background:url(/img/popups/chat/chat-separator.png) no-repeat center center
  }
  .userChatPopup .textBubble {
    position:relative;
    float:left;
    padding:.5em 1em;
    margin:0 0 8px 0;
    background-color:#fff;
    border:2px solid #e5dace;
    -webkit-border-radius:17px;
    -moz-border-radius:17px;
    border-radius:17px
  }
  .userChatPopup .textBubble:after {
    content:'';
    width:26px;
    height:27px;
    position:absolute;
    left:-10px;
    top:-3px;
    background:url(/img/popups/chat/bubble.png) no-repeat center center
  }
  .userChatPopup .chatLine.my {
    text-align:right
  }
  .userChatPopup .chatLine.my .textBubble {
    float:right;
    background-color:#ffe5c3;
    border:2px solid #fcbd65
  }
  .userChatPopup .my .textBubble:after {
    content:'';
    width:26px;
    height:27px;
    position:absolute;
    left:auto;
    top:auto;
    right:-14px;
    bottom:-4px;
    background:url(/img/popups/chat/bubble-my.png) no-repeat center center
  }
  .userChatPopup .inputForm {
    position:absolute;
    width:660px;
    height:79px;
    left:0;
    bottom:0;
    background:url(/img/popups/chat/input-form.png) no-repeat 0 0
  }
  .usersListPopup {
    width:424px;
    height:500px;
    position:absolute;
    -webkit-border-radius:11px;
    -moz-border-radius:11px;
    border-radius:11px;
    background-color:#f8f4ef
  }
  .usersListPopup .popupClose {
    top:-25px;
    right:-25px
  }
  .usersListPopup .scrollContainer {
    width:424px;
    height:500px;
    -webkit-border-radius:11px;
    -moz-border-radius:11px;
    border-radius:11px;
    overflow:auto
  }
  .usersListPopup ul li {
    cursor:pointer;
    height:73px;
    padding-left:60px;
    position:relative;
    background:url(/img/popups/chat/li-bg.png) repeat-x center top
  }
  .usersListPopup ul li.newMessage {
    background:url(/img/popups/chat/li-hover.png) repeat-x center top
  }
  .usersListPopup ul li:hover {
    background-color:#ffdeb5
  }
  ul.usersList.blockList li {
    cursor:default!important
  }
  ul.usersList.blockList li:hover {
    background-color:transparent!important
  }
  .usersListPopup .photoRing {
    position:absolute;
    left:10px;
    top:16px
  }
  .usersListPopup .textBlock {
    height:73px;
    position:relative;
    top:0
  }
  .usersListPopup .lastMessage {
    font-style:italic;
    color:#9524c9;
    margin-top:5px;
    font-size:11px
  }
  .usersListPopup ul li .messageQty {
    position:absolute;
    right:50px;
    top:24px
  }
  .usersListPopup ul li .playerName {
    font-weight:700
  }
  .usersListPopup ul li button.close {
    width:13px;
    height:13px;
    position:absolute;
    right:20px;
    top:32px;
    background:url(/img/popups/chat/close.png) no-repeat center top
  }
  .usersListPopup ul li .playerName.online {
    width:230px;
    padding-left:16px
  }
  .playWithFriend {
    text-align:center
  }
  .playWithFriend .photoRing {
    margin:-40px auto 0 auto
  }
  .playWithFriend .playerName {
    font-weight:700;
    margin-top:6px;
    text-align:center
  }
  .playWithFriend .infoText {
    padding:0 30px;
    text-align:center;
    margin:10px 0
  }
  .playWithFriend button.button {
    margin-top:15px
  }
  .preGameBoosters {
    width:825px;
    height:414px;
    background:url(/img/popups/boosters/bg.png) no-repeat center top
  }
  .preGameBoosters .boostersBlock {
    margin-top:30px
  }
  .buyBoostersButton {
    width:247px;
    height:144px;
    position:absolute;
    right:0;
    top:0;
    z-index:10;
    background:url(/img/popups/boosters/buy_container.png) no-repeat center top
  }
  .buyBoostersButton button {
    width:192px;
    height:77px;
    padding-bottom:10px;
    text-transform:uppercase;
    font-size:18px;
    position:absolute;
    left:30px;
    top:100px;
    background:url(/img/popups/boosters/buy_button.png) no-repeat center top
  }
  #bookRules {
    width:602px;
    height:393px;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-200px;
    margin-left:-301px;
    background:url(/img/popups/rules/bg.png)
  }
  #bookRules button {
    position:absolute;
    bottom:-10px;
    left:215px
  }
  #bookRules h2.teamBelt {
    margin:-7px auto 0 auto
  }
  #bookRules h1 {
    color:#9524c9;
    width:100%;
    font-size:22px;
    bottom:82px;
    padding:0;
    margin:0;
    font-weight:200;
    text-align:center;
    position:absolute
  }
  #bookRules .teamColor {
    width:195px;
    height:137px;
    position:absolute;
    left:86px;
    top:86px
  }
  #bookRules.blueTeam .teamColor {
    background:url(/img/popups/rules/blue.png)
  }
  #bookRules.redTeam .teamColor {
    background:url(/img/popups/rules/red.png)
  }
  #bookRules.greenTeam .teamColor {
    background:url(/img/popups/rules/green.png)
  }
  #bookRules.blueTeam em.color,
  .blue {
    color:#0076bf
  }
  #bookRules.redTeam em.color,
  .red {
    color:red
  }
  #bookRules.greenTeam em.color,
  .green {
    color:#4ca000
  }
  body.fullScreen #mainChatUsers,
  body.fullScreen #vkBar {
    display:none
  }
  #vkBar {
    width:1000px;
    height:42px;
    line-height:45px;
    text-align:center;
    background-color:#fff;
    border-top:1px solid #ccc;
    position:relative;
    margin:0 auto
  }
  #vkBar .myId {
    position:absolute;
    left:10px;
    color:#9d9d9d
  }
  #vkBar a {
    cursor:pointer;
    line-height:18px
  }
  #vkBar a:hover {
    color:red
  }
  #vkBar ul.bar {
    font-family:Ubuntu;
    display:inline-block;
    height:59px;
    margin:5px auto 0 auto;
    font-size:0;
    position:relative
  }
  #vkBar ul.bar li {
    cursor:pointer;
    color:#634012;
    font-weight:700;
    height:55px;
    font-size:13px;
    line-height:52px;
    margin-top:7px;
    padding:0 25px;
    marign-left:0;
    margin-right:0;
    position:relative;
    z-index:2;
    display:inline-block;
    background:url(/img/interface/vk/bar.png) no-repeat -40px 0
  }
  #vkBar ul.bar li:hover {
    color:#fff;
    background-image:url(/img/interface/vk/bar-active.png)!important
  }
  #vkBar ul.bar li:first-child {
    width:180px;
    padding:0 15px;
    padding-left:40px;
    background:url(/img/interface/vk/bar.png) no-repeat 0 0
  }
  #vkBar ul.bar li:last-child {
    width:180px;
    padding:0 15px;
    padding-right:40px;
    background:url(/img/interface/vk/bar.png) no-repeat 100% 0
  }
  #vkBar ul.bar li img {
    margin-right:4px;
    vertical-align:-5px
  }
  #vkBar ul.bar li:after {
    content:'';
    width:46px;
    height:52px;
    position:absolute;
    right:-23px;
    top:0;
    background:url(/img/interface/vk/separator.png) no-repeat 100% 0
  }
  #vkBar ul.bar li:last-child:after {
    content:'';
    display:none
  }
  .hintArrow {
    position:absolute;
    z-index:100
  }
  .hintArrow.arrow1 {
    width:179px;
    height:192px;
    background:url(/img/interface/arrows/179x192_topright_arrow-min.png);
    animation:arrow1 .7s steps(7) infinite;
    -webkit-animation:arrow1 .7s steps(7) infinite
  }
  @keyframes arrow1 {
    0% {
      background-position:0 0
    }
    100% {
      background-position:-1253px 0
    }
  }
  @-webkit-keyframes arrow1 {
    0% {
      background-position:0 0
    }
    100% {
      background-position:-1253px 0
    }
  }
  .hintArrow.arrow3 {
    width:210px;
    height:118px;
    background:url(/img/interface/arrows/210x118_right_arrow-min.png);
    animation:arrow3 .7s steps(7) infinite;
    -webkit-animation:arrow3 .7s steps(7) infinite
  }
  @keyframes arrow3 {
    0% {
      background-position:0 0
    }
    100% {
      background-position:-1470px 0
    }
  }
  @-webkit-keyframes arrow3 {
    0% {
      background-position:0 0
    }
    100% {
      background-position:-1470px 0
    }
  }
  .hintArrow.arrow4 {
    width:192px;
    height:186px;
    background:url(/img/interface/arrows/192x186_bottomright_arrow-min.png);
    animation:arrow4 .7s steps(7) infinite;
    -webkit-animation:arrow4 .7s steps(7) infinite
  }
  @keyframes arrow4 {
    0% {
      background-position:0 0
    }
    100% {
      background-position:-1344px 0
    }
  }
  @-webkit-keyframes arrow4 {
    0% {
      background-position:0 0
    }
    100% {
      background-position:-1344px 0
    }
  }
  .hintArrow.arrow6 {
    width:120px;
    height:225px;
    background:url(/img/interface/arrows/120x225_down_arrow-min.png);
    animation:arrow6 .7s steps(7) infinite;
    -webkit-animation:arrow6 .7s steps(7) infinite
  }
  @keyframes arrow6 {
    0% {
      background-position:0 0
    }
    100% {
      background-position:-840px 0
    }
  }
  @-webkit-keyframes arrow6 {
    0% {
      background-position:0 0
    }
    100% {
      background-position:-840px 0
    }
  }
  .hintArrow.arrow7 {
    width:192px;
    height:186px;
    background:url(/img/interface/arrows/192x186_bottomleft_arrow-min.png);
    animation:arrow7 .7s steps(7) infinite;
    -webkit-animation:arrow7 .7s steps(7) infinite
  }
  @keyframes arrow7 {
    0% {
      background-position:0 0
    }
    100% {
      background-position:-1344px 0
    }
  }
  @-webkit-keyframes arrow7 {
    100% {
      background-position:-1344px 0
    }
  }
  .hintArrow.arrow9 {
    width:210px;
    height:118px;
    background:url(/img/interface/arrows/210x118_left_arrow-min.png);
    animation:arrow9 .7s steps(7) infinite;
    -webkit-animation:arrow9 .7s steps(7) infinite
  }
  @keyframes arrow9 {
    100% {
      background-position:-1470px 0
    }
  }
  @-webkit-keyframes arrow9 {
    100% {
      background-position:-1470px 0
    }
  }
  .hintArrow.arrow10 {
    width:179px;
    height:192px;
    background:url(/img/interface/arrows/179x192_topleft_arrow-min.png);
    animation:arrow10 .7s steps(7) infinite;
    -webkit-animation:arrow10 .7s steps(7) infinite
  }
  @keyframes arrow10 {
    100% {
      background-position:-1253px 0
    }
  }
  @-webkit-keyframes arrow10 {
    100% {
      background-position:-1253px 0
    }
  }
  .hintArrow.arrow12 {
    width:120px;
    height:225px;
    background:url(/img/interface/arrows/120x225_top_arrow-min.png);
    animation:arrow12 .7s steps(7) infinite;
    -webkit-animation:arrow12 .7s steps(7) infinite
  }
  @keyframes arrow12 {
    100% {
      background-position:-840px 0
    }
  }
  @-webkit-keyframes arrow12 {
    100% {
      background-position:-840px 0
    }
  }
  .align_center {
    text-align:center
  }
  .rel {
    position:relative
  }
  .abs {
    position:absolute
  }
  .mt {
    margin-top:15px
  }
  .mr {
    margin-right:15px
  }
  .mb {
    margin-bottom:15px
  }
  .ml {
    margin-left:15px
  }
  .ptip .hidden {
    display:none
  }
  .clickable {
    cursor:pointer
  }
  .noselect {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
  }
  .hintClose {
    cursor:pointer;
    width:40px;
    height:40px;
    position:absolute;
    top:-15px;
    right:-15px;
    z-index:10;
    background:url(/img/popups/popupClose3.png) no-repeat 0 0
  }
  .hintClose:hover {
    background-position:0 -40px
  }
  .hintClose:active {
    background-position:0 -80px
  }
  .ptip {
    font-size:13px;
    position:absolute;
    z-index:99999;
    line-height:1.3;
    word-wrap:break-word;
    min-width:150px;
    max-width:500px
  }
  .ptip-inner {
    color:#9524c9;
    background-color:#fff;
    text-align:left;
    text-decoration:none;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    padding:10px;
    border:2px solid #d09d6f;
    -webkit-box-shadow:inset 0 0 40px 3px rgba(254,243,228,1);
    -moz-box-shadow:inset 0 0 40px 3px rgba(254,243,228,1);
    box-shadow:inset 0 0 40px 3px rgba(254,243,228,1)
  }
  .ptip.profilePhoto {
    max-width:none
  }
  .ptip-arrow {
    position:absolute;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid
  }
  .ptip.bottom .ptip-arrow {
    top:1px;
    left:50%;
    margin-left:-8px;
    border-width:0 16px 16px;
    border-bottom-color:#d09d6f
  }
  .ptip.right .ptip-arrow {
    top:50%;
    left:0;
    margin-top:-4px;
    border-width:5px 5px 5px 0;
    border-right-color:#d09d6f
  }
  .ptip.top .ptip-arrow {
    bottom:-16px;
    left:50%;
    border-width:16px 16px 0 16px;
    margin-left:-8px;
    border-top-color:#d09d6f
  }
  .ptip.top .ptip-arrow:after {
    content:'';
    position:absolute;
    bottom:1px;
    left:0;
    margin-left:-17px;
    border-color:transparent;
    border-style:solid;
    border-width:17px 17px 0 17px;
    border-top-color:#d09d6f!important;
    z-index:1!important
  }
  .ptip.left .ptip-arrow {
    top:50%;
    right:-16px;
    margin-top:-19px;
    border-width:16px 0 16px 16px;
    border-left-color:#d09d6f
  }
  .ptip.left .ptip-arrow:after {
    content:'';
    position:absolute;
    top:-17px;
    right:1px;
    border-color:transparent;
    border-style:solid;
    border-width:17px 0 17px 17px;
    border-left-color:#d09d6f!important;
    z-index:1!important
  }
  .ptip.right .ptip-arrow {
    z-index:5!important
  }
  .ptip.right .ptip-arrow:after {
    content:'';
    position:absolute;
    top:-5px;
    left:-4px;
    border-color:transparent;
    border-style:solid;
    border-width:5px 5px 5px 5px;
    border-right-color:#d09d6f!important;
    z-index:1!important
  }
  .ptip p {
    margin:0;
    padding:0
  }
  .ptip h2 {
    color:#ffe162;
    font-size:14px;
    text-align:left;
    padding:0;
    margin:0 0 5px 0
  }
  .ptip .whiteBlock {
    margin:0 -7px -7px -7px;
    padding:10px;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    background-color:#fff
  }

  .loadingScreen {
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh; /* Высота экрана */
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(/img/welcome/bg4.jpg) no-repeat center center #000;
    background-size: contain; /* Изображение помещается полностью */
    background-attachment: fixed;
}

.loadingScreen .container {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}


  .loadingScreen h1 {
    width:100%;
    color:#fff;
    font-size:24px;
    text-align:center;
    position:absolute;
    left:10000px;
    text-transform:uppercase;
    animation:loading 2.5s infinite;
    -webkit-animation:loading 2.5s infinite;
    text-shadow:2px 0 0 #000,-2px 0 0 #000,0 2px 0 #000,0 -2px 0 #000,1px 1px #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;
    bottom:45px
  }
  .loadingScreen .loadingProgressBar {
    opacity:0;
    position:relative;
    width:540px;
    height:76px;
    margin:0 auto;
    background:url(/img/screens/loading/loading.png) no-repeat 0 0
  }
  .loadingScreen .loadingProgressBar .progressContainer {
    position:absolute;
    top:26px;
    left:31px;
    width:471px;
    height:26px;
    -webkit-border-radius:35px;
    -moz-border-radius:35px;
    border-radius:35px;
    overflow:hidden
  }
  .loadingScreen .loadingProgressBar div.progress {
    position:relative;
    height:26px;
    border:1px solid #542c0c;
    z-index:1;
    background:url(/img/screens/loading/progress-bg.png) repeat-x 0 0 #3a9a3c
  }
  .loadingScreen .loadingProgressBar .progressText {
    color:#fff;
    font-weight:700;
    text-align:center;
    position:absolute;
    top:10000px;
    left:0;
    z-index:5;
    width:100%;
    line-height:24px
  }
  #testButton {
    position:absolute;
    left:10px;
    bottom:10px;
    padding:10px;
    z-index:100
  }
  .clanScreen .searchBlock {
    width:339px;
    height:221px;
    position:relative;
    clear:both;
    margin-left:30px;
    text-align:center;
    background:url(/img/screens/clans/search-block.png) no-repeat 0 0
  }
  .clanScreen .searchBlock h2 {
    font-size:22px;
    line-height:26px;
    font-weight:400;
    padding-top:20px
  }
  .clanScreen button.searchButton {
    width:332px;
    height:128px;
    padding-bottom:10px;
    padding-left:70px;
    font-size:24px;
    color:#9524c9;
    background:url(/img/screens/clans/button-search.png)
  }
  .clanScreen button.searchButton:hover {
    background-position:0 -150px
  }
  .clanScreen button.searchButton:active {
    background-position:0 -300px
  }
  .clanScreen .searchBlock.searchForm {
    height:203px;
    background-image:url(/img/screens/clans/search-form.png)
  }
  .clanScreen .searchBlock.searchForm .searchTemplate {
    display:none
  }
  .clanScreen .searchBlock.searchForm h2 {
    margin-bottom:17px
  }
  .clanScreen .searchBlock.searchForm button {
    position:absolute;
    bottom:-16px;
    left:50%;
    margin-left:-70px
  }
  button.map100px:hover {
    background-position:0 -100px!important
  }
  button.map100px:active {
    background-position:0 -200px!important
  }
  .clanScreen .createBlock {
    width:337px;
    height:221px;
    margin-top:30px;
    margin-left:30px;
    text-align:center;
    background:url(/img/screens/clans/create-block.png)
  }
  .clanScreen .createBlock h2 {
    font-size:22px;
    line-height:26px;
    font-weight:400;
    padding-top:20px
  }
  .clanScreen button.createButton {
    width:332px;
    height:128px;
    padding-bottom:10px;
    padding-left:80px;
    font-size:24px;
    color:#9524c9;
    background:url(/img/screens/clans/button-create.png)
  }
  .clanScreen button.createButton:hover {
    background-position:0 -150px
  }
  .clanScreen button.createButton:active {
    background-position:0 -300px
  }
  .clanInfoBlock {
    width:358px;
    height:514px;
    position:relative;
    top:67px;
    left:30px;
    text-align:center;
    background:url(/img/screens/clans/clan-info-block.png) no-repeat 0 0
  }
  .clanInfoBlock .popupClanHeader {
    margin-top:0;
    top:-20px
  }
  .clanInfoBlock h2.clanName {
    font-size:20px
  }
  .clanInfoBlock .clanReviewBlock {
    width:296px;
    height:100px;
    font-size:13px;
    position:absolute;
    left:30px;
    top:46px
  }
  .clanInfoBlock .clanReviewBlock .asCell {
    padding:0 10px
  }
  .clanInfoBlock .footer {
    left:0;
    bottom:30px;
    width:100%;
    text-align:center;
    position:absolute
  }
  .clanInfoBlock .bigBlock,
  .clanInfoBlock .smallBlock {
    width:136px;
    height:56px;
    padding-top:9px;
    position:absolute;
    text-align:center;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
  }
  .clanInfoBlock .bigBlock {
    width:210px;
    position:absolute;
    left:74px;
    top:317px
  }
  .clanInfoBlock h5 {
    color:#bda294;
    font-size:13px;
    font-weight:700
  }
  .clanInfoBlock div.data {
    font-size:18px;
    line-height:24px;
    font-weight:700
  }
  .clanInfoBlock .smallBlock.players {
    top:168px;
    left:187px
  }
  .clanInfoBlock .smallBlock.clanId {
    top:242px;
    left:32px
  }
  .clanInfoBlock .smallBlock.clanRating {
    color:#ca36a2;
    top:168px;
    left:32px
  }
  .clanInfoBlock .bigBlock div.data:before,
  .clanInfoBlock .smallBlock.clanRating div.data:before {
    content:url(/img/icons/cup-xs.png);
    display:inline-block;
    vertical-align:-4px;
    margin-right:3px
  }
  .clanInfoBlock .smallBlock.clanType {
    top:242px;
    left:187px
  }
  .clanAdminBlock {
    width:353px;
    height:438px;
    position:relative;
    top:67px;
    left:30px;
    text-align:center;
    background:url(/img/screens/clans/clan-admin-block.png) no-repeat 0 0
  }
  .clanAdminBlock .popupClanHeader {
    margin-top:0;
    top:-20px
  }
  .clanAdminBlock h2.clanName {
    font-size:20px
  }
  .clanAdminBlock .clanReviewBlock {
    width:296px;
    height:142px;
    font-size:13px;
    margin:-13px auto 10px auto
  }
  .clanAdminBlock .clanReviewBlock .asCell {
    padding:0 10px
  }
  .clanAdminBlock .clanReviewBlock .clanRating {
    color:#ca36a2;
    font-size:18px;
    line-height:28px;
    margin:10px 0;
    font-weight:700
  }
  .clanAdminBlock .clanReviewBlock .clanRating:before {
    content:url(/img/icons/cup-xs.png);
    display:inline-block;
    vertical-align:-4px;
    margin-right:3px
  }
  .clanAdminBlock .footerButtons {
    width:100%;
    position:absolute;
    text-align:center;
    bottom:14px
  }
  .clanAdminBlock button.button {
    font-size:14px!important
  }
  .clanScreen .leftBlock {
    position:absolute;
    left:0;
    top:67px
  }
  .clanScreen .contentBlock {
    width:608px;
    height:400px;
    position:absolute;
    right:0;
    top:67px;
    text-align:center;
    background:url(/img/screens/clans/content-block.png) no-repeat left top
  }
  .clanScreen .contentBlock h2 {
    font-size:18px;
    line-height:36px;
    margin:5px 0 15px 0
  }
  .clanScreen button.refresh {
    width:41px;
    height:41px;
    position:absolute;
    right:45px;
    top:15px;
    z-index:5;
    background:url(/img/screens/clans/button-refresh.png) no-repeat left top
  }
  .clanScreen .scrollContainer {
    width:100%;
    height:480px;
    overflow:auto
  }
  .clanScreen ul.clanList {
    margin-bottom:20px
  }
  .clanScreen ul.clanList li {
    width:557px;
    height:70px;
    margin:2px 0 2px 10px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    vertical-align:middle;
    text-align:left;
    position:relative;
    background:url(/img/screens/clans/clan-row.png) no-repeat left top
  }
  .clanScreen ul.clanList li:hover {
    background-image:url(/img/screens/clans/clan-row-hover.png)
  }
  .clanScreen ul.clanList .clanIco {
    position:absolute;
    left:16px;
    top:18px
  }
  .clanScreen ul.clanList .clanReview {
    width:270px;
    height:100%;
    margin-left:60px
  }
  .clanScreen ul.clanList .clanReview .review {
    display:block;
    margin-top:3px;
    font-size:11px
  }
  .clanScreen ul.clanList li .players {
    width:75px;
    font-size:13px;
    text-align:center;
    position:absolute;
    top:16px;
    left:330px
  }
  .clanScreen ul.clanList .players span {
    display:block;
    font-size:14px;
    font-weight:800
  }
  .clanScreen ul.clanList .clanRating {
    color:#ca36a2;
    font-size:18px;
    line-height:28px;
    font-weight:700;
    width:130px;
    padding-left:50px;
    text-align:left;
    position:absolute;
    top:20px;
    right:10px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    height:30px;
    line-height:30px;
    background:url(/img/icons/cup-m.png) no-repeat 15px 0
  }
  ul.playersList li {
    position:relative;
    height:52px;
    background:url(/img/screens/tops/row.png) no-repeat center top
  }
  ul.playersList li.my {
    background:url(/img/screens/tops/row-my2.png) no-repeat center top
  }
  ul.playersList .place {
    color:#c8925d;
    font-size:20px;
    line-height:50px width: 50px;
    font-weight:700;
    position:absolute;
    left:20px;
    top:13px
  }
  ul.playersList .photo {
    position:absolute;
    top:6px;
    left:66px
  }
  ul.playersList .online {
    position:absolute;
    left:44px;
    top:20px
  }
  ul.playersList .name {
    font-weight:700;
    font-size:15px;
    text-align:left;
    position:absolute;
    left:114px;
    top:10px
  }
  ul.playersList .name .playerStatus {
    font-size:11px;
    font-weight:400;
    color:#ed5400;
    margin-top:2px
  }
  ul.playersList .playerRating {
    color:#ca36a2;
    font-size:18px;
    line-height:28px;
    font-weight:700;
    width:130px;
    padding-left:50px;
    text-align:left;
    position:absolute;
    top:12px;
    right:10px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    height:30px;
    line-height:30px;
    background:url(/img/icons/cup-m.png) no-repeat 15px 0
  }
  .noRadius {
    -webkit-border-radius:0!important;
    -moz-border-radius:0!important;
    border-radius:0!important
  }
  .clanCreateScreen {
    color:#9524c9;
    text-align:center
  }
  .clanCreateScreen .container {
    width:972px;
    height:528px;
    position:relative;
    margin-top:30px;
    margin-left:11px;
    background:url(/img/screens/clans/clan-create-bg.png) no-repeat 0 0
  }
  .inputNav {
    height:49px;
    width:45px;
    margin:0;
    padding:0;
    border:0;
    vertical-align:bottom;
    display:inline-block
  }
  .inputNav.left {
    background:url(/img/screens/clans/input-left.png) no-repeat 0 0
  }
  .inputNav.right {
    background:url(/img/screens/clans/input-right.png) no-repeat 0 0
  }
  .clanCreateScreen h1 {
    font-size:22px;
    color:#fff;
    padding-top:6px;
    line-height:34px;
    text-align:center;
    margin-bottom:50px
  }
  .fieldName {
    margin-bottom:10px
  }
  .clanCreateScreen p.fieldName.rating {
    margin-top:20px
  }
  .clanCreateScreen p.fieldName.rating:before {
    content:url(/img/icons/cup-xs.png);
    display:inline-block;
    vertical-align:-4px;
    margin-right:3px
  }
  .clanCreateScreen input {
    height:49px;
    text-align:center
  }
  .clanCreateScreen textarea {
    width:100%;
    height:150px;
    padding:10px
  }
  .clanCreateScreen .leftBlock {
    width:338px;
    position:absolute;
    top:190px;
    left:120px
  }
  .clanCreateScreen .rightBlock {
    width:338px;
    position:absolute;
    top:190px;
    left:520px
  }
  textarea {
    color:#9524c9;
    font-size:20px;
    outline:0;
    font-weight:600;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    padding:0 10px;
    border:1px solid #f7c48b;
    background-color:#fff;
    border-radius:20px;
    resize:none;
    -webkit-box-shadow:inset -4px 4px 5px -1px rgba(0,0,0,.15);
    -moz-box-shadow:inset -4px 4px 5px -1px rgba(0,0,0,.15);
    box-shadow:inset -4px 4px 5px -1px rgba(0,0,0,.15)
  }
  .clanCreateScreen .footerButton {
    bottom:-20px
  }
  .simplePopup {
    position:relative;
    border:2px solid #c59759;
    background-color:#ffead0;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    border-radius:12px;
    margin-top:24px;
    text-align:center;
    -webkit-box-shadow:inset 0 5px 41px 23px rgba(133, 39, 192);
    -moz-box-shadow:inset 0 5px 41px 23px rgba(133, 39, 192);
    box-shadow:inset 0 5px 41px 23px rgba(133, 39, 192)
  }
  .simplePopup .popupClose {
    right:-18px;
    top:-18px
  }
  .simplePopup h1 {
    font-size:20px
  }
  .simplePopup .footerButton {
    margin:20px auto;
    bottom:auto;
    position:relative
  }
  .popupClanHeader {
    width:100%;
    height:83px;
    margin:-22px auto 0 auto;
    position:relative
  }
  .simplePopup.sendClanInvite {
    width:400px;
    height:310px;
    text-align:center
  }
  .simplePopup.sendClanInvite .photoRing {
    margin:10px auto
  }
  .simplePopup.inviteToClan {
    width:400px;
    text-align:center
  }
  .simplePopup.inviteToClan .photoRing {
    margin:10px auto
  }
  .simplePopup.inviteToClan .name {
    display:block
  }
  .simplePopup.inviteToClan .clanName {
    font-weight:700;
    margin-top:20px;
    margin-bottom:4px
  }
  .simplePopup.inviteToClan .clanRating {
    color:#ca36a2;
    font-size:18px;
    font-weight:700
  }
  .simplePopup.inviteToClan .clanRating:before {
    content:url(/img/icons/cup-xs.png);
    display:inline-block;
    vertical-align:-4px;
    margin-right:3px
  }
  .clanChat {
    overflow:auto;
    height:386px;
    padding:5px 40px 5px 20px
  }
  .clanChat .chatRow {
    text-align:left;
    margin-bottom:6px;
    position:relative
  }
  .clanChat .chatRow.big {
    text-align:left;
    padding:20px 10px
  }
  .clanChat .chatRow.red {
    background-color:#f13c40
  }
  .clanChat .chatRow.blue {
    background-color:#3e99de
  }
  .clanChat .chatRow.orange {
    background-color:#ff7521
  }
  .clanChat a.name {
    font-weight:700;
    text-decoration:none
  }
  .chatMessage {
    position:relative;
    text-align:left;
    border:2px solid #fcc475;
    background-color:#fff;
    padding:10px;
    margin:4px 0;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px
  }
  .chatMessage.my {
    background-color:#ffe5c3
  }
  .chatMessage:after {
    content:'';
    width:13px;
    height:17px;
    position:absolute;
    left:-13px;
    top:5px;
    background:url(/img/popups/chat/bubble.png) no-repeat center center
  }
  .chatMessage.my:after {
    content:'';
    width:17px;
    height:15px;
    position:absolute;
    left:auto;
    top:auto;
    right:-15px;
    bottom:8px;
    background:url(/img/popups/chat/bubble-my.png) no-repeat center center
  }
  .chatMessage .name {
    font-weight:700
  }
  .chatMessage .name .status {
    color:#9524c9;
    font-size:70%;
    margin-left:1em
  }
  .chatMessage .date {
    color:#d29785;
    font-style:italic;
    position:absolute;
    right:10px;
    top:10px;
    font-size:12px
  }
  .clanChat .event {
    color:rgba(254,246,235,.8);
    padding:10px;
    text-align:center;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    background-color:#4baf14
  }
  .clanChat .event .name {
    color:#fff
  }
  .clanChat .event .name:hover {
    color:#fff
  }
  .clanChat .event .photoRing {
    float:left;
    margin-right:5px;
    margin-top:-3px
  }
  .clanChat .event a {
    color:#fff
  }
  .clanChat .event.left {
    text-align:left
  }
  .clanChat .asTable {
    width:100%
  }
  .clanChat .asCell.photo {
    width:50px
  }
  .clanChat div.buttons {
    text-align:right
  }
  .clanChat div.buttons button {
    margin:0 3px
  }
  .achScreen .leftBlock {
    width:330px;
    height:543px;
    position:absolute;
    left:10px;
    top:30px;
    background:url(/img/screens/ach/left_block.png) no-repeat 0 0
  }
  h1.rankBelt {
    width:240px;
    height:53px;
    color:#fff;
    font-size:19px;
    padding:0;
    line-height:40px;
    text-align:center;
    background:url(/img/screens/ach/belt0.png) no-repeat
  }
  .achScreen h1.rankBelt {
    position:absolute;
    top:-22px;
    left:44px
  }
  .achScreen .leftBlock .rank {
    margin:24px auto 0 auto
  }
  .rank {
    width:200px;
    height:187px;
    position:relative
  }
  .imageLevel {
    position:absolute;
    top:58px;
    left:0;
    color:#ffe516;
    width:94px;
    width:100%;
    line-height:72px;
    text-align:center;
    font-size:52px;
    background:-webkit-linear-gradient(#fff463,#ffb100);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
  }
  .rank.mini {
    width:124px;
    height:116px
  }
  .rank.mini img {
    width:124px
  }
  .rank.mini .imageLevel {
    top:28px;
    font-size:32px
  }
  .achScreen .leftBlock .achNextAwardBlock {
    width:298px;
    height:247px;
    margin:-70px auto 0 auto;
    padding-top:73px;
    box-sizing:border-box;
    text-align:center;
    background:url(/img/screens/ach/awards_bg.png) no-repeat 0 100%
  }
  .achScreen .leftBlock .achNextAwardBlock h3 {
    font-size:14px;
    margin-top:15px;
    margin-bottom:10px
  }
  .achScreen .leftBlock .achNextAwardBlock ul.nextAward {
    position:relative
  }
  .achScreen .leftBlock .achNextAwardBlock ul.nextAward li {
    position:relative;
    width:110px;
    text-align:center;
    font-size:13px;
    vertical-align:top;
    display:inline-block
  }
  .achScreen .leftBlock .achNextAwardBlock ul.nextAward li.plus {
    width:24px;
    height:25px;
    position:absolute;
    left:134px;
    top:18px;
    background:url(/img/screens/ach/awards/plus_x.png) no-repeat 0 100%
  }
  .achScreen .leftBlock .talentsBlock {
    width:298px;
    height:131px;
    padding-top:6px;
    box-sizing:border-box;
    text-align:center;
    position:absolute;
    left:20px;
    bottom:9px;
    background:url(/img/screens/ach/talents_bg.png) no-repeat 0 100%
  }
  .achScreen .leftBlock .talentsBlock h3 {
    font-size:14px;
    margin-bottom:7px
  }
  .achScreen .leftBlock .talentsBlock button {
    position:absolute;
    bottom:-32px;
    left:50px
  }
  .achScreen .leftBlock .talentsBlock button.notification:before {
    right:-30px;
    top:-12px
  }
  .achScreen .rightBlock,
  .talentsScreen .rightBlock {
    width:624px;
    height:543px;
    position:absolute;
    left:355px;
    top:30px;
    background:url(/img/screens/ach/right_block.png) no-repeat
  }
  .achScreen .rightBlock h2,
  .talentsScreen .rightBlock h2 {
    font-size:18px;
    margin:7px 0;
    text-align:center
  }
  ul.paging {
    position:absolute;
    width:100%;
    text-align:center;
    left:0;
    top:380px;
    text-align:center
  }
  ul.paging li {
    cursor:pointer;
    width:30px;
    height:30px;
    line-height:30px;
    font-weight:600;
    font-size:14px;
    display:inline-block;
    margin-top:10px;
    margin:0 3px;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    border-radius:25px;
    color:#4d1f06;
    background-color:#f7d7b1
  }
  ul.paging li.current,
  ul.paging li.current:hover {
    cursor:default;
    color:#fff;
    background-color:#ff8000
  }
  ul.paging li:hover {
    background-color:#f7b566
  }
  .achScreen .progressBlock {
    width:631px;
    height:136px;
    position:absolute;
    bottom:0;
    left:0;
    background:url(/img/screens/ach/progress_bg.png) no-repeat 0 0
  }
  .achScreen .progressBlock .stepStar {
    width:49px;
    height:48px;
    margin-left:-25px;
    line-height:50px;
    position:absolute;
    top:-12px;
    color:#734137;
    font-weight:700;
    font-size:16px;
    text-align:center;
    z-index:5;
    text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;
    background:url(/img/icons/star.png?2) no-repeat 0 0
  }
  .achScreen .progressBlock .achReview {
    margin-top:25px;
    font-size:14px;
    text-align:center
  }
  .achScreen .progressBlock .achReview h5 {
    font-size:16px
  }
  .achScreen .progressBlock #achDescription {
    text-align:center;
    padding-top:65px
  }
  .achScreen .progressBlock .standartProgressBar {
    position:absolute;
    left:10px;
    bottom:20px
  }
  .standartProgressBar.star3 .star.num4,
  .standartProgressBar.star3 .star.num5 {
    display:none
  }
  .standartProgressBar.star3 .star.num1 {
    left:33%
  }
  .standartProgressBar.star3 .star.num2 {
    left:66%
  }
  .standartProgressBar.star3 .star.num3 {
    left:100%
  }
  #achProgressBar.star3.step0 .progressText {
    left:40px
  }
  #achProgressBar.star3.step1 .progressText {
    left:240px
  }
  #achProgressBar.star3.step2 .progressText {
    left:440px
  }
  #achProgressBar .progressText {
    width:96px;
    white-space:nowrap
  }
  #achProgressBar.star3.step0 .progressContainer {
    box-sizing:border-box;
    padding-right:401px
  }
  #achProgressBar.star3.step1 .progressContainer {
    box-sizing:border-box;
    padding-right:210px;
    padding-left:202px
  }
  #achProgressBar.star3.step1 .progress {
    padding-left:202px;
    left:-202px
  }
  #achProgressBar.star3.step2 .progressContainer {
    box-sizing:border-box;
    padding-left:396px;
    padding-right:8px
  }
  #achProgressBar.star3.step2 .progress {
    padding-left:396px;
    left:-396px
  }
  .standartProgressBar.star4 .star.num5 {
    display:none
  }
  .standartProgressBar.star4 .star.num1 {
    left:25%
  }
  .standartProgressBar.star4 .star.num2 {
    left:50%
  }
  .standartProgressBar.star4 .star.num3 {
    left:75%
  }
  .standartProgressBar.star4 .star.num4 {
    left:100%
  }
  #achProgressBar.star4.step0 .progressText {
    left:25px
  }
  #achProgressBar.star4.step1 .progressText {
    left:173px
  }
  #achProgressBar.star4.step2 .progressText {
    left:320px
  }
  #achProgressBar.star4.step3 .progressText {
    left:466px
  }
  #achProgressBar.star4.step0 .progressContainer {
    box-sizing:border-box;
    padding-right:448px
  }
  #achProgressBar.star4.step1 .progressContainer {
    box-sizing:border-box;
    padding-right:300px;
    padding-left:154px
  }
  #achProgressBar.star4.step1 .progress {
    padding-left:162px;
    left:-162px
  }
  #achProgressBar.star4.step2 .progressContainer {
    box-sizing:border-box;
    padding-left:301px;
    padding-right:154px
  }
  #achProgressBar.star4.step2 .progress {
    padding-left:396px;
    left:-396px
  }
  #achProgressBar.star4.step3 .progressContainer {
    box-sizing:border-box;
    padding-left:447px;
    padding-right:8px
  }
  #achProgressBar.star4.step3 .progress {
    padding-left:448px;
    left:-448px
  }
  .standartProgressBar.star5 .star.num1 {
    left:20%
  }
  .standartProgressBar.star5 .star.num2 {
    left:40%
  }
  .standartProgressBar.star5 .star.num3 {
    left:60%
  }
  .standartProgressBar.star5 .star.num4 {
    left:80%
  }
  .standartProgressBar.star5 .star.num5 {
    left:100%
  }
  #achProgressBar.star5.step0 .progressText {
    left:8px
  }
  #achProgressBar.star5.step1 .progressText {
    left:129px
  }
  #achProgressBar.star5.step2 .progressText {
    left:246px
  }
  #achProgressBar.star5.step3 .progressText {
    left:361px
  }
  #achProgressBar.star5.step4 .progressText {
    left:477px
  }
  #achProgressBar.star5.step0 .progressContainer {
    box-sizing:border-box;
    padding-right:477px
  }
  #achProgressBar.star5.step1 .progressContainer {
    box-sizing:border-box;
    padding-right:360px;
    padding-left:125px
  }
  #achProgressBar.star5.step1 .progress {
    padding-left:162px;
    left:-162px
  }
  #achProgressBar.star5.step2 .progressContainer {
    box-sizing:border-box;
    padding-left:242px;
    padding-right:243px
  }
  #achProgressBar.star5.step2 .progress {
    padding-left:396px;
    left:-396px
  }
  #achProgressBar.star5.step3 .progressContainer {
    box-sizing:border-box;
    padding-left:359px;
    padding-right:126px
  }
  #achProgressBar.star5.step3 .progress {
    padding-left:448px;
    left:-448px
  }
  #achProgressBar.star5.step4 .progressContainer {
    box-sizing:border-box;
    padding-left:476px;
    padding-right:8px
  }
  #achProgressBar.star5.step4 .progress {
    padding-left:478px;
    left:-478px
  }
  .achIco {
    width:72px;
    height:72px;
    position:relative
  }
  .achIco:after {
    content:'';
    width:94px;
    height:88px;
    position:absolute;
    top:-4px;
    left:-11px;
    background:url(/img/screens/ach/frame.png) no-repeat 0 -1px
  }
  .achIco.donate:after {
    background-image:url(/img/screens/ach/frame_donate.png)
  }
  .achIco.hover:hover:after {
    background-position:0 -99px
  }
  .achIco.locked img {
    display:none
  }
  .achIco.locked:after {
    content:'';
    width:86px;
    height:81px;
    position:absolute;
    top:0;
    left:0;
    background:url(/img/screens/ach/ach_locked.png) no-repeat 0 0
  }
  .achProgress {
    height:24px;
    position:relative;
    background:url(/img/screens/ach/stars_5.png) no-repeat 0 0
  }
  .achProgress.total5 {
    width:80px
  }
  .achProgress.total4 {
    width:64px
  }
  .achProgress.total3 {
    width:48px
  }
  .achProgress.done0 {
    background-position:0 0
  }
  .achProgress.done1 {
    background-position:0 -50px
  }
  .achProgress.done2 {
    background-position:0 -100px
  }
  .achProgress.done3 {
    background-position:0 -150px
  }
  .achProgress.done4 {
    background-position:0 -200px
  }
  .achProgress.done5 {
    background-position:0 -250px
  }
  ul.achList {
    padding-left:6px
  }
  ul.achList li {
    width:90px;
    float:left;
    margin:6px 6px
  }
  ul.achList li.locked {
    mix-blend-mode:luminosity;
    opacity:.5
  }
  ul.achList li .achIco {
    margin:0 auto
  }
  ul.achList li .achIco img {
    position:relative;
    width:72px;
    z-index:0
  }
  ul.achList .achProgress {
    margin:3px auto 0 auto;
    z-index:5
  }
  .achCompleteScreen {
    background:url(/img/screens/achComplete/bg.jpg) center center!important
  }
  .achCompleteScreen h2 {
    font-size:24px;
    padding-top:31px;
    font-weight:400;
    text-align:center;
    text-shadow:-1px -1px 0 #fff
  }
  .achCompleteScreen .achInfo {
    width:400px;
    position:absolute;
    top:80px;
    left:300px
  }
  .achCompleteScreen .achReview {
    margin-top:25px;
    text-align:center
  }
  .achCompleteScreen .achReview h5 {
    font-size:15px;
    margin-bottom:4px
  }
  .achCompleteScreen .standartProgressBar {
    width:230px;
    position:absolute;
    bottom:140px;
    left:370px
  }
  .achCompleteScreen .award {
    width:400px;
    position:absolute;
    left:300px;
    top:287px;
    text-align:center
  }
  .achCompleteScreen .award img {
    vertical-align:-20px
  }
  .achCompleteScreen .award .bigText {
    position:relative;
    display:block;
    font-size:40px
  }
  .achSlot {
    width:72px;
    position:relative;
    text-align:center
  }
  .achSlot .achProgress {
    margin:3px auto 0 auto
  }
  .achCompleteScreen .award .starIco {
    position:relative;
    z-index:101
  }
  .achCompleteScreen .respawnPoint {
    position:absolute;
    left:50%;
    top:50%
  }
  .newRankScreen {
    text-align:center;
    background:url(/img/screens/newRank/bg.jpg) center center!important
  }
  .newRankScreen h2 {
    width:100%;
    margin:20px 0;
    font-size:22px;
    text-align:center;
    position:relative
  }
  .newRankScreen .rankBelt {
    margin:5px auto 0 auto
  }
  .newRankScreen .rank {
    margin:-20px auto 0 auto
  }
  .rankAwardBlock {
    position:absolute;
    text-align:center;
    top:330px;
    left:200px;
    width:600px;
    margin:0 auto
  }
  .newRankScreen ul.rankAward {
    margin:0 auto;
    font-size:20px
  }
  .newRankScreen ul.rankAward .plus {
    padding-top:25px;
    padding-right:17px;
    vertical-align:top
  }
  .newRankScreen .footerButton {
    bottom:20px
  }
  .talentsScreen .leftBlock {
    width:330px;
    height:524px;
    position:absolute;
    left:11px;
    top:60px;
    box-sizing:border-box;
    padding:0 30px;
    text-align:center;
    background:url(/img/screens/talents/left_block.png) no-repeat center center
  }
  .talentsScreen .leftBlock.empty {
    background:url(/img/screens/talents/left_block_empty.png) no-repeat center center
  }
  .talentsScreen .leftBlock.empty h2 {
    margin-bottom:13px
  }
  .talentsScreen .leftBlock.empty em {
    font-weight:700
  }
  .talentsScreen .leftBlock.empty em:after {
    content:url(/img/icons/talent_point_x.png);
    width:25px;
    height:26px;
    margin-left:4px;
    vertical-align:-7px
  }
  .talentsScreen .leftBlock .talentIco {
    margin:36px auto 0 auto
  }
  .talentsScreen .leftBlock .talentReview {
    margin-top:24px
  }
  .talentsScreen .leftBlock .talentReview em {
    font-weight:700
  }
  .talentsScreen .leftBlock .talentReview p {
    margin-top:6px
  }
  .talentsPointsBlock {
    width:330px;
    height:61px;
    position:absolute;
    left:11px;
    top:0;
    font-weight:700;
    text-align:center;
    line-height:46px;
    background:url(/img/screens/talents/talents_points.png) no-repeat center center
  }
  .resetPoints {
    cursor:pointer;
    color:#ee3f42;
    position:absolute;
    right:80px;
    top:15px;
    line-height:30px;
    text-decoration:underline;
    padding-left:25px
  }
  .resetPoints:hover {
    color:green
  }
  .resetPoints:before {
    content:url(/img/screens/talents/reset.png);
    vertical-align:-5px;
    margin-right:4px
  }
  .talentsPointsBlock em {
    font-size:20px
  }
  .upgradeBlock {
    width:285px;
    height:130px;
    font-size:18px;
    position:absolute;
    bottom:20px;
    left:21px
  }
  .upgradeBlock .upgradeInfo {
    width:285px;
    height:79px;
    padding-top:10px;
    padding:10px;
    box-sizing:border-box;
    background:url(/img/screens/talents/upgrade_block.png) no-repeat top center
  }
  .upgradeBlock .upgradeInfo.talentClosed {
    color:#ff4800;
    padding-top:20px;
    font-size:15px;
    line-height:16px
  }
  .upgradeBlock .upgradeInfo.talentClosed em {
    display:block;
    font-size:22px;
    color:#9524c9
  }
  .upgradeBlock .upgradeInfo em {
    font-size:28px;
    font-weight:700
  }
  .upgradeBlock .arrow {
    margin:0 10px;
    vertical-align:0
  }
  .upgradeBlock button.upgradeTalent {
    position:absolute;
    left:52px;
    bottom:0
  }
  .upgradeBlock .talentLockedInfo {
    color:#b31e00;
    font-size:16px
  }
  .upgradeBlock .talentLockedInfo em {
    color:#9524c9;
    font-weight:700
  }
  .upgradeBlock .talentLockedInfo em:before {
    content:url(/img/icons/talent_point_x.png);
    width:33px;
    height:36px;
    margin-right:4px;
    vertical-align:-7px
  }
  .talentsScreen .rightBlock {
    width:629px;
    position:absolute;
    left:357px;
    top:60px
  }
  ul.talentsList {
    width:629px;
    min-height:300px;
    padding-left:13px
  }
  ul.talentsList li {
    width:100px;
    height:111px;
    float:left;
    margin:20px 10px
  }
  div.talentIco {
    width:100px;
    height:111px;
    position:relative
  }
  div.talentIco img.talentImg {
    position:relative;
    margin-left:3px;
    margin-top:3px
  }
  div.talentIco:before {
    content:'';
    width:100px;
    height:111px;
    position:absolute;
    left:0;
    top:0;
    z-index:2;
    background:url(/img/screens/talents/talent_xx.png) no-repeat 0 0
  }
  div.talentIco.hover {
    cursor:pointer
  }
  div.talentIco.locked {
    mix-blend-mode:luminosity;
    opacity:.5
  }
  div.talentIco.hover:hover:before {
    background-image:url(/img/screens/talents/talent_xx_hover.png)
  }
  div.talentIco.current:after {
    content:'';
    width:112px;
    height:122px;
    position:absolute;
    left:-6px;
    top:-4px;
    z-index:3;
    background:url(/img/screens/talents/current.png) no-repeat 0 0
  }
  div.talentIco.xxx {
    width:180px;
    height:201px;
    position:relative
  }
  div.talentIco.xxx img.talentImg {
    margin-left:0;
    margin-top:4px
  }
  div.talentIco.xxx:before {
    width:180px;
    height:201px;
    background:url(/img/screens/talents/talent_xxx.png) no-repeat 0 0
  }
  div.talentIco .ico {
    position:absolute;
    z-index:4;
    bottom:16px;
    right:-5px
  }
  div.talentIco .weaponIco {
    width:98px;
    position:absolute;
    left:0;
    top:0;
    z-index:1
  }
  div.talentIco.xxx .ico {
    bottom:25px;
    right:-12px
  }
  div.talentIco.xxx .weaponIco {
    width:182px;
    left:5px;
    top:10px
  }
  .talentIco .talentLevelBar {
    position:absolute;
    height:20px;
    left:50%;
    bottom:-10px;
    z-index:5
  }
  .talentLevelBar.max1 {
    width:26px;
    margin-left:-13px;
    background:url(/img/screens/talents/bar_1.png) no-repeat 0 0
  }
  .talentLevelBar.max3 {
    width:62px;
    margin-left:-31px;
    background:url(/img/screens/talents/bar_3.png) no-repeat 0 0
  }
  .talentLevelBar.max4 {
    width:80px;
    margin-left:-40px;
    background:url(/img/screens/talents/bar_4.png) no-repeat 0 0
  }
  .talentLevelBar.max5 {
    width:98px;
    margin-left:-49px;
    background:url(/img/screens/talents/bar_5.png) no-repeat 0 0
  }
  .talentLevelBar.level1 {
    background-position:0 -50px
  }
  .talentLevelBar.level2 {
    background-position:0 -100px
  }
  .talentLevelBar.level3 {
    background-position:0 -150px
  }
  .talentLevelBar.level4 {
    background-position:0 -200px
  }
  .talentLevelBar.level5 {
    background-position:0 -250px
  }
  .talentIco .talentLevelBar.xx {
    height:29px;
    bottom:-15px
  }
  .talentLevelBar.max1.xx {
    width:40px;
    margin-left:-20px;
    background-image:url(/img/screens/talents/bar_1_xx.png)
  }
  .talentLevelBar.max3.xx {
    width:103px;
    margin-left:-51px;
    background-image:url(/img/screens/talents/bar_3_xx.png)
  }
  .talentLevelBar.max4.xx {
    width:132px;
    margin-left:-66px;
    background-image:url(/img/screens/talents/bar_4_xx.png)
  }
  .talentLevelBar.max5.xx {
    width:164px;
    margin-left:-82px;
    background-image:url(/img/screens/talents/bar_5_xx.png)
  }
  .dailyBonusScreen {
    text-align:center
  }
  .dailyBonusScreen:before {
    content:'';
    width:100%;
    height:200%;
    position:absolute;
    left:0;
    top:0;
    -webkit-animation:bgAnimate linear 15s infinite;
    -moz-animation:bgAnimate linear 15s infinite;
    animation:bgAnimate linear 15s infinite;
    background:url(/img/screens/dailyBonus/bg.png) repeat center center #ffe4c2!important
  }
  .dailyBonusScreen h1 {
    margin-top:100px
  }
  .dailyBonusScreen h4 {
    width:600px;
    font-size:14px;
    margin:10px auto 50px auto
  }
  .dailyBonusScreen ul.dailyAwards {
    text-align:center;
    vertical-align:top
  }
  .dailyBonusScreen ul.dailyAwards li {
    position:relative;
    display:inline-block;
    width:138px;
    height:191px;
    background:url(/img/screens/dailyBonus/li.png) no-repeat 0 0
  }
  .dailyBonusScreen ul.dailyAwards li .content {
    width:118px;
    height:167px;
    position:relative;
    margin-top:5px;
    margin-left:10px
  }
  .dailyBonusScreen ul.dailyAwards li h5 {
    color:#78422d;
    font-weight:700;
    font-size:18px;
    line-height:34px
  }
  .dailyBonusScreen ul.dailyAwards li .qty {
    font-size:30px;
    margin-top:-7px
  }
  .dailyBonusScreen ul.dailyAwards .asTable {
    width:100%;
    height:100px
  }
  .dailyBonusScreen ul.dailyAwards li.current {
    top:-10px;
    background-image:url(/img/screens/dailyBonus/li_current.png)
  }
  .dailyBonusScre h5 {
    color:#fff
  }
  .dailyBonusScreen ul.dailyAwards li.complete .content {
    opacity:.5
  }
  .dailyBonusScreen ul.dailyAwards li.complete:after {
    content:url(/img/screens/dailyBonus/check.png);
    position:absolute;
    bottom:-9px;
    left:45px;
    bottom:-9px;
    left:45px
  }
  #mainOffer {
    position:absolute;
    width:76px;
    height:76px;
    top:10px;
    right:322px;
    cursor:pointer;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    background:green;
    font-weight:700
  }
  #mainOffer img {
    width:76px;
    height:76px;
    z-index:1;
    position:relative
  }
  #mainOffer img:hover {
    filter:brightness(1.1)
  }
  #mainOffer .timerDiv {
    position:absolute;
    width:96%;
    left:2%;
    bottom:-3px;
    font-size:14px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    color:#373757;
    height:20px;
    line-height:20px;
    z-index:2;
    text-align:center;
    box-sizing:border-box;
    background-color:#fff
  }
  .offersScreen {
    background:0 0
  }
  .offersScreen:before {
    content:'';
    width:100%;
    height:600px;
    position:fixed;
    z-index:0;
    background-color:rgba(0,0,0,.4)
  }
  div#offers {
    top:85px;
    font-size:16px;
    margin-left:120px;
    line-height:normal;
    position:relative
  }
  #offers .chestIco {
    cursor:pointer
  }
  #offers div {
    box-sizing:border-box
  }
  .offerBlock {
    color:#fff;
    width:795px;
    height:447px;
    position:relative;
    background:url(/img/offers/block.png)
  }
  .offerBlock .banner {
    width:784px;
    height:341px;
    position:absolute;
    left:5px;
    -webkit-border-top-left-radius:19px;
    -webkit-border-top-right-radius:19px;
    -moz-border-radius-topleft:19px;
    -moz-border-radius-topright:19px;
    border-top-left-radius:19px;
    border-top-right-radius:19px
  }
  .offerBlock h1 {
    color:#fffb26;
    border-box:box-sizing;
    margin:0;
    padding:0;
    text-align:center;
    position:absolute;
    top:-60px;
    left:0;
    line-height:30px;
    width:100%;
    text-shadow:2px 0 0 #000,-2px 0 0 #000,0 2px 0 #000,0 -2px 0 #000,1px 1px #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000
  }
  .offerBlock .profit {
    width:180px;
    height:183px;
    position:absolute;
    left:3px;
    top:-3px;
    color:#fff;
    z-index:+1;
    background:url(/img/offers/profit.png)
  }
  .offerBlock .profit .text {
    font-size:20px;
    text-align:center;
    left:-28px;
    top:30px;
    position:relative;
    font-weight:700;
    transform:rotate(-45deg)
  }
  .offerBlock .profit .text em {
    display:block;
    font-size:30px
  }
  .offerBlock .footer {
    width:784px;
    height:92px;
    position:absolute;
    bottom:13px;
    left:5px
  }
  .offerBlock .footer .price {
    position:absolute;
    height:92px;
    right:254px;
    bottom:0
  }
  .offerBlock .footer .price .strike {
    font-weight:700;
    font-size:28px
  }
  .offerBlock .footer .price .strike:after {
    content:'';
    border-top:3px solid red;
    width:110%;
    height:1px;
    position:absolute;
    left:-5%;
    top:60%
  }
  .offerBlock .timerBlock {
    position:absolute;
    left:20px;
    top:16px;
    text-align:center
  }
  .offerBlock .timerBlock .timerText {
    display:block;
    margin-bottom:5px
  }
  .offerBlock .footer .timerDiv {
    font-size:17px;
    font-weight:700;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    color:#fffb26;
    height:34px;
    line-height:34px;
    text-align:center;
    padding:0 12px 0 36px;
    display:inline-block;
    position:relative;
    background-color:#2b2b45
  }
  .offerBlock .footer .timerDiv:before {
    content:'';
    position:absolute;
    left:2px;
    top:2px;
    width:29px;
    height:29px;
    background:url(/img/offers/timer_ico.png)
  }
  .offerBlock button.buyButton {
    color:#fff;
    font-size:30px;
    width:215px;
    height:80px;
    position:absolute;
    bottom:4px;
    right:10px;
    padding-bottom:5px;
    text-shadow:2px 0 0 #368c0a,-2px 0 0 #368c0a,0 2px 0 #368c0a,0 -2px 0 #368c0a,1px 1px #368c0a,-1px -1px 0 #368c0a,1px -1px 0 #368c0a,-1px 1px 0 #368c0a;
    background-image:url(/img/offers/button_buy.png)
  }
  ul.offerMenu {
    width:120px;
    position:absolute;
    top:0;
    left:-118px;
    z-index:10;
    text-align:center;
    max-height:510px
  }
  ul.offerMenu::-webkit-scrollbar {
    width:0
  }
  ul.offerMenu li {
    width:96px;
    height:96px;
    margin:0 auto;
    cursor:pointer;
    margin-bottom:15px;
    position:relative
  }
  ul.offerMenu li.active:before {
    content:url(/img/offers/active.png);
    position:absolute;
    left:-9px;
    top:-10px
  }
  ul.offerMenu li .timerDiv {
    font-size:15px;
    color:#373757;
    font-weight:1000;
    position:absolute;
    width:96%;
    height:20px;
    line-height:20px;
    text-align:center;
    background-color:#fff;
    left:2%;
    bottom:-3px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px
  }
  .offerBlock ul.itemList {
    color:#373757;
    position:absolute;
    left:0;
    top:0
  }
  .offerBlock ul.itemList li {
    position:absolute;
    width:164px;
    height:164px;
    text-align:center
  }
  .offerBlock ul.itemList li .img {
    margin:0 auto;
    text-align:center
  }
  .offerBlock .qty {
    font-size:40px
  }
  .offerBlock ul.itemList .qty {
    bottom:0
  }
  .offerBlock ul.itemList .name {
    width:100%;
    font-weight:700;
    text-align:center
  }
  .offerBlock ul.itemList.xx .name {
    font-size:22px
  }
  .offerBlock.bigSmallSmall .banner {
    background:url(/img/offers/banners/big_small_small_c1.jpg)
  }
  .offerBlock[data-color="2"] .banner {
    background-image:url(/img/offers/banners/big_small_small_c2.jpg)
  }
  .offerBlock[data-color="3"] .banner {
    background-image:url(/img/offers/banners/big_small_small_c3.jpg)
  }
  .offerBlock.bigSmallSmall ul.itemList li.num0 {
    width:270px;
    height:270px;
    top:37px;
    left:42px
  }
  .offerBlock.bigSmallSmall li.num0 .qty {
    font-size:50px
  }
  .offerBlock.bigSmallSmall li.num0 div.img {
    height:206px
  }
  .offerBlock.bigSmallSmall li.num1 {
    left:361px;
    top:88px
  }
  .offerBlock.bigSmallSmall li.num1 .name,
  .offerBlock.bigSmallSmall li.num2 .name {
    width:100%;
    margin-top:-10px;
    height:36px
  }
  .offerBlock.bigSmallSmall li.num2 .name .asCell {
    padding:0 12px
  }
  .offerBlock.bigSmallSmall li.num1 .img,
  .offerBlock.bigSmallSmall li.num2 .img {
    height:110px
  }
  .offerBlock.bigSmallSmall li.num2 {
    top:88px;
    left:574px
  }
  .offerBlock.bigSmallSmall li .qty {
    margin-top:-10px
  }
  .offerBlock.bigSmallSmall li.num1[data-type=chest] .name,
  .offerBlock.bigSmallSmall li.num2[data-type=chest] .name {
    margin-top:12px
  }
  .offerBlock.single .banner {
    background:url(/img/offers/banners/simple_c1.jpg)
  }
  .offerBlock.single[data-color="2"] .banner {
    background-image:url(/img/offers/banners/simple_c2.jpg)
  }
  .offerBlock.single ul.itemList li.num0 {
    width:270px;
    height:270px;
    top:39px;
    left:258px
  }
  .offerBlock.single ul.itemList li.num0 .img {
    min-height:190px
  }
  .offerBlock.single li.num0 .qty {
    font-size:50px
  }
  .offerBlock.coins .banner {
    background:url(/img/offers/banners/coins.jpg)
  }
  .offerBlock.coins .banner .img {
    display:none
  }
  .offerBlock.coins ul.itemList li.num0 {
    width:270px;
    height:270px;
    top:39px;
    left:148px
  }
  .offerBlock.coins ul.itemList li.num0 .img {
    min-height:150px
  }
  .offerBlock.coins li.num0 .qty {
    margin-top:170px;
    font-size:70px
  }
  .offerBlock.coins .name {
    font-size:24px;
    margin-top:-14px
  }
  .offerBlock.two .banner {
    background:url(/img/offers/banners/two_c1.jpg)
  }
  .offerBlock.two[data-color="2"] .banner {
    background-image:url(/img/offers/banners/two_c2.jpg)
  }
  .offerBlock.two[data-color="3"] .banner {
    background-image:url(/img/offers/banners/two_c3.jpg)
  }
  .offerBlock.two[data-color="4"] .banner {
    background-image:url(/img/offers/banners/two_c4.jpg)
  }
  .offerBlock.two[data-color="5"] .banner {
    background-image:url(/img/offers/banners/two_c5.jpg)
  }
  .offerBlock.two[data-color="6"] .banner {
    background-image:url(/img/offers/banners/two_c6.jpg)
  }
  .offerBlock.two ul.itemList li {
    width:270px;
    height:270px;
    top:37px;
    left:96px
  }
  .offerBlock.two .qty {
    font-size:52px
  }
  .offerBlock.two div.img {
    height:206px
  }
  .offerBlock.two ul.itemList li.num1 {
    left:416px
  }
  .offerBlock.two li .qty {
    margin-top:-10px
  }
  .offerBlock.two ul.itemList .name {
    font-size:21px
  }
  .offerBlock.three .banner {
    background:url(/img/offers/banners/three_c1.jpg)
  }
  .offerBlock.three[data-color="2"] .banner {
    background-image:url(/img/offers/banners/three_c2.jpg)
  }
  .offerBlock.three[data-color="3"] .banner {
    background-image:url(/img/offers/banners/three_c3.jpg)
  }
  .offerBlock.three ul.itemList {
    font-size:0;
    position:absolute;
    left:43px;
    top:56px
  }
  .offerBlock.three ul.itemList li {
    width:198px;
    height:242px;
    margin-right:51px;
    float:left;
    position:relative
  }
  .offerBlock.three ul.itemList li:last-child {
    margin-right:0
  }
  .offerBlock.three .qty {
    font-size:52px
  }
  .offerBlock.three div.img {
    height:186px
  }
  .offerBlock.three li .qty {
    margin-top:-10px
  }
  .offerBlock.three ul.itemList .name {
    font-size:21px
  }
  .offerBlock.skins .banner {
    background:url(/img/offers/banners/skins.jpg)
  }
  .offerBlock.skins #offer_skin {
    position:relative;
    top:-10px
  }
  .offerBlock.skins #offer_skin {
    width:400px
  }
  .offerBlock.skins ul.itemList {
    width:390px;
    position:absolute;
    left:396px;
    top:66px
  }
  .offerBlock.skins ul.itemList li {
    width:102px;
    height:102px;
    box-sizing:border-box;
    display:inline-block;
    position:relative;
    padding-top:4px;
    margin-right:24px;
    margin-bottom:36px
  }
  #wnd_talents_reset {
    text-align:center
  }
  .bossHpBarContainer {
    width:440px;
    height:67px;
    position:absolute;
    top:8px;
    left:255px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    background:rgba(0,0,0,.3)
  }
  .standartProgressBar.bossHpBar {
    margin-top:10px
  }
  .standartProgressBar.bossHpBar {
    width:400px
  }
  .standartProgressBar.white .progressContainer .progress {
    background:url(/img/interface/progress_bar_progress2.png) repeat-x
  }
  .standartProgressBar.white .bar {
    background-image:url(/img/interface/progress_bar2.png)
  }
  .standartProgressBar.white .bar:before {
    background-image:url(/img/interface/progress_bar2.png)
  }
  .bossFinalScreen {
    color:#452818;
    background-image:url(/img/screens/boss/finish_bg.jpg);
    background-color:#cb9bfe
  }
  .bossFinalScreen.lastPage {
    background-image:url(/img/screens/boss/bg.jpg)
  }
  .bossFinalScreen.lastPage .limitText {
    text-align:center;
    width:100%
  }
  .bossFinalScreen .playAgain {
    position:absolute;
    left:391px;
    bottom:21px;
    z-index:4
  }
  .bossFinalScreen .bossHpBarContainer {
    background-color:transparent
  }
  .bossFinalScreen .bossHpBarContainer {
    top:30px;
    left:70px
  }
  .bossFinalScreen .player {
    position:absolute;
    width:310px;
    height:320px
  }
  .bossFinalScreen .player {
    width:310px;
    height:320px
  }
  ul.bossStats {
    font-weight:700;
    color:#45250e;
    top:15px;
    right:10px;
    position:absolute
  }
  ul.bossStats li {
    position:relative;
    vertical-align:top;
    display:inline-block;
    margin-left:25px
  }
  ul.bossStats li p {
    font-size:14px
  }
  ul.bossStats li:before {
    content:url(/img/screens/boss/li_separator.png);
    position:absolute;
    right:-25px;
    top:-10px
  }
  ul.bossStats li:last-child:before {
    content:''
  }
  ul.bossStats li.time {
    width:150px
  }
  ul.bossStats em {
    position:absolute;
    left:60px;
    top:30px;
    font-size:18px
  }
  ul.bossStats li.time em {
    margin-top:10px
  }
  ul.bossStats em.bigText {
    font-size:30px
  }
  ul.top3players {
    position:absolute;
    top:257px;
    left:0
  }
  ul.top3players .cupIco {
    position:absolute;
    left:80px;
    top:-56px;
    z-index:5
  }
  ul.top3players img.playerImg {
    width:200px;
    position:absolute;
    left:60px;
    top:-166px
  }
  ul.top3players li.top3players {
    width:306px;
    height:200px;
    text-align:center;
    position:absolute;
    top:0;
    background-color:255,0,0,.4
  }
  ul.top3players li .playerName {
    font-size:16px;
    font-weight:700;
    margin-top:15px
  }
  ul.top3players li.num1 {
    left:343px
  }
  ul.top3players li.num2 {
    left:30px;
    margin-top:30px
  }
  ul.top3players li.num3 {
    left:653px;
    margin-top:46px
  }
  .playerStats {
    margin-top:10px
  }
  .playerStats div {
    width:62px;
    text-align:center;
    display:inline-block
  }
  .playerStats div:first-child {
    border-right:1px solid #000
  }
  .playerStats em {
    font-size:25px;
    display:block
  }
  h1.bossAwards {
    color:#482711;
    font-size:22px;
    font-weight:700;
    text-align:center;
    margin-top:25px
  }
  .lowHits {
    text-align:center;
    font-weight:700
  }
  div.bossAwards {
    margin-top:15px
  }
  div.bossAwards img {
    margin:0 5px
  }
  ul.finalPlayerStats {
    position:absolute;
    left:138px;
    top:117px
  }
  ul.finalPlayerStats li.asTable {
    width:351px;
    height:85px;
    margin-bottom:22px
  }
  ul.finalPlayerStats li div.ico {
    width:100px;
    text-align:center
  }
  ul.finalPlayerStats li div.qty {
    width:74px;
    font-size:29px;
    text-align:center;
    font-weight:700
  }
  ul.finalPlayerStats li.none {
    opacity:.3
  }
  h2.bonusAward {
    width:350px;
    line-height:48px;
    position:absolute;
    left:537px;
    top:112px;
    text-align:center
  }
  ul.finalPlayerBonus {
    position:absolute;
    left:537px;
    top:158px
  }
  ul.finalPlayerBonus li.asTable {
    width:350px;
    height:80px
  }
  ul.finalPlayerBonus li div.ico {
    width:100px;
    text-align:center
  }
  ul.finalPlayerBonus li div.qty {
    width:74px;
    font-size:24px;
    text-align:center;
    font-weight:700;
    padding:0 10px;
    white-space:nowrap
  }
  ul.finalPlayerBonus li div.qty img {
    vertical-align:-8px
  }
  ul.finalPlayerBonus li.none {
    opacity:.3
  }