html, body, ul, ol, li, h1, h2, h3, h4, h5, h6, p, input { margin: 0; padding: 0; }
ul, ol { list-style: none; }

body, input, textarea { font-family: 'Roboto Condensed', sans-serif; }

body { background: #45535c url('../images/bg-repeat.jpg') center top repeat-x; padding: 20px 0; position: relative; }

#bg { position: absolute; top: 0px; left: 0px; right: 0px; }
#bg .left { background: url('../images/bg-left.jpg') right top no-repeat; height: 481px; position: absolute; top: 0px; left: 0; right: 50%; margin-right: 480px; }
#bg .right { background: url('../images/bg-right.jpg') left top no-repeat; height: 481px; position: absolute; top: 0px; left: 50%; right: 0; margin-left: 480px; }

#helicopter { position: absolute; top: 56px; left: 0; right: 0; height: 29px; overflow: hidden; }
#heli { position: absolute; top: 0; left: -100px; width: 83px; height: 29px; background: url('../images/heli.png') no-repeat; }

#top { height: 120px; width: 932px; margin: 0 auto; position: relative; }
#top .logo { background: url('../images/mafiabattle.png') center center no-repeat; width: 209px; height: 120px; }
#top a { width: 200px; height: 105px; margin: 5px auto; display: block; }

#top .button_play { position: absolute; top: 45px; right: 5px; background: #55980a; border-top: 1px solid #bbf0fa; border-bottom: 1px solid #55980a; padding: 1px; display: inline-block; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,.3); }
#top .button_play input { color: #4fb349; background: #b2fb36; border: 0; border-top: 2px solid #f7feff; border-bottom: 1px solid #8dde13; border-radius: 6px; padding: 3px 38px; outline: none; font-family: 'Roboto'; font-weight: 700; font-size: 24px; line-height: 46px; height: 54px; text-shadow: 0px 1px 1px #fff; cursor: pointer; text-transform: uppercase; }
#top .button_play input:hover { background: #c3fc2f; }
#top .button_play input:active { border-bottom: 1px solid #b2fb36; border-top: 1px solid #12b5de; padding-top: 5px; padding-bottom: 1px; }

#bottom { height: 60px; width: 932px; margin: 0 auto; position: relative; }

#main { background: #0f1f35; margin: 0 auto; width: 960px; position: relative; border: 2px solid #feffff; border-radius: 20px; min-height: 332px; }
#main .side { float: left; width: 200px; padding: 20px; }

#main .side div.group { background: #52ceff; border: 3px solid #534741; border-radius: 17px; position: relative; line-height: 25px; text-transform: uppercase; font-size: 15px; padding: 12px 10px 8px 15px; text-shadow: 0px 1px #fff; cursor: pointer; margin-top: 10px; }
#main .side div.group:first-child { margin-top: 0; }
#main .side div.group.on { border-radius: 17px 17px 0 0; }
#main .side div.group:after { content: '▼'; position: absolute; right: 14px; top: 8px; line-height: 30px; }
#main .side div.group.on:after { content: '▲'; }
#main .side div.group+ul.menu { display: none; }
#main .side div.group.on+ul.menu { display: block; border: 3px solid #534741; border-top: none; border-radius: 0 0 17px 17px; background: #5a6374; }

#main .side li { line-height: 20px; position: relative; font-size: 15px; } 
#main .side li+li { border-top: 1px solid #534741; }
#main .side li:hover  { background: rgba(246,239,211,.1); }
#main .side li.current  { background: rgba(82,206,255,.2); }
#main .side li a { color: #fff; text-decoration: none; padding: 10px 10px 10px 50px; position: relative; display: block; }
#main .side li::before { content: ''; position:absolute; left: 10px; top:50%; margin-top:-15px; width: 30px; height: 30px;  }
#main .side li.ammunition_factory::before { background: url('../images/menu_ammunition_factory.png') no-repeat; background-size: contain; }
#main .side li.bank::before { background: url('../images/menu_bank.png') no-repeat; background-size: contain; }
#main .side li.boss_mansion::before { background: url('../images/menu_boss_mansion.png') no-repeat; background-size: contain; }
#main .side li.car_robbery::before { background: url('../images/menu_car_robbery.png') no-repeat; background-size: contain; }
#main .side li.contracts::before { background: url('../images/menu_contract_jobs.png') no-repeat; background-size: contain; }
#main .side li.crimes::before { background: url('../images/menu_crimes.png') no-repeat; background-size: contain; margin-left: -2px; }
#main .side li.car_showroom::before { background: url('../images/menu_car_showroom.png') no-repeat; background-size: contain; }
#main .side li.casino_robbery::before { background: url('../images/menu_casino_robbery.png') no-repeat; background-size: contain; margin-left: 3px; }
#main .side li.diamonds::before { background: url('../images/menu_diamonds.png') no-repeat; background-size: contain; }
#main .side li.faq::before { background: url('../images/menu_faq.png') no-repeat; background-size: contain; }
#main .side li.contact::before,#main .side li.changelog::before { background: url('../images/menu_contact.png') no-repeat; background-size: contain; }
#main .side li.followers::before { background: url('../images/menu_followers.png') no-repeat; background-size: contain; }
#main .side li.gemstones_factory::before { background: url('../images/menu_gemstones_factory.png') no-repeat; background-size: contain; }
#main .side li.gym::before { background: url('../images/menu_gym.png') no-repeat; background-size: contain; }
#main .side li.home::before { background: url('../images/menu_home.png') no-repeat; background-size: contain; }
#main .side li.hospital::before { background: url('../images/menu_hospital.png') no-repeat; background-size: contain; }
#main .side li.lottery_kiosk::before { background: url('../images/menu_lottery_kiosk.png') no-repeat; background-size: contain; }
#main .side li.mafia_mansion::before { background: url('../images/menu_mafia_mansion.png') no-repeat; background-size: contain; }
#main .side li.meth_lab::before { background: url('../images/menu_meth_lab.png') no-repeat; background-size: contain; }
#main .side li.money_press::before { background: url('../images/menu_money_press.png') no-repeat; background-size: contain; }
#main .side li.nightclub::before { background: url('../images/menu_nightclub.png') no-repeat; background-size: contain; }
#main .side li.pawn_shop::before { background: url('../images/menu_pawn_shop.png') no-repeat; background-size: contain; }
#main .side li.red_light_district::before { background: url('../images/menu_red_light_district.png') no-repeat; background-size: contain; }
#main .side li.research_lab::before { background: url('../images/menu_research_lab.png') no-repeat; background-size: contain; }
#main .side li.mafia_power::before { background: url('../images/menu_mafia_power.png') no-repeat; background-size: contain; margin-left: 5px; margin-top: -13px; }
#main .side li.poker::before { background: url('../images/menu_poker.png') no-repeat; background-size: contain; margin-left:0px; margin-top: -13px; }
#main .side li.bosses::before { background: url('../images/menu_bosses.png') no-repeat; background-size: contain; }
#main .side li.family_wars::before { background: url('../images/menu_family_wars.png') no-repeat; background-size: contain;  }
#main .side li.attack_pvp::before { background: url('../images/menu_attack_pvp.png') no-repeat; background-size: contain;  }
#main .side li.tattoo_shop::before { background: url('../images/menu_tattoo_shop.png') no-repeat; background-size: contain; margin-left: 0px; margin-top: -13px; }
#main .side li.weapon_lab::before { background: url('../images/menu_weapon_lab.png') no-repeat; background-size: contain; margin-left: 0px; margin-top: -13px; }
#main .side li.weed_farm::before { background: url('../images/menu_weed_farm.png') no-repeat; background-size: contain; margin-left: 0px; margin-top: -13px; }
#main .side li.airport::before { background: url('../images/menu_airport.png') no-repeat; background-size: contain; margin-left:0px; margin-top:-13px; }
#main .side li.transport_company::before { background: url('../images/menu_transport_company.png') no-repeat; background-size: contain; margin-left:2px; margin-top:-13px; }
#main .side li.stadium::before { background: url('../images/menu_stadium.png') no-repeat; background-size: contain; margin-left:1px; margin-top:-13px; }
#main .side li.swiss_bank::before { background: url('../images/menu_swiss_bank.png') no-repeat; background-size: contain; margin-left:2px; margin-top:-13px; }
#main .side li.xtc_lab::before { background: url('../images/menu_xtc_lab.png') no-repeat; background-size: contain; margin-left:3px; margin-top:-13px; }
#main .side li.oil_field::before { background: url('../images/menu_oil_field.png') no-repeat; background-size: contain; margin-left:2px; margin-top:-13px; }
#main .side li.steel_factory::before { background: url('../images/menu_steel_factory.png') no-repeat; background-size: contain; margin-left:2px; margin-top:-13px; }
#main .side li.alcohol_factory::before { background: url('../images/menu_alcohol_factory.png') no-repeat; background-size: contain; margin-left:2px; margin-top:-13px; }
#main .side li.mafia_bar::before { background: url('../images/menu_mafia_bar.png') no-repeat; background-size: contain; margin-left:2px; margin-top:-13px; }
#main .side li.christmas_tree::before { background: url('../images/menu_christmas_tree.png') no-repeat; background-size: contain; margin-left:0px; margin-top:-13px; }
#main .side li.cigar_factory::before { background: url('../images/menu_cigar_factory.png') no-repeat; background-size: contain; margin-left:0px; margin-top:-13px; }
#main .side li.boat_company::before { background: url('../images/menu_boat_company.png') no-repeat; background-size: contain; margin-left:-4px; margin-top:-13px; }
#main .side li.heroin_lab::before { background: url('../images/menu_heroin_lab.png') no-repeat; background-size: contain; margin-left:0px; margin-top:-13px; }
#main .side li.moto_club::before { background: url('../images/menu_moto_club.png') no-repeat; background-size: contain; margin-left:0px; margin-top:-13px; }
#main .side li.scrap_yard::before { background: url('../images/menu_scrap_yard.png') no-repeat; background-size: contain; margin-left:0px; margin-top:-13px; }
#main .side li.repo_business::before { background: url('../images/menu_repobusiness.png') no-repeat; background-size: contain; margin-left:0px; margin-top:-13px; }
#main .side li.diamond_factory::before { background: url('../images/menu_diamond_factory.png') no-repeat; background-size: contain; margin-left:0px; margin-top:-13px; }
#main .side li.restaurant::before { background: url('../images/menu_restaurant.png') no-repeat; background-size: contain; margin-left:0px; margin-top:-13px; }
#main .side li.secret_cave::before { background: url('../images/menu_secret_cave.png') no-repeat; background-size: contain; margin-left:0px; margin-top:-13px; }
#main .side li.flytipping_business::before { background: url('../images/menu_flytipping_business.png') no-repeat; background-size: contain; margin-left:0px; margin-top:-13px; }
#main .side li.crypto_mining::before { background: url('../images/menu_cryptomining.png') no-repeat; background-size: contain; margin-left:0px; margin-top:-13px; }
#main .side li.powernet_company::before { background: url('../images/menu_powernet.png') no-repeat; background-size: contain; margin-left:0px; margin-top:-13px; }
#main .side li.vault::before { background: url('../images/menu_vault.png') no-repeat; background-size: contain; margin-left:2px; margin-top:-13px; }
#main .side li.warehouse::before { background: url('../images/menu_warehouse.png') no-repeat; background-size: contain; margin-left:2px; margin-top:-13px; }
#main .side li.powerbase::before { background: url('../images/menu_powerbase.png') no-repeat; background-size: contain; margin-left:0px; margin-top:-13px; }
#main .side li.assemblypoint::before { background: url('../images/menu_assemblypoint.png') no-repeat; background-size: contain; margin-left:0px; margin-top:-13px; }
#main .side li.horseracingstadium::before { background: url('../images/menu_horseracingstadium.png') no-repeat; background-size: contain; margin-left:3px; margin-top:-11px; }
#main .side li.cocaine_lab::before { background: url('../images/menu_cocaine_lab.png') no-repeat; background-size: contain; margin-left:3px; margin-top:-11px; }
#main .side li.compound::before { background: url('../images/menu_compound.png') no-repeat; background-size: contain; margin-left:3px; margin-top:-13px; }
#main .side li.cargo_airstrip::before { background: url('../images/menu_cargo_airstrip.png') no-repeat; background-size: contain; margin-left:3px; margin-top:-11px; }
#main .side li.mexican_cartel_mansion::before { background: url('../images/menu_mexican_cartel_mansion.png') no-repeat; background-size: contain; margin-left:3px; margin-top:-15px; }
#main .side li.military_museum::before { background: url('../images/menu_military_museum.png') no-repeat; background-size: contain; margin-left:3px; margin-top:-15px; }
#main .side li.gold_factory::before { background: url('../images/menu_gold_factory.png') no-repeat; background-size: contain; margin-left:3px; margin-top:-15px; }
#main .side li.mexican_contracts::before { background: url('../images/menu_mexican_contract_jobs.png') no-repeat; background-size: contain; }

#main .side li.family_home::before { background: url('../images/menu_family_home.png') no-repeat; background-size: contain; margin-left:0px; margin-top:-13px; }
#main .side li.family_methtank::before { background: url('../images/menu_family_methtank.png') no-repeat; background-size: contain; margin-left:0px; margin-top:-13px; }
#main .side li.family_cashsafe::before { background: url('../images/menu_family_cashsafe.png') no-repeat; background-size: contain; margin-left:0px; margin-top:-13px; }
#main .side li.family_tobaccofarm::before { background: url('../images/menu_family_tobaccofarm.png') no-repeat; background-size: contain; margin-left:0px; margin-top:-13px; }
#main .side li.family_cocafarm::before { background: url('../images/menu_family_cocafarm.png') no-repeat; background-size: contain; margin-left:0px; margin-top:-13px; }
#main .side li.family_goldtank::before { background: url('../images/menu_family_goldtank.png') no-repeat; background-size: contain; margin-left: -2px; margin-top:-13px; }

#main .content { margin: 20px 20px 20px 240px; background: #8a8366; border: 3px solid #534741; border-radius: 17px; position: relative; }

#main .content .upper { margin: 0px; background: #d1d2ca url('../images/upper-bg.png') center center; border: 3px solid #7f7e77; border-radius: 14px 14px 0 0; position: relative; }
#main .content .upper .inner { border: 5px solid #afafa6; border-bottom: 5px solid #989890; border-top: 5px solid #c6c7bd; border-radius: 11px 11px 0 0; padding: 15px; }
#main .content .upper h1 { font-size: 33px; line-height: 38px; text-align: center; color: #3b3b3b; text-shadow: 0px 2px #fff; font-family: Roboto; font-weight: 900; }
#main .content .upper h2 { font-size: 20px; line-height: 25px; text-align: center; color: #3b3b3b; text-shadow: 0px 2px #fff; font-family: Roboto; font-weight: 900; }

#main .content .lower { margin: 5px; background: #f6efd3; padding: 5px; border: 3px solid #d2c29a; border-top: 0; margin-top: 0; border-radius: 0 0 14px 14px; position: relative; }

#main .content .lower table { width: calc(100% - 10px); border: 3px solid #533047; border-radius: 10px; border-spacing: 0; background: #7f4a6d; padding: 5px; margin: 10px 5px; }
#main .content .lower table tr th { background: #7f4a6d; font-size: 15px; line-height: 18px; color: #fff; text-shadow: 0px 1px #000; text-align: left; padding: 5px 7px 10px 7px; }
#main .content .lower table tr td { background: #d7cca4; padding: 8px 7px 7px 7px; border-top: 1px solid #fff; font-size: 15px; line-height: 18px; color: #3b3b3b; text-shadow: 0px 1px #fff; }

#main .content .lower table tr:nth-child(even) td { background: #eee3ba; border-top: 1px solid #baaf8d; }
#main .content .lower table tr:first-child td { border-top: 0; }
#main .content .lower table tr:last-child td:first-child { border-radius: 0 0 0 5px; }
#main .content .lower table tr:last-child td:last-child { border-radius: 0 0 5px 0; }
#main .content .lower table tr:last-child td:first-child:last-child { border-radius: 0 0 5px 5px; }
#main .content .lower table td { position: relative; }

#main .content .lower table td { white-space: nowrap }
#main .content .lower table td:last-child { white-space: initial; }

#main .content .lower table td.icon_ammo { padding-left: 33px; }
#main .content .lower table td.icon_ammo::before { content: ''; background: url('../images/icon_ammo.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_attack { padding-left: 33px; }
#main .content .lower table td.icon_attack::before { content: ''; background: url('../images/icon_attack.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_badge { padding-left: 33px; }
#main .content .lower table td.icon_badge::before { content: ''; background: url('../images/icon_badge.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_boss { padding-left: 33px; }
#main .content .lower table td.icon_boss::before { content: ''; background: url('../images/icon_boss.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_cars { padding-left: 33px; }
#main .content .lower table td.icon_cars::before { content: ''; background: url('../images/icon_cars.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_cash { padding-left: 33px; }
#main .content .lower table td.icon_cash::before { content: ''; background: url('../images/icon_cash.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_cook { padding-left: 33px; }
#main .content .lower table td.icon_cook::before { content: ''; background: url('../images/icon_cook.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_defence { padding-left: 33px; }
#main .content .lower table td.icon_defence::before { content: ''; background: url('../images/icon_defence.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_diamonds { padding-left: 33px; }
#main .content .lower table td.icon_diamonds::before { content: ''; background: url('../images/icon_diamonds.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_exp { padding-left: 33px; }
#main .content .lower table td.icon_exp::before { content: ''; background: url('../images/icon_exp.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_followers { padding-left: 33px; }
#main .content .lower table td.icon_followers::before { content: ''; background: url('../images/icon_followers.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_gym { padding-left: 33px; }
#main .content .lower table td.icon_gym::before { content: ''; background: url('../images/icon_gym.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_health { padding-left: 33px; }
#main .content .lower table td.icon_health::before { content: ''; background: url('../images/icon_health.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_lottery { padding-left: 33px; }
#main .content .lower table td.icon_lottery::before { content: ''; background: url('../images/icon_lottery.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_meth { padding-left: 33px; }
#main .content .lower table td.icon_meth::before { content: ''; background: url('../images/icon_meth.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_power { padding-left: 33px; }
#main .content .lower table td.icon_power::before { content: ''; background: url('../images/icon_power.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_timer { padding-left: 33px; }
#main .content .lower table td.icon_timer::before { content: ''; background: url('../images/icon_timer.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_troops { padding-left: 33px; }
#main .content .lower table td.icon_troops::before { content: ''; background: url('../images/icon_troops.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_upgrade { padding-left: 33px; }
#main .content .lower table td.icon_upgrade::before { content: ''; background: url('../images/icon_upgrade.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_stock { padding-left: 33px; }
#main .content .lower table td.icon_stock::before { content: ''; background: url('../images/icon_stock.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_rooms { padding-left: 33px; }
#main .content .lower table td.icon_rooms::before { content: ''; background: url('../images/icon_rooms.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_girls { padding-left: 33px; }
#main .content .lower table td.icon_girls::before { content: ''; background: url('../images/icon_girls.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_researches { padding-left: 33px; }
#main .content .lower table td.icon_researches::before { content: ''; background: url('../images/icon_researches.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_weed { padding-left: 33px; }
#main .content .lower table td.icon_weed::before { content: ''; background: url('../images/icon_weed.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_plants{ padding-left: 33px; }
#main .content .lower table td.icon_plants::before { content: ''; background: url('../images/icon_plants.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_xtc{ padding-left: 33px; }
#main .content .lower table td.icon_xtc::before { content: ''; background: url('../images/icon_xtc.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_trucks{ padding-left: 33px; }
#main .content .lower table td.icon_trucks::before { content: ''; background: url('../images/icon_trucks.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_oil{ padding-left: 33px; }
#main .content .lower table td.icon_oil::before { content: ''; background: url('../images/icon_oil.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_steel{ padding-left: 33px; }
#main .content .lower table td.icon_steel::before { content: ''; background: url('../images/icon_steel.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_alcohol{ padding-left: 33px; }
#main .content .lower table td.icon_alcohol::before { content: ''; background: url('../images/icon_alcohol.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_events{ padding-left: 33px; }
#main .content .lower table td.icon_events::before { content: ''; background: url('../images/icon_events.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_tobacco{ padding-left: 33px; }
#main .content .lower table td.icon_tobacco::before { content: ''; background: url('../images/icon_tobacco.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_cigars{ padding-left: 33px; }
#main .content .lower table td.icon_cigars::before { content: ''; background: url('../images/icon_cigar.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_boats { padding-left: 33px; }
#main .content .lower table td.icon_boats::before { content: ''; background: url('../images/icon_boats.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_offers { padding-left: 33px; }
#main .content .lower table td.icon_offers::before { content: ''; background: url('../images/icon_offers.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_repos { padding-left: 33px; }
#main .content .lower table td.icon_repos::before { content: ''; background: url('../images/icon_repos.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_crypto { padding-left: 33px; }
#main .content .lower table td.icon_crypto::before { content: ''; background: url('../images/icon_crypto.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_miningrig { padding-left: 33px; }
#main .content .lower table td.icon_miningrig::before { content: ''; background: url('../images/icon_miningrig.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_specialforces { padding-left: 33px; }
#main .content .lower table td.icon_specialforces::before { content: ''; background: url('../images/icon_specialforces.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_families { padding-left: 33px; }
#main .content .lower table td.icon_families::before { content: ''; background: url('../images/icon_families.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_goldbars { padding-left: 33px; }
#main .content .lower table td.icon_goldbars::before { content: ''; background: url('../images/icon_goldbars.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_gold { padding-left: 33px; }
#main .content .lower table td.icon_gold::before { content: ''; background: url('../images/icon_gold.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_security { padding-left: 33px; }
#main .content .lower table td.icon_security::before { content: ''; background: url('../images/icon_security.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }

#main .content .lower table td.icon_researchpoints { padding-left: 33px; }
#main .content .lower table td.icon_researchpoints::before { content: ''; background: url('../images/icon_researchpoints.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_heroin { padding-left: 33px; }
#main .content .lower table td.icon_heroin::before { content: ''; background: url('../images/icon_heroin.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_moto { padding-left: 33px; }
#main .content .lower table td.icon_moto::before { content: ''; background: url('../images/icon_moto.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }
#main .content .lower table td.icon_chests { padding-left: 33px; }
#main .content .lower table td.icon_chests::before { content: ''; background: url('../images/icon_chest.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }

#main .content .lower table td.icon_garbage { padding-left: 33px; }
#main .content .lower table td.icon_garbage::before { content: ''; background: url('../images/icon_garbage.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }

#main .content .lower table td.icon_horses { padding-left: 33px; }
#main .content .lower table td.icon_horses::before { content: ''; background: url('../images/icon_horses.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }

#main .content .lower table td.icon_cocaine { padding-left: 33px; }
#main .content .lower table td.icon_cocaine::before { content: ''; background: url('../images/icon_cocaine.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }

#main .content .lower table td.icon_airplane { padding-left: 33px; }
#main .content .lower table td.icon_airplane::before { content: ''; background: url('../images/icon_airplane.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }

#main .content .lower table td.icon_cocaineplant { padding-left: 33px; }
#main .content .lower table td.icon_cocaineplant::before { content: ''; background: url('../images/icon_cocaineplant.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }

#main .content .lower table td.icon_militarytruck { padding-left: 33px; }
#main .content .lower table td.icon_militarytruck::before { content: ''; background: url('../images/icon_militarytruck.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 7px; top: 50%; margin-top:-10px; }

#main .content .lower table td span.gem_01 { display: inline-block; width: 20px; height: 2px; position: relative; }
#main .content .lower table td span.gem_01::before { content: ''; background: url('../images/gem_01.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 0px; top: -12px; }
#main .content .lower table td span.gem_02 { display: inline-block; width: 20px; height: 2px; position: relative; }
#main .content .lower table td span.gem_02::before { content: ''; background: url('../images/gem_02.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 0px; top: -12px; }
#main .content .lower table td span.gem_03 { display: inline-block; width: 20px; height: 2px; position: relative; }
#main .content .lower table td span.gem_03::before { content: ''; background: url('../images/gem_03.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 0px; top: -12px; }
#main .content .lower table td span.gem_04 { display: inline-block; width: 20px; height: 2px; position: relative; }
#main .content .lower table td span.gem_04::before { content: ''; background: url('../images/gem_04.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 0px; top: -12px; }
#main .content .lower table td span.gem_05 { display: inline-block; width: 20px; height: 2px; position: relative; }
#main .content .lower table td span.gem_05::before { content: ''; background: url('../images/gem_05.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 0px; top: -12px; }
#main .content .lower table td span.gem_06 { display: inline-block; width: 20px; height: 2px; position: relative; }
#main .content .lower table td span.gem_06::before { content: ''; background: url('../images/gem_06.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 0px; top: -12px; }
#main .content .lower table td span.gem_07 { display: inline-block; width: 20px; height: 2px; position: relative; }
#main .content .lower table td span.gem_07::before { content: ''; background: url('../images/gem_07.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 0px; top: -12px; }
#main .content .lower table td span.gem_08 { display: inline-block; width: 20px; height: 2px; position: relative; }
#main .content .lower table td span.gem_08::before { content: ''; background: url('../images/gem_08.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 0px; top: -12px; }
#main .content .lower table td span.gem_09 { display: inline-block; width: 20px; height: 2px; position: relative; }
#main .content .lower table td span.gem_09::before { content: ''; background: url('../images/gem_09.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 0px; top: -12px; }
#main .content .lower table td span.gem_10 { display: inline-block; width: 20px; height: 2px; position: relative; }
#main .content .lower table td span.gem_10::before { content: ''; background: url('../images/gem_10.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 0px; top: -12px; }
#main .content .lower table td span.gem_11 { display: inline-block; width: 20px; height: 2px; position: relative; }
#main .content .lower table td span.gem_11::before { content: ''; background: url('../images/gem_11.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 0px; top: -12px; }
#main .content .lower table td span.gem_12 { display: inline-block; width: 20px; height: 2px; position: relative; }
#main .content .lower table td span.gem_12::before { content: ''; background: url('../images/gem_12.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 0px; top: -12px; }
#main .content .lower table td span.gem_13 { display: inline-block; width: 20px; height: 2px; position: relative; }
#main .content .lower table td span.gem_13::before { content: ''; background: url('../images/gem_13.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 0px; top: -12px; }
#main .content .lower table td span.gem_14 { display: inline-block; width: 20px; height: 2px; position: relative; }
#main .content .lower table td span.gem_14::before { content: ''; background: url('../images/gem_14.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 0px; top: -12px; }

#main .content .lower h3 { font-size: 20px; line-height: 25px; text-align: left; color: #3b3b3b; text-shadow: 0px 2px #fff; font-weight: 900; padding: 5px; margin: 5px; margin-top: 25px; }
#main .content .lower h5 { font-size: 17px; line-height: 22px; text-align: left; color: #3b3b3b; text-shadow: 0px 2px #fff; font-weight: 900; padding: 5px 5px 0 5px; margin: 5px 5px -5px 5px; }
#main .content .lower *:first-child { margin-top: 5px; }
#main .content .lower p { font-size: 16px; line-height: 21px; color: #3b3b3b; padding: 5px; margin: 5px; }
#main .content .lower ul { list-style: disc; padding: 5px; margin: 5px 5px 0 30px; }
#main .content .lower li { font-size: 16px; line-height: 21px; color: #3b3b3b; padding: 0px; margin-bottom: 5px; }

#main .content .lower .faq_answer { display: none; font-size: 16px; line-height: 21px; color: #3b3b3b; padding: 5px 5px 5px 30px; margin: 5px;  }
#main .content .lower .faq_question { cursor: pointer; font-size: 16px; line-height: 21px; color: #3b3b3b; padding: 5px; margin: 5px; color:#466e7c; font-weight:bold; }

#main .content .log { margin: 5px; background: #f6efd3; padding: 5px; padding-bottom:10px; border: 3px solid #d2c29a;  margin-top: 10px; margin-bottom:10px; border-radius: 14px 14px 14px 14px; position: relative;  }
#main .content .log p {  font-size: 16px; line-height: 21px; color: #3b3b3b; padding-left:7px; margin-left: 5px; padding-top:5px; }
#main .content .log h3 { font-size: 20px; line-height: 25px; text-align: left; color: #3b3b3b; text-shadow: 0px 2px #fff; font-weight: 900; padding-left: 5px; margin-left: 5px; padding-top: 5px; margin-top: 5px; }
#main .content .log h5 { font-size: 17px; line-height: 22px; text-align: left; color: #3b3b3b; text-shadow: 0px 2px #fff; font-weight: 900; padding: 10px 5px 10px 5px; margin: 5px 5px -5px 5px; }

#main .content a.link { border-bottom: 1px dotted #466e7c; text-decoration: none; color:#466e7c; }

span.weapon_molotov { margin-left:10px; content: ''; background: url('../images/nightclub_equipment.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/7*0) -0px !important; background-size: auto 40px !important; }
span.weapon_flaregun { margin-left:10px; content: ''; background: url('../images/nightclub_equipment.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/7*1) -0px !important; background-size: auto 40px !important; }
span.weapon_silenceduzi { margin-left:10px; content: ''; background: url('../images/nightclub_equipment.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/7*2) -0px !important; background-size: auto 40px !important; }
span.weapon_assaultrifle { margin-left:10px; content: ''; background: url('../images/nightclub_equipment.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/7*3) -0px !important; background-size: auto 40px !important; }
span.weapon_combatpdw { margin-left:10px; content: ''; background: url('../images/nightclub_equipment.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/7*4) -0px !important; background-size: auto 40px !important; }
span.weapon_sawedoffshotgun { margin-left:10px; content: ''; background: url('../images/nightclub_equipment.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/7*5) -0px !important; background-size: auto 40px !important;  }
span.weapon_bullpupshotgun { margin-left:10px; content: ''; background: url('../images/nightclub_equipment.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/7*6) -0px !important; background-size: auto 40px !important;  }
span.weapon_heatseekinglauncher { margin-left:10px; content: ''; background: url('../images/nightclub_equipment.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/7*7) -0px !important; background-size: auto 40px !important;  }
table.nightclub_special td.icon_attack::before,table.nightclub_special td.icon_defence::before { margin-top:14px; }
table.cigar_special td.icon_attack::before,table.cigar_special td.icon_defence::before { margin-top:14px; }
table.scrapyard_special td.icon_attack::before,table.scrapyard_special td.icon_defence::before { margin-top:14px; }

span.weapon_mtjeep { margin-left:10px; content: ''; background: url('../images/weapon_mtjeep.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/7*0) -0px !important; background-size: auto 40px !important; }

span.weapon_scrap1 { margin-left:10px; content: ''; background: url('../images/scrapyard_equipment.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*0) -0px !important; background-size: auto 40px !important; }
span.weapon_scrap2 { margin-left:10px; content: ''; background: url('../images/scrapyard_equipment.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*1) -0px !important; background-size: auto 40px !important; }
span.weapon_scrap3 { margin-left:10px; content: ''; background: url('../images/scrapyard_equipment.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*2) -0px !important; background-size: auto 40px !important; }
span.weapon_scrap4 { margin-left:10px; content: ''; background: url('../images/scrapyard_equipment.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*3) -0px !important; background-size: auto 40px !important; }
span.weapon_scrap5 { margin-left:10px; content: ''; background: url('../images/scrapyard_equipment.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*4) -0px !important; background-size: auto 40px !important; }
span.weapon_scrap6 { margin-left:10px; content: ''; background: url('../images/scrapyard_equipment.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*5) -0px !important; background-size: auto 40px !important;  }
span.weapon_scrap7 { margin-left:10px; content: ''; background: url('../images/scrapyard_equipment.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*6) -0px !important; background-size: auto 40px !important;  }
span.weapon_scrap8 { margin-left:10px; content: ''; background: url('../images/scrapyard_equipment.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*7) -0px !important; background-size: auto 40px !important;  }
span.weapon_scrap9 { margin-left:10px; content: ''; background: url('../images/scrapyard_equipment.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*8) -0px !important; background-size: auto 40px !important;  }
span.weapon_scrap10 { margin-left:10px; content: ''; background: url('../images/scrapyard_equipment.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*9) -0px !important; background-size: auto 40px !important;  }

span.weapon_casino1 { margin-left:10px; content: ''; background: url('../images/casino_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*0) -0px !important; background-size: auto 40px !important; }
span.weapon_casino2 { margin-left:10px; content: ''; background: url('../images/casino_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*1) -0px !important; background-size: auto 40px !important; }
span.weapon_casino3 { margin-left:10px; content: ''; background: url('../images/casino_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*2) -0px !important; background-size: auto 40px !important; }
span.weapon_casino4 { margin-left:10px; content: ''; background: url('../images/casino_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*3) -0px !important; background-size: auto 40px !important; }
span.weapon_casino5 { margin-left:10px; content: ''; background: url('../images/casino_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*4) -0px !important; background-size: auto 40px !important; }
span.weapon_casino6 { margin-left:10px; content: ''; background: url('../images/casino_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*5) -0px !important; background-size: auto 40px !important;  }
span.weapon_casino7 { margin-left:10px; content: ''; background: url('../images/casino_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*6) -0px !important; background-size: auto 40px !important;  }
span.weapon_casino8 { margin-left:10px; content: ''; background: url('../images/casino_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*7) -0px !important; background-size: auto 40px !important;  }
span.weapon_casino9 { margin-left:10px; content: ''; background: url('../images/casino_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*8) -0px !important; background-size: auto 40px !important;  }
span.weapon_casino10 { margin-left:10px; content: ''; background: url('../images/casino_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*9) -0px !important; background-size: auto 40px !important;  }


span.weapon_robotech1 { margin-left:10px; content: ''; background: url('../images/robotech_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*0) -0px !important; background-size: auto 40px !important; }
span.weapon_robotech2 { margin-left:10px; content: ''; background: url('../images/robotech_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*1) -0px !important; background-size: auto 40px !important; }
span.weapon_robotech3 { margin-left:10px; content: ''; background: url('../images/robotech_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*2) -0px !important; background-size: auto 40px !important; }
span.weapon_robotech4 { margin-left:10px; content: ''; background: url('../images/robotech_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*3) -0px !important; background-size: auto 40px !important; }
span.weapon_robotech5 { margin-left:10px; content: ''; background: url('../images/robotech_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*4) -0px !important; background-size: auto 40px !important; }
span.weapon_robotech6 { margin-left:10px; content: ''; background: url('../images/robotech_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*5) -0px !important; background-size: auto 40px !important;  }
span.weapon_robotech7 { margin-left:10px; content: ''; background: url('../images/robotech_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*6) -0px !important; background-size: auto 40px !important;  }
span.weapon_robotech8 { margin-left:10px; content: ''; background: url('../images/robotech_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*7) -0px !important; background-size: auto 40px !important;  }
span.weapon_robotech9 { margin-left:10px; content: ''; background: url('../images/robotech_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*8) -0px !important; background-size: auto 40px !important;  }
span.weapon_robotech10 { margin-left:10px; content: ''; background: url('../images/robotech_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*9) -0px !important; background-size: auto 40px !important;  }


span.weapon_cigar1 { margin-left:10px; content: ''; background: url('../images/cigar_equipment.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/14*0) -0px !important; background-size: auto 40px !important; }
span.weapon_cigar2 { margin-left:10px; content: ''; background: url('../images/cigar_equipment.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/14*1) -0px !important; background-size: auto 40px !important; }
span.weapon_cigar3 { margin-left:10px; content: ''; background: url('../images/cigar_equipment.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/14*2) -0px !important; background-size: auto 40px !important; }
span.weapon_cigar4 { margin-left:10px; content: ''; background: url('../images/cigar_equipment.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/14*3) -0px !important; background-size: auto 40px !important; }
span.weapon_cigar5 { margin-left:10px; content: ''; background: url('../images/cigar_equipment.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/14*4) -0px !important; background-size: auto 40px !important; }
span.weapon_cigar6 { margin-left:10px; content: ''; background: url('../images/cigar_equipment.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/14*5) -0px !important; background-size: auto 40px !important;  }
span.weapon_cigar7 { margin-left:10px; content: ''; background: url('../images/cigar_equipment.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/14*6) -0px !important; background-size: auto 40px !important;  }
span.weapon_cigar8 { margin-left:10px; content: ''; background: url('../images/cigar_equipment.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/14*7) -0px !important; background-size: auto 40px !important;  }
span.weapon_cigar9 { margin-left:10px; content: ''; background: url('../images/cigar_equipment.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/14*8) -0px !important; background-size: auto 40px !important;  }
span.weapon_cigar10 { margin-left:10px; content: ''; background: url('../images/cigar_equipment.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/14*9) -0px !important; background-size: auto 40px !important;  }
span.weapon_cigar11 { margin-left:10px; content: ''; background: url('../images/cigar_equipment.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/14*10) -0px !important; background-size: auto 40px !important;  }
span.weapon_cigar12 { margin-left:10px; content: ''; background: url('../images/cigar_equipment.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/14*11) -0px !important; background-size: auto 40px !important;  }
span.weapon_cigar13 { margin-left:10px; content: ''; background: url('../images/cigar_equipment.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/14*12) -0px !important; background-size: auto 40px !important;  }
span.weapon_cigar14 { margin-left:10px; content: ''; background: url('../images/cigar_equipment.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/14*13) -0px !important; background-size: auto 40px !important;  }
span.weapon_cigar15 { margin-left:10px; content: ''; background: url('../images/cigar_equipment.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/14*14) -0px !important; background-size: auto 40px !important;  }

span.weapon_hitech1 { margin-left:10px; content: ''; background: url('../images/hitech_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/14*0) -0px !important; background-size: auto 40px !important; }
span.weapon_hitech2 { margin-left:10px; content: ''; background: url('../images/hitech_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/14*1) -0px !important; background-size: auto 40px !important; }
span.weapon_hitech3 { margin-left:10px; content: ''; background: url('../images/hitech_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/14*2) -0px !important; background-size: auto 40px !important; }
span.weapon_hitech4 { margin-left:10px; content: ''; background: url('../images/hitech_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/14*3) -0px !important; background-size: auto 40px !important; }
span.weapon_hitech5 { margin-left:10px; content: ''; background: url('../images/hitech_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/14*4) -0px !important; background-size: auto 40px !important; }
span.weapon_hitech6 { margin-left:10px; content: ''; background: url('../images/hitech_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/14*5) -0px !important; background-size: auto 40px !important;  }
span.weapon_hitech7 { margin-left:10px; content: ''; background: url('../images/hitech_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/14*6) -0px !important; background-size: auto 40px !important;  }
span.weapon_hitech8 { margin-left:10px; content: ''; background: url('../images/hitech_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/14*7) -0px !important; background-size: auto 40px !important;  }
span.weapon_hitech9 { margin-left:10px; content: ''; background: url('../images/hitech_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/14*8) -0px !important; background-size: auto 40px !important;  }
span.weapon_hitech10 { margin-left:10px; content: ''; background: url('../images/hitech_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/14*9) -0px !important; background-size: auto 40px !important;  }
span.weapon_hitech11 { margin-left:10px; content: ''; background: url('../images/hitech_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/14*10) -0px !important; background-size: auto 40px !important;  }
span.weapon_hitech12 { margin-left:10px; content: ''; background: url('../images/hitech_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/14*11) -0px !important; background-size: auto 40px !important;  }
span.weapon_hitech13 { margin-left:10px; content: ''; background: url('../images/hitech_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/14*12) -0px !important; background-size: auto 40px !important;  }
span.weapon_hitech14 { margin-left:10px; content: ''; background: url('../images/hitech_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/14*13) -0px !important; background-size: auto 40px !important;  }
span.weapon_hitech15 { margin-left:10px; content: ''; background: url('../images/hitech_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/14*14) -0px !important; background-size: auto 40px !important;  }

span.weapon_crypto1 { margin-left:10px; content: ''; background: url('../images/crypto_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*0) -0px !important; background-size: auto 40px !important; }
span.weapon_crypto2 { margin-left:10px; content: ''; background: url('../images/crypto_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*1) -0px !important; background-size: auto 40px !important; }
span.weapon_crypto3 { margin-left:10px; content: ''; background: url('../images/crypto_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*2) -0px !important; background-size: auto 40px !important; }
span.weapon_crypto4 { margin-left:10px; content: ''; background: url('../images/crypto_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*3) -0px !important; background-size: auto 40px !important; }
span.weapon_crypto5 { margin-left:10px; content: ''; background: url('../images/crypto_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*4) -0px !important; background-size: auto 40px !important; }
span.weapon_crypto6 { margin-left:10px; content: ''; background: url('../images/crypto_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*5) -0px !important; background-size: auto 40px !important;  }
span.weapon_crypto7 { margin-left:10px; content: ''; background: url('../images/crypto_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*6) -0px !important; background-size: auto 40px !important;  }
span.weapon_crypto8 { margin-left:10px; content: ''; background: url('../images/crypto_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*7) -0px !important; background-size: auto 40px !important;  }
span.weapon_crypto9 { margin-left:10px; content: ''; background: url('../images/crypto_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*8) -0px !important; background-size: auto 40px !important;  }
span.weapon_crypto10 { margin-left:10px; content: ''; background: url('../images/crypto_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*9) -0px !important; background-size: auto 40px !important;  }

span.miningrig_1 { margin-left:10px; content: ''; background: url('../images/miningrigs.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/7*0) -0px !important; background-size: auto 40px !important; }
span.miningrig_2 { margin-left:10px; content: ''; background: url('../images/miningrigs.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/7*1) -0px !important; background-size: auto 40px !important; }
span.miningrig_3 { margin-left:10px; content: ''; background: url('../images/miningrigs.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/7*2) -0px !important; background-size: auto 40px !important; }
span.miningrig_4 { margin-left:10px; content: ''; background: url('../images/miningrigs.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/7*3) -0px !important; background-size: auto 40px !important; }
span.miningrig_5 { margin-left:10px; content: ''; background: url('../images/miningrigs.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/7*4) -0px !important; background-size: auto 40px !important; }
span.miningrig_6 { margin-left:10px; content: ''; background: url('../images/miningrigs.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/7*5) -0px !important; background-size: auto 40px !important;  }
span.miningrig_7 { margin-left:10px; content: ''; background: url('../images/miningrigs.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/7*6) -0px !important; background-size: auto 40px !important;  }
span.miningrig_8 { margin-left:10px; content: ''; background: url('../images/miningrigs.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/7*7) -0px !important; background-size: auto 40px !important;  }

span.weapon_bomb1 { margin-left:10px; content: ''; background: url('../images/weapon_bombs.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*0) -0px !important; background-size: auto 40px !important; }
span.weapon_bomb2 { margin-left:10px; content: ''; background: url('../images/weapon_bombs.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*1) -0px !important; background-size: auto 40px !important; }
span.weapon_bomb3 { margin-left:10px; content: ''; background: url('../images/weapon_bombs.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*2) -0px !important; background-size: auto 40px !important; }
span.weapon_bomb4 { margin-left:10px; content: ''; background: url('../images/weapon_bombs.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*3) -0px !important; background-size: auto 40px !important; }
span.weapon_bomb5 { margin-left:10px; content: ''; background: url('../images/weapon_bombs.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*4) -0px !important; background-size: auto 40px !important; }
span.weapon_bomb6 { margin-left:10px; content: ''; background: url('../images/weapon_bombs.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*5) -0px !important; background-size: auto 40px !important;  }
span.weapon_bomb7 { margin-left:10px; content: ''; background: url('../images/weapon_bombs.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*6) -0px !important; background-size: auto 40px !important;  }
span.weapon_bomb8 { margin-left:10px; content: ''; background: url('../images/weapon_bombs.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*7) -0px !important; background-size: auto 40px !important;  }
span.weapon_bomb9 { margin-left:10px; content: ''; background: url('../images/weapon_bombs.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*8) -0px !important; background-size: auto 40px !important;  }
span.weapon_bomb10 { margin-left:10px; content: ''; background: url('../images/weapon_bombs.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*9) -0px !important; background-size: auto 40px !important;  }
table.weaponlab_special td.icon_attack::before,table.weaponlab_special td.icon_defence::before { margin-top:14px; }

span.weapon_steeltruck1 { margin-left:10px; content: ''; background: url('../images/weapon_steeltruck1.png') no-repeat; width: 40px; height: 40px; display:inline-block;  background-size: auto 40px !important; }
span.weapon_steelheli1 { margin-left:10px; content: ''; background: url('../images/weapon_steelheli1.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-size: auto 40px !important;  }
span.weapon_steeltruck2 { margin-left:10px; content: ''; background: url('../images/weapon_steeltruck2.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-size: auto 40px !important;  }
span.weapon_steelheli2 { margin-left:10px; content: ''; background: url('../images/weapon_steelheli2.png') no-repeat; width: 40px; height: 40px; display:inline-block;  background-size: auto 40px !important;  }
table.steelfactory_special td.icon_attack::before,table.steelfactory_special td.icon_defence::before,table.steelfactory_special td.icon_steel::before { margin-top:14px; }

span.weapon_warehouse1 { margin-left:10px; content: ''; background: url('../images/warehouse_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*0) -0px !important; background-size: auto 40px !important; }
span.weapon_warehouse2 { margin-left:10px; content: ''; background: url('../images/warehouse_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*1) -0px !important; background-size: auto 40px !important; }
span.weapon_warehouse3 { margin-left:10px; content: ''; background: url('../images/warehouse_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*2) -0px !important; background-size: auto 40px !important; }
span.weapon_warehouse4 { margin-left:10px; content: ''; background: url('../images/warehouse_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*3) -0px !important; background-size: auto 40px !important; }
span.weapon_warehouse5 { margin-left:10px; content: ''; background: url('../images/warehouse_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*4) -0px !important; background-size: auto 40px !important; }
span.weapon_warehouse6 { margin-left:10px; content: ''; background: url('../images/warehouse_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*5) -0px !important; background-size: auto 40px !important;  }
span.weapon_warehouse7 { margin-left:10px; content: ''; background: url('../images/warehouse_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*6) -0px !important; background-size: auto 40px !important;  }
span.weapon_warehouse8 { margin-left:10px; content: ''; background: url('../images/warehouse_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*7) -0px !important; background-size: auto 40px !important;  }
span.weapon_warehouse9 { margin-left:10px; content: ''; background: url('../images/warehouse_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*8) -0px !important; background-size: auto 40px !important;  }
span.weapon_warehouse10 { margin-left:10px; content: ''; background: url('../images/warehouse_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*9) -0px !important; background-size: auto 40px !important;  }

span.weapon_ltank { margin-left:10px; content: ''; background: url('../images/weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/51*35) -0px !important; background-size: auto 40px !important; }
span.weapon_bbazooka { margin-left:10px; content: ''; background: url('../images/weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/51*48) -0px !important; background-size: auto 40px !important; }
span.weapon_grenadelauncher { margin-left:10px; content: ''; background: url('../images/weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/51*22) -0px !important; background-size: auto 40px !important; }
span.weapon_gsniper { margin-left:10px; content: ''; background: url('../images/weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/51*42) -0px !important; background-size: auto 40px !important;  }
span.weapon_bsniper { margin-left:10px; content: ''; background: url('../images/weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/51*47) -0px !important; background-size: auto 40px !important;  }
span.weapon_gbazooka { margin-left:10px; content: ''; background: url('../images/weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/51*41) -0px !important; background-size: auto 40px !important;  }
span.weapon_tank { margin-left:10px; content: ''; background: url('../images/weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/51*24) -0px !important; background-size: auto 40px !important;  }
span.weapon_rocketlauncher { margin-left:10px; content: ''; background: url('../images/weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/51*23) -0px !important; background-size: auto 40px !important;  }
span.weapon_spw03 { margin-left:10px; content: ''; background: url('../images/SPW03.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-size: auto 40px !important; }
span.weapon_spw04 { margin-left:10px; content: ''; background: url('../images/SPW04.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-size: auto 40px !important; }
span.weapon_spw05 { margin-left:10px; content: ''; background: url('../images/SPW05.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-size: auto 40px !important; }
span.weapon_bztank { margin-left:10px; content: ''; background: url('../images/weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/51*49) -0px !important; background-size: auto 40px !important;  }
span.weapon_btank { margin-left:10px; content: ''; background: url('../images/weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/51*36) -0px !important; background-size: auto 40px !important;  }
span.weapon_stank { margin-left:10px; content: ''; background: url('../images/weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/51*46) -0px !important; background-size: auto 40px !important;  }
span.weapon_battletank { margin-left:10px; content: ''; background: url('../images/weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/51*37) -0px !important; background-size: auto 40px !important;  }

span.weapon_203a2 { margin-left:10px; content: ''; background: url('../images/airstrip_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*0) -0px !important; background-size: auto 40px !important; }
span.weapon_airsoft { margin-left:10px; content: ''; background: url('../images/airstrip_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*1) -0px !important; background-size: auto 40px !important; }
span.weapon_armoredtruck { margin-left:10px; content: ''; background: url('../images/airstrip_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*2) -0px !important; background-size: auto 40px !important; }
span.weapon_autogrenadelauncher { margin-left:10px; content: ''; background: url('../images/airstrip_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*3) -0px !important; background-size: auto 40px !important; }
span.weapon_m134 { margin-left:10px; content: ''; background: url('../images/airstrip_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*4) -0px !important; background-size: auto 40px !important; }
span.weapon_armoreddrone { margin-left:10px; content: ''; background: url('../images/airstrip_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*5) -0px !important; background-size: auto 40px !important;  }
span.weapon_propelledtruck { margin-left:10px; content: ''; background: url('../images/airstrip_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*6) -0px !important; background-size: auto 40px !important;  }
span.weapon_monstruo { margin-left:10px; content: ''; background: url('../images/airstrip_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*7) -0px !important; background-size: auto 40px !important;  }
span.weapon_mortar { margin-left:10px; content: ''; background: url('../images/airstrip_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*8) -0px !important; background-size: auto 40px !important;  }
span.weapon_predator { margin-left:10px; content: ''; background: url('../images/airstrip_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*9) -0px !important; background-size: auto 40px !important;  }

span.weapon_gvest { margin-left:10px; content: ''; background: url('../images/weapon_gvest.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-size: auto 40px !important;  }
span.weapon_gknucklesring { margin-left:10px; content: ''; background: url('../images/weapon_gknucklesring.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-size: auto 40px !important;  }
span.weapon_gtaser { margin-left:10px; content: ''; background: url('../images/weapon_gtaser.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-size: auto 40px !important;  }
span.weapon_gak47 { margin-left:10px; content: ''; background: url('../images/weapon_gak47.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-size: auto 40px !important;  }
span.weapon_gdp12 { margin-left:10px; content: ''; background: url('../images/weapon_gdp12.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-size: auto 40px !important;  }

span.weapon_marco { margin-left:10px; content: ''; background: url('../images/mexican_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: -0px -0px !important; background-size: auto 40px !important; }
span.weapon_leonel { margin-left:10px; content: ''; background: url('../images/mexican_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*1) -0px !important; background-size: auto 40px !important;  }
span.weapon_enforcer_mexico { margin-left:10px; content: ''; background: url('../images/mexican_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*2) -0px !important; background-size: auto 40px !important;  }
span.weapon_gunmen { margin-left:10px; content: ''; background: url('../images/mexican_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*3) -0px !important; background-size: auto 40px !important;  }
span.weapon_hitmen { margin-left:10px; content: ''; background: url('../images/mexican_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*4) -0px !important; background-size: auto 40px !important;  }
span.weapon_undeath { margin-left:10px; content: ''; background: url('../images/mexican_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*5) -0px !important; background-size: auto 40px !important;  }
span.weapon_soldado { margin-left:10px; content: ''; background: url('../images/mexican_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*6) -0px !important; background-size: auto 40px !important;  }
span.weapon_zeta { margin-left:10px; content: ''; background: url('../images/mexican_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*7) -0px !important; background-size: auto 40px !important;  }
span.weapon_immortal { margin-left:10px; content: ''; background: url('../images/mexican_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*8) -0px !important; background-size: auto 40px !important;  }
span.weapon_chapo { margin-left:10px; content: ''; background: url('../images/mexican_weapons.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/9*9) -0px !important; background-size: auto 40px !important;  }


.poker_cards { margin-left:10px; }
.poker_card { display:inline-block; width:50px; height:70px; background:url('../images/poker_cards.png') no-repeat; box-shadow:0px 0px 3px #222; border-radius:5px; }
.poker_card.heart-ace { background-position:0px 0px; }
.poker_card.heart-king { background-position:0px -840px; }
.poker_card.heart-queen { background-position:0px -770px; }
.poker_card.heart-jack { background-position:0px -700px; }
.poker_card.heart-ten { background-position:0px -630px; }
.poker_card.heart-nine { background-position:0px -560px; }
.poker_card.heart-six { background-position:0px -350px; }

.poker_card.heart-seven { background-position:0px -420px; }

.poker_card.spade-ace { background-position:-50px 0px; }
.poker_card.spade-king { background-position:-50px -840px; }
.poker_card.spade-ten { background-position:-50px -630px; }
.poker_card.spade-seven { background-position:-50px -420px; } 
.poker_card.spade-five { background-position:-50px -280px; }
.poker_card.spade-four { background-position:-50px -210px; }
.poker_card.spade-three { background-position:-50px -140px; }

.poker_card.clubs-king { background-position:-150px -840px; }
.poker_card.clubs-ten { background-position:-150px -630px; }
.poker_card.clubs-seven { background-position:-150px -420px; }
.poker_card.clubs-five { background-position:-150px -280px; }

.poker_card.diamond-ace { background-position:-100px 0px; }
.poker_card.diamond-queen { background-position:-100px -770px; }
.poker_card.diamond-ten { background-position:-100px -630px; }
.poker_card.diamond-nine { background-position:-100px -560px; }
.poker_card.diamond-eight { background-position:-100px -490px; }
.poker_card.diamond-seven { background-position:-100px -420px; }
.poker_card.diamond-six { background-position:-100px -350px; }
.poker_card.diamond-three { background-position:-100px -140px; }
.poker_card.diamond-two { background-position:-100px -70px; }

span.chemicals_acetone { margin-left:10px; content: ''; background: url('../images/ingredients.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/4*0) -0px !important; background-size: auto 40px !important; }
span.chemicals_opium { margin-left:10px; content: ''; background: url('../images/ingredients.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/4*1) -0px !important; background-size: auto 40px !important; }
span.chemicals_calcium { margin-left:10px; content: ''; background: url('../images/ingredients.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/4*2) -0px !important; background-size: auto 40px !important; }
span.chemicals_ammonium { margin-left:10px; content: ''; background: url('../images/ingredients.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/4*3) -0px !important; background-size: auto 40px !important; }
span.chemicals_sodium { margin-left:10px; content: ''; background: url('../images/ingredients.png') no-repeat; width: 40px; height: 40px; display:inline-block; background-position: calc(100%/4*4) -0px !important; background-size: auto 40px !important; }
/* Mafia Hunterss Wiki branding */
#top .logo a{background:none!important;color:#f2d28a!important;text-decoration:none!important;font:900 28px/65px Roboto,Arial,sans-serif;text-shadow:0 2px 3px #000;white-space:nowrap}
#top .logo a:after{content:"Mafia Hunterss Wiki"}
.content-source{max-width:940px;margin:16px auto 4px;padding:9px 16px;color:#999;font-size:11px;line-height:1.4;text-align:center}

/* ========================================================================== 
   MAFIA HUNTERSS WIKI — sjednocení s hlavním webem mafiahunterss.eu
   Moderní tmavý vzhled, skleněné karty, modro-fialový akcent a responzivita.
   Tato část je záměrně na konci a přepisuje původní vzhled bez změny HTML.
   ========================================================================== */

:root {
  --mh-bg: #070a12;
  --mh-bg-soft: #0c1220;
  --mh-surface: rgba(17, 24, 39, 0.92);
  --mh-surface-2: rgba(24, 34, 52, 0.94);
  --mh-card: rgba(15, 23, 42, 0.88);
  --mh-border: rgba(148, 163, 184, 0.18);
  --mh-border-strong: rgba(56, 189, 248, 0.38);
  --mh-text: #f8fafc;
  --mh-muted: #a8b3c7;
  --mh-primary: #38bdf8;
  --mh-primary-2: #6366f1;
  --mh-accent: #a855f7;
  --mh-success: #22c55e;
  --mh-shadow: 0 22px 60px rgba(0, 0, 0, 0.42);
  --mh-shadow-soft: 0 12px 30px rgba(0, 0, 0, 0.28);
  --mh-radius: 18px;
  --mh-radius-sm: 12px;
}

*, *::before, *::after { box-sizing: border-box; }
img { max-width: 100%; height: auto; }

html { scroll-behavior: smooth; }

body,
body input,
body textarea,
body select,
body button {
  font-family: Inter, Roboto, "Roboto Condensed", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body {
  min-height: 100vh;
  padding: 24px 16px 36px;
  color: var(--mh-text);
  background:
    radial-gradient(circle at 12% 8%, rgba(56, 189, 248, 0.15), transparent 30%),
    radial-gradient(circle at 88% 14%, rgba(168, 85, 247, 0.13), transparent 32%),
    linear-gradient(180deg, #080b14 0%, #0a1020 46%, #070a12 100%);
  background-attachment: fixed;
  overflow-x: hidden;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: 0.22;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, #000, transparent 82%);
}

#bg,
#helicopter { display: none !important; }

#top,
#bottom,
#main {
  width: min(1180px, 100%);
}

#top {
  height: 112px;
  margin: 0 auto 18px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

#top a {
  width: auto;
  height: auto;
  margin: 0;
  text-decoration: none;
}

#top .logo {
  width: auto;
  min-width: 300px;
  height: 82px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none !important;
  position: relative;
}

#top .logo::before {
  content: "MAFIA HUNTERSS";
  display: block;
  color: #fff;
  font-size: clamp(27px, 4vw, 43px);
  line-height: 1;
  letter-spacing: .075em;
  font-weight: 900;
  text-transform: uppercase;
  text-shadow: 0 0 28px rgba(56,189,248,.26);
}

#top .logo::after {
  content: "WIKI";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  color: var(--mh-primary);
  font-size: 13px;
  line-height: 1;
  letter-spacing: .48em;
  font-weight: 800;
  text-transform: uppercase;
}

#top .button_play {
  top: 27px;
  right: 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--mh-primary), var(--mh-primary-2));
  box-shadow: 0 12px 28px rgba(56, 189, 248, .24);
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease;
}

#top .button_play:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 36px rgba(56, 189, 248, .32);
}

#top .button_play input {
  height: auto;
  min-height: 48px;
  padding: 12px 28px;
  border: 0 !important;
  border-radius: 999px;
  background: transparent !important;
  color: #fff;
  font-size: 15px;
  line-height: 24px;
  font-weight: 800;
  letter-spacing: .06em;
  text-shadow: none;
  text-transform: uppercase;
}

#main {
  margin: 0 auto;
  min-height: 500px;
  border: 1px solid var(--mh-border);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(15, 23, 42, .95), rgba(8, 13, 25, .95));
  box-shadow: var(--mh-shadow);
  overflow: hidden;
  backdrop-filter: blur(16px);
}

#main::after {
  content: "";
  display: block;
  clear: both;
}

#main .side {
  width: 270px;
  padding: 22px 18px 26px;
  border-right: 1px solid var(--mh-border);
  background: rgba(7, 12, 23, .58);
}

#main .side div.group {
  margin-top: 12px;
  padding: 12px 42px 12px 14px;
  border: 1px solid var(--mh-border);
  border-radius: var(--mh-radius-sm);
  background: linear-gradient(145deg, rgba(30, 41, 59, .96), rgba(15, 23, 42, .96));
  color: #eaf2ff;
  font-size: 13px;
  line-height: 22px;
  letter-spacing: .055em;
  font-weight: 800;
  text-shadow: none;
  box-shadow: 0 8px 18px rgba(0,0,0,.16);
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

#main .side div.group:hover,
#main .side div.group.on {
  border-color: var(--mh-border-strong);
  background: linear-gradient(135deg, rgba(56,189,248,.17), rgba(99,102,241,.16));
}

#main .side div.group:hover { transform: translateY(-1px); }
#main .side div.group.on { border-radius: var(--mh-radius-sm) var(--mh-radius-sm) 0 0; }
#main .side div.group::after { top: 8px; color: var(--mh-primary); }

#main .side div.group.on + ul.menu {
  border: 1px solid var(--mh-border-strong);
  border-top: 0;
  border-radius: 0 0 var(--mh-radius-sm) var(--mh-radius-sm);
  background: rgba(8, 15, 29, .92);
  overflow: hidden;
}

#main .side li + li { border-top: 1px solid rgba(148,163,184,.1); }

#main .side li {
  font-size: 14px;
  line-height: 20px;
  transition: background .18s ease;
}

#main .side li:hover { background: rgba(56, 189, 248, .09); }
#main .side li.current { background: linear-gradient(90deg, rgba(56,189,248,.18), rgba(99,102,241,.08)); }

#main .side li.current::after {
  content: "";
  position: absolute;
  inset: 7px auto 7px 0;
  width: 3px;
  border-radius: 3px;
  background: linear-gradient(var(--mh-primary), var(--mh-accent));
}

#main .side li a {
  padding: 10px 10px 10px 50px;
  color: #cbd5e1;
  transition: color .18s ease, transform .18s ease;
}

#main .side li:hover a,
#main .side li.current a { color: #fff; }
#main .side li:hover a { transform: translateX(2px); }

#main .side li::before {
  opacity: .92;
  filter: drop-shadow(0 3px 6px rgba(0,0,0,.3));
}

#main .content {
  margin: 22px 22px 22px 292px;
  border: 1px solid var(--mh-border);
  border-radius: var(--mh-radius);
  background: rgba(15, 23, 42, .7);
  box-shadow: 0 18px 42px rgba(0,0,0,.25);
  overflow: hidden;
}

#main .content .upper {
  margin: 0;
  border: 0;
  border-bottom: 1px solid var(--mh-border);
  border-radius: 0;
  background:
    radial-gradient(circle at 50% -50%, rgba(56,189,248,.24), transparent 70%),
    linear-gradient(135deg, rgba(30,41,59,.95), rgba(15,23,42,.95));
}

#main .content .upper .inner {
  padding: 26px 24px 22px;
  border: 0;
  border-radius: 0;
}

#main .content .upper h1 {
  color: #fff;
  font-size: clamp(27px, 4vw, 38px);
  line-height: 1.15;
  letter-spacing: -.025em;
  font-family: inherit;
  font-weight: 900;
  text-shadow: none;
}

#main .content .upper h2 {
  margin-top: 7px;
  color: var(--mh-muted);
  font-size: 17px;
  line-height: 1.45;
  font-family: inherit;
  font-weight: 600;
  text-shadow: none;
}

#main .content .lower,
#main .content .log {
  margin: 0;
  padding: 18px 20px 24px;
  border: 0;
  border-radius: 0;
  background: rgba(9, 15, 28, .68);
}

#main .content .log {
  margin: 16px;
  border: 1px solid var(--mh-border);
  border-radius: var(--mh-radius-sm);
  background: rgba(15, 23, 42, .72);
}

#main .content .lower p,
#main .content .lower li,
#main .content .log p {
  color: #d5deeb;
  font-size: 16px;
  line-height: 1.72;
  text-shadow: none;
}

#main .content .lower h3,
#main .content .log h3 {
  margin-top: 28px;
  color: #fff;
  font-size: 22px;
  line-height: 1.3;
  font-weight: 800;
  text-shadow: none;
}

#main .content .lower h5,
#main .content .log h5 {
  color: #e2e8f0;
  font-size: 17px;
  line-height: 1.45;
  font-weight: 750;
  text-shadow: none;
}

#main .content .lower ul { margin-left: 34px; }
#main .content .lower li::marker { color: var(--mh-primary); }

#main .content a,
#main .content a.link {
  color: #7dd3fc;
  border-bottom-color: rgba(125,211,252,.48);
  text-decoration: none;
  transition: color .18s ease;
}

#main .content a:hover,
#main .content a.link:hover { color: #c4b5fd; }

#main .content .lower table {
  width: calc(100% - 10px);
  margin: 14px 5px;
  padding: 0;
  border: 1px solid var(--mh-border);
  border-radius: var(--mh-radius-sm);
  border-spacing: 0;
  background: rgba(15, 23, 42, .9);
  box-shadow: 0 12px 26px rgba(0,0,0,.2);
  overflow: hidden;
}

#main .content .lower table tr th {
  padding: 12px 11px;
  border: 0;
  background: linear-gradient(135deg, rgba(56,189,248,.17), rgba(99,102,241,.16));
  color: #f8fafc;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: .04em;
  font-weight: 800;
  text-shadow: none;
  text-transform: uppercase;
}

#main .content .lower table tr td,
#main .content .lower table tr:nth-child(even) td {
  padding: 10px 11px;
  border-top: 1px solid rgba(148,163,184,.12);
  background: rgba(15,23,42,.66);
  color: #d7e0ec;
  font-size: 14px;
  line-height: 20px;
  text-shadow: none;
}

#main .content .lower table tr:nth-child(even) td { background: rgba(30,41,59,.48); }
#main .content .lower table tr:hover td { background: rgba(56,189,248,.08); }

#main .content .lower .faq_question {
  margin: 8px 5px;
  padding: 13px 44px 13px 14px;
  border: 1px solid var(--mh-border);
  border-radius: var(--mh-radius-sm);
  background: rgba(30,41,59,.68);
  color: #eaf4ff;
  position: relative;
}

#main .content .lower .faq_question::after {
  content: "+";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--mh-primary);
  font-size: 20px;
}

#main .content .lower .faq_answer {
  color: #cbd5e1;
  line-height: 1.65;
}

#bottom {
  height: auto;
  min-height: 66px;
  margin: 18px auto 0;
  color: var(--mh-muted);
}

/* Lepší focus pro klávesnici */
#main .side div.group:focus-visible,
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible {
  outline: 3px solid rgba(56,189,248,.5);
  outline-offset: 3px;
}

/* Responzivní tabulky */
#main .content { min-width: 0; }
#main .content .lower { overflow-x: hidden; overflow-wrap: anywhere; }
#main .content .lower table { max-width: 100%; }

@media (max-width: 980px) {
  #top {
    height: auto;
    min-height: 132px;
    padding: 8px 0 64px;
  }

  #top .button_play:hover { transform: translateX(-50%) translateY(-2px); }

  #main .side {
    border-right: 0;
    border-bottom: 1px solid var(--mh-border);
  }

  #main .side div.group { margin-top: 8px; }

}

@media (max-width: 680px) {
  body { padding-left: 7px; padding-right: 7px; }

  #top .logo { min-width: 0; width: 100%; }
  #top .logo::before { font-size: 27px; letter-spacing: .035em; }

  #main,
  #main .content { border-radius: 14px; }

  #main .content { margin: 9px; }
  #main .content .upper .inner { padding: 21px 15px 18px; }
  #main .content .lower { padding: 12px 10px 18px; }

  #main .content .lower p,
  #main .content .lower li,
  #main .content .log p { font-size: 15px; line-height: 1.65; }

}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}


/* Mobile layout */
@media (max-width: 980px) {
  html, body { width: 100%; min-width: 0; overflow-x: hidden; }
  body { padding: 8px 6px 24px; }

  #bg, #helicopter { display: none; }

  #top, #main, #bottom {
    width: 100%;
    max-width: 100%;
  }

  #top {
    min-height: 118px;
    padding-bottom: 62px;
  }

  #top .logo {
    width: 100%;
    max-width: 260px;
    margin: 0 auto;
    background-size: contain;
  }

  #top .button_play {
    left: 50%;
    right: auto;
    bottom: 5px;
    top: auto;
    transform: translateX(-50%);
    white-space: nowrap;
  }

  #top .button_play input {
    max-width: calc(100vw - 28px);
    height: 48px;
    line-height: 38px;
    padding: 3px 24px;
    font-size: 20px;
  }

  #main { min-height: 0; border-radius: 14px; }

  #main .side {
    float: none;
    width: 100%;
    padding: 12px;
  }

  #main .side div.group,
  #main .side ul.menu { width: 100%; }

  #main .content {
    margin: 0 12px 14px;
    width: auto;
    min-width: 0;
    clear: both;
  }

  #main .content .upper .inner { padding: 12px; }
  #main .content .upper h1 { font-size: 26px; line-height: 1.2; overflow-wrap: anywhere; }
  #main .content .upper h2 { font-size: 19px; line-height: 1.3; }
  .content-source {
    margin: 10px 12px 14px !important;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 520px) {
  #main .side { padding: 8px; }
  #main .side div.group { font-size: 14px; padding-right: 40px; }
  #main .side li a { padding: 10px 8px 10px 46px; }
  #main .content { margin: 0 8px 10px; }
  #main .content .upper h1 { font-size: 23px; }
  #main .content .lower p,
  #main .content .lower li { overflow-wrap: anywhere; }
}


/* Responsive tables and boss weapon images */
.boss-weapon-img {
  display: block;
  width: 48px;
  height: 48px;
  max-width: none;
  margin: 0 auto;
  object-fit: contain;
}

.table-scroll {
  width: 100%;
  max-width: 100%;
  margin: 12px 0 18px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  border-radius: 8px;
}

#main .content .lower .table-scroll table {
  display: table;
  width: 100%;
  max-width: none;
  margin: 0;
}

#main .content .lower .table-scroll tbody {
  min-width: 0;
}

@media (max-width: 680px) {
  #main .content .lower {
    overflow-x: hidden;
  }

  #main .content .lower .table-scroll table {
    display: table;
    width: max-content;
    min-width: 100%;
    font-size: 13px;
  }

  #main .content .lower .table-scroll th,
  #main .content .lower .table-scroll td {
    padding: 7px 8px;
    white-space: normal;
    vertical-align: middle;
  }

  #main .content .lower .table-scroll th {
    white-space: nowrap;
  }

  .boss-weapon-img {
    width: 42px;
    height: 42px;
  }
}


/* MHWIKI MENU FAILSAFE V6 */
#main .side .menu { display: none; }
#main .side .group.on + .menu { display: block; }
#main .side .group { cursor: pointer; user-select: none; }
#main .side .group:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
@media (max-width: 980px) {
  #main { display: flex; flex-direction: column; }
  #main .side { order: 1; float: none; width: 100%; box-sizing: border-box; }
  #main .content { order: 2; min-width: 0; box-sizing: border-box; }
  #main .content img { max-width: 100%; height: auto; }
  .table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
