.monster-1{--img:url('/templates/images/monster/1.jpg');}
.monster-2{--img:url('/templates/images/monster/2.jpg');}
.monster-3{--img:url('/templates/images/monster/3.jpg');}
.monster-4{--img:url('/templates/images/monster/4.jpg');}

.image-body12px{
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  padding: 0;background-size: cover;
}

.monster-ava{background:var(--img);width:50px;height:50px;background-position:50% 5%;background-size:200% 250%;border-radius:5px;}
.monster_big{
    position: relative;
    background:var(--img);
    width: 180px;
    height: 240px;
    margin: auto;
    margin-top: 30px;
    background-size: 100% 100%;
}

.attack{
    cursor: pointer;
    position: absolute;
    width: 60px;
    height: 60px;
    left: 50%;
    bottom: -70px;
    transform: translate(-50%, -30px);
}

.attack2{
  position: relative;
  cursor: pointer;
  width: 40px;
  height: 40px;
  border: 0;
  padding: 0;
}

.attack.on, .attack2.on{background: url(/templates/images/icon/attack_on.png) 0% 0% / 100% 100%;}
.attack.off, .attack2.off{background: url(/templates/images/icon/attack_off.png) 0% 0% / 100% 100%;}

.attack:active {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}


.icon-mail_false {
  background: url(/templates/images/icon/mail/mail_false.png) center / 20px 14px no-repeat;
}

.icon-mail_true {
  background: url(/templates/images/icon/mail/mail_true.png) center / 20px 14px no-repeat;
}

.icon-mini_mail_true {
  background: url(/templates/images/icon/mail/mail_true.png) center / 16px 10px no-repeat;
}

.icon-mini_mail_false {
  background: url(/templates/images/icon/mail/mail_false.png) center / 16px 10px no-repeat;
}

.icon-user {
  background: url(/templates/images/icon/profile/user.png);
}

.icon-level {
  background: url(/templates/images/icon/level.gif);
}

.icon-health {
  background: url(/templates/images/icon/health.png);
}

.icon-health_max {
  background: url(/templates/images/icon/health_max.png);
}

.icon-health_recovery {
  background: url(/templates/images/icon/health_recovery.png);
}

.icon-silver {
  background: url(/templates/images/icon/silver.png);
}
.icon-silver_got {
  background: url(/templates/images/icon/silver_got.png);
}
.icon-silver_lost {
  background: url(/templates/images/icon/silver_lost.png);
}

.icon-gold {
  background: url(/templates/images/icon/gold.png);
}

.icon-crystal {
  background: url(/templates/images/icon/crystal.png);
}
.icon-crystal_got {
  background: url(/templates/images/icon/crystal_got.png);
}
.icon-crystal_lost {
  background: url(/templates/images/icon/crystal_lost.png);
}

.icon-chat {
  background: url(/templates/images/icon/chat/chat.png);
}

.icon-history {
  background: url(/templates/images/icon/history.png);
}

.icon-warrior {
  background: url(/templates/images/icon/warrior.png);
}

.icon-rules {
  background: url(/templates/images/icon/rules.png);
}

.icon-time {
  background: url(/templates/images/icon/time.png);
}

.icon-pet_active {
  background: url(/templates/images/icon/pet_active.png);
}

.icon-pet_inactive {
  background: url(/templates/images/icon/pet_inactive.png);
}

.icon-pet_dead {
  background: url(/templates/images/icon/pet_dead.png);
}

.icon-pet_buy {
  background: url(/templates/images/icon/pet_buy.png);
}

.icon-search {
  background: url(/templates/images/icon/search.png);
}

.icon-home {
  background: url(/templates/images/icon/home.png);
}

.icon-clan {
  background: url(/templates/images/icon/clan/clan.png);
}

.icon-brotherhood {
  background: url(/templates/images/icon/brotherhood/brotherhood.png);
}

.icon-edit {
  background: url(/templates/images/icon/edit.png);
}
.icon-edit2 {
  background: url(/templates/images/icon/edit2.png);
}

.icon-equipment {
  background: url(/templates/images/icon/equipment.png);
}

.icon-gift {
  background: url(/templates/images/icon/gift.png) center / 14px 14px no-repeat;
}

.icon-curse {
  background: url(/templates/images/icon/curse.png);
}

.icon-setting {
  background: url(/templates/images/icon/setting.png);
}

.icon-donate_gold {
  background: url(/templates/images/icon/golds.png);
}

.icon-rating {
  background: url(/templates/images/icon/rating/rating.png);
}

