.guards-list {
  margin: 8px 0;
}
.free-guard {
  color: #4ff553;
}

::-webkit-scrollbar {
  display: none;
  width: 0px;
  height: 0px;
}

textarea::-webkit-scrollbar {
  display: block;
  width: 15px;
  height: 15px;
  background-color: #aaa; /* or add it to the track */
}

textarea::-webkit-scrollbar-thumb {
  background: rgb(71, 71, 71);
  border-radius: 3px;
}

h1,
h2,
h3,
form,
html,
p,
div,
span,
table,
tbody,
td,
tr,
img,
ul,
ol,
li {
  margin: 0;
  padding: 0;
}
body {
  color: #ffffff;
  margin: 0 auto;
}
body,
table,
td,
th,
input,
textarea,
select {
  font-family: Arial, Verdana, sans-serif;
}
/*a {color:#FFFF33;outline:none;text-decoration:underline;}*/

.body {
  color: #fff;
  background-color: #000;
}
@media screen and (min-width: 800px) {
  .body {
    background: url('../images/pc/mafia-bg.jpg') no-repeat 50% 0 #000;
    background-attachment: fixed;
  }
}
@-ms-viewport {
  width: auto !important;
}
@media screen and (min-width: 480px) {
  img.i-back {
    width: auto !important;
  }
}
@media (min-width: 800px) and (max-width: 1200px) {
  @-ms-viewport {
    width: 640px !important;
  }
}

a.hb-na,
a.hb {
  display: block;
  margin: 4px 5%;
  padding: 7px 12px;
  color: #e6d3c7;
  font-size: 12px;
  text-decoration: none;
  background: #431c0f;
  border: 1px solid #664c4c;
  border-radius: 10px;
}
a.hb {
  text-align: center;
}
a.hb-na:hover,
a.hb:hover {
  color: #fff;
  background: #5d2a18;
}
.hb-na img {
  display: block;
  float: left;
  margin-right: 5px;
  margin-top: 2px;
}

input.hb {
  display: block;
  margin: 4px 5%;
  padding: 7px 12px;
  color: #e6d3c7;
  font-size: 12px;
  text-decoration: none;
  background: #431c0f;
  border: 1px solid #664c4c;
  border-radius: 10px;
  text-align: center;
  width: 100%;
  cursor: pointer;
}
input.hb:hover {
  color: #fff;
  background: #5d2a18;
}

h1,
h2,
h2 a {
  font-size: medium;
  font-weight: normal;
  color: #ff8c00;
  padding: 4px;
}
h2 a {
  padding: 0;
}
.b {
  font-weight: bold;
}

.uimg {
  padding: 0 3px 2px 0;
}

table {
  border: 0;
  border-collapse: collapse;
}
li {
  list-style-type: none;
}
img {
  border: 0;
  vertical-align: middle;
}
label {
  font-size: 12px;
}
.pb4 {
  padding-bottom: 4px;
}
.pt {
  padding-top: 4px;
}
.pt2 {
  padding-top: 8px;
}
.pt3 {
  padding-top: 12px;
}
.header {
  background-color: #172533;
  padding: 4px;
}
.block {
  padding: 0 4px 4px;
}
.blockpt {
  padding: 4px;
}
.gap {
  background-color: #4a3333;
  padding: 4px;
}
.reward {
  background-color: #331717;
  padding: 4px;
}
.event {
  background-color: #403333;
  padding: 4px;
}
.hr {
  background-color: #4a3333;
  height: 1px;
}
.separator {
  height: 1px;
  background: #403333;
  padding: 0 0 3px 0;
  border-top: 1px solid #170000;
}
.pag {
  color: #ffff33;
}
span.pag {
  color: #999999;
}
.content {
  background-color: #170000;
  max-width: 480px;
}
.major {
  color: #ff3333;
}
.info {
  color: #33cc33;
}
h1 .info,
h2 .info {
  color: #ffffff;
}
.medium {
  font-size: medium;
}
.feedbackPanel {
  background-color: #403333;
  padding: 4px;
}
.feedbackPanelERROR {
  color: #cc3333;
  font-size: small;
}
.feedbackPanelINFO {
  color: #33cc33;
  font-size: small;
}
.warn {
  color: #ffff33;
}
.minor {
  color: #999999;
}
.small {
  font-size: 12px;
}
.tiny {
  font-size: 8px;
}
.iNoob {
  color: #339933;
}
.iGood {
  color: #339933;
}
.is {
  color: #3366ff;
}
.nylight {
  background-color: #003366;
  padding: 4px;
}
.iEpic {
  color: #9933ff;
}
.iLegendary {
  color: #ff9900;
}
.iHeaderable {
  color: #ff8c00;
  font-size: medium;
}
.clear {
  width: 100%;
  overflow: hidden;
}
.mafia {
  color: #cc3333;
}
.agent {
  color: #9999cc;
}
.imgInText {
  float: left;
  padding: 0 4px 2px 6px;
}
.bluepost {
  color: #ff9900;
}
.wide {
  width: 90%;
}
.vk {
  background-color: #6d8fb3;
  font-size: 10px;
  text-decoration: none;
  display: inline-block;
  height: 18px;
  padding: 1px;
  vertical-align: middle;
  border-radius: 3px;
  border: 0 solid #6286a7;
  margin: 2px;
}
.saveVk {
  vertical-align: middle;
  margin-left: 4px;
}
.dc {
  padding: 0 0 10px;
  text-align: center;
  background-color: #333333;
}
.dh {
  display: none;
}
.restore {
  padding-top: 16px;
  text-align: center;
}
.p4 {
  padding: 4px;
}
.pt10 {
  padding-top: 10px;
}
.pt20 {
  padding-top: 20px;
}
.mhr {
  background-color: #7a5555;
  height: 1px;
}
.foot {
  padding: 5px 0 4px;
  background: #333333;
  font-size: 11px;
  color: #71625c;
  text-align: center;
}
.foot a {
  color: #999999;
}

.top-img {
  text-align: center;
  padding: 2px 0 5px;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}

.ml,
.ml2 {
  font-size: medium;
  background: #331717;
}
.ml a,
.ml2 a {
  color: #ced6ce;
  display: block;
  width: 100%;
  text-decoration: none;
  padding: 4px 0;
  border-top: 1px solid #553e33;
  border-bottom: 1px solid #0f0303;
}
.ml a:hover {
  background: #512b1c;
  border-top: 1px solid #262626;
  border-bottom: 1px solid #512b1c;
}
.ml li.f a,
.ml2 li.f a {
  border-top: 0;
}
.ml li.l a,
.ml2 li.l a {
  border-bottom: 0;
}
.ml li.sep {
  height: 3px;
  background: #170000;
}
.ml img,
.ml2 img {
  padding: 0 7px 2px;
}
span.inml img {
  padding: 0 0 2px;
}
.ml2 {
  background: #172533;
}
.ml2 a {
  color: #bfd1d1;
  border-top: 1px solid #355768;
}
.ml2 a:hover {
  background: #113548;
  border-top: 1px solid #262626;
  border-bottom: 1px solid #113548;
}

.sub-header {
  position: relative;
  border-top: 1px solid #33474f;
  background: #172533;
}
.clearer {
  display: block;
  clear: both;
  float: none;
  overflow: hidden;
}
.header-close {
  height: 5px;
  background: #172533;
}
.head-corner-l {
  width: 5px;
  height: 5px;
  float: left;
  background: url('../images/menu/hc-l.png') no-repeat 0 0;
}
.head-corner-r {
  width: 5px;
  height: 5px;
  float: right;
  background: url('../images/menu/hc-r.png') no-repeat 0 0;
}
.tm-cur-i {
  padding: 0 6px 0 0;
}

h2.cn,
h3 {
  font-family: Century Gothic, Arial, sans-serif;
  text-align: center;
  color: #ffe095;
}
h3 {
  margin: 0 0 4px;
  font-size: 14px;
  font-weight: normal;
}

.ptf {
  margin-top: 4px;
  background: #331717;
  padding: 4px 7px;
  border-top: 1px solid #5f3520;
}
.ptf a,
.b-team a,
.chat a {
  font-size: 12px;
  color: #339db4;
}
.ptf a:hover,
.b-team a:hover,
.chat a:hover {
  color: #99ced9;
}
.ptf .bluepost {
  font-size: 12px;
}

a.btn-i {
  margin: 5px 5px 0;
  padding: 3px 5px;
  font-size: 12px;
  text-decoration: none;
  background: url('../images/menu/btn-head-bg.png') repeat-x 0 0 #5f3520;
  color: #fff0e5;
  display: block;
}
a.btn-i:hover,
a.b-r:hover {
  color: #ffff00;
  background: url('../images/btns/btn-head-bg-hover.png') repeat-x 0 0 #775341;
}
a.btn-i {
  display: inline-block;
  margin: 2px;
}

a.team-head {
  display: block;
  padding-bottom: 4px;
  text-align: center;
  font-size: 12px;
  color: #ffe095;
  text-decoration: none;
  background: url('../images/btns/team-head.png') no-repeat 50% 0;
  border-top: 1px solid #5f3520;
}
a.team-head:hover {
  color: #ffff00;
}

.b-team {
  margin-top: 4px;
  padding: 0 4px 4px;
  font-size: 12px;
  color: #2eaeff;
  background: #331717;
}

.w {
  color: #ffffff;
}
.y {
  color: #ffff33;
}
.minor-message .y {
  color: #999999;
}

.ml.list {
  margin: 10px 0 15px;
}
.ml.list a {
  padding: 3px 0;
  color: #f0d8d8;
  font-family: Century Gothic, Arial, Verdana, sans-serif;
  font-size: 12px;
}
.ml.list.g a {
  font-size: 14px;
}
.ml.list a:hover {
  color: #1f0b0b;
  background: url('../images/btns/arrow-brown.png') no-repeat 95% 50% #957777;
}
.ml.list img {
  padding: 5px 7px 7px 8px;
}

h3 {
  margin: 0 0 4px;
  padding: 0;
  font-size: 14px;
  font-weight: normal;
  font-family: Century Gothic, Arial, sans-serif;
  text-align: center;
  color: #ffe095;
}

/* CHAT and NoteBook */

.b-chat {
  padding: 3px 0;
}
.b-notebook {
}
.chat-head {
  padding-left: 5px;
}
.chat-refresh {
  padding: 2px 2px 0;
  text-align: right;
}
.chat-refresh img {
  margin-left: 2px;
}
.chat-item,
.notebook-item {
  margin-bottom: 1px;
  padding: 3px 5px;
  background: #171717;
}

.btn-name,
.btn-mini {
  display: block;
  float: left;
  height: 18px;
  padding: 1px 4px 1px 0;
  color: #f0c311;
  font-size: 14px;
  text-decoration: none;
  margin-right: 4px;
  background: url('../images/btn-name_t.png') repeat-x 0 0 #323232;
  transition: all 80ms ease-out;
}
.btn-mini {
  margin: 0 0 0 5px;
}
.btn img {
  vertical-align: middle;
}
.btn-name:hover,
.btn-mini {
  color: #ffc200;
}
.btn-name:active {
  background-color: #4a4a4a;
  padding-top: 2px;
  padding-bottom: 0;
}
.msg {
  font-family: Arial, Tahoma, sans-serif;
  font-size: 14px;
  padding-top: 4px;
  color: #bbbbbb;
  word-wrap: break-word;
}
.msg-moder {
  color: #da8224;
}
.m-c {
  color: #fa880d;
}
a.b-r {
  display: block;
  float: left;
  width: 19px;
  height: 19px;
  margin-right: 4px;
  font-size: 12px;
  text-align: center;
}
a.b-r:hover {
  background: none;
}

.m-t {
  padding-left: 4px;
  font-style: italic;
  color: #575757;
  white-space: nowrap;
}
.update-cont {
  margin: 4px 3px 10px;
  overflow: hidden;
}
input.btn-smiles {
  display: block;
  width: 122px;
  height: 18px;
  margin: 0 5% 0 auto;
  padding-top: 3px;
  text-align: center;
  font-size: 11px;
  color: #eae4e1;
  text-decoration: none;
  border: 0;
  background: url('../images/btn-smiles_t.png') no-repeat 0 0;
  cursor: pointer;
}
input.btn-smiles:hover {
  color: #ffcc00;
}
a.btn {
  display: block;
  float: left;
  height: 18px;
  padding: 1px 4px 0;
  font-size: 12px;
  text-decoration: none;
  margin-right: 4px;
  background: url('../images/btns/btn-head-bg.png') repeat-x 0 0 #5f3520;
}
a.btn:hover {
  color: #ffff00;
  background: url('../images/btns/btn-head-bg-hover.png') repeat-x 0 0 #775341;
}
.btn.btn-name {
  color: #ffd428;
  font-size: 14px;
}
.btn img {
  vertical-align: middle;
}
a.b-r {
  display: block;
  float: left;
  width: 19px;
  height: 19px;
  margin-right: 4px;
  font-size: 12px;
  text-align: center;
}
.mes-smiles {
  float: right;
  padding: 2px 10px 0px 0;
}
.text-field {
  display: block;
  width: 94%;
  margin: 0 auto 7px auto;
  font-size: 12px;
  padding: 5px 5px 10px 5px;
  border: 0 solid #7a893d;
  border-radius: 2px;
  box-shadow: 0 1px 1px #7a893d inset;
}
.chat-area,
.notebook-area {
  display: block;
  height: 50px;
  width: 95%;
  margin: 0 auto 7px auto;
  font-size: 12px;
  padding: 5px 5px 10px 5px;
  border: 0 solid #7a893d;
  border-radius: 2px;
  box-shadow: 0 1px 1px #7a893d inset;
}