.icon-start_1 {
  background: url(/templates/images/icon/start_1.png) center / 13px 14px no-repeat;
}

.icon-start_2 {
  background: url(/templates/images/icon/start_2.png) center / 13px 14px no-repeat;
}

.icon-back {
  background: url(/templates/images/icon/back.png);
}

.icon-back2 {
  background: url(/templates/images/icon/back.png);
}

.icon-forum {
  background: url(/templates/images/icon/forum.png);
}

.icon-workout {
  background: url(/templates/images/icon/parameters/power.png);
}

.icon-anketa {
  background: url(/templates/images/icon/anketa.png);
}

.icon-reference {
  background: url(/templates/images/icon/reference.png);
}

.icon-status_online {
  background: url(/templates/images/icon/status_online.png);
}

.icon-status_offline {
  background: url(/templates/images/icon/status_offline.png);
}

.icon-status_red {
  background: url(/templates/images/icon/status_red.png);
}

.icon-skull {
  background: url(/templates/images/icon/skull.png);
}

.icon-glory {
  background: url(/templates/images/icon/glory.png);
}

.icon-medal {
  background: url(/templates/images/icon/medal.png);
}

.icon-event {
  background: url(/templates/images/icon/event/event.png);
}

.icon-druid{
  background: url(/templates/images/icon/druid/druid.png);
}

.icon-clan_undead {
  background: url(../images/icon/clan/undead.png);
}

.icon-witch{
  background: url(/templates/images/icon/witch/witch.png);
}
.icon-witch-balance{
  background: url(/templates/images/icon/witch/rituals/balance.png);
}
.icon-witch-cleansing{
  background: url(/templates/images/icon/witch/rituals/cleansing.png);
}
.icon-witch-experience{
  background: url(/templates/images/icon/witch/rituals/experience.png);
}
.icon-witch-gain{
  background: url(/templates/images/icon/witch/rituals/gain.png);
}
.icon-witch-hike{
  background: url(/templates/images/icon/witch/rituals/hike.png);
}
.icon-witch-invulnerability{
  background: url(/templates/images/icon/witch/rituals/invulnerability.png);
}
.icon-witch-rabies{
  background: url(/templates/images/icon/witch/rituals/rabies.png);
}
.icon-witch-sacrifice{
  background: url(/templates/images/icon/witch/rituals/sacrifice.png);
}
.icon-witch-unity{
  background: url(/templates/images/icon/witch/rituals/unity.png);
}

.icon-user_ignored{
  background: url(/templates/images/icon/user_ignored.png);
}

.icon-user_friend{
  background: url(/templates/images/icon/user_friend.png);
}

.icon-marked{
  background: url(/templates/images/icon/user_marked.png);
}

.icon-monk{
  background: url(/templates/images/icon/monk.png);
}

.icon-task {
  background: url(/templates/images/icon/task/task.png);
}

.icon-village {
  background: url(/templates/images/icon/city/village.png);
}

.icon-statistics {
  background: url(/templates/images/icon/statistics.png);
}

/* Сила*/
.icon-power {
  background: url(/templates/images/icon/parameters/power.png);
}

.icon-protection {
  background: url(/templates/images/icon/parameters/protection.png);
}

.icon-dexterity {
  background: url(/templates/images/icon/parameters/dexterity.png);
}

.icon-skill {
  background: url(/templates/images/icon/parameters/skill.png);
}

.icon-survivability {
  background: url(/templates/images/icon/parameters/survivability.png);
}

.icon-friend {
  background: url(/templates/images/icon/friend.png);
}

.icon-experience {
  background: url(/templates/images/icon/experience.png);
}

.icon-shop {
  background: url(/templates/images/icon/shop.png);
}

.icon-market {
  background: url(/templates/images/icon/market.png);
}

.icon-helmet {
  background: url(/templates/images/icon/helmet.png);
}


.icon-check {
  background: url(/templates/images/icon/check.png);
}

.icon-armor {
  background: url(/templates/images/icon/armor.png);
}

.icon-shield {
  background: url(/templates/images/icon/shield.png);
}

.icon-weapon {
  background: url(/templates/images/icon/weapon.png);
}

.icon-arena {
  background: url(/templates/images/icon/arena/arena.png);
}

.icon-arena_victory {
  background: url(/templates/images/icon/arena/arena_victory.png);
}

.icon-arena_defeat {
  background: url(/templates/images/icon/arena/arena_defeat.png);
}

.icon-arena_timer {
  background: url(/templates/images/icon/timer.png);
}

.icon-junior {
  background: url(/templates/images/icon/arena/arena_junior.png);
}