.link-inputs input {
  padding: 0;
  color: #ffcc00;
  font-size: medium;
  text-decoration: underline;
  border: 0;
  background: none;
  cursor: pointer;
}
.link-inputs input[disabled='disabled'] {
  color: #fff;
  text-decoration: none;
}
input.btn-smiles:hover {
  color: #ffcc00;
}
a.btn-smiles {
  display: block;
  width: 122px;
  height: 18px;
  margin: 0 5% 0 auto;
  padding-top: 3px;
  text-align: center;
  font-size: 11px;
  color: #eae4e1;
  text-decoration: none;
  background: url('../images/btns/btn-smiles.png') no-repeat 0 0;
}
a.btn-smiles:hover {
  color: #ffcc00;
}

.smiles-list {
  width: 90%;
  margin: 0 auto;
  font-size: 11px;
  color: #bbbbbb;
  border: 2px solid #171717;
}
.smiles-list .smile {
  cursor: pointer;
}
.smiles-list td {
  padding: 5px 0;
}

/* end chat */

.bratva-info {
  margin: 8px 8px 15px;
  color: #f0d8d8;
}
.robbin-info {
  margin: 8px 8px 15px;
  color: #f0d8d8;
}
.robbin-info img {
  padding: 0 0 3px 2px;
}
.gray-list {
  margin: 4px 0;
  color: #a3a3a3;
}

.guard {
  margin: 4px 8px 15px;
  color: #f0d8d8;
}
.gray-notify {
  margin: 4px 0;
  font-size: small;
  color: #a3a3a3;
}
.guards-list {
  margin: 8px 0;
}
.free-guard {
  color: #4ff553;
}

.bank-header {
  margin-left: 2px;
  color: #ffe095;
}
.bank-button {
  font-size: medium;
}
.bank-button a.hb {
  font-size: medium;
  text-align: left;
  margin: 4px 0;
}
.bank-bucks {
  float: left;
  font-weight: bold;
}
.bank-discount {
  float: right;
  font-size: 12px;
  font-style: italic;
}
.bank-info {
  float: right;
  font-size: 12px;
  color: yellow;
  font-style: italic;
}
.bank-tip {
  color: gray;
  font-size: 12px;
  font-style: italic;
}
.bank-button-center {
}
.bank-button-center a.hb {
  font-size: medium;
  margin: 4px 0;
}
.bank-descr {
  display: block;
  color: #888888;
  font-size: 12px;
  font-style: italic;
}

.bank-payment-title {
  text-align: center;
}

.bank-payment-system-title {
  color: #3c3;
  padding: 0 2px;
}
.bank-payment-system-title-tip {
  color: #3c3;
  font-size: 12px;
  font-style: italic;
}
.bank-payment-system {
  margin: 10px 0 0 0;
  color: gray;
}

.bank-tip-icon {
  float: right;
}
.bank-buy {
  font-size: medium;
}
.bank-separator {
  height: 1px;
  margin: 6px 0;
  background: url('../images/sep.png') no-repeat 50% 0;
}

.bank-buy-payment-system-title {
  color: green;
  text-align: center;
}
.bank-select-country {
  margin-top: 7px;
  font-size: 12px;
}
.mt5 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.ml a.bank-btn {
  background: #632116;
  border-top: 1px solid #824d45;
  border-bottom: 1px solid #000;
}

.learning-start-button a.hb {
  font-size: medium;
}

.gifts-table {
  margin: 5px 0 10px 0;
  text-align: center;
  font-size: 11px;
}
.gifts-table-days td {
  padding: 2px 0 6px 0;
}
.gift-cell-selected {
  background: #372525;
}
.gift-inner {
  padding: 3px 5px 5px 5px;
  text-align: left;
}
.gift-cell-selected a.hb {
  margin: 4px 9px;
}
.font12 {
  font-size: 12px;
}

/* =================== NEW LAYOUT =================== */

/* === HEADER === */
.b-header {
  position: relative;
  padding: 3px 4px;
  background: #232323;
}
.b-header img {
  vertical-align: middle;
}
.b-title {
  overflow: hidden;
  padding: 5px 0;
  background: #000;
  text-align: center;
  font-weight: 15px;
  color: #ffe095;
}
.b-title span {
  position: relative;
}
.b-title span:before {
  content: '';
  position: absolute;
  top: 5px;
  left: -60px;
  width: 50px;
  height: 5px;
  background: url('../images/title-l.png') no-repeat 0 0;
}
.b-title span:after {
  content: '';
  position: absolute;
  top: 6px;
  right: -60px;
  width: 50px;
  height: 5px;
  background: red;
  background: url('../images/title-r.png') no-repeat 0 0;
}
.b-page-bg {
  height: 107px;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-color: transparent;
}
.b-page-bg.page-bg-160 {
  height: 57px;
}
.b-page-bg.page-bg-240 {
  height: 80px;
}
.b-page-bg.page-bg-480 {
  height: 160px;
}
.b-npc {
  margin-bottom: 6px;
  font-size: 12px;
}
.npc-name {
  font-weight: bold;
}
.npc-phraze {
  color: #cccccc;
}
.check-box {
  width: 21px;
  height: 21px;
  background: url('../images/box_gray.png') no-repeat 0 0;
}
/* end of header */
/* === Separators === */
.sep-top,
.sep-bot {
  background: url('../images/sep-top.png') repeat-x 0 0 #222;
  height: 2px;
}
.sep-dot {
  background: url('../images/sep-dot.png') repeat-x 0 0 #222;
  height: 1px;
}
.dot-line {
  height: 12px;
  background: url('../images/dot.png') 0 bottom repeat-x;
}

/* end of separators */
.container {
  max-width: 480px;
  min-width: 230px;
  margin: 0 auto;
  font-size: 14px;
  background: #000;
  overflow: hidden;
  max-height: 100vh !important;
  overflow-y: scroll !important;
}

a {
  color: #338899;
}
.gentle-separator {
  height: 3px;
}

/* === CONTENT === */
.b-content {
  position: relative;
  margin-bottom: 4px;
  background: #232323;
  color: #ccc;
}
.content-inner {
  padding: 5px;
}
.subtitle {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 14px;
  color: #bd8500;
}
.table-chars {
  margin: 5px 0;
  font-size: 12px;
}
.table-chars td {
  padding: 3px 2px 3px 0;
}
.table-chars img {
  margin-right: 4px;
}
.b-user {
  overflow: hidden;
}
.user-info {
  padding: 0 5px 3px 5px;
  color: #aaa;
}
.maneken {
  height: 158px;
  background: url('../images/maneken.jpg') no-repeat 50% 0;
}
.content-dark {
  background: #1b1b1b;
}
.points-remain {
  padding: 8px 8px 8px 22px;
}
.b-filter,
.bg-verygray {
  background: #171717;
}
.filter-el-active,
.filter-el {
  display: inline-block;
  margin: 8px 0 8px 5px;
  padding: 4px 8px;
  text-decoration: none;
  font-size: 12px;
  border: 1px solid #338899;
  border-radius: 2px;
}
.filter-el-active {
  color: #005161;
  background: #000000;
  font-weight: bold;
  border: 1px solid #171717;
}
.filter-el-active.mail,
.filter-el.mail {
  display: block;
  margin: 2px;
  padding: 4px 1px;
  text-align: center;
}
.filter-el-active.mail,
.filter-el.mail:hover {
  background: #000;
}
.shop-filter,
.simple-filter {
  padding: 5px;
  background: #171717;
  font-size: 11px;
}
.simple-filter {
  padding: 10px 5px;
}
.filter-str {
  margin-bottom: 5px;
}
.filter-item {
  display: inline-block;
  padding-right: 5px;
}
span.filter-item {
  color: #005161;
  font-weight: bold;
}
.b-item {
  padding-bottom: 3px;
}
.b-award-mini {
  padding-top: 5px;
}
.award-mini-el {
  display: inline-block;
  padding: 0 4px;
  color: #888;
}
.item-show {
  padding: 5px 5px;
  font-size: 12px;
  color: #585858;
  background: #171717;
}

/* TABS */

.b-tabs {
  padding-top: 11px;
  background-color: #171717;
}
.tab,
.tab-active {
  display: inline-block;
  padding: 7px 7px 8px 7px;
  font-size: 12px;
  text-align: center;
}
.tab-active {
  background-color: #232323;
  color: #ccc;
  text-decoration: none;
}
.b-tabs table td a.tab,
.b-tabs table td .tab-active {
  display: block !important;
}

/* TABS (end)*/

/* end of content */

/* Notice */
.b-notice {
  position: relative;
}
.b-notice-close {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 100%;
  background: url('../images/notice-close_cross.png') no-repeat 51% 50% #242e25;
}
.b-notice-close:hover {
  background-color: #19301b;
}

.notice-inner {
  padding: 5px 35px 5px 5px;
  font-size: 12px;
  color: #d8d8d8;
  background: #394239;
}
.notice-inner a {
  color: #59b9cc;
}
/* end of notice */

/* scripted quests */
.quest-choices {
  min-height: 64px;
  font-size: 12px;
}

/* === COMBAT === */

.b-combat {
  padding: 5px;
  background: #171717;
}
.b-combat-info {
  min-height: 75px;
  background: url('../images/bratva_combat_element1.png') bottom center no-repeat;
}
.b-combat-info.first-combat {
  background: none;
}
.combat-notes {
  min-height: 32px;
  color: #999;
  padding-bottom: 7px;
  font-size: 12px;
}
.combat-notes-top {
  padding-bottom: 7px;
}
.b-enemy {
}
.b-combat-target {
  overflow: hidden;
  margin-top: 1px;
  min-height: 31px;
  background: url('../images/bratva_combat_element2-new.png') center no-repeat;
}