.icon-senior {
  background: url(/templates/images/icon/arena/arena_senior.png);
}

.icon-peer {
  background: url(/templates/images/icon/arena/arena_peer.png);
}

.icon-mercenary {
  background: url(/templates/images/icon/mercenary.png);
}

.icon-mercenary_crystal {
  background: url(/templates/images/icon/mercenary_crystal.png);
}

.icon-mercenary_gold {
  background: url(/templates/images/icon/mercenary_gold.png);
}

.icon-hike {
  background: url(/templates/images/icon/hike/hike.png);
}

.icon-house {
  background: url(/templates/images/icon/house/house.png);
}

.icon-potion {
  background: url(/templates/images/icon/potion.png);
}

.icon-refresh {
  background: url(/templates/images/icon/refresh.png);
}

.icon-cancel {
  background: url(/templates/images/icon/cancel.png);
}

.icon-friend {
  background: url(/templates/images/icon/friend.png);
}
.icon-ignored {
  background: url(/templates/images/icon/ignored.png);
}

.icon-plot {
  background: url(/templates/images/icon/plot/plot.png);
}

.icon-list {
  background: url(/templates/images/icon/list.png);
}

.icon-info {
  background: url(/templates/images/icon/info.png);
}

.icon-up {
  background: url(/templates/images/icon/up.png);
}

.icon-merchant {
  background: url(/templates/images/icon/merchant.png);
}

.icon-lock {
  background: url(/templates/images/icon/lock.png);
}

.icon-fafnir {
  background: url(/templates/images/icon/fafnir/fafnir.png) center / 19px 19px no-repeat;
}

.icon-lord {
  background: url(/templates/images/icon/lord/lord.png);
}

.icon-dungeon {
  background: url(/templates/images/icon/dungeon/dungeon.png);
}

.icon-mine {
  background: url(/templates/images/icon/mine/mine.png);
}
.icon-mine_descent {
  background: url(/templates/images/icon/mine/descent.png);
}

.icon-result {
  background: url(/templates/images/icon/result.png);
}

.icon-increase {
  background: url(/templates/images/icon/increase.png);
}

.icon-binge {
  background: url(/templates/images/icon/binge.png);
}

.icon-tavern {
  background: url(/templates/images/icon/tavern.png);
}

.icon-farrier {
  background: url(/templates/images/icon/farrier.png);
}

.icon-forward {
  background: url(/templates/images/icon/t2.webp);
}
.icon-forward_flip {
  background: url(/templates/images/icon/t2.webp);
  transform: scale(-1, 1);
}

.icon-consul{
  background: url(/templates/images/icon/consul/consul.png);
}

.icon-reward_daily{
  background: url(/templates/images/icon/reward_daily.png);
}

.icon-witch-plot {
  background: url(../images/icon/witch/rituals/plot.png);
}

.icon-amulet{
  background: url(/templates/images/icon/amulet.png);
}

.icon-scroll {
  background: url(../images/icon/scroll.png);
}




/* Сила*/
.image-power {
  background: url(/templates/images/big/power.png) center / 80px 80px no-repeat;
}

.image-protection {
  background: url(/templates/images/big/protection.png) center / 80px 80px no-repeat;
}

.image-dexterity {
  background: url(/templates/images/big/dexterity.png) center / 80px 80px no-repeat;
}

.image-skill {
  background: url(/templates/images/big/skill.png) center / 80px 80px no-repeat;
}

.image-survivability {
  background: url(/templates/images/big/survivability.png) center / 80px 80px no-repeat;
}

.image-garden {
  background: url(/templates/images/house/garden.png) center / 80px 80px no-repeat;
}

.image-small_silver_packages {
  background: url(/templates/images/merchant/small_silver_package.png) center / 80px 80px no-repeat;
}
.image-medium_silver_packages {
  background: url(/templates/images/merchant/medium_silver_package.png) center / 80px 80px no-repeat;
}
.image-big_silver_packages {
  background: url(/templates/images/merchant/big_silver_package.png) center / 80px 80px no-repeat;
}

.image-small_crystal_packages {
  background: url(/templates/images/merchant/small_crystal_package.png) center / 80px 80px no-repeat;
}
.image-medium_crystal_packages {
  background: url(/templates/images/merchant/medium_crystal_package.png) center / 80px 80px no-repeat;
}
.image-big_crystal_packages {
  background: url(/templates/images/merchant/big_crystal_package.png) center / 80px 80px no-repeat;
}
.icon-chests1 {
  background:url(/templates/images/icon/chests/1-1.png);background-size:100% 100%;
}