.btn-attack {
  display: block;
  min-height: 23px;
  padding-top: 5px;
  padding-bottom: 1px;
  text-decoration: none;
  font-size: 14px;
  color: #bbb;
  text-align: center;
  background: url('../images/btn-attack.png') repeat-x 0 0 #600200;
  border-radius: 3px;
  transition: all 80ms ease-out;
}
.btn-attack:hover {
  color: #fff;
}
.btn-attack:active {
  background-image: linear-gradient(to bottom, #600200 0%, #7f0300 100%);
  background-color: #600200;
  padding-top: 6px;
  padding-bottom: 0;
}
.btn-combat {
  display: block;
  position: relative;
  margin: 0;
  padding: 5px 0 1px 4px;
  min-height: 22px;
  text-decoration: none;
  font-size: 12px;
  color: #bbb;
  background: url('../images/btn-a-bg.png') repeat-x 0 0 #1a4347;
  border-radius: 3px;
  transition: all 80ms ease-out;
}
.btn-combat.btn-combat-left {
  float: left;
  width: 72px;
}
.btn-combat.btn-combat-right {
  margin-left: 78px;
}
.btn-combat.btn-combat-left:hover {
  color: #fff;
}
.btn-combat.btn-combat-right:hover {
  color: #fff;
}
.btn-combat.btn-combat-left:active,
.btn-combat.btn-combat-right:active {
  background: #1a3b47;
  padding-top: 6px;
  padding-bottom: 0;
}
.btn-combat-right-in {
  display: block;
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.btn-combat.btn-skills,
.btn-combat.btn-skills.btn-lock:active {
  position: relative;
  padding: 2px 0;
  text-align: center;
}
.btn-combat.btn-lock,
.btn-combat.btn-skills.btn-lock:active {
  border: 2px solid #011618;
  background: url('../images/btn-a-inactive.png') repeat-x 0 0 #2c2c2c;
  border: 0;
  color: #515151;
}
.btn-combat.btn-skills:active {
  padding-top: 3px;
  padding-bottom: 1px;
  background: #1a3b47;
}
.enemies-list-items {
  font-size: 12px;
  line-height: 1.5em;
}
.quant {
  color: #ccc;
}
.info {
  color: #00aa00;
}
.img-npc {
  float: left;
}
.enemy-info {
  margin-left: 37px;
}
.enemy-info-first {
  margin: -2px 0 0 65px;
}
.enemy-name {
  text-align: left;
  font-size: 15px;
}
.enemy-hp-amount {
  text-align: right;
  font-size: 15px;
}
.enemy-hp {
  margin-top: 4px;
  height: 6px;
  background: #696969;
}
.enemy-hp-remain {
  height: 6px;
}
.hp-green {
  background: #00bb00 !important;
}
.hp-yellow {
  background: #dddd00 !important;
}
.hp-orange {
  background: #dd5500 !important;
}
.hp-red {
  background: #bb0000 !important;
}
.locked-time {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 26px;
  padding-top: 10px;
  background: url('../images/locked-time-bg-2.png') repeat 0 0;
  z-index: 10;
  text-align: center;
  border-radius: 3px;
}
.locked-time.vest {
  height: 22px;
  padding-top: 6px;
}
.locked-time.bottle {
  height: 28px;
  padding-top: 15px;
}
span.btn-attack.mt5 {
  position: relative;
}
.locked-time.first-combat {
  top: -2px;
  left: -2px;
  height: 17px;
  border: 2px solid #131313;
}
.locked-time.first-combat.skills {
  height: 28px;
}
span.btn-a.bright.first-combat {
  padding: 3px;
  margin-top: 5px;
  transition: none;
  -webkit-transition: none;
}
.btn-list-inactive {
  color: #555;
}
.btn-list-inactive50 {
  color: #999;
}
.btn-list-inactive99 {
  color: #ccc;
}
.link-repair {
  padding-bottom: 1px;
  font-size: 12px;
  text-decoration: none;
  border-bottom: none;
  color: #888;
}
.link-repair:hover {
  color: #a8a8a8;
  border-bottom: 1px solid #585858;
}

/* end of combat */

/* === BUTTONS & MENU === */
.b-mainmenu table {
  border-collapse: separate;
  border-spacing: 6px 5px;
}

.mainmenu-item,
.menu-item,
.footmenu-item,
.mainmenu-item-disabled,
.menu-item-disabled {
  display: block;
  width: 99%;
  height: 67px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  color: #ccccaa;
  font-size: 14px;
  border: 1px solid #000;
  text-decoration: none;
  border-radius: 3px;
  background: url('../images/btn-mainmenu-bg.png') repeat-x 0 0 #2a0701;
}

.menu-item {
  height: auto;
  padding: 5px 0;
  text-align: left;
  color: #bbb;
  background: url('../images/btn-menu-bg.png') repeat-x 0 0 #3a372d;
}
.menu-item img {
  vertical-align: middle;
  margin: 0 2px;
}
.menu-item span {
  vertical-align: middle;
}
.menu-item.bright {
  background: url('../images/btn-orange-bg.png') repeat-x 0 0 #5e2e16;
  border-color: #000;
  color: #fff;
}
.menu-item.bright:hover {
  color: #ffee44;
}
.menu-item.bright:active {
  background-image: linear-gradient(to bottom, #5e2e16 0%, #a58246 100%);
  background-color: #5e2e16;
  padding-top: 6px;
  padding-bottom: 4px;
}
.menu-item:active {
  padding-top: 6px;
  padding-bottom: 4px;
  background-image: linear-gradient(to bottom, #3a372d 0%, #4f4c42 100%);
  background-color: #3a372d;
}
.menu-item.disabled,
.menu-item.disabled:active,
.menu-item.disabled:hover {
  padding: 5px 0;
  color: #888888;
  background: url('../images/btn-menu-bg2.png') repeat-x 0 0 #333333;
}
@media screen and (max-width: 240px) {
  .mainmenu-item,
  .menu-item {
    font-size: 11px;
  }
  .imgwrap {
    margin-bottom: 3px;
  }
  .mainmenu-item .new-events,
  .menu-item .new-events {
    font-size: 11px !important;
  }
}

.mainmenu-item .imgwrap {
  text-align: center;
  height: 29px;
  padding: 10px 0 2px 0;
}
.mainmenu-item.new-events,
.footmenu-item.new-events,
.menu-item.new-events {
  border-color: #ffe095;
}

.mainmenu-item .new-events,
.footmenu-item .new-events,
.menu-item .new-events {
  display: block;
  height: 16px;
  font-size: 14px;
  position: absolute;
  top: 5px;
  right: 8px;
  color: #ffe095;
}
.mainmenu-item:hover,
.menu-item:hover,
.b-menu .menu-item:hover {
  color: #fff;
}
.mainmenu-item:active {
  background-image: linear-gradient(to bottom, #2a0701 0%, #641c10 7%, #570f03 50%, #510d01 93%, #b87064 100%);
  background-color: #2a0701;
}
.mainmenu-item.disabled,
.mainmenu-item.disabled:active,
.mainmenu-item.disabled:hover {
  padding-top: 0;
  padding-bottom: 1px;
  color: #aaaaaa;
  background: url('../images/btn-mainmenu-bg2.png') repeat-x 0 0 #333333;
}

.item-mark {
  position: absolute;
  background: url('../images/exclamation-mark.gif') no-repeat 0 0;
  width: 6px;
  height: 25px;
}
.mainmenu-item-mark {
  right: 5px;
  top: 7px;
}

.menu-item-mark {
  right: 5px;
  top: 3px;
}

.b-menu {
  padding: 5px 0;
  overflow: hidden;
}
.b-menu .menu-item {
  display: block;
  width: 100%;
  height: 18px;
  text-align: left;
  margin: 0 auto;
  padding: 7px 0;
  border: 1px solid #222;
  color: #a69898;
  background: url('../images/btn-footmenu-bg.png') repeat-x 0 0 #000;
}
.b-menu .menu-item:active {
  padding-top: 8px;
  padding-bottom: 6px;
  background-image: linear-gradient(to bottom, #404040 0%, #202020 5%, #210501 6%, #210501 95%, #202020 96%, #404040 100%);
  background-color: #210501;
}

.b-footmenu {
  overflow: hidden;
}
.footmenu-item {
  margin: 0;
  height: 53px;
  padding: 7px 0;
  border: 1px solid #222;
  color: #a69898;
  background: url('../images/btn-footmenu-bg.png') repeat-x 0 0 #000;
}
.footmenu-item span {
  display: block;
  margin-top: 2px;
}
.footmenu-item:hover {
  color: #fff;
}
.footmenu-item:active {
  padding-top: 8px;
  padding-bottom: 6px;
  background: url('../images/btn-footmenu-bg-active.png') repeat-x 0 0 #000;
}

.btn-a,
.btn-flat,
.btn-equip {
  display: block;
  padding: 7px 5px;
  margin: 1px 0;
  color: #bbb;
  font-size: 14px;
  background: url('../images/btn-a-bg.png') repeat-x 0 0 #1a4347;
  border: 0;
  border-bottom: 1px solid #171717;
  text-decoration: none;
  border-radius: 3px;
  transition: all 80ms ease-out;
}
.btn-a:hover {
  color: #fff;
}
.btn-a:active {
  background-image: linear-gradient(to bottom, #1a4347 0%, #205659 100%);
  background-color: #1a4347;
  padding-top: 8px;
  padding-bottom: 6px;
}
.btn-a.bright {
  /* background-image: linear-gradient(to bottom, #b36601 0%, #d89401 100%);
        background-color: #b36601; */
  background: linear-gradient(180deg, #ffb800 0%, #cd6200 100%);
  color: #fff;
}
.btn-a.bright:hover,
.btn-a.bright:active {
  color: #ffee44;
}
.btn-a.bright:active {
  background: url('../images/btn-a-bright-active.png') repeat-x 0 0 #d89401;
  padding-top: 8px;
  padding-bottom: 6px;
}

.btn-a.btn-repair50,
.btn-a.btn-repair100 {
  margin-top: 5px;
  padding: 6px 0 9px 0;
  font-size: 12px;
  text-align: center;
}
.btn-a.btn-repair100 {
  border-color: #e3b000;
  color: #e3b000;
}
.btn-a.btn-repair100:hover,
.btn-a.btn-repair100:active {
  border-color: #ffee44;
  color: #ffee44;
}
.btn-a.p3:active {
  padding-top: 4px !important;
  padding-bottom: 2px !important;
}
.btn-a.inactive,
.btn-a.narrow.inactive:active,
.btn-flat.inactive,
.btn-flat.inactive:hover,
.btn-flat.inactive:active {
  background: url('../images/btn-a-inactive.png') repeat-x 0 0 #2c2c2c;
  color: #676767 !important;
  padding: 4px 4px 6px 4px;
}
.btn-a.inactive:active {
  padding: 7px 5px;
}
.btn-a.narrow {
  padding: 5px 4px 5px 4px;
  text-align: center;
  font-size: 12px;
}

.btn-a span img {
  margin-top: -2px;
}

.btn-a.narrow.lock,
.btn-a.narrow.lock:hover,
.btn-a.narrow.lock:active {
  position: relative;
  border-color: #002327;
  color: #bbb;
  cursor: default;
  padding: 4px 4px 6px 4px;
}
.btn-a.narrow:active {
  padding: 5px 4px;
}
button.btn-a.search {
  display: block;
  width: 100%;
  min-width: 34px;
  height: 27px;
  margin: 0;
  padding: 2px 0 2px 0;
  border-radius: 0;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  cursor: pointer;
  border-bottom: none;
}
.btn-a.search:active {
  background: url('../images/btn-a-bg.png') repeat-x 0 0 #1a4347;
}
.btn-a.search img {
  display: block;
  margin: 0 auto;
}

.btn-a.race {
  position: relative;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
  color: #fff;
}
.btn-body {
  position: relative;
  z-index: 2;
}
.btn-fill {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, #e74c3c 0%, #c0392b 100%);
  border-radius: 3px;
  z-index: 1;
}

.btn-flat {
  color: #bbb;
  background: url('../images/btn-flat2.png') repeat-x 0 0 #22333f;
}
.btn-flat:hover {
  color: #fff;
}
.btn-flat:active {
  background-image: linear-gradient(to bottom, #22333f 0%, #2a3c49 100%);
  background-color: #22333f;
  padding-top: 8px;
  padding-bottom: 6px;
}
.list-btns .btn-flat.left {
  padding-left: 26px;
  background: url('../images/arrow-left.png') no-repeat 2% 50%, url('../images/btn-flat2.png') repeat-x 0 0 #22333f;
}
.list-btns .btn-flat.left:active {
  padding-left: 26px;
  background: url('../images/arrow-left.png') no-repeat 2% 60%, url('../images/btn-flat2-active.png') repeat-x 0 0 #2a3c49;
}
.btn-flat.lock {
  background: url('../images/btn-a-inactive.png') repeat-x 0 0 #2c2c2c;
  color: #676767;
}
.btn-flat.lock img {
  display: inline-block;
  float: right;
  margin-top: 2px;
}
.btn-flat.lock:active {
  background-image: linear-gradient(to bottom, #2c2c2c 0%, #383838 100%);
  background-color: #2c2c2c;
  color: #676767;
}
.btn-flat.light {
  border-color: #006685;
  background-color: #002c3a;
}

.btn-arrow-down:active,
.btn-arrow-up:active,
.btn-arrow-plus:active,
.btn-arrow-minus:active,
.btn-arrow-down,
.btn-arrow-up,
.btn-arrow-plus,
.btn-arrow-minus {
  width: 30px;
  height: 26px;
  padding: 0;
  margin: 1px auto;
  border-radius: 3px;
  background: url('../images/arrow-down.png') no-repeat 50% 50% #171717;
}
.btn-arrow-up:active,
.btn-arrow-up {
  background-image: url('../images/arrow-up.png');
}
.btn-arrow-plus:active,
.btn-arrow-plus {
  background-image: url('../images/arrow-plus.png');
}
.btn-arrow-minus:active,
.btn-arrow-minus {
  background-image: url('../images/arrow-minus.png');
}
.btn-arrow-right:active,
.btn-arrow-right,
.btn-arrow-left:active,
.btn-arrow-left {
  display: block;
  height: 26px;
  border: 1px solid #484848;
  border-radius: 3px;
  background: url('../images/arrow-right.png') no-repeat 50% 50% #171717;
}
.btn-arrow-left:active,
.btn-arrow-left {
  background-image: url('../images/arrow-left.png');
}

.btn-equip {
  display: inline-block;
  margin: 0 5px 3px 0;
  padding: 2px 4px;
  font-size: 12px;
  text-decoration: none;
}
.btn-equip:active {
  background: url('../images/btn-a-bg-active.png') repeat-x 0 0 #205659;
}
.btn-equip.inactive,
.btn-equip.inactive:active {
  border-color: #333;
  color: #555;
  background: #222;
}
.btn-flat.no-arrow {
  padding-right: 5px;
}
.link-border {
  color: #389;
  text-decoration: none;
  border-bottom: 1px solid #389;
}
.link-border.blue {
  color: #389;
  border-color: #4d9ac0;
}

/* end of buttons & menu */

/* SHOP */
.btn-a.btn-shop {
  position: relative;
  padding: 0;
  margin: 0;
  background: #171717;
}
.btn-shop-label {
  position: absolute;
  padding: 2px 0 4px 0;
  width: 100%;
  bottom: 0;
  overflow: hidden;
  white-space: nowrap;
  font-size: 14px;
  background-color: rgba(7, 7, 7, 0.75);
  color: #bbb;
}
.shop-title-left,
.shop-title-right {
  position: absolute;
  top: 0;
  width: 50px;
  text-align: left;
  font-style: italic;
  font-size: 12px;
  color: #bbb;
  background: url('../images/shop-title_left.png') 0 0 repeat-y;
}
.shop-title-right {
  right: 0;
  text-align: right;
  background: url('../images/shop-title_right.png') 0 0 repeat-y;
}
@media screen and (max-width: 240px) {
  .btn-shop-label,
  .shop-title-left,
  .shop-title-right {
    font-size: 11px !important;
    padding: 1px 0 2px 0;
  }
  .b-combat-target {
    width: 240px !important;
  }
}
/* end of shop */

/* Panel-team and Panel-task*/
.sep-team {
  height: 2px;
  background: url('../images/sep-top.png') repeat-x 0 0 #222;
}
.b-panel-team {
  font-size: 11px;
  background: #171717;
  border-bottom: 1px solid #000;
}
.b-panel-task {
  margin-top: 5px;
  font-size: 12px;
  color: #bbb;
  background: #171717;
}
.task-inner {
  padding-left: 5px;
}

.btn-team {
  text-align: center;
  font-size: 12px;
  border: none;
  border-bottom: 1px solid #000;
  border-radius: 0 0 3px 3px;
  background: url('../images/btn-flat2.png') repeat-x 0 0 #102b2d;
  transition: all 80ms ease-out;
}
.btn-team:hover {
  color: #fff;
}
.btn-team:active {
  background-color: #2a3c49;
  padding-top: 6px !important;
  padding-bottom: 6px;
  color: #fff;
}

.btn-task {
  min-width: 65px;
  border-bottom: none;
  border-left: 1px solid #000;
  border-radius: 0 !important;
  transition: all 80ms ease-out;
}
.btn-task:active {
  padding-top: 8px !important;
  padding-bottom: 6px !important;
}

.team-line {
  padding: 7px 5px 5px 5px;
}
.team-item {
  display: inline-block;
  padding-right: 3px;
}
.team-leader {
  color: #bd8500;
}
/* end of panel-team*/

/* === Paging === */
.b-p {
  margin: 5px 0;
  text-align: center;
  font-size: 0;
}
.p-np {
  margin-bottom: 5px;
}
.b-p a,
.b-p span.act,
.b-p span.na,
.b-p .p-np span {
  display: inline-block;
  width: 24px;
  margin: 0 2px;
  padding: 3px 0;
  color: #bbbbbb;
  text-align: center;
  font-size: 16px;
  text-decoration: none;
  background: #171717;
  border: 1px solid #484848;
}
.b-p .p-np a,
.b-p .p-np span {
  width: 94px;
  padding: 3px 0;
  font-size: 16px;
  font-weight: bold;
}
.b-p span.act,
.b-p .p-np span,
.b-p span.na {
  color: #170000;
  background: #484848;
}
.act {
  font-weight: bold;
}
.b-p span.na {
  font-size: 16px;
  color: #484848;
  background: none;
  border: 1px solid #171717;
}
.b-p a:hover {
  color: #cbcbcb;
  background: #606060;
}
/* end paging */

/* === FORMS === */
.typical-form {
}
.form-input {
  display: block;
  background: #9a9a9a;
  border: 0;
  width: 97%;
  margin: 0 0 7px 0;
  padding: 4px;
}
input.form-input.search {
  display: block;
  padding: 0 0 0 4px;
  width: 100%;
  height: 27px;
  margin: 0;
}

.form-label {
  display: block;
  margin-bottom: 3px;
  color: #cccccc;
  font-weight: bold;
}

.form-submit {
  display: block;
  cursor: pointer;
  width: 100%;
  margin: 8px 0 6px 0;
  color: #becacc;
  font-weight: bold;
}

.btn-a.btn-a-startgame {
  text-align: center;
}

.forgot-pwd {
  display: block;
  padding: 2px 3px 5px 0;
  text-align: right;
  font-size: 12px;
}

.lbl-start {
  font-size: 12px;
  font-weight: bold;
  color: #cccccc;
  text-align: center;
  margin-bottom: 5px;
}
/* end of forms */

/* === Progress === */
.prg-full {
  height: 3px;
  background-color: #393939;
}
.prg-remain {
  height: 3px;
  background-color: #d7d7d7;
}
.progress-slim {
  height: 3px;
  background-color: #8c8c8c;
}
.progress-slim-remain {
  height: 3px;
  background-color: #ffba2a;
}
/* end of progress */

/* Prize-block */
.b-prize {
  padding: 0;
  border: 1px solid #000;
  background: url('../images/prize-bg.png') repeat-x 0 0 #003d2d;
}
.prize-head {
  background: url('../images/prize-lt.png') no-repeat 0 0, url('../images/prize-rt.png') no-repeat 100% 0;
}
.prize-title {
  margin: 0 41px;
  padding: 3px 0 4px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background-color: #094314;
}
.prize-inner {
  padding: 5px;
  font-size: 12px;
  color: #599691;
}
.prize-footer {
  padding: 5px;
  font-size: 12px;
  color: #717171;
  background-color: #00261c;
}

.b-reward {
  margin-top: 5px;
  background: url('../images/reward-border-top-left.png') no-repeat 0 0,
    url('../images/reward-border-top-right.png') no-repeat 100% 0, url('../images/reward-border-top.png') repeat-x 100% 0,
    url('../images/reward-border-bot-left.png') no-repeat 0 100%, url('../images/reward-border-bot-right.png') no-repeat 100% 100%,
    url('../images/reward-border-bot.png') repeat-x 0 100%, url('../images/reward-border-inner.png') repeat-y 0 0,
    url('../images/reward-border-inner.png') repeat-y 100% 0 #00251b;
}

.reward-head {
  padding: 5px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
.reward-inner {
  padding: 0 5px 5px 5px;
  color: #248991;
  font-size: 12px;
}
.reward-inner.btn {
  padding: 0 5px 24px 5px;
}
.reward-footer {
  margin-top: -17px;
  padding: 0 23px;
}
.btn-green {
  display: block;
  padding: 7px 5px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  border: 0;
  text-decoration: none;
  border-radius: 3px;
  background: url('../images/btn-green-bg.png') repeat-x 0 0 #004720;
}
.btn-green:active {
  padding-top: 8px;
  padding-bottom: 6px;
  background-image: linear-gradient(to bottom, #004720 0%, #00622e 100%);
  background-color: #004720;
}
/* end of prize-block */

/* === CARS === */
.b-gonka-head {
  padding: 2px 0 2px 5px;
  font-size: 12px;
}
.b-gonka-actions {
  margin: 5px 0 10px 0;
}
.b-road {
  background: #171717;
  padding: 5px;
}
.road-line {
  height: 32px;
  background: url('../images/cars/finish.png') no-repeat 100% 100%;
}
.road-progress {
  height: 32px;
  margin: 0 20px 0 92px;
  background: url('../images/cars/road-sep.png') no-repeat 0 100%;
}
.rp-inner {
  position: relative;
  padding-top: 12px;
}
.rp-car {
  position: absolute;
  right: 2px;
}
.rp-name,
.rp-info {
  position: absolute;
  overflow: hidden;
  right: 30px;
  top: 16px;
  width: 60px;
  height: 20px;
  white-space: nowrap;
  color: #c7b158;
  font-size: 12px;
  text-overflow: ellipsis;
  text-align: right;
  padding-right: 9px;
}
.rp-info {
  color: #00bb11;
  top: 0;
}
.car-progress-full {
  margin-top: 4px;
  margin-bottom: 5px;
  height: 6px;
  background: #696969;
}
.car-progress-remain {
  height: 6px;
  background: #e5a700;
}
.garage-img {
  position: relative;
  height: 107px;
  background: url('../images/cars/big/garage_320.jpg') no-repeat 50% 0;
}
.garage-img.bg-160 {
  height: 57px;
  background-image: url('../images/cars/big/garage_160.jpg');
}
.garage-img.bg-240 {
  height: 80px;
  background-image: url('../images/cars/big/garage_240.jpg');
}
.garage-img.bg-480 {
  height: 160px;
  background-image: url('../images/cars/big/garage_480.jpg');
}

.car-img {
  position: relative;
  height: 107px;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-color: transparent;
}
.car-stat {
  position: relative;
  overflow: hidden;
  padding: 2px 4px;
  font-size: 12px;
  color: #fff;
  background: #000;
}
.b-car-change {
  padding: 5px 2px;
  background: #171717;
}
.cars-item {
  padding: 5px;
  font-size: 12px;
  background: #171717;
}
.tuning-prg {
  margin-top: 2px;
  font-size: 0;
}
.tuning-prg i,
.tuning-prg b {
  display: inline-block;
  height: 12px;
  width: 15px;
}
.tuning-prg i {
  background-image: url('../images/cars/icons/progress-i.png');
}
.tuning-prg b {
  background-image: url('../images/cars/icons/progress-b.png');
}
.fuel-progress-full {
  height: 27px;
  width: 67px;
  margin-top: 5px;
  padding-right: 5px;
  background: url('../images/cars/fuel-bg.png') right 0 no-repeat;
}
.fuel-progress-remain {
  position: relative;
  padding-top: 17px;
  margin-left: 4px;
  height: 1px;
  background: url('../images/cars/fuel-prg.png') 0 bottom repeat-x;
}
.prg-arr {
  position: absolute;
  bottom: 0;
  right: -1px;
  width: 5px;
  height: 10px;
  background: url('../images/cars/fuel-arr.png') 0 0 no-repeat;
}

.link-overflow {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  color: #4d9ac0;
}
.item-float {
  float: left;
  margin-top: 5px;
  width: 50%;
}
/* end of cars */

/*  Metro   */

.b-metro-map {
  position: relative;
  height: 107px;
  background: url('../images/karta-metro.png') 0 0 no-repeat #171717;
}
.station {
  padding-left: 20px;
  position: absolute;
  font-size: 12px;
  color: #bbb;
  height: 20px;
  background: url('../images/icons/metro3.png') 4px 2px no-repeat;
}
.station.st-1 {
  top: 42px;
  left: 88px;
}
.station.st-2 {
  top: 77px;
  left: 155px;
}
.station.st-3 {
  top: 8px;
  left: 23px;
}
.station.st-4 {
  top: 82px;
  left: 34px;
  padding-left: 0;
  padding-right: 30px;
  background-position: 100px 2px;
}
.station.marked {
  position: absolute;
  padding-left: 22px;
  background: url('../images/icons/metro3.png') 4px 4px no-repeat, url('../images/mark-station.png') 0 0 no-repeat;
  color: #1b9e29;
}
.station.st-4.marked {
  padding-left: 0;
  padding-right: 30px;
  background: url('../images/icons/metro3.png') 100px 4px no-repeat, url('../images/mark-station.png') 96px 0 no-repeat;
}

/* end of Metro   */

/* other styles */
.a {
  text-decoration: underline !important;
}
.no-m {
  margin: 0 !important;
}
.no-mt {
  margin-top: 0 !important;
}
.no-mb {
  margin-bottom: 0 !important;
}
.m10 {
  margin: 10px;
}
.mt1 {
  margin-top: 1px !important;
}
.mt3 {
  margin-top: 3px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.ml3 {
  margin-left: 3px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml17 {
  margin-left: 17px !important;
}
.ml35 {
  margin-left: 35px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr2 {
  margin-right: 2px !important;
}
.mr1 {
  margin-right: 1px !important;
}
.no-p {
  padding: 0 !important;
}
.p3 {
  padding: 3px !important;
}
.pt5 {
  padding-top: 5px !important;
}
.ptop2 {
  padding-top: 2px !important;
}
.pl5 {
  padding-left: 5px !important;
}
.d-b {
  display: block !important;
}
.d-ib {
  display: inline-block !important;
}
.no-bdr {
  border: 0 !important;
}
.fleft {
  display: block;
  float: left !important;
}
.fright {
  display: block;
  float: right !important;
}
.ov-h {
  overflow: hidden;
}
.block-center {
  margin: 0 auto !important;
}
.td-n {
  text-decoration: none !important;
}
.td-n {
  text-decoration: none !important;
}
.va-t {
  vertical-align: top !important;
}
.va-m {
  vertical-align: middle !important;
}
.nowrap {
  white-space: nowrap !important ;
}
.text-center,
.t-c {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}
.text-left {
  text-align: left !important;
}
.font-italic {
  font-style: italic;
}
.font-bold {
  font-weight: bold !important;
}
.font-normal {
  font-weight: normal !important;
}
.font11 {
  font-size: 11px !important;
}
.font12 {
  font-size: 12px !important;
}
.font14 {
  font-size: 14px !important;
}
.font15 {
  font-size: 15px !important;
}
.font16 {
  font-size: 16px !important;
}

.c-sel {
  color: #e3b000;
}
.c-gray {
  color: #888;
}
.c-verygray {
  color: #585858;
}
.c-darkgray {
  color: #353535;
}
.c-white {
  color: #fff;
}
.c-green {
  color: #00aa00;
}
.c-red {
  color: #ee3344;
}
.c-yellow {
  color: #ffcc00;
}
.c-yellow-2 {
  color: #e3b000;
}
.c-iGood {
  color: #4270a8;
}
.c-iEpic {
  color: #a752b9;
}
.c-orange {
  color: #bd8500;
}
.c-lilac {
  color: #cf5ce7;
}
.b-footer {
  margin-top: 35px;
}
.c-death {
  color: #5f5f5f;
}
.c-gold {
  color: #ffe095;
}

.clearer {
  clear: both;
  height: 0;
  font-size: 0;
  line-height: 0;
}

.img-icon {
  float: left;
  margin-right: 4px;
}
/* end of other styles */

/* Responsive */
@media all and (min-width: 320px) {
  .mainmenu-item .imgwrap {
    background: url('../images/klyak.png') no-repeat 50% 4px;
  }
}
@media all and (max-width: 260px) {
  .mainmenu-item {
    font-size: 12px;
  }
  .menu-item,
  .footmenu-item {
    font-size: 11px;
  }
}
/* end of responsive */

/* immersion */

.first-combat-notes {
  position: relative;
  margin: 0 0 10px 4px;
  padding: 5px 0 5px 5px;
  font-size: 12px;
  background-color: #404040;
  color: #c3c3c3;
}
.angle {
  width: 6px;
  height: 8px;
  top: 15px;
  left: -6px;
  position: absolute;
  background-image: url('../images/angle.png');
}

/* end of immersion */

.skill-prg {
  margin-top: 2px;
  font-size: 0;
}

.skill-prg i,
.skill-prg b,
.skill-prg strike {
  display: inline-block;
  height: 10px;
  width: 13px;
  margin-right: 1px;
  position: relative;
}
@media screen and (max-width: 240px) {
  .skill-prg i,
  .skill-prg b,
  .skill-prg strike {
    width: 9px;
  }
  .pointer {
    left: -6px !important;
  }
}

.skill-prg b {
  background-color: #e5a700;
}
.skill-prg i {
  background-color: #484848;
}
.skill-prg strike {
  background-color: #6a6a6a;
}

.b-reward {
  margin-top: 5px;
  background: url('../images/reward-border-top-left.png') no-repeat 0 0,
    url('../images/reward-border-top-right.png') no-repeat 100% 0, url('../images/reward-border-top.png') repeat-x 100% 0,
    url('../images/reward-border-bot-left.png') no-repeat 0 100%, url('../images/reward-border-bot-right.png') no-repeat 100% 100%,
    url('../images/reward-border-bot.png') repeat-x 0 100%, url('../images/reward-border-inner.png') repeat-y 0 0,
    url('../images/reward-border-inner.png') repeat-y 100% 0 #00251b;
}
.b-reward.skills {
  margin-top: 8px;
  background: #00251b;
  border: 2px solid #003719;
  border-radius: 10px;
  position: relative;
}

.b-reward.skills .sale-lable {
  position: absolute;
  top: -2px;
  right: 10px;
  background-color: #e65c00;
  padding: 5px;
  text-align: center;
  font-size: 12px;
  color: white;
  border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
}

.reward-head {
  padding: 5px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
.reward-inner {
  padding: 0 5px 5px 5px;
  color: #248991;
  font-size: 12px;
}

.reward-footer {
  margin-top: -17px;
  padding: 0 23px;
}
.btn-green {
  position: relative;
  display: block;
  padding: 7px 5px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  border: 0;
  text-decoration: none;
  border-radius: 3px;
  background: url('../images/btn-green-bg.png') repeat-x 0 0 #004720;
}
.pointer {
  position: absolute;
  top: -27px;
  left: -4px;
  width: 20px;
  height: 32px;
  background-image: url('../images/icons/pointer.png');
  z-index: 3;
}
.pointer img {
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 5;
}
.frame-icon {
  width: 32px;
  height: 32px;
  background: url('../images/icons/frame_32x32.png') no-repeat 0 0 #000;
}
.skill-list {
  padding: 5px;
  font-size: 12px;
  color: #888888;
}
.skill-active-lvl,
.skill-lvl,
.skill-last-lvl {
  padding: 3px 3px 5px 3px;
  border-top: 1px solid #23302c;
}
.skill-active-lvl {
  color: #ffffff;
  border-top: none;
}
.skill-last-lvl {
  background: #00251b;
}

/* temp */
/* end of temp */

.table_switcher {
  border-collapse: separate;
  border-spacing: 5px 0;
  margin-top: 5px;
}
.b-notice.notice_no_close .notice-inner {
  padding-right: 5px;
}
.b-notice.notice_no_close .b-notice-close {
  display: none;
}

.colors-container {
  padding: 10px 5px 15px 5px;
  background: #171717;
}
.colors-container.garage {
  padding: 5px 0px 10px 0px;
  background: none;
}
.colors-container .colors-row,
.colors-container.garage .colors-row {
  margin-top: 15px;
}
.colors-container .colors-row:first-child,
.colors-container.garage .colors-row:first-child {
  margin-top: 0;
}

.colors-container .color-wrapper {
  float: left;
  width: 31.5%;
  height: 43px;
  margin: 0 0 0 2.75%;
  border-radius: 3px;
}
.colors-container.garage .color-wrapper {
  float: left;
  width: 19%;
  height: 33px;
  margin: 0 0 0 1.25%;
  border-radius: 3px;
}

.colors-container .colors-row .color-wrapper:first-child,
.colors-container.garage .colors-row .color-wrapper:first-child {
  margin-left: 0;
}

.colors-container .color-wrapper .color {
  position: relative;
  height: 43px;
  border-radius: 3px;
}
.colors-container .color-wrapper .color > img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.colors-container.garage .color-wrapper .color {
  height: 33px;
  border: 1px solid #3c3c3c;
  border-radius: 3px;
}
.colors-container.garage .color-wrapper .color.c {
  height: 35px;
  border: none;
}

.c-title {
  padding: 10px 5px 0px 5px;
  font-size: 14px;
  color: #676767;
  background: #171717;
}

/* Цвета в гараже */

/* Выбор цвета */

/***

    VAS-2121

    ***/

.colors-container .color-wrapper .color.c.c43 {
  /* Мурено */
  background: rgb(5, 105, 114);
  background-image: linear-gradient(-5deg, rgb(2, 59, 66) 50%, rgb(10, 229, 231) 64%, rgb(5, 105, 114) 100%);
}
.colors-container .color-wrapper .color.c.c44 {
  /* Баклажан */
  background: rgb(100, 3, 55);
  background-image: linear-gradient(-5deg, rgb(66, 2, 35) 50%, rgb(255, 11, 56) 64%, rgb(100, 3, 55) 100%);
}
.colors-container .color-wrapper .color.c.c45 {
  /* Белый */
  background: rgb(212, 211, 212);
  background-image: linear-gradient(-5deg, rgb(160, 160, 160) 50%, rgb(255, 255, 255) 64%, rgb(212, 211, 212) 100%);
}
.colors-container .color-wrapper .color.c.c46 {
  /* Желтый */
  background: rgb(255, 207, 0);
  background-image: linear-gradient(-5deg, rgb(183, 133, 0) 50%, rgb(255, 254, 182) 64%, rgb(255, 207, 0) 100%);
}
.colors-container .color-wrapper .color.c.c47 {
  /* Хаки */
  background: rgb(176, 182, 93);
  background-image: linear-gradient(-5deg, rgb(83, 88, 48) 50%, rgb(248, 252, 198) 65%, rgb(176, 182, 93) 100%);
}
.color.c.niva5yrs {
  background-image: url('../images/cars/colors/Vas2121_5let_150x53.png') !important;
  background-size: cover;
}
.color.c.niva_8yrs {
  background-image: url('../images/cars/colors/8let_Niva_2107.png') !important;
  background-size: cover;
}
.color.c.niva_10yrs {
  background-image: url('../images/cars/colors/10let_Niva_2107.png') !important;
  background-size: cover;
}
.color.c.niva_StValentine {
  background-image: url('../images/cars/colors/StValentine_Niva_2107.png') !important;
  background-size: cover;
}
.color.c.niva_12yrs {
  background-image: url('../images/cars/colors/12let_color.png') !important;
  background-size: cover;
}
.color.c.niva_13yrs {
  background-image: url('../images/cars/colors/13let_color.png') !important;
  background-size: cover;
}
.color.c.niva_14yrs {
  background-image: url('../images/cars/colors/14let_color.png') !important;
  background-size: cover;
}
.color.c.niva_HalloweenMystic {
  background-image: url('../images/cars/colors/HalloweenMystic.png') !important;
  background-size: cover;
}
.color.c.niva_HalloweenFire {
  background-image: url('../images/cars/colors/HalloweenFire.png') !important;
  background-size: cover;
}

.colors-container .color-wrapper .color.lock:before {
  display: block;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url('/images/color-lock.png') no-repeat 50% 50%;
  z-index: 999;
}

/***

	VAS-2101

	***/

.colors-container .color-wrapper .color.c.c31 {
  /* Оранжевый */
  background: rgb(247, 42, 0);
  background-image: linear-gradient(-5deg, rgb(171, 0, 15) 50%, rgb(255, 84, 43) 64%, rgb(247, 42, 0) 100%);
}
.colors-container .color-wrapper .color.c.c32 {
  /* Желтый */
  background: rgb(255, 250, 0);
  background-image: linear-gradient(-5deg, rgb(215, 148, 0) 50%, rgb(255, 254, 97) 64%, rgb(255, 250, 0) 100%);
}
.colors-container .color-wrapper .color.c.c33 {
  /* Голубой */
  background: rgb(55, 183, 208);
  background-image: linear-gradient(-5deg, rgb(28, 136, 138) 50%, rgb(81, 217, 255) 64%, rgb(55, 183, 208) 100%);
}
.colors-container .color-wrapper .color.c.c34 {
  /* Темно Зеленый */
  background: rgb(31, 94, 45);
  background-image: linear-gradient(-5deg, rgb(22, 59, 26) 50%, rgb(22, 94, 42) 64%, rgb(31, 94, 45) 100%);
}
.colors-container .color-wrapper .color.c.c35 {
  /* Зеленый */
  background: rgb(87, 172, 50);
  background-image: linear-gradient(-5deg, rgb(75, 140, 22) 50%, rgb(93, 202, 48) 65%, rgb(87, 172, 50) 100%);
}
.colors-container .color-wrapper .color.c.c36 {
  /* Белый */
  background: rgb(225, 224, 220);
  background-image: linear-gradient(-5deg, rgb(156, 157, 162) 50%, rgb(243, 243, 243) 64%, rgb(225, 224, 220) 100%);
}
.colors-container .color-wrapper .color.c.c37 {
  /* Черный */
  background: rgb(73, 73, 84);
  background-image: linear-gradient(-5deg, rgb(9, 9, 10) 50%, rgb(105, 108, 116) 64%, rgb(73, 73, 84) 100%);
}
.color.c.vas2101_5yrs {
  background-image:  url('../images/cars/colors/Vas2101_5let_150x53.png') !important;
  background-size: cover;
}
.color.c.vas2101_8yrs {
  background-image:  url('../images/cars/colors/8let_Vaz_2101_color.png') !important;
  background-size: cover;
}
.color.c.vas2101_10yrs {
  background-image:  url('../images/cars/colors/10let_Vaz_2101_color.png') !important;
  background-size: cover;
}
.color.c.vas2101_StValentine {
  background-image:  url('../images/cars/colors/StValentine_Vaz_2101_color.png') !important;
  background-size: cover;
}
.color.c.vas2101_12yrs {
  background-image:  url('../images/cars/colors/12let_color.png') !important;
  background-size: cover;
}
.color.c.vas2101_13yrs {
  background-image:  url('../images/cars/colors/13let_color.png') !important;
  background-size: cover;
}
.color.c.vas2101_14yrs {
  background-image:  url('../images/cars/colors/14let_color.png') !important;
  background-size: cover;
}
.color.c.vas2101_HalloweenMystic {
  background-image:  url('../images/cars/colors/HalloweenMystic.png') !important;
  background-size: cover;
}
.color.c.vas2101_HalloweenFire {
  background-image:  url('../images/cars/colors/HalloweenFire.png') !important;
  background-size: cover;
}

/***

	VAS-2107

	***/

.colors-container .color-wrapper .color.c.c38 {
  /* Темно Синий */
  background: rgb(1, 37, 52);
  background-image: linear-gradient(-5deg, rgb(1, 14, 23) 50%, rgb(3, 92, 130) 64%, rgb(1, 37, 52) 100%);
}
.colors-container .color-wrapper .color.c.c39 {
  /* Белый */
  background: rgb(153, 153, 153);
  background-image: linear-gradient(-5deg, rgb(169, 163, 169) 50%, rgb(255, 255, 255) 64%, rgb(153, 153, 153) 100%);
}
.colors-container .color-wrapper .color.c.c40 {
  /* Баклажан */
  background: rgb(81, 0, 30);
  background-image: linear-gradient(-5deg, rgb(35, 12, 20) 50%, rgb(148, 3, 47) 64%, rgb(81, 0, 30) 100%);
}
.colors-container .color-wrapper .color.c.c41 {
  /* Синий */
  background: rgb(8, 133, 226);
  background-image: linear-gradient(-5deg, rgb(0, 64, 149) 50%, rgb(18, 180, 252) 64%, rgb(8, 133, 226) 100%);
}
.colors-container .color-wrapper .color.c.c42 {
  /* Черный */
  background: rgb(25, 25, 42);
  background-image: linear-gradient(-5deg, rgb(5, 6, 16) 50%, rgb(81, 84, 115) 65%, rgb(25, 25, 42) 100%);
}
.color.c.vas2107_5yrs {
  background-image:  url('../images/cars/colors/Vas2107_5let_150x53.png') !important;
  background-size: cover;
}
.color.c.vas2107_8yrs {
  background-image:  url('../images/cars/colors/8let_Vaz_2107_color.png') !important;
  background-size: cover;
}
.color.c.vas2107_10yrs {
  background-image:  url('../images/cars/colors/10let_Vaz_2107_color.png') !important;
  background-size: cover;
}
.color.c.vas2107_StValentine {
  background-image:  url('../images/cars/colors/StValentine_Vaz_2107_color.png') !important;
  background-size: cover;
}
.color.c.vas2107_12yrs {
  background-image:  url('../images/cars/colors/12let_color.png') !important;
  background-size: cover;
}
.color.c.vas2107_13yrs {
  background-image:  url('../images/cars/colors/13let_color.png') !important;
  background-size: cover;
}
.color.c.vas2107_14yrs {
  background-image:  url('../images/cars/colors/14let_color.png') !important;
  background-size: cover;
}
.color.c.vas2107_HalloweenMystic {
  background-image:  url('../images/cars/colors/HalloweenMystic.png') !important;
  background-size: cover;
}
.color.c.vas2107_HalloweenFire {
  background-image:  url('../images/cars/colors/HalloweenFire.png') !important;
  background-size: cover;
}

/***

	Mark II

	***/

.colors-container .color-wrapper .color.c.c12 {
  /* Темно Синий */
  background: rgb(62, 65, 93);
  background-image: linear-gradient(-5deg, rgb(3, 4, 19) 50%, rgb(97, 107, 150) 64%, rgb(62, 65, 93) 100%);
}
.colors-container .color-wrapper .color.c.c13 {
  /* Белый */
  background: rgb(220, 225, 230);
  background-image: linear-gradient(-5deg, rgb(137, 153, 158) 50%, rgb(255, 255, 255) 64%, rgb(220, 225, 230) 100%);
}
.colors-container .color-wrapper .color.c.c14 {
  /* Оранжевый */
  background: rgb(255, 158, 0);
  background-image: linear-gradient(-5deg, rgb(245, 87, 0) 50%, rgb(253, 197, 30) 64%, rgb(255, 158, 0) 100%);
}
.colors-container .color-wrapper .color.c.c15 {
  /* Синий */
  background: rgb(29, 108, 250);
  background-image: linear-gradient(-5deg, rgb(0, 55, 211) 50%, rgb(32, 207, 255) 64%, rgb(29, 108, 250) 100%);
}
.colors-container .color-wrapper .color.c.c16 {
  /* Зеленый */
  background: rgb(44, 185, 83);
  background-image: linear-gradient(-5deg, rgb(10, 125, 1) 50%, rgb(66, 251, 157) 64%, rgb(44, 185, 83) 100%);
}
.color.c.mark2_5yrs {
  background-image: url('../images/cars/colors/MarkII_5let_150x53.png') !important;
  background-size: cover;
}
.color.c.mark2_8yrs {
  background-image: url('../images/cars/colors/8let_Mark_II_color.png') !important;
  background-size: cover;
}
.color.c.mark2_10yrs {
  background-image: url('../images/cars/colors/10let_Mark_II_color.png') !important;
  background-size: cover;
}
.color.c.mark2_StValentine {
  background-image: url('../images/cars/colors/StValentine_Mark_II_color.png') !important;
  background-size: cover;
}
.color.c.mark2_12yrs {
  background-image: url('../images/cars/colors/12let_color.png') !important;
  background-size: cover;
}
.color.c.mark2_13yrs {
  background-image: url('../images/cars/colors/13let_color.png') !important;
  background-size: cover;
}
.color.c.mark2_14yrs {
  background-image: url('../images/cars/colors/14let_color.png') !important;
  background-size: cover;
}
.color.c.mark2_HalloweenMystic {
  background-image: url('../images/cars/colors/HalloweenMystic.png') !important;
  background-size: cover;
}
.color.c.mark2_HalloweenFire {
  background-image: url('../images/cars/colors/HalloweenFire.png') !important;
  background-size: cover;
}

/***

	Skyline

	***/

.colors-container .color-wrapper .color.c.c23 {
  /* Красный */
  background: rgb(255, 56, 57);
  background-image: linear-gradient(-5deg, rgb(182, 1, 1) 50%, rgb(255, 94, 94) 64%, rgb(255, 56, 57) 100%);
}
.colors-container .color-wrapper .color.c.c24 {
  /* Белый */
  background: rgb(221, 220, 220);
  background-image: linear-gradient(-5deg, rgb(156, 156, 156) 50%, rgb(255, 255, 255) 64%, rgb(221, 220, 220) 100%);
}
.colors-container .color-wrapper .color.c.c25 {
  /* Желтый */
  background: rgb(255, 206, 15);
  background-image: linear-gradient(-5deg, rgb(181, 141, 0) 50%, rgb(255, 236, 80) 64%, rgb(255, 206, 15) 100%);
}
.colors-container .color-wrapper .color.c.c26 {
  /* Синий */
  background: rgb(53, 95, 235);
  background-image: linear-gradient(-5deg, rgb(0, 13, 195) 50%, rgb(105, 168, 253) 64%, rgb(53, 95, 235) 100%);
}
.colors-container .color-wrapper .color.c.c27 {
  /* Серый */
  background: rgb(124, 124, 124);
  background-image: linear-gradient(-5deg, rgb(79, 79, 79) 50%, rgb(174, 174, 174) 64%, rgb(124, 124, 124) 100%);
}
.colors-container .color-wrapper .color.c.c28 {
  /* Оранжевый */
  background: rgb(228, 140, 3);
  background-image: linear-gradient(-5deg, rgb(184, 87, 1) 50%, rgb(255, 191, 73) 64%, rgb(228, 140, 3) 100%);
}
.colors-container .color-wrapper .color.c.c29 {
  /* Зеленый */
  background: rgb(128, 236, 44);
  background-image: linear-gradient(-5deg, rgb(23, 133, 0) 50%, rgb(165, 252, 98) 64%, rgb(128, 236, 44) 100%);
}
.colors-container .color-wrapper .color.c.c30 {
  /* Черный */
  background: rgb(78, 80, 81);
  background-image: linear-gradient(-5deg, rgb(12, 13, 14) 50%, rgb(135, 141, 145) 64%, rgb(78, 80, 81) 100%);
}
.color.c.skyline_5yrs {
  background-image:  url('../images/cars/colors/Skyline_5let_150x53.png') !important;
  background-size: cover;
}
.color.c.skyline_8yrs {
  background-image:  url('../images/cars/colors/8let_Skyline_color.png') !important;
  background-size: cover;
}
.color.c.skyline_10yrs {
  background-image:  url('../images/cars/colors/10let_Skyline_color.png') !important;
  background-size: cover;
}
.color.c.skyline_StValentine {
  background-image:  url('../images/cars/colors/StValentine_Skyline_color.png') !important;
  background-size: cover;
}
.color.c.skyline_12yrs {
  background-image:  url('../images/cars/colors/12let_color.png') !important;
  background-size: cover;
}
.color.c.skyline_13yrs {
  background-image:  url('../images/cars/colors/13let_color.png') !important;
  background-size: cover;
}
.color.c.skyline_14yrs {
  background-image:  url('../images/cars/colors/14let_color.png') !important;
  background-size: cover;
}
.color.c.skyline_HalloweenMystic {
  background-image:  url('../images/cars/colors/HalloweenMystic.png') !important;
  background-size: cover;
}
.color.c.skyline_HalloweenFire {
  background-image:  url('../images/cars/colors/HalloweenFire.png') !important;
  background-size: cover;
}

/***

	Land Cruiser

	***/

.colors-container .color-wrapper .color.c.c7 {
  /* Черный */
  background: rgb(63, 63, 63);
  background-image: linear-gradient(-5deg, rgb(12, 11, 21) 50%, rgb(126, 122, 137) 64%, rgb(63, 63, 63) 100%);
}
.colors-container .color-wrapper .color.c.c8 {
  /* Красный */
  background: rgb(241, 0, 45);
  background-image: linear-gradient(-5deg, rgb(157, 0, 26) 50%, rgb(255, 87, 116) 64%, rgb(241, 0, 45) 100%);
}
.colors-container .color-wrapper .color.c.c9 {
  /* Белый */
  background: rgb(203, 203, 203);
  background-image: linear-gradient(-5deg, rgb(166, 171, 175) 50%, rgb(255, 255, 255) 64%, rgb(203, 203, 203) 100%);
}
.colors-container .color-wrapper .color.c.c10 {
  /* Бронзовый */
  background: rgb(184, 160, 118);
  background-image: linear-gradient(-5deg, rgb(112, 81, 45) 50%, rgb(255, 251, 218) 64%, rgb(184, 160, 118) 100%);
}
.colors-container .color-wrapper .color.c.c11 {
  /* Зеленый */
  background: rgb(95, 210, 170);
  background-image: linear-gradient(-5deg, rgb(8, 77, 23) 50%, rgb(106, 255, 157) 64%, rgb(95, 210, 170) 100%);
}
.color.c.cruiser_5yrs {
  background-image:  url('../images/cars/colors/LandCruiser_5let_150x53.png') !important;
  background-size: cover;
}
.color.c.cruiser_8yrs {
  background-image:  url('../images/cars/colors/8let_Land_cruiser_color.png') !important;
  background-size: cover;
}
.color.c.cruiser_10yrs {
  background-image:  url('../images/cars/colors/10let_Land_cruiser_color.png') !important;
  background-size: cover;
}
.color.c.cruiser_StValentine {
  background-image:  url('../images/cars/colors/StValentine_Land_cruiser_color.png') !important;
  background-size: cover;
}
.color.c.cruiser_12yrs {
  background-image:  url('../images/cars/colors/12let_color.png') !important;
  background-size: cover;
}
.color.c.cruiser_13yrs {
  background-image:  url('../images/cars/colors/13let_color.png') !important;
  background-size: cover;
}
.color.c.cruiser_14yrs {
  background-image:  url('../images/cars/colors/14let_color.png') !important;
  background-size: cover;
}
.color.c.cruiser_HalloweenMystic {
  background-image:  url('../images/cars/colors/HalloweenMystic.png') !important;
  background-size: cover;
}
.color.c.cruiser_HalloweenFire {
  background-image:  url('../images/cars/colors/HalloweenFire.png') !important;
  background-size: cover;
}

/***

	Lancer

	***/

.colors-container .color-wrapper .color.c.c1 {
  /* Черный */
  background: rgb(63, 63, 63);
  background-image: linear-gradient(-5deg, rgb(15, 15, 15) 50%, rgb(147, 147, 147) 64%, rgb(63, 63, 63) 100%);
}
.colors-container .color-wrapper .color.c.c2 {
  /* Красный */
  background: rgb(241, 17, 0);
  background-image: linear-gradient(-5deg, rgb(188, 3, 0) 50%, rgb(255, 119, 82) 64%, rgb(241, 17, 0) 100%);
}
.colors-container .color-wrapper .color.c.c3 {
  /* Белый */
  background: rgb(203, 203, 203);
  background-image: linear-gradient(-5deg, rgb(174, 174, 174) 50%, rgb(255, 255, 255) 64%, rgb(203, 203, 203) 100%);
}
.colors-container .color-wrapper .color.c.c4 {
  /* Желтый */
  background: rgb(255, 246, 0);
  background-image: linear-gradient(-5deg, rgb(190, 174, 0) 50%, rgb(255, 254, 209) 64%, rgb(255, 246, 0) 100%);
}
.colors-container .color-wrapper .color.c.c5 {
  /* Синий */
  background: rgb(47, 59, 255);
  background-image: linear-gradient(-5deg, rgb(21, 39, 218) 50%, rgb(129, 191, 255) 64%, rgb(47, 59, 255) 100%);
}
.colors-container .color-wrapper .color.c.c6 {
  /* Зеленый */
  background: rgb(85, 208, 17);
  background-image: linear-gradient(-5deg, rgb(0, 114, 3) 50%, rgb(184, 255, 93) 64%, rgb(85, 208, 17) 100%);
}
.color.c.lancer_5yrs {
  background-image:  url('../images/cars/colors/Lancer_5let_150x53.png') !important;
  background-size: cover;
}
.color.c.car_color_6yrs {
  background-image:  url('../images/cars/colors/6let_color_150x53.png') !important;
  background-size: cover;
}
.color.c.car_color_7yrs {
  background-image:  url('../images/cars/colors/color_7let_150x53.png') !important;
  background-size: cover;
}
.color.c.car_color_8yrs {
  background-image:  url('../images/cars/colors/8let_Lancer_color.png') !important;
  background-size: cover;
}
.color.c.car_color_10yrs {
  background-image:  url('../images/cars/colors/10let_Lancer_color.png') !important;
  background-size: cover;
}
.color.c.car_color_StValentine {
  background-image:  url('../images/cars/colors/StValentine_Lancer_color.png') !important;
  background-size: cover;
}
.color.c.car_color_12yrs {
  background-image:  url('../images/cars/colors/12let_color.png') !important;
  background-size: cover;
}
.color.c.car_color_13yrs {
  background-image:  url('../images/cars/colors/13let_color.png') !important;
  background-size: cover;
}
.color.c.car_color_14yrs {
  background-image:  url('../images/cars/colors/14let_color.png') !important;
  background-size: cover;
}
.color.c.car_color_HalloweenMystic {
  background-image:  url('../images/cars/colors/HalloweenMystic.png') !important;
  background-size: cover;
}
.color.c.car_color_HalloweenFire {
  background-image:  url('../images/cars/colors/HalloweenFire.png') !important;
  background-size: cover;
}

.color.c.car_color_HalloweenGhost {
  background-image:  url('../images/cars/colors/halloween2024_color_150x53.png') !important;
  background-size: cover;
}

.colors-container.garage .color.c.car_color_6yrs {
  background: url('../images/cars/colors/6let_color_99x35.png') 50% 50% no-repeat !important;
}

.colors-container.garage .car_color_HalloweenGhost {
  background: url('../images/cars/colors/halloween2024_color_99x35.png') 50% 50% no-repeat !important;
}

@media screen and (max-width: 400px) {
  .colors-container .color.c.car_color_6yrs {
    background: url('../images/cars/colors/6let_color_122x43.png') 50% 50% no-repeat;
  }
  
  .colors-container .color.c.car_color_HalloweenGhost {
    background: url('../images/cars/colors/halloween2024_color_122x43.png') 50% 50% no-repeat;
  }
}

/***

    Mercedes-Benz G

    ***/

.mg1 {
  background: rgb(255, 102, 0);
  background-image: linear-gradient(-5deg, rgb(222, 73, 0) 49%, rgb(255, 176, 82) 63%, rgb(255, 102, 0) 100%);
}
.mg2 {
  background: rgb(255, 198, 0);
  background-image: linear-gradient(-5deg, rgb(167, 110, 0) 50%, rgb(255, 220, 124) 63%, rgb(255, 198, 0) 100%);
}
.mg3 {
  background: rgb(255, 0, 84);
  background-image: linear-gradient(-5deg, rgb(137, 0, 54) 50%, rgb(255, 124, 195) 63%, rgb(255, 0, 84) 100%);
}
.mg4 {
  background: rgb(119, 178, 191);
  background-image: linear-gradient(-5deg, rgb(91, 106, 130) 50%, rgb(234, 251, 255) 63%, rgb(119, 178, 191) 100%);
}
.mg5 {
  background: rgb(230, 0, 0);
  background-image: linear-gradient(-5deg, rgb(169, 0, 0) 50%, rgb(255, 136, 116) 63%, rgb(230, 0, 0) 100%);
}
.mg6 {
  background: rgb(101, 216, 0);
  background-image: linear-gradient(-5deg, rgb(72, 156, 0) 49%, rgb(159, 255, 116) 63%, rgb(101, 216, 0) 100%);
}
.mg7 {
  background: rgb(75, 39, 16);
  background-image: linear-gradient(-5deg, rgb(49, 26, 15) 50%, rgb(174, 151, 136) 63%, rgb(75, 39, 16) 100%);
}
.mg8 {
  background: rgb(25, 25, 25);
  background-image: linear-gradient(-5deg, rgb(0, 0, 0) 50%, rgb(79, 79, 79) 63%, rgb(25, 25, 25) 100%);
}

.color.c.mg_color_8yrs {
  background-image:  url('../images/cars/colors/8let_Merc_color.png') !important;
  background-size: cover;
}
.color.c.mg_color_10yrs {
  background-image:  url('../images/cars/colors/10let_Merc_color.png') !important;
  background-size: cover;
}
.color.c.mg_StValentine {
  background-image:  url('../images/cars/colors/StValentine_Merc_color.png') !important;
  background-size: cover;
}
.color.c.mg_color_12yrs {
  background-image:  url('../images/cars/colors/12let_color.png') !important;
  background-size: cover;
}
.color.c.mg_color_13yrs {
  background-image:  url('../images/cars/colors/13let_color.png') !important;
  background-size: cover;
}
.color.c.mg_color_14yrs {
  background-image:  url('../images/cars/colors/14let_color.png') !important;
  background-size: cover;
}
.color.c.mg_HalloweenMystic {
  background-image:  url('../images/cars/colors/HalloweenMystic.png') !important;
  background-size: cover;
}
.color.c.mg_HalloweenFire {
  background-image:  url('../images/cars/colors/HalloweenFire.png') !important;
  background-size: cover;
}

/***

    BMW-7

    ***/

.color.c.bmw-7-black {
  background-image:  url('../images/cars/colors/BMW-7/BMW_7_black.png') !important;
  background-size: cover;
}
.color.c.bmw-7-blue {
  background-image:  url('../images/cars/colors/BMW-7/BMW_7_blue.png') !important;
  background-size: cover;
}
.color.c.bmw-7-brown {
  background-image:  url('../images/cars/colors/BMW-7/BMW_7_brown.png') !important;
  background-size: cover;
}
.color.c.bmw-7-grey {
  background-image:  url('../images/cars/colors/BMW-7/BMW_7_grey.png') !important;
  background-size: cover;
}
.color.c.bmw-7-white {
  background-image:  url('../images/cars/colors/BMW-7/BMW_7_white.png') !important;
  background-size: cover;
}

.color.c.bmw_8yrs {
  background-image:  url('../images/cars/colors/8let_BMW_color.png') !important;
  background-size: cover;
}
.color.c.bmw_10yrs {
  background-image:  url('../images/cars/colors/10let_BMW_color.png') !important;
  background-size: cover;
}
.color.c.bmw_StValentine {
  background-image:  url('../images/cars/colors/StValentine_BMW_color.png') !important;
  background-size: cover;
}
.color.c.bmw_12yrs {
  background-image:  url('../images/cars/colors/12let_color.png') !important;
  background-size: cover;
}
.color.c.bmw_13yrs {
  background-image:  url('../images/cars/colors/13let_color.png') !important;
  background-size: cover;
}
.color.c.bmw_14yrs {
  background-image:  url('../images/cars/colors/14let_color.png') !important;
  background-size: cover;
}
.color.c.bmw_HalloweenMystic {
  background-image:  url('../images/cars/colors/HalloweenMystic.png') !important;
  background-size: cover;
}
.color.c.bmw_HalloweenFire {
  background-image:  url('../images/cars/colors/HalloweenFire.png') !important;
  background-size: cover;
}

/***

    Mustang

    ***/

.colors-container .color-wrapper .color.c.c17 {
  /* Черный */
  background: rgb(63, 63, 63);
  background-image: linear-gradient(-5deg, rgb(15, 15, 15) 50%, rgb(147, 147, 147) 64%, rgb(63, 63, 63) 100%);
}
.colors-container .color-wrapper .color.c.c18 {
  /* Синий */
  background: rgb(0, 103, 255);
  background-image: linear-gradient(-5deg, rgb(0, 0, 144) 50%, rgb(126, 222, 255) 64%, rgb(0, 103, 255) 100%);
}
.colors-container .color-wrapper .color.c.c19 {
  /* Красные */
  background: rgb(255, 0, 2);
  background-image: linear-gradient(-5deg, rgb(194, 25, 0) 50%, rgb(255, 127, 123) 64%, rgb(255, 0, 2) 100%);
}
.colors-container .color-wrapper .color.c.c20 {
  /* Желтый */
  background: rgb(255, 172, 64);
  background-image: linear-gradient(-5deg, rgb(199, 122, 0) 50%, rgb(255, 232, 25) 64%, rgb(255, 172, 64) 100%);
}
.colors-container .color-wrapper .color.c.c21 {
  /* Зеленый */
  background: rgb(98, 244, 0);
  background-image: linear-gradient(-5deg, rgb(45, 149, 13) 50%, rgb(220, 255, 79) 64%, rgb(98, 244, 0) 100%);
}
.colors-container .color-wrapper .color.c.c22 {
  /* Белый */
  background: rgb(213, 225, 227);
  background-image: linear-gradient(-5deg, rgb(148, 177, 183) 50%, rgb(255, 255, 255) 64%, rgb(213, 225, 227) 100%);
}
.color.c.mustang_5yrs {
  background-image:  url('../images/cars/colors/Mustang_5let_150x53.png') !important;
  background-size: cover;
}
.color.c.mustang_8yrs {
  background-image:  url('../images/cars/colors/8let_Mustang_color.png') !important;
  background-size: cover;
}
.color.c.mustang_10yrs {
  background-image:  url('../images/cars/colors/10let_Mustang_color.png') !important;
  background-size: cover;
}
.color.c.mustang_StValentine {
  background-image:  url('../images/cars/colors/StValentine_Mustang_color.png') !important;
  background-size: cover;
}
.color.c.mustang_12yrs {
  background-image:  url('../images/cars/colors/12let_color.png') !important;
  background-size: cover;
}
.color.c.mustang_13yrs {
  background-image:  url('../images/cars/colors/13let_color.png') !important;
  background-size: cover;
}
.color.c.mustang_14yrs {
  background-image:  url('../images/cars/colors/14let_color.png') !important;
  background-size: cover;
}
.color.c.mustang_HalloweenMystic {
  background-image:  url('../images/cars/colors/HalloweenMystic.png') !important;
  background-size: cover;
}
.color.c.mustang_HalloweenFire {
  background-image:  url('../images/cars/colors/HalloweenFire.png') !important;
  background-size: cover;
}

.colors-container .color-wrapper .color.active {
  height: 41px;
  border: 1px solid rgba(255, 255, 196, 0.7);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(255, 255, 196, 1);
  -moz-box-shadow: 0px 0px 5px 0px rgba(255, 255, 196, 1);
  box-shadow: 0px 0px 5px 0px rgba(255, 255, 196, 1);
}

.b-car-change {
  padding: 5px;
}

@media (min-width: 480px) {
  .colors-container .color-wrapper {
    height: 53px;
  }
  .colors-container .color-wrapper .color {
    height: 53px;
  }
  .colors-container .color-wrapper .color.active {
    height: 51px;
  }
}

.colors-container .color-wrapper a {
  display: block;
}

.header-resources {
  padding: 0 7px;
  margin: 0 5px;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
}
.color {
  position: relative;
}

.color.tutorial-arr:before {
  content: '';
  top: -27px;
  left: 40%;
  position: absolute;
  width: 16px;
  height: 45px;
  background: url('../images/icons/arrow-down.gif') 0 0 no-repeat;
  z-index: 200;
}
.colors-container .colors-row,
.colors-container.garage .colors-row {
  margin-top: 9px;
}
.colors-container .color-wrapper .color.active {
  border: 1px solid rgba(255, 255, 196, 0.7);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(255, 255, 196, 1), 0px 0px 5px 0px rgba(255, 255, 196, 1),
    0px 0px 5px 0px rgba(255, 255, 196, 1);
  -moz-box-shadow: 0px 0px 5px 0px rgba(255, 255, 196, 1), 0px 0px 5px 0px rgba(255, 255, 196, 1),
    0px 0px 5px 0px rgba(255, 255, 196, 1);
  box-shadow: 0px 0px 5px 0px rgba(255, 255, 196, 1), 0px 0px 5px 0px rgba(255, 255, 196, 1),
    0px 0px 5px 0px rgba(255, 255, 196, 1);
}
.colors-container._available-colors {
  background: transparent;
  padding: 5px;
}

/*.......................................
................loto.....................
.......................................*/
.btn-gold {
  display: block;
  text-decoration: none;
  background: linear-gradient(to bottom, #fff8a9 0%, #d0a532 50%, #824204 100%);
  background-color: #dbb23e;
  padding: 3px 2px;
  border-left: 1px solid #fff8a9;
  border-right: 1px solid #fff8a9;
}
.btn-gold-inner {
  background: url('../images/lottery/btn-star.png') 0 0 no-repeat, url('../images/lottery/btn-star2.png') 95% 100% no-repeat,
    linear-gradient(
      69deg,
      #e6b618 0%,
      #e9c236 10%,
      #f0c63c 12%,
      #e7b113 13%,
      #e7b113 16%,
      #f6e283 17%,
      #f6e283 20%,
      #f1d15a 21%,
      #eac14f 40%,
      #f4d65a 80%,
      #f7dd6e 81%,
      #f7dd6e 84%,
      #f2cc4d 85%,
      #f2cc4d 88%,
      #e6b010 89%,
      #e9b917 100%
    );
  background-color: #eac14f;
  padding: 5px;
  color: #2e2000;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  position: relative;
}

.loto_back {
  padding: 12px 0 8px;
  text-align: center;
  border: 1px solid #177a03;
  background: url('../images/lottery/loto_back_l.png') no-repeat 0 0,
    url('../images/lottery/loto_back_r.png') no-repeat 100% 100% #0c4600;
  font-size: 20px;
  font-weight: bold;
  color: #ffd200;
  margin-bottom: 3px;
}
.loto_back_prize {
  padding-top: 4px;
  font-size: 28px;
  color: #ffe747;
}
@media screen and (max-width: 310px) {
  .loto_back {
    background-image: none;
  }
  .b-light-green.jeckpot:before {
    display: none !important;
  }
}

.b-light-green {
  border: 1px solid #177a03;
  background: #0c4600;
  padding: 10px 10px 8px;
  font-size: 12px;
  text-align: center;
  margin: 5px 0;
}
.b-light-green.jeckpot {
  position: relative;
}
.b-light-green.jeckpot:before {
  display: block;
  content: '';
  position: absolute;
  width: 79px;
  height: 63px;
  background: url('../images/lottery/loto_jackpot.png') no-repeat 0 0;
  left: -5px;
  top: -5px;
}
.btn-half {
  width: 68%;
  margin: 5px auto 0px;
}
.green-box {
  border: 1px solid #005827;
  background: #00251b;
  padding: 10px;
  color: #888888;
  position: relative;
}
.lh-norm {
  line-height: 1.7em !important;
}
.nowrap {
  white-space: nowrap !important;
}
.table-pad {
  border-collapse: separate;
  border-spacing: 0 3px;
}
.table-pad .btn-a,
.table-pad .btn-flat {
  display: inline-block;
  padding: 5px !important;
  text-align: center;
  font-size: 12px;
}
.box-timer {
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 12px;
  color: #ccc;
}
.reload-link {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 28px;
  height: 28px;
  background: url('/images/btns/btn-refresh.png') 0 0 no-repeat;
}
.btn-a.lock {
  background: url('/images/btn-a-inactive.png') repeat-x 0 0 #2c2c2c;
  color: #676767;
}

.table-pad {
  border-collapse: separate;
  border-spacing: 0 10px;
}
.pt2 {
  padding-top: 8px !important;
}
.pb2 {
  padding-bottom: 8px !important;
}
li.sep {
  display: block;
  padding: 5px 0;
  margin-top: 5px;
  border-top: 1px dashed #999;
}
.colors-container .color-wrapper .color.lock:before {
  display: block;
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0;
  border-radius: 3px;
  left: 0;
  background: url('/images/color-lock.png') no-repeat 50% 50% #f3f3f3;
  z-index: 999;
}
.form-input:focus {
  background-color: #fff;
}
.icn {
  margin-top: -1px;
  display: inline-block;
}
.btn-flat.list {
  background: url('/images/arrow-right.png') no-repeat 98% 50%, url('/images/btn-flat2.png') repeat-x 0 0 #22333f;
}
@media screen and (max-width: 280px) {
  .btn-flat.list {
    background: url('/images/btn-flat2.png') repeat-x 0 0 #22333f;
  }
}
.p5 {
  padding: 5px !important;
}
.content-inner2 {
  padding: 10px 5px;
}

.b-content.box_current {
  background: #00251b;
  border: 1px solid #005827;
}
.b-content.box_current .sep-top,
.b-content.box_current .sep-bot {
  display: none;
}
.b-content.box_current .bg-verygray {
  background: #001710 !important;
}

.time_progress {
  height: 6px;
  overflow: hidden;
  display: table;
  width: 100%;
  position: relative;
}
.time_progress_fill {
  height: 6px;
  position: absolute;
  top: 0;
  left: 0;
  background: #d7d7d7;
}
.time_progress_i {
  display: table-cell;
  width: 10%;
  background: #3a3a3a;
  height: 6px;
  border-left: 2px solid #232323;
}
.time_progress_in {
  display: table-row-group;
}
.b-content.box_current .time_progress_i {
  background: #16482d;
  border-color: #00251b;
}

.b_tabs {
  background: #232323;
  padding-bottom: 4px;
  border-bottom: 1px solid #3c3c3c;
  margin-bottom: 5px;
}
.i_tab {
  display: block;
  text-decoration: none;
  text-align: center;
  font-size: 14px;
  padding: 7px 0;
  color: #bbbbbb;
}
a.i_tab {
  text-decoration: underline;
  color: #338899;
  background: #000;
}
.i_tab.tab_lock {
  background: #000;
  color: #676767;
}
.c-lgreen {
  color: #0ca00c !important;
}
.btn-start-game {
  display: block;
  margin: 10px auto;
  width: 154px;
  height: 21px;
  padding: 7px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  border: 1px solid #fdf300;
  background: url('/images/login/landing-btn.png') repeat-x 0 0 #fc6102;
}

input[type='text'] {
  background: #ffffff !important;
}
input[type='password'] {
  background: #ffffff !important;
}

.relative {
  position: relative !important;
}
.a_discount,
.btn_discount {
  position: absolute;
  color: #ffe095;
  font-size: 14px;
  top: 5px;
  right: 5px;
}
.btn_discount {
  top: 7px;
}
.btn-flat,
.btn-a {
  position: relative;
}
.btn-flat.narrow {
  padding: 5px 4px 5px 4px;
  text-align: center;
  font-size: 12px;
}
.inactive .btn_discount {
  top: 5px;
  color: #676767 !important;
}
.btn-flat.new-events {
  border: 1px solid #ffe095 !important;
}
.lvl-note {
  padding: 10px 5px 10px 5px;
  background: #171717;
  text-align: center;
  color: #c6c6c6;
}
.c-lightgreen {
  color: #00d400 !important;
}

/*............................
.............Грабежи..........
............................*/
.b-robbery {
  background: #171717;
  padding: 0 7px 7px 7px;
}
.robbery-info {
  display: table;
  width: 80%;
  max-width: 300px;
  height: 43px;
  margin: 0 auto;
  border-bottom: 1px solid #3c3c3c;
}
.robbery-info-inner {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  text-align: center;
}
.robbery-info-inner .b-npc {
  margin-bottom: 0;
  text-align: left;
}
.robbery-target {
  display: table;
  width: 80%;
  max-width: 290px;
  margin: 0 auto;
}
.target_left,
.target_middle,
.target_right {
  display: table-cell;
  height: 100px;
  padding: 10px 0 0px 0;
  vertical-align: middle;
}
.target_left {
  width: 25%;
  text-align: right;
}
.target_middle {
  text-align: center;
  width: 50%;
}
.target_right {
  width: 25%;
  text-align: left;
}
.target-image {
  width: 87px;
  height: 87px;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  border-color: #9c9079 #5a5042 #5a5042 #5a5042;
}
.target_left .target-image,
.target_right .target-image {
  width: 64px;
  height: 64px;
  /* border-color: #444038 #252320 #252320 #252320; */
  opacity: 0.4;
}
@media screen and (max-width: 260px) {
  .target-image {
    width: 70px;
    height: 70px;
  }
  .target_left .target-image,
  .target_right .target-image {
    width: 50px;
    height: 50px;
  }
}

.robbery-progress {
  padding: 0 0 3px 0;
  text-align: center;
  white-space: nowrap;
}
.i-robbery-progress {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #3d3d3d;
  margin: 0 4px;
}
.i-robbery-progress._fill {
  background: #34b900;
}
.i-robbery-progress._fail {
  background: #b30000;
}
.target_name {
  font-size: 12px;
  text-align: center;
}
.btn-a._robbery {
  text-align: center;
  color: #fff;
  width: 70%;
  max-width: 250px;
  margin: 0 auto;
}
.c-lightgreen {
  color: #48ff00 !important;
}
.c-blue {
  color: #248991 !important;
}
.c-lightred {
  color: #d20500 !important;
}
.reward-box {
  background: #00251b;
  border: 1px solid #004923;
  padding: 8px 8px 15px 8px;
  margin: 10px 0 0 0;
  position: relative;
  text-align: center;
  font-size: 12px;
}
.reward-box-title {
  font-size: 14px;
  font-weight: bold;
  color: #006530;
  padding-bottom: 7px;
}
.r-item {
  display: inline-block;
  width: 120px;
  min-height: 32px;
  margin: 5px 2px 0 2px;
  vertical-align: top;
}
.r-item-inner {
  display: table;
  width: 100%;
}
.r-item-image {
  display: table-cell;
  width: 40px;
  vertical-align: top;
}
.r-item-name {
  display: table-cell;
  vertical-align: top;
  text-align: left !important;
}
.robbery-bg img {
  width: 100%;
}
.robbery-bg {
  margin: 0 -7px 0 -7px;
  padding-top: 10px;
}

.container {
  position: relative;
}
.wrap-modal {
  position: absolute;
  z-index: 500;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
}
.modal {
  position: relative;
  z-index: 501;
  margin: 231px auto 0 auto;
  width: 230px;
  height: 148px;
  padding: 11px 30px;
  background: #171717;
  border: 1px solid #184144;
  box-shadow: 0 0 16px 0 rgba(31, 77, 170, 0.48);
}
.btn-a._midddle {
  border: 1px solid #1e4d50;
  background: linear-gradient(to bottom, #434343 0%, #181818 100%);
  color: #898989;
}
.btn-a._midddle:active {
  background: linear-gradient(to bottom, #181818 0%, #434343 100%);
}
.btn-a._midddle:hover {
  color: #ccc;
}

.adminStatistics._left {
  position: absolute;
  right: 63%;
}

.adminStatistics {
  position: absolute;
  right: 14%;
  top: 81%;
  background-color: blueviolet;
  border-radius: 7px;
  padding: 0 12px;
  z-index: 10;
  line-height: 21px;
}

.nonamed {
  display: none !important;
}

.jackpot-winner {
  position: relative;
  margin: 0 -5px 5px -5px;
  max-width: 480px;
  width: 100vw;
  height: 47px;
  background: #0d4601;
  border: 1px solid #2f6823;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}

.jackpot-winner a {
  margin-right: 3px;
  font-size: 12px;
}

.jackpot-winner span {
  margin-right: 3px;
  font-size: 12px;
}

.jackpot-winner .uimg {
  padding-bottom: 0;
  padding-top: 1px;
}

.jackpot-winner div {
  font-size: 12px;
}

.new-events._left {
  right: auto;
  left: 8px;
}