html{background-color: #0D0D0D;}
body{
    margin: 0 auto;
    max-width: 420px;
    min-width: 320px;
    font-size: 15px;
    font-family: Arial,sans-serif;
    word-wrap: break-word;
}
.container{
    position: relative;
    color: #BEBEBE;
    text-shadow: 1px 1px 1px black;
    background-color: #191919;
    z-index: 2;
}
.okWidget{
    position: absolute;
    right: 2px;
    top: 32px;
    z-index: 10;
}
.okBtn{
    display: block;
    height: 32px;
    width: 32px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: url(https://st.mycdn.me/res/i/custom/widget/back2ok2.png) no-repeat 6px 6px #ed812b;;
}
.wrapper{
    display: block;
    line-height: 1.1;
    padding: 5px;
    border: 1px solid #222222;
    border-top: 1px solid #4E4E4E;
    border-bottom: 1px solid #000000;
    background-color: #262626;
}

.wrapper-pb0 {
    padding-bottom: 0;
}

.wrapper._pb-header{padding: 2px 5px;}
.wrapper._pb-towers{padding: 2px}
.wrapper._pb-fight{padding: 0; padding-bottom: 3px}
.wrapper._shop{
    color: #BEBEBE;
    line-height: 1.2;
}
.wrapper.from_chat{
    padding-top: 3px;
    border-bottom: none;
}
.wrapper._item{line-height: 1.2}
._form{line-height: 1.6}
.title{
    min-height: 30px;
    margin-bottom: 4px;
    line-height: 26px;
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
    color: #2ABF45;
    background: url("/style/css/img/bg_title.png") 50% 0% no-repeat;
}
.operamini .title:before {
    content: '';
    display: inline-block;
    height: 26px;
    vertical-align: middle;
}
.message{
    padding-bottom: 5px;
    text-align: center;
    color: #ffffff;
}
.message_abs {
    position: absolute;
    left: 25%;
    top: 10px;
}

a{
    text-decoration: none;
    color: #F2C234;
}
.message span.unline {
    color: #F2C234;
}
a.wrapper{color: #BEBEBE;}
/* Верх */

.header{
    font-size: 13px;
    text-align: center;
}
.header-bar {
    position: relative;
    margin-top: 4px;
}

.t.h-bar{
    display: table;
    width: 100%;
    margin-top: 2px;
    height: 10px;
    line-height: 10px;
}
.t.h-bar .cell{
    vertical-align: middle;
}
.t.h-bar .cell._var{
    width: 40px;
    font-size: 11px;
    text-align: center;
}
.t.h-bar .cell._var{
    padding-bottom: 2px;
}
.operamini .t.h-bar .cell._var{
    padding-bottom: 5px;
}
.notification{
    float: right;
    margin-right: 4px;
}
.notification._ads{
    padding: 0 2px;
}
/* Прогресс бар */

.progress-bar,
.progress{
    height: 3px;
}
.progress-bar{
    border: 1px solid #000000;
    background: #494949 url("/style/css/img/bg_prg-bar.jpg") repeat-x;
}
.progress-bar_selected{
    border: 2px solid #ff0000;
}
.progress-bar._fight{margin-top: 2px}
.progress-bar._fight,
._fight .progress{
    height: 5px;
}
._fight .progress_web{
    height: 5px;
}
.progress{max-width: 100%;}
.progress._green{background: #059114 url("/style/css/img/bg_prg-green.jpg") repeat-x;}
.progress._green2{background: #059114 url("/style/css/img/bg_prg-green2.jpg") repeat-x;}
.progress._red{background: #059114 url("/style/css/img/bg_prg-red.jpg") repeat-x;}
.progress._blue{background: #059114 url("/style/css/img/bg_prg-blue.jpg") repeat-x;}
.progress._green,
.progress._red,
.progress._blue{
    background-size: contain;
}

/* Новый Прогресс бар */

.progress-bar._fight__new {
    height: 7px;
    width: 80px;
}

.progress.progress-new{
    height: 7px;
}

/* Таблицы */

.table-title{
    padding: 4px 0;
    text-align: center;
    font-size: 12px;
}
.t{
    display: table;
    /*table-layout: fixed;*/
    border-collapse: collapse;
    padding: 0;
}
.row{display: table-row;}
.cell{display: table-cell;}

.user-list{
    padding: 0;
    width: 100%;
    border-left: none;
    border-right: none;
}
.row.t-title{font-size: 12px;}
.row.odd{background-color: #191919}
.t.user-list .cell{padding: 3px 5px;}
.t.user-list .cell.num,
.t.user-list .cell.score{
    text-align: center;
    vertical-align: middle;
}
.t.user-list .cell.user{
    width: 100%;
    text-align: left;
}
.t.user-list a{text-decoration:  none}

.user-list.clan{table-layout: fixed;}
.t.user-list .cell.name{
    /*word-break: break-all;*/
    word-wrap: break-word;
}
.t.user-list .cell.var{
    text-align: right;
    vertical-align: middle;
    width: 70px;
}

/* Оформление блоков */

span.name{
    color: #ffffff;
    font-size: 16px;
}
.t .item{
    float: none;
    display: table-cell;
    vertical-align: top;
}
.t > p{
    float: none;
    display: table-cell;
    position: relative;
    padding-left: 10px;
    margin: 0;
    vertical-align: top;
}
.item{
    position: relative;
    width: 50px;
    height: 50px;
}
.item._bg1{
    width: 58px;
    height: 58px;
}
.item._list{
    display: inline-block;
    margin-top: 4px;
}

/* Блок пользователя в бою */

.user-panel{min-height: 0px;}
.user-info{padding-left: 55px;}
.user-info .progress-bar{margin-top: 5px}

.user-panel._skill_hun{
    margin: 0 auto;
    width: 220px;
}

.fon_pers {
    width: 100%;
    font-size: 13px;
    background: url(/style/img/battle_fon/sur_09.jpg) no-repeat;
    min-height: 250px;
}

.fon_pers_premium {
    background: url(/style/img/battle_fon/fon_premium.jpg) no-repeat bottom;
}

.fon_pers__container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fon_pers__gender {
    padding-top: 7px;
    padding-bottom: 7px;
}

.fon_pers__fullsize {
    background-position: 50% 5px;
    font-size: 13px;
    text-align: center;
    background-repeat: no-repeat;
}

.fon_pers__fullsize_avatar {
    width: 130px;
}

.fon_pers__fullsize_img {
    transform: translate(0px, 30px);
    height: 200px;
    z-index: 100;
}

.fon_pers__holder {
    padding-right: 10px;
    padding-bottom: 7px;
}

.fon_pers__avatars {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 90%;
}

.fon_pers__title {
    display: block;
    font-size: 18px;
    text-align: center;
    padding-top: 3px;
    color: #BEBEBE;
}

.fon_pers__icon {
    border:2px solid #79a0c1;
    border-radius:6px;
    height:64px;
    width:64px
}

.fighters__background {
    width: 100%;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    background-size: 100% 100%;
    font-size: 13px;
    min-height: 320px;
    position: relative;
    color: #BEBEBE;
}

.fighters__background_shadow:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:rgba(0, 0, 0, .6);
}

.fighters__background_center {
    justify-content: center;
}

.fighters__background_bottom {
    background-position: bottom !important;
}

.fighters__background_280 {
    min-height: 280px !important;
}

.fighters__background_300 {
    min-height: 300px !important;
}

.fighters__background_250 {
    min-height: 250px !important;
}

.fighters__background_200 {
    min-height: 200px !important;
}

.fighters__background_170 {
    min-height: 170px !important;
}

.fighters__background_tyrnir {background-image: url("/style/img/battle_fon/tyrnir.jpg")}

.fighters__stats_center {
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #262626;
    border: 1px solid #222222;
    border-top: 1px solid #4E4E4E;
    border-bottom: 1px solid #000000;

}

.fighters__players {
    display: flex;
    flex-wrap: wrap-reverse;
    width: 80%;
    justify-content: center;
    gap: 25px;
    padding-bottom: 25px;
}

.fighters__players_smithy {
    gap: 10px;
    padding-bottom: 15px;
    padding-left: 15px;
}

.fighters__name {
    color: #000000;
    text-shadow: none;
}

.fighters__enemy {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.fighters__alive {
    text-align: center;
    display: block;
    line-height: 1.1;
    padding: 5px;
    border: 1px solid #222222;
    border-top: 1px solid #4E4E4E;
    border-bottom: 1px solid #000000;
    background-color: #262626;
}

.fighters__small {
    width: 33%;
}

.fighters__small_translate {
    width: 100%;
    transform: translate(0px, 30px);
}

.fon_dungeon__1 {
    background: url(/style/img/battle_fon/fon_1.jpg) no-repeat;
}

.fon_dungeon__2 {
    background: url(/style/img/battle_fon/fon_2.jpg) no-repeat;
}

.fon_dungeon__3 {
    background: url(/style/img/battle_fon/fon_3.jpg) no-repeat;
}

.fon_dungeon__4 {
    background: url(/style/img/battle_fon/fon_4.jpg) no-repeat;
}

.fon_dungeon__5 {
    background: url(/style/img/battle_fon/fon_5.jpg) no-repeat;
}

.fon_dragon_cave {
    background: url(/style/img/battle_fon/fon_dragon_cave.jpg) no-repeat;
}

.fon_dragon_cave {
    background: url(/style/img/battle_fon/fon_dragon_cave.jpg) no-repeat;
}

.fon_dragon_lair {
    background: url(/style/img/logovo/background.jpg) no-repeat;
    justify-content: center;
    align-items: end;
}

.fon_kopi_pvp {
    background: url(/style/img/kopi/kopi_fon_pvp.jpg) no-repeat;
}

.fon_kopi_pvp_death {
    background: url(/style/img/battle_fon/death.jpg) no-repeat center;
    background-size: cover;
}

.fon_kopi_boss {
    background: url(/style/img/kopi/kopi_fon_boss.jpg) no-repeat bottom;
}

.fon_hunting {
    background: url(/style/img/ohota/hunt_fon.jpg) no-repeat bottom;
    align-items: end;
}

.fighters__logs {
    display: flex;
    justify-content: space-between;
    padding: 3px 10px 5px 10px;
    background-color: #262626;
}

.fighters__logs_pSmall {
    padding: 2px 5px 8px 5px;
}

.fighters__log {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.fighters__log_short {
    padding-top: 3px;
    padding-bottom: 10px;
}

.fighters__clan_stats {
    border: 1px solid #222222;
    border-top: 1px solid #4E4E4E;
    border-bottom: 1px solid #000000;
    background-color: #262626;
    padding-top: 3px;
    padding-bottom: 3px;
}

/* Арена PVP */

.fon_arena__1 {
    background: url("/style/img/battle_fon/arena_01.jpg");
}

/* Отображение песонажей новый дизайн */

.fighters__column {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 45px;
    padding-left: 10px;
    position: relative;
    justify-content: end;
    padding-bottom: 10px;
}

.fighters__column_translateY {
    transform: translateY(30px);
}

.fighters__column_translateY2 {
    transform: translateY(-50px);
}

.fighters__column_pr {
    padding-left: 0;
    padding-right: 10px;
}

.fighters__column_pNone {
    padding: 0;
}

.fighters__column_p0 {
    padding-left: 0;
    padding-bottom: 10px;
    justify-content: end;
}

.fighters__column_pr40 {
    padding-right: 40px;
}

.fighters__column_pl40 {
    padding-left: 40px;
}

.fighters__column_hunting {
    justify-content: end;
}

.fighters__column_dragon {
    padding: 0 !important;
    justify-content: end;
    align-items: end;
    flex-grow: 1;
}

.fighters__column_damage_info {
    position: absolute;
    top: 85px;
    text-align: center;
}

.fighters__column_damage_font {
    font-size: 14px;
}

/* Подземелье превью */

.dungeon-preview {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}

.dungeon-preview__level {
    width: 30%;
    height: 100%;
    transform: translate(0px, 25px);
}

.dungeon-preview__planka {
    background-image: url("/style/img/dung/planka.png");
    background-repeat: no-repeat;
    width: 100%;
    height: 25px;
    display: flex;
    align-items: center;
    background-position-x: -15px;
}

.dungeon-preview__icon {
    height: 16px;
    width: 16px;
}

.dungeon-preview__mob {
    text-align: center;
}

.dungeon-preview__icons {
    padding-top: 10px;
    text-align: center;
}

.dungeon-describe {
    display: flex;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    height: 100px;
}

.dungeon-describe__title {
    text-align: center;
}

.dungeon-describe__info {
    width: 60%;
    gap: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dungeon-describe__background {
    width: 40%;
    background-image: url("/style/img/dung/npc_training.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

/* Отображение статов для нового дизайна подземелья */

.player_cell {
    display: flex;
    width: 50%;
    font-size: 12px;
}

.player_cell_w100 {
    width: 100%;
}

.player_cell-column {
    flex-direction: column;
}

.player_cell__icon {
    height: 16px;
    width: 16px;
}

.player_cell-reverse {
    flex-direction: row-reverse;
}

/*.player_cell__img_holder {
    width: 33%;
}*/

.player_cell__img {
    height: 64px !important;
    width: 64px !important;
    border: 2px solid currentColor;
    background-position: center;
    background-size: contain;
    display: inline-block;
    top: 2px;
    position: relative;
}

.player_cell__img_selected {
    border: 2px solid #ff0000;
}

.player_cell__boss {
    width: 100%;
    text-align: center;
    display: block;
}

.player_cell__stats_holder {
    display: flex;
    align-items: center;
}

.player_cell__stats {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding-left: 5px;
}

.player_cell__stats-reverse {
    align-items: end;
    padding-left: 0;
    padding-right: 5px;
}

.player_cell__name {
    min-height: 30px;
}

.player_cell__name_end {
    text-align: end;
}

.fon_dungeon__player2 {
    padding-right: 10px;
}

.atk_btn {
    padding: 5px;
    font-size: 18px;
    text-shadow: 1px 1px black;
    text-align: center;
    color: #e1e1e0;
    background: url(/style/img/icon/atk_btn.png) no-repeat;
}

.atk_btn_new {
    display: flex;
    background-repeat: round;
}

.atk_btn_new__btn {
    background-repeat: round;
}

.atk_btn_bold {
    display: flex;
    justify-content: center;
    padding: 8px;
    font-size: 16px;
    width: unset !important;
}

/* Картинки для блоков */

.logo{
    height: 110px;
    border: 1px solid #222222;
    border-top: 1px solid #4E4E4E;
    border-bottom: 0;
    background-size: cover;
    background-position: 50% 50%;
}
.logo._treasury{
    background-image: url("/style/img/logo/treasury.jpg");
    text-align: center;
    line-height: 110px;
    vertical-align: middle;
}
.logo .damage{
    color: red;
    font-size: 36px;
    font-weight: bold;
    letter-spacing: 5px;
    text-shadow: none;
    text-shadow: #FF8432 1px 0px, #FF8432 1px 1px, #FF8432 0px 1px, #FF8432 -1px 1px, #FF8432 -1px 0px, #FF8432 -1px -1px, #FF8432 0px -1px,
    #FF8432 1px -1px, #FF8432 0 0 3px, #FF8432 0 0 3px, #FF8432 0 0 3px, #FF8432 0 0 3px, #FF8432 0 0 3px, #FF8432 0 0 3px, #FF8432 0 0 3px, #FF8432 0 0 3px;

}
.item._dungeon{background: url("/style/img/icon/main_dung.jpg")}
.item._hunting{background: url("/style/img/icon/main_hunting.jpg")}
.item._drag{background: url("/style/img/icon/main_drag.jpg")}
.item._smithy{background: url("/style/img/icon/main_smithy.jpg")}
.item i{
    display: block;
    width: 50px;
    height: 50px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.item_xl{
    width: 70px !important;
    height: 70px !important;
}
.item._bg1 i{
    width: 60px;
    height: 60px;
    border: 1px solid #000000;
}
.item._mob i{
    width: 75px;
    height: 100px;
}
.item._amulet{
    display: block;
    background: url("/style/img/icon/amulet.png");
    width: 60px;
    height: 50px;
    background-size: cover;
    top: -5px;
}
.item._token_dragon{
    display: block;
    background: url("/style/img/icon/token_dragon.png");
    width: 55px;
    height: 50px;
    background-size: cover;
    top: -5px;
}

/* Ссылки меню */

.menu{
    display: block;
    margin-top: 1px;
    padding: 12px 0 12px 12px;
    border: 1px solid #222222;
    border-top: 1px solid #4E4E4E;
    border-bottom: 1px solid #000000;
    color: #CCCCCC;
    background-color: #262626;
    position: relative;
}

.menu_p0 {
    padding: 0;
    background: transparent;
}

.menu._closed{color: #8C8C8C;}

.menu._rarity._1{background-image: url("/style/css/img/icon_rarity_basic.png")}
.menu._rarity._2{background-image: url("/style/css/img/icon_rarity_common.png")}
.menu._rarity._3{background-image: url("/style/css/img/icon_rarity_uncommon.png")}
.menu._rarity._4{background-image: url("/style/css/img/icon_rarity_epic.png")}
.menu._rarity._5{background-image: url("/style/css/img/icon_rarity_legendary.png")}
.menu._rarity._6{background-image: url("/style/css/img/icon_rarity_artifact.png")}
.menu._rarity._7{background-image: url("/style/css/img/icon_rarity_mifical.png")}
.menu._rarity._8{background-image: url("/style/css/img/icon_rarity_dragon.png")}
.menu._rarity._9{background-image: url("/style/css/img/icon_rarity_dragon.png")}
.menu._rarity{
    padding-left: 25px;
    background-position: 6px 50%;
    background-repeat: no-repeat;
}
.menu._icon{
    padding-left: 32px;
    background-position: 5px 50%;
    background-repeat: no-repeat;
}

/* Кнопки */

.btn{
    display: inline-block;
    margin: 2px 0;
    padding: 0 20px;
    min-height: 28px;
    line-height: 28px;
    vertical-align: middle;
    border: 0;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    background-color: transparent;
}
.operamini .btn:before {
    content: '';
    display: inline-block;
    height: 28px;
    vertical-align: middle;
}
a.btn{text-decoration: none;}
.btn._blue,
.btn._green,
.btn._red,
.btn._dark{
    background-position:
        100% 0,
        0 0,
        0 0;
    background-repeat:
        no-repeat,
        no-repeat,
        repeat-x;
}
.btn._blue{
    /*background-color: #16526F;*/
    background-image:
        url("/style/css/img/bg_btn_blue_right.png"),
        url("/style/css/img/bg_btn_blue_left.png"),
        url("/style/css/img/bg_btn_blue.png");
}
.btn._green{
    /*background-color: #077F01;*/
    background-image:
        url("/style/css/img/bg_btn_green_right.png"),
        url("/style/css/img/bg_btn_green_left.png"),
        url("/style/css/img/bg_btn_green.png");
}
.btn._red{
    /*background-color: #C61F1F;*/
    background-image:
        url("/style/css/img/bg_btn_red_right.png"),
        url("/style/css/img/bg_btn_red_left.png"),
        url("/style/css/img/bg_btn_red.png");

}
.btn._dark{
    /*background-color: #565151;*/
    background-image:
        url("/style/css/img/bg_btn_dark_right.png"),
        url("/style/css/img/bg_btn_dark_left.png"),
        url("/style/css/img/bg_btn_dark.png");

}
.wrapper-btn{
    margin: 2px 0;
    text-align: center;
}
.wrapper-btn--alt {
    line-height: 15px;
}
.wrapper-btn.padding-top{
    padding-top: 6px;
}
.wrapper._pagination .btn{
    padding: 0 10px;
    margin: 0 1px;
}

/* Низ */

.resources{
    padding: 2px 0 7px 0;
    text-align: center;
    font-size: 14px;
    background-color: #191919;
}
.nav-bar{
    padding: 7px 0;
    font-size: 14px;
    text-align: center;
    background-color: #191919;
}
.nav{
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 75px; /*54*/
}

.nav-sticky {
    position: -webkit-sticky; /* Safari */
    position: -moz-sticky; /* Firefox */
    position: -ms-sticky; /* Edge */
    position: -o-sticky; /* Opera */
    position: sticky;
    bottom: 0;
    z-index: 1;
    height: 85px;
}

.nav_cup{
    width: 33.34%;
    display: table-cell;
    text-align: center;
}
.nav a{
    display: table-cell;
    padding-bottom: 4px;
    vertical-align: bottom;
    border-top: 1px solid #4E4E4E;
    border-bottom: 1px solid #000000;
    text-align: center;
    font-size: 13px;
    color: #ffffff;
    background-color: #262626;
}

.nav_cup a{
    padding-bottom: 4px;
    vertical-align: bottom;
    text-align: center;
    font-size: 13px;
   
    background-color: #262626;
}

.nav_cup a.cup1,
.nav_cup a.cup2,
.nav_cup a.cup3
 {
    background-position: 50% 5px;
    background-repeat: no-repeat;
}

.nav_cup a.cup1{background-image: url("/style/img/tyrnir/cup_1.png")}
.nav_cup a.cup2{background-image: url("/style/img/tyrnir/cup_2.png")}
.nav_cup a.cup3{background-image: url("/style/img/tyrnir/cup_3.png")}

.nav a.home,
.nav a.char,
.nav a.clan {
    background-position: 50% 5px;
    background-repeat: no-repeat;
}
.nav a.home{background-image: url("/style/img/icon/nav_home.jpg")}
.nav a.char{background-image: url("/style/img/icon/nav_char.jpg")}
.nav a.clan{background-image: url("/style/img/icon/nav_clan.jpg")}

.footer{
    padding-top: 6px;
    padding-bottom: 10px;
    line-height: 1.5;
    text-align: center;
    font-size: 13px;
    color: #ffffff;
    background-color: #191919;
}
.footer a{color: #ffffff}

/* Оформление текста */

span.gold{color: #F2C234;}
span.gems{color: #1689DC;}
span.dust{color: #DE52DE;}
span.skull{color: #D8D8D8}
span.exp{color: #B1B9E2}
span.ok{color: #03FF0A;}
span.error{color: #FF2C2F;}
span.grind{font-size: 13px; color: #BCE4F4;}
span.high{color: #ffffff}
span.normal{color: #FF8432;}
span.noread{color: #737171;}

h1{font-size: 18px}
ul li {
    padding: 4px 0;
}
.unline{text-decoration: underline;}

.noline{text-decoration: none;}

/* Редкость предметов */

span.rarity._1{color: #ffffff;}
span.rarity._1._icon{background-image: url("/style/css/img/icon_rarity_basic.png");}
span.rarity._2{color: #1eff00;}
span.rarity._2._icon{background-image: url("/style/css/img/icon_rarity_common.png");}
span.rarity._3{color: #0070dd;}
span.rarity._3._icon{background-image: url("/style/css/img/icon_rarity_uncommon.png");}
span.rarity._4{color: #a335ee;}
span.rarity._4._icon{background-image: url("/style/css/img/icon_rarity_epic.png");}
span.rarity._5{color: #ff8000;}
span.rarity._5._icon{background-image: url("/style/css/img/icon_rarity_legendary.png");}
span.rarity._6{color: #05CCFF;}
span.rarity._6._icon{background-image: url("/style/css/img/icon_rarity_artifact.png");}
span.rarity._7{color: #f5270d;}
span.rarity._7._icon{background-image: url("/style/css/img/icon_rarity_mifical.png");}
span.rarity._8{color: #ecc862;}
span.rarity._8._icon{background-image: url("/style/css/img/icon_rarity_dragon.png");}
span.rarity._9{color: #ffecb6;}
span.rarity._9._icon{background-image: url("/style/css/img/icon_rarity_dragon.png");}
span.rarity._icon{
    display: inline-block;
    margin-top: 2px;
    padding-left: 16px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    font-size: 13px;
}
span.rarity._icon._normal{font-size: 15px;}

/* Ранги */

span.rank._4{color: #ff8000}
span.rank._3{color: #a335ee}
span.rank._2{color: #0070dd}
span.rank._1{color: #738704}

/* Страница смайлов */

.smile{padding-left: 10px}
.smile a{
    display: inline-block;
    padding: 5px;
}

.smile_list{font-size: 0}
.smile_list .smile{
    display: inline-block;
    margin: 2px 0;
    padding: 0;
    width: 25%;
    font-size: 14px;
}
.smile_list .smile._dislike{width: 50%}

/* Разное */

.fl{float: left}
.fr{float: right}
.w100{width: 100px}
.w140{width: 140px}
.w33p{width: 33.3%}
.w50p{width: 50%}
.w100p{width: 100%}
.w40p{min-width: 40%}
.no-padding{padding: 0;}
.center{text-align: center}
small{font-size: 12px}
.hr{
    height: 2px;
    background-color: #2B2B2B;
}
img{
    display: inline-block;
    position: relative;
    top: 3px;
}
.daily_stars img {top: 0;}

span.pb_sides_0{color: #808080}
span.pb_sides_1{color: #0085E5}
span.pb_sides_2{color: #F20000}

.lh1{line-height: 1.2;}
.lh2{line-height: 1.4;}

/* Лиги */

.league{
    display: inline-block;
    width: 93px;
    height: 120px;
    margin-top: 6px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.league._l1{background-image: url("/style/img/rank/1.jpg")}
.league._l2{background-image: url("/style/img/rank/2.jpg")}
.league._l3{background-image: url("/style/img/rank/3.jpg")}
.league._l4{background-image: url("/style/img/rank/4.jpg")}
.league._l5{background-image: url("/style/img/rank/5.jpg")}
.league._l6{background-image: url("/style/img/rank/6.jpg")}
.league._l7{background-image: url("/style/img/rank/7.jpg")}
.league._l8{background-image: url("/style/img/rank/8.jpg")}

/* Подземелья и клан стоения*/


.item._dung2{
    width: 80px;
    height: 80px;
    line-height: 80px;
    vertical-align: middle;
    text-align: center;
}

.item._dung2 i{
    width: 80px;
    height: 80px;
    background-size: contain;
    background-position: 50% 50%;
}

.item._dung{
    width: 70px;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
}
.item._dung i{
    width: 70px;
    height: 40px;
    background-size: contain;
    background-position: 50% 50%;
}

.item._build{
    width: 50px;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
}

.item._build i{
     width: 50px;
    height: 50px;
	border: 1px solid #131313;
    background-size: contain;
    background-position: 50% 50%;
}

.item._bzt{
    width: 54px;
    height: 54px;
    line-height: 54px;
    vertical-align: middle;
    text-align: center;
}

.item._bzt i{
     width: 54px;
    height: 54px;
	border: 1px solid #131313;
    background-size: contain;
    background-position: 50% 50%;
}

.item._zemli1 i{background-image: url("/style/img/anons/zemli10.jpg")}
.item._zemli2 i{background-image: url("/style/img/anons/zemli11.jpg")}
.item._zemli3 i{background-image: url("/style/img/anons/zemli12.jpg")}
.item._zemli13 i{background-image: url("/style/img/anons/zemli13.jpg")}
.item._zemli4 i{background-image: url("/style/img/anons/zemli3.jpg")}
.item._zemli5 i{background-image: url("/style/img/anons/zemli4.jpg")}
.item._zemli6 i{background-image: url("/style/img/anons/zemli2.jpg")}
.item._zemli7 i{background-image: url("/style/img/anons/zemli5.jpg")}
.item._zemli8 i{background-image: url("/style/img/anons/zemli1.jpg")}
.item._zemli9 i{background-image: url("/style/img/anons/zemli6.jpg")}

.item._b1 i{background-image: url("/style/img/build/1.jpg")}
.item._b2 i{background-image: url("/style/img/build/2.jpg")}
.item._b3 i{background-image: url("/style/img/build/3.jpg")}
.item._b4 i{background-image: url("/style/img/build/4.jpg")}
.item._b5 i{background-image: url("/style/img/build/5.jpg")}
.item._b6 i{background-image: url("/style/img/build/6.jpg")}
.item._b7 i{background-image: url("/style/img/build/7.jpg")}
.item._b8 i{background-image: url("/style/img/build/8.jpg")}
.item._b9 i{background-image: url("/style/img/build/9.jpg")}

.item._d1 i{height: 80px; background-image: url("/style/img/dung/1.png")}
.item._d2 i{height: 80px; background-image: url("/style/img/dung/2.png")}
.item._d3 i{height: 80px; background-image: url("/style/img/dung/3.png")}
.item._d4 i{height: 80px; background-image: url("/style/img/dung/4.png")}
.item._d5 i{height: 80px; background-image: url("/style/img/dung/5.png")}
.item._d6 i{height: 80px; background-image: url("/style/img/dung/6.png")}
.item._d7 i{height: 80px; background-image: url("/style/img/dung/7.png")}
.item._d8 i{height: 80px; background-image: url("/style/img/dung/8.png")}
.item._d9 i{height: 80px; background-image: url("/style/img/dung/9.png")}
.item._d10 i{height: 80px; background-image: url("/style/img/dung/10.png")}
.item._d11 i{height: 80px; background-image: url("/style/img/dung/11.png")}
.item._d12 i{height: 80px; background-image: url("/style/img/dung/12.png")}
.item._d13 i{height: 80px; background-image: url("/style/img/dung/13.png")}
.item._d14 i{height: 80px; background-image: url("/style/img/dung/14.png")}
.item._d15 i{height: 80px; background-image: url("/style/img/dung/15.png")}
.item._d16 i{height: 80px; background-image: url("/style/img/dung/16.png")}
.item._d17 i{height: 80px; background-image: url("/style/img/dung/17.png")}
.item._d18 i{height: 80px; background-image: url("/style/img/dung/18.png")}
.item._d19 i{height: 80px; background-image: url("/style/img/dung/19.png")}
.item._d20 i{height: 80px; background-image: url("/style/img/dung/20.png")}
.item._d21 i{height: 80px; background-image: url("/style/img/dung/21.png")}
.item._d22 i{height: 80px; background-image: url("/style/img/dung/22.png")}

.icon.mob_1{background-image: url("/style/img/mob/mob1.png")}
.icon.mob_2{background-image: url("/style/img/mob/mob2.png")}
.icon.mob_3{background-image: url("/style/img/mob/mob3.png")}
.icon.mob_4{background-image: url("/style/img/mob/mob4.png")}
.icon.mob_5{background-image: url("/style/img/mob/mob5.png")}
.icon.mob_6{background-image: url("/style/img/mob/mob6.png")}
.icon.mob_7{background-image: url("/style/img/mob/mob7.png")}
.icon.mob_8{background-image: url("/style/img/mob/mob8.png")}
.icon.mob_9{background-image: url("/style/img/mob/mob9.png")}
.icon.mob_10{background-image: url("/style/img/mob/mob10.png")}
.icon.mob_11{background-image: url("/style/img/mob/mob11.png")}
.icon.mob_12{background-image: url("/style/img/mob/mob12.png")}
.icon.mob_13{background-image: url("/style/img/mob/mob13.png")}
.icon.mob_14{background-image: url("/style/img/mob/mob14.png")}
.icon.mob_15{background-image: url("/style/img/mob/mob15.png")}
.icon.mob_16{background-image: url("/style/img/mob/mob16.png")}
.icon.mob_17{background-image: url("/style/img/mob/mob17.png")}
.icon.mob_18{background-image: url("/style/img/mob/mob18.png")}
.icon.mob_19{background-image: url("/style/img/mob/mob19.png")}
.icon.mob_20{background-image: url("/style/img/mob/mob20.png")}
.icon.mob_21{background-image: url("/style/img/mob/mob21.png")}
.icon.mob_22{background-image: url("/style/img/mob/mob22.png")}
.icon.mob_23{background-image: url("/style/img/mob/mob23.png")}
.icon.mob_24{background-image: url("/style/img/mob/mob24.png")}
.icon.mob_25{background-image: url("/style/img/mob/mob25.png")}
.icon.mob_26{background-image: url("/style/img/mob/mob26.png")}
.icon.mob_27{background-image: url("/style/img/mob/mob27.png")}
.icon.mob_28{background-image: url("/style/img/mob/mob28.png")}
.icon.mob_29{background-image: url("/style/img/mob/mob29.png")}
.icon.mob_30{background-image: url("/style/img/mob/mob30.png")}
.icon.mob_31{background-image: url("/style/img/mob/mob31.png")}
.icon.mob_32{background-image: url("/style/img/mob/drag1.png")}
.icon.mob_33{background-image: url("/style/img/mob/drag2.png")}
.icon.mob_34{background-image: url("/style/img/mob/drag3.png")}
.icon.mob_35{background-image: url("/style/img/mob/drag4.png")}
.icon.mob_36{background-image: url("/style/img/mob/drag5.png")}
.icon.mob_37{background-image: url("/style/img/mob/mob32.png")}
.icon.mob_38{background-image: url("/style/img/mob/mob33.png")}
.icon.mob_39{background-image: url("/style/img/mob/mob34.png")}
.icon.mob_40{background-image: url("/style/img/mob/mob35.png")}
.icon.mob_41{background-image: url("/style/img/mob/mob36.png")}
.icon.mob_42{background-image: url("/style/img/mob/mob37.png")}




.icon2.mob_1{background-image: url("/style/img/inst/mob1.png")}
.icon2.mob_2{background-image: url("/style/img/inst/mob2.png")}
.icon2.mob_3{background-image: url("/style/img/inst/mob3.png")}
.icon2.mob_4{background-image: url("/style/img/inst/mob4.png")}
.icon2.mob_5{background-image: url("/style/img/inst/mob5.png")}
.icon2.mob_6{background-image: url("/style/img/inst/mob6.png")}
.icon2.mob_7{background-image: url("/style/img/inst/mob7.png")}
.icon2.mob_8{background-image: url("/style/img/inst/mob8.png")}
.icon2.mob_9{background-image: url("/style/img/inst/mob9.png")}
.icon2.mob_10{background-image: url("/style/img/inst/mob10.png")}
.icon2.mob_11{background-image: url("/style/img/inst/mob11.png")}
.icon2.mob_12{background-image: url("/style/img/inst/mob12.png")}
.icon2.mob_13{background-image: url("/style/img/inst/mob13.png")}
.icon2.mob_14{background-image: url("/style/img/inst/mob14.png")}
.icon2.mob_15{background-image: url("/style/img/inst/mob15.png")}
.icon2.mob_16{background-image: url("/style/img/inst/mob16.png")}
.icon2.mob_17{background-image: url("/style/img/inst/mob17.png")}
.icon2.mob_18{background-image: url("/style/img/inst/mob18.png")}
.icon2.mob_19{background-image: url("/style/img/inst/mob19.png")}
.icon2.mob_20{background-image: url("/style/img/inst/mob20.png")}
.icon2.mob_21{background-image: url("/style/img/inst/mob21.png")}
.icon2.mob_22{background-image: url("/style/img/inst/mob22.png")}
.icon2.mob_23{background-image: url("/style/img/inst/mob23.png")}
.icon2.mob_24{background-image: url("/style/img/inst/mob24.png")}
.icon2.mob_25{background-image: url("/style/img/inst/mob25.png")}
.icon2.mob_26{background-image: url("/style/img/inst/mob26.png")}
.icon2.mob_27{background-image: url("/style/img/inst/mob27.png")}
.icon2.mob_28{background-image: url("/style/img/inst/mob28.png")}
.icon2.mob_29{background-image: url("/style/img/inst/mob29.png")}
.icon2.mob_30{background-image: url("/style/img/inst/mob30.png")}
.icon2.mob_31{background-image: url("/style/img/inst/mob31.png")}
.icon2.mob_32{background-image: url("/style/img/inst/drag1.png")}
.icon2.mob_33{background-image: url("/style/img/inst/drag2.png")}
.icon2.mob_34{background-image: url("/style/img/inst/drag3.png")}
.icon2.mob_35{background-image: url("/style/img/inst/drag4.png")}
.icon2.mob_36{background-image: url("/style/img/inst/drag5.png")}
.icon2.mob_37{background-image: url("/style/img/inst/mob32.png")}
.icon2.mob_38{background-image: url("/style/img/inst/mob33.png")}
.icon2.mob_39{background-image: url("/style/img/inst/mob34.png")}
.icon2.mob_40{background-image: url("/style/img/inst/mob35.png")}
.icon2.mob_41{background-image: url("/style/img/inst/mob36.png")}
.icon2.mob_42{background-image: url("/style/img/inst/mob37.png")}

/* Мобы для охоты*/

.icon3.mob_2_1{background-image: url("/style/img/ohota/mob1.jpg")}
.icon3.mob_2_2{background-image: url("/style/img/ohota/mob2.jpg")}
.icon3.mob_2_3{background-image: url("/style/img/ohota/mob3.jpg")}
.icon3.mob_2_4{background-image: url("/style/img/ohota/mob4.jpg")}
.icon3.mob_2_5{background-image: url("/style/img/ohota/mob5.jpg")}
.icon3.mob_2_6{background-image: url("/style/img/ohota/mob6.jpg")}
.icon3.mob_2_7{background-image: url("/style/img/ohota/mob7.jpg")}
.icon3.mob_2_8{background-image: url("/style/img/ohota/mob8.jpg")}
.icon3.mob_2_9{background-image: url("/style/img/ohota/mob9.jpg")}

.icon3.mob_4_1{background-image: url("/style/img/ohota/mob11.jpg")}
.icon3.mob_4_2{background-image: url("/style/img/ohota/mob12.jpg")}
.icon3.mob_4_3{background-image: url("/style/img/ohota/mob13.jpg")}

.icon3.mob_5_1{background-image: url("/style/img/ohota/mob10.jpg")}

.hunt_fullsize {
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    background-position-x: center;
    flex-grow: 1
}

.hunt_fullsize.mob_2_1_full{background-image: url("/style/img/ohota/mob1_full.png"); width: 222px; height: 240px;}
.hunt_fullsize.mob_2_2_full{background-image: url("/style/img/ohota/mob2_full.png"); width: 240px; height: 249px;}
.hunt_fullsize.mob_2_3_full{background-image: url("/style/img/ohota/mob3_full.png"); width: 231px; height: 243px;}
.hunt_fullsize.mob_2_4_full{background-image: url("/style/img/ohota/mob4_full.png"); width: 215px; height: 170px;}
.hunt_fullsize.mob_2_5_full{background-image: url("/style/img/ohota/mob5_full.png"); width: 203px; height: 185px;}
.hunt_fullsize.mob_2_6_full{background-image: url("/style/img/ohota/mob6_full.png"); width: 287px; height: 227px;}
.hunt_fullsize.mob_2_7_full{background-image: url("/style/img/ohota/mob7_full.png"); width: 253px; height: 200px;}
.hunt_fullsize.mob_2_8_full{background-image: url("/style/img/ohota/mob8_full.png"); width: 192px; height: 226px;}
.hunt_fullsize.mob_2_9_full{background-image: url("/style/img/ohota/mob9_full.png"); width: 223px; height: 219px;}

.hunt_fullsize.mob_4_1_full{background-image: url("/style/img/ohota/mob11_full.png"); width: 155px; height: 240px;}
.hunt_fullsize.mob_4_2_full{background-image: url("/style/img/ohota/mob12_full.png"); width: 209px; height: 215px;}
.hunt_fullsize.mob_4_3_full{background-image: url("/style/img/ohota/mob13_full.png"); width: 181px; height: 224px;}

.hunt_fullsize.mob_5_1_full{background-image: url("/style/img/ohota/mob10_full.png"); width: 196px; height: 219px;}


/* Боссы */

.item._boss_1 i{background-image: url("/style/img/mob/boss1.jpg")}
.item._boss_2 i{background-image: url("/style/img/mob/boss2.jpg")}
.item._boss_3 i{background-image: url("/style/img/mob/boss3.jpg")}
.item._boss_4 i{background-image: url("/style/img/mob/boss4.jpg")}
.item._boss_5 i{background-image: url("/style/img/mob/boss5.jpg")}
.item._boss_6 i{background-image: url("/style/img/mob/boss6.jpg")}
.item._boss_7 i{background-image: url("/style/img/mob/boss7.jpg")}
.item._boss_8 i{background-image: url("/style/img/mob/boss8.jpg")}
.item._boss_9 i{background-image: url("/style/img/mob/boss9.jpg")}
.item._boss_10 i{background-image: url("/style/img/mob/boss10.jpg")}
.item._boss_11 i{background-image: url("/style/img/mob/boss11.jpg")}
.item._boss_12 i{background-image: url("/style/img/mob/boss12.jpg")}
.item._boss_13 i{background-image: url("/style/img/mob/boss13.jpg")}
.item._boss_14 i{background-image: url("/style/img/mob/boss14.jpg")}
.item._boss_15 i{background-image: url("/style/img/mob/boss15.jpg")}
.item._boss_16 i{background-image: url("/style/img/mob/boss16.png")}
.item._boss_17 i{background-image: url("/style/img/mob/boss17.png")}
.item._boss_18 i{background-image: url("/style/img/mob/boss18.png")}


/* Малые иконки */

.icon__small {
    height: 16px;
    width: 16px;
}

.gift-big{
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 3px;
    height: 26px;
    width: 26px;
    background-image: url("/style/img/icon/gift-big.png");
    background-size: cover;
    background-position: 50% 50%;
}

.menu._icon{
    padding-left: 38px;
    background-size: 26px 26px;
}
.menu._icon._arena{background-image: url("/style/img/icon/arena.png")}
.menu._icon._travel{background-image: url("/style/img/icon/travel.png")}
.menu._icon._tower{background-image: url("/style/img/icon/tower.png")}
.menu._icon._coffers{background-image: url("/style/img/icon/coffers.png")}
.menu._icon._daily{background-image: url("/style/img/icon/daily.png")}
.menu._icon._company{background-image: url("/style/img/icon/company.png")}
.menu._icon._newyear{background-image: url("/style/img/icon/bell.png")}
.menu._icon._shop{background-image: url("/style/img/icon/shop.png")}
.menu._icon._training{background-image: url("/style/img/icon/training.png")}
.menu._icon._top{background-image: url("/style/img/icon/top.png")}
.menu._icon._pay{background-image: url("/style/img/icon/pay.png")}
.menu._icon._mess{background-image: url("/style/img/icon/mess.png")}
.menu._icon._items{background-image: url("/style/img/icon/items.png")}
.menu._icon._reception{background-image: url("/style/img/icon/reception.png")}
.menu._icon._chat{background-image: url("/style/img/icon/chat.png")}
.menu._icon._exp{background-image: url("/style/img/icon/exp.png")}
.menu._icon._settings{background-image: url("/style/img/icon/settings.png")}
.menu._icon._ads{background-image: url("/style/img/icon/ad.png")}
.menu._icon._exit{background-image: url("/style/img/icon/exit.png")}
.menu._icon._expel{background-image: url("/style/img/icon/expel.png")}
.menu._icon._back{background-image: url("/style/img/icon/back.png")}
.menu._icon._dragon{background-image: url("/style/img/icon/dragon.png")}
.menu._icon._stat{background-image: url("/style/img/icon/stat.png")}
.menu._icon._plus{background-image: url("/style/img/icon/plus.png")}
.menu._icon._minus{background-image: url("/style/img/icon/minus.png")}
.menu._icon._gift{background-image: url("/style/img/icon/gift.png")}

/* Большие иконки */

.item._shop_items i{background-image: url("/style/img/icon/shop_items.jpg")}
.item._shop_smith i{background-image: url("/style/img/icon/main_smithy.jpg")}
.item._shop_update i{background-image: url("/style/img/icon/shop_update.jpg")}
.item._shop_money i{background-image: url("/style/img/icon/shop_money.jpg")}
.item._shop_runa i{background-image: url("/style/img/icon/shop_runa.jpg")}
.item._shop_jeweler i{background-image: url("/style/img/icon/shop_jeweler.jpg")}
.item._shop_premium i{background-image: url("/style/img/icon/shop_premium.jpg")}

/* Навыки */

.item._str i{background-image: url("/style/img/icon/str_big.png")}
.item._hp i{background-image: url("/style/img/icon/hp_big.png")}
.item._def i{background-image: url("/style/img/icon/def_big.png")}

/* Камни */

.item._gem._red_1 i{background-image: url("/style/img/gems/gem_red_1.png")}
.item._gem._red_2 i{background-image: url("/style/img/gems/gem_red_2.png")}
.item._gem._red_3 i{background-image: url("/style/img/gems/gem_red_3.png")}
.item._gem._red_4 i{background-image: url("/style/img/gems/gem_red_4.png")}
.item._gem._red_5 i{background-image: url("/style/img/gems/gem_red_5.png")}
.item._gem._red_6 i{background-image: url("/style/img/gems/gem_red_6.png")}
.item._gem._red_7 i{background-image: url("/style/img/gems/gem_red_7.png")}
.item._gem._red_8 i{background-image: url("/style/img/gems/gem_red_8.png")}
.item._gem._red_9 i{background-image: url("/style/img/gems/gem_red_9.png")}
.item._gem._red_10 i{background-image: url("/style/img/gems/gem_red_10.png")}
.item._gem._red_11 i{background-image: url("/style/img/gems/gem_red_11.png")}
.item._gem._red_12 i{background-image: url("/style/img/gems/gem_red_12.png")}
.item._gem._red_13 i{background-image: url("/style/img/gems/gem_red_13.png")}
.item._gem._red_14 i{background-image: url("/style/img/gems/gem_red_14.png")}
.item._gem._red_15 i{background-image: url("/style/img/gems/gem_red_15.png")}
.item._gem._red_16 i{background-image: url("/style/img/gems/gem_red_16.png")}
.item._gem._red_17 i{background-image: url("/style/img/gems/gem_red_17.png")}
.item._gem._red_18 i{background-image: url("/style/img/gems/gem_red_18.png")}
.item._gem._red_19 i{background-image: url("/style/img/gems/gem_red_19.png")}
.item._gem._red_20 i{background-image: url("/style/img/gems/gem_red_20.png")}
.item._gem._red_21 i{background-image: url("/style/img/gems/gem_red_21.png")}
.item._gem._red_22 i{background-image: url("/style/img/gems/gem_red_22.png")}
.item._gem._red_23 i{background-image: url("/style/img/gems/gem_red_23.png")}


.item._gem._green_1 i{background-image: url("/style/img/gems/gem_green_1.png")}
.item._gem._green_2 i{background-image: url("/style/img/gems/gem_green_2.png")}
.item._gem._green_3 i{background-image: url("/style/img/gems/gem_green_3.png")}
.item._gem._green_4 i{background-image: url("/style/img/gems/gem_green_4.png")}
.item._gem._green_5 i{background-image: url("/style/img/gems/gem_green_5.png")}
.item._gem._green_6 i{background-image: url("/style/img/gems/gem_green_6.png")}
.item._gem._green_7 i{background-image: url("/style/img/gems/gem_green_7.png")}
.item._gem._green_8 i{background-image: url("/style/img/gems/gem_green_8.png")}
.item._gem._green_9 i{background-image: url("/style/img/gems/gem_green_9.png")}
.item._gem._green_10 i{background-image: url("/style/img/gems/gem_green_10.png")}
.item._gem._green_11 i{background-image: url("/style/img/gems/gem_green_11.png")}
.item._gem._green_12 i{background-image: url("/style/img/gems/gem_green_12.png")}
.item._gem._green_13 i{background-image: url("/style/img/gems/gem_green_13.png")}
.item._gem._green_14 i{background-image: url("/style/img/gems/gem_green_14.png")}
.item._gem._green_15 i{background-image: url("/style/img/gems/gem_green_15.png")}
.item._gem._green_16 i{background-image: url("/style/img/gems/gem_green_16.png")}
.item._gem._green_17 i{background-image: url("/style/img/gems/gem_green_17.png")}
.item._gem._green_18 i{background-image: url("/style/img/gems/gem_green_18.png")}
.item._gem._green_19 i{background-image: url("/style/img/gems/gem_green_19.png")}
.item._gem._green_20 i{background-image: url("/style/img/gems/gem_green_20.png")}
.item._gem._green_21 i{background-image: url("/style/img/gems/gem_green_21.png")}
.item._gem._green_22 i{background-image: url("/style/img/gems/gem_green_22.png")}
.item._gem._green_23 i{background-image: url("/style/img/gems/gem_green_23.png")}

.item._gem._blue_1 i{background-image: url("/style/img/gems/gem_blue_1.png")}
.item._gem._blue_2 i{background-image: url("/style/img/gems/gem_blue_2.png")}
.item._gem._blue_3 i{background-image: url("/style/img/gems/gem_blue_3.png")}
.item._gem._blue_4 i{background-image: url("/style/img/gems/gem_blue_4.png")}
.item._gem._blue_5 i{background-image: url("/style/img/gems/gem_blue_5.png")}
.item._gem._blue_6 i{background-image: url("/style/img/gems/gem_blue_6.png")}
.item._gem._blue_7 i{background-image: url("/style/img/gems/gem_blue_7.png")}
.item._gem._blue_8 i{background-image: url("/style/img/gems/gem_blue_8.png")}
.item._gem._blue_9 i{background-image: url("/style/img/gems/gem_blue_9.png")}
.item._gem._blue_10 i{background-image: url("/style/img/gems/gem_blue_10.png")}
.item._gem._blue_11 i{background-image: url("/style/img/gems/gem_blue_11.png")}
.item._gem._blue_12 i{background-image: url("/style/img/gems/gem_blue_12.png")}
.item._gem._blue_13 i{background-image: url("/style/img/gems/gem_blue_13.png")}
.item._gem._blue_14 i{background-image: url("/style/img/gems/gem_blue_14.png")}
.item._gem._blue_15 i{background-image: url("/style/img/gems/gem_blue_15.png")}
.item._gem._blue_16 i{background-image: url("/style/img/gems/gem_blue_16.png")}
.item._gem._blue_17 i{background-image: url("/style/img/gems/gem_blue_17.png")}
.item._gem._blue_18 i{background-image: url("/style/img/gems/gem_blue_18.png")}
.item._gem._blue_19 i{background-image: url("/style/img/gems/gem_blue_19.png")}
.item._gem._blue_20 i{background-image: url("/style/img/gems/gem_blue_20.png")}
.item._gem._blue_21 i{background-image: url("/style/img/gems/gem_blue_21.png")}
.item._gem._blue_22 i{background-image: url("/style/img/gems/gem_blue_22.png")}
.item._gem._blue_23 i{background-image: url("/style/img/gems/gem_blue_23.png")}

/* Формы */

form{
    padding: 0;
    margin: 0;
}
input{outline: none}
input[type="submit"]{
    font-size: 13px;
    cursor: pointer;
}
textarea,
input[type="text"],
input[type="email"]
{
    background-color: #3F3F3F;
    border: 1px solid #4E4E4E;
    color: #ffffff;
    outline: none;
}
input[type="text"],
input[type="email"]
{padding: 4px;}
.btn._form{
    text-shadow: none;
    font-size: 13px;
}
.wrapper._form > form > input[type="submit"]{margin-top: 7px;}

/* Таблицы */

table{
    display: table;
    width: 100%;
    border-collapse: collapse;
}
tbody{
    display: table-row-group;
    vertical-align: middle;
}
tr{
    display: table-row;
    vertical-align: inherit;
}
tr.border{
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
}
td{
    display: table-cell;
    vertical-align: inherit;
}
td._mob{
    width: 45px;
}
tr.border td{
    border-left: 1px solid #4E4E4E;
    border-right: 1px solid #4E4E4E;
}

/* Чат */

input[type="text"].form_chat_text{
    width: 100%;
    height: 25px;
    padding: 0 4px;
}

.wrapper._chat{
    position: relative;
    padding: 3px;
}
.chat_message{
    margin-top: 4px;
    font-size: 14px;
    color: #8F9299;
}
.chat_time{
    font-size: 11px;
    color: #595959;
    text-shadow: none;
    letter-spacing: 0.001em;
    text-align: right;
    vertical-align: middle;
}
.chat_del{padding-right: 19px;}

a.form-btn-table,
input[type="submit"].form-btn-table{
    display: inline-block;
    padding: 0;
    width: 100%;
    color: #BEBEBE;
    background-color: transparent;
    text-align: center;
    border: none;
    font-size: 14px;
}

a.form-btn-table{
    padding: 6px 0;
}

a.form-btn-table._gems{
    height: 30px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
a.form-btn-table._gems._red{background-image: url("/style/img/gems/gem_red.png")}
a.form-btn-table._gems._green{background-image: url("/style/img/gems/gem_green.png")}
a.form-btn-table._gems._blue{background-image: url("/style/img/gems/gem_blue.png")}
/* Почта */

.wrapper-textarea-submit{
    padding-top: 3px;
}
textarea.mail{
    box-sizing: border-box;
    width:100%;
    height: 52px;
    padding: 2px;
}
.btn_del{
    position: absolute;
    top: 1px;
    right: 3px;
}
.btn_del_ok{
    position: absolute;
    top: 1px;
    left: 3px;
}

/* Драконы */

.mob{
    min-height: 40px;
    display: flex;
}

.mob_heighest {
    min-height: 52px;
}

.icon3 {
    background-size: contain;
    border-width: 3px;
    border-style: solid;
    border-image: linear-gradient(to right, #ffb68e, #945a01) 1;
}

.icon2.drag1{background-image: url("/style/img/mob/drag1.png")}
.icon2.drag2{background-image: url("/style/img/mob/drag2.png")}
.icon2.drag3{background-image: url("/style/img/mob/drag3.png")}
.icon2.drag4{background-image: url("/style/img/mob/drag4.png")}
.icon2.drag5{background-image: url("/style/img/mob/drag5.png")}
.icon2.drag6{background-image: url("/style/img/mob/drag6.png")}
.icon2.drag7{background-image: url("/style/img/mob/drag7.png")}
.icon2.drag8{background-image: url("/style/img/mob/drag8.png")}
.icon2.drag9{background-image: url("/style/img/mob/drag9.png")}
.icon2.drag10{background-image: url("/style/img/mob/drag10.png")}
.icon2.drag11{background-image: url("/style/img/mob/drag11.png")}

.icon3.drag1{background-image: url("/style/img/logovo/drag1.jpg")}
.icon3.drag2{background-image: url("/style/img/logovo/drag2.jpg")}
.icon3.drag3{background-image: url("/style/img/logovo/drag3.jpg")}
.icon3.drag4{background-image: url("/style/img/logovo/drag4.jpg")}
.icon3.drag5{background-image: url("/style/img/logovo/drag5.jpg")}
.icon3.drag6{background-image: url("/style/img/logovo/drag6.jpg")}
.icon3.drag7{background-image: url("/style/img/logovo/drag7.jpg")}
.icon3.drag8{background-image: url("/style/img/logovo/drag8.jpg")}
.icon3.drag9{background-image: url("/style/img/logovo/drag9.jpg")}
.icon3.drag10{background-image: url("/style/img/logovo/drag10.jpg")}
.icon3.drag11{background-image: url("/style/img/logovo/drag11.jpg")}

.icon3.cave1{background-image: url("/style/img/cave/drag1.jpg")}
.icon3.cave2{background-image: url("/style/img/cave/drag1.jpg")}
.icon3.cave3{background-image: url("/style/img/cave/drag1.jpg")}
.icon3.cave4{background-image: url("/style/img/cave/drag2.jpg")}
.icon3.cave5{background-image: url("/style/img/cave/drag2.jpg")}
.icon3.cave6{background-image: url("/style/img/cave/drag2.jpg")}
.icon3.cave7{background-image: url("/style/img/cave/drag3.jpg")}
.icon3.cave8{background-image: url("/style/img/cave/drag3.jpg")}
.icon3.cave9{background-image: url("/style/img/cave/drag3.jpg")}
.icon3.cave10{background-image: url("/style/img/cave/drag4.jpg")}
.icon3.cave11{background-image: url("/style/img/cave/drag4.jpg")}
.icon3.cave12{background-image: url("/style/img/cave/drag4.jpg")}
.icon3.cave13{background-image: url("/style/img/cave/drag5.jpg")}
.icon3.cave14{background-image: url("/style/img/cave/drag5.jpg")}
.icon3.cave15{background-image: url("/style/img/cave/drag5.jpg")}
.icon3.cave16{background-image: url("/style/img/cave/drag6.jpg")}
.icon3.cave17{background-image: url("/style/img/cave/drag6.jpg")}
.icon3.cave18{background-image: url("/style/img/cave/drag6.jpg")}
.icon3.cave19{background-image: url("/style/img/cave/drag7.jpg")}
.icon3.cave20{background-image: url("/style/img/cave/drag7.jpg")}
.icon3.cave21{background-image: url("/style/img/cave/drag7.jpg")}
.icon3.cave22{background-image: url("/style/img/cave/drag7.jpg")}

.icon4 {
    background-size: contain;
}

.icon4.cave1{background-image: url("/style/img/cave/drag1.jpg")}
.icon4.cave2{background-image: url("/style/img/cave/drag1.jpg")}
.icon4.cave3{background-image: url("/style/img/cave/drag1.jpg")}
.icon4.cave4{background-image: url("/style/img/cave/drag2.jpg")}
.icon4.cave5{background-image: url("/style/img/cave/drag2.jpg")}
.icon4.cave6{background-image: url("/style/img/cave/drag2.jpg")}
.icon4.cave7{background-image: url("/style/img/cave/drag3.jpg")}
.icon4.cave8{background-image: url("/style/img/cave/drag3.jpg")}
.icon4.cave9{background-image: url("/style/img/cave/drag3.jpg")}
.icon4.cave10{background-image: url("/style/img/cave/drag4.jpg")}
.icon4.cave11{background-image: url("/style/img/cave/drag4.jpg")}
.icon4.cave12{background-image: url("/style/img/cave/drag4.jpg")}
.icon4.cave13{background-image: url("/style/img/cave/drag4.jpg")}
.icon4.cave14{background-image: url("/style/img/cave/drag5.jpg")}
.icon4.cave15{background-image: url("/style/img/cave/drag5.jpg")}
.icon4.cave16{background-image: url("/style/img/cave/drag6.jpg")}
.icon4.cave17{background-image: url("/style/img/cave/drag6.jpg")}
.icon4.cave18{background-image: url("/style/img/cave/drag6.jpg")}
.icon4.cave19{background-image: url("/style/img/cave/drag7.jpg")}
.icon4.cave20{background-image: url("/style/img/cave/drag7.jpg")}
.icon4.cave21{background-image: url("/style/img/cave/drag7.jpg")}
.icon4.cave22{background-image: url("/style/img/cave/drag7.jpg")}

.drag_full {
    background-repeat: no-repeat;
    background-size: 130%;
    background-position-x: 20px;
    flex-grow: 1;
    height: 230px;
    width: 265px;
}

/* Позиции драконов в пещере драконов */
.drag_full__1 {
    background-size: 150%;
}
.drag_full__2 {
    background-size: 150%;
}
.drag_full__3 {
    background-size: 150%;
}
.drag_full__4 {
    background-size: 150%;
}
.drag_full__5 {
    background-size: 150%;
}
.drag_full__6 {
    background-size: 150%;
}
.drag_full__7 {
    background-size: 120%;
}
.drag_full__8 {
    background-size: 120%;
}
.drag_full__9 {
    background-size: 120%;
}
.drag_full__10 {
    background-size: 120%;
}
.drag_full__11 {
    background-size: 120%;
}
.drag_full__12 {
    background-size: 130%;
    background-position-y: -15px;
}
.drag_full__13 {
    background-size: 130%;
    background-position-y: -15px;
}
.drag_full__14 {
    background-size: 130%;
    background-position-y: -15px;
}
.drag_full__15 {
    background-size: 130%;
    background-position-y: -15px;
}
.drag_full__16 {
    background-size: 120%;
}
.drag_full__17 {
    background-size: 120%;
}
.drag_full__18 {
    background-size: 120%;
}
.drag_full__19 {
    background-size: 130%;
    background-position-y: -15px;
}
.drag_full__20 {
    background-size: 130%;
    background-position-y: -15px;
}
.drag_full__21 {
    background-size: 130%;
    background-position-y: -15px;
}
.drag_full__22 {
    background-size: 130%;
    background-position-y: -15px;
}

/* Новый дизайн драконов для логова драконов*/

.drag_lair {
    width: 100%;
    height: 280px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.drag_lair__icon_small {
    background-size: contain;
}

.drag_lair__dragon_1 {background-image: url("/style/img/logovo/drag_green.png");}
.drag_lair__dragon_2 {background-image: url("/style/img/logovo/drag_blue.png");}
.drag_lair__dragon_3 {background-image: url("/style/img/logovo/drag_red.png");}
.drag_lair__dragon_4 {background-image: url("/style/img/logovo/drag_black.png");}
.drag_lair__dragon_5 {background-image: url("/style/img/logovo/drag_gold.png");}
.drag_lair__dragon_6 {background-image: url("/style/img/logovo/drag_bone.png");}
.drag_lair__dragon_7 {background-image: url("/style/img/logovo/drag_ice.png");}
.drag_lair__dragon_8 {background-image: url("/style/img/logovo/drag_magic.png");}
.drag_lair__dragon_9 {background-image: url("/style/img/logovo/drag_moon.png");}
.drag_lair__dragon_10 {background-image: url("/style/img/logovo/drag_ancient.png");}
.drag_lair__dragon_11 {background-image: url("/style/img/logovo/drag_black_2.png");}

.drag_lair__dragon_icon_1 {background-image: url("/style/img/logovo/drag_green_icon.jpg");}
.drag_lair__dragon_icon_2 {background-image: url("/style/img/logovo/drag_blue_icon.jpg");}
.drag_lair__dragon_icon_3 {background-image: url("/style/img/logovo/drag_red_icon.jpg");}
.drag_lair__dragon_icon_4 {background-image: url("/style/img/logovo/drag_black_icon.jpg");}
.drag_lair__dragon_icon_5 {background-image: url("/style/img/logovo/drag_gold_icon.jpg");}
.drag_lair__dragon_icon_6 {background-image: url("/style/img/logovo/drag_bone_icon.jpg");}
.drag_lair__dragon_icon_7 {background-image: url("/style/img/logovo/drag_ice_icon.jpg");}
.drag_lair__dragon_icon_8 {background-image: url("/style/img/logovo/drag_magic_icon.jpg");}
.drag_lair__dragon_icon_9 {background-image: url("/style/img/logovo/drag_moon_icon.jpg");}
.drag_lair__dragon_icon_10 {background-image: url("/style/img/logovo/drag_ancient_icon.jpg");}
.drag_lair__dragon_icon_11 {background-image: url("/style/img/logovo/drag_black_2.jpg");}


/* Новый дизайн драконов */

.drag_full.cave1{background-image: url("/style/img/cave/1.png")}
.drag_full.cave2{background-image: url("/style/img/cave/1.png")}
.drag_full.cave3{background-image: url("/style/img/cave/1.png")}
.drag_full.cave4{background-image: url("/style/img/cave/2.png")}
.drag_full.cave5{background-image: url("/style/img/cave/2.png")}
.drag_full.cave6{background-image: url("/style/img/cave/2.png")}
.drag_full.cave7{background-image: url("/style/img/cave/3.png")}
.drag_full.cave8{background-image: url("/style/img/cave/3.png")}
.drag_full.cave9{background-image: url("/style/img/cave/3.png")}
.drag_full.cave10{background-image: url("/style/img/cave/4.png")}
.drag_full.cave11{background-image: url("/style/img/cave/4.png")}
.drag_full.cave12{background-image: url("/style/img/cave/4.png")}
.drag_full.cave13{background-image: url("/style/img/cave/5.png")}
.drag_full.cave14{background-image: url("/style/img/cave/5.png")}
.drag_full.cave15{background-image: url("/style/img/cave/5.png")}
.drag_full.cave16{background-image: url("/style/img/cave/6.png")}
.drag_full.cave17{background-image: url("/style/img/cave/6.png")}
.drag_full.cave18{background-image: url("/style/img/cave/6.png")}
.drag_full.cave19{background-image: url("/style/img/cave/7.png")}
.drag_full.cave20{background-image: url("/style/img/cave/7.png")}
.drag_full.cave21{background-image: url("/style/img/cave/7.png")}
.drag_full.cave22{background-image: url("/style/img/cave/7.png")}

span.icon{
    display: block;
    float: left;
    width: 60px;
    height: 60px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

span.icon2{
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

span.icon3{
    display: block;
   
    width: 160px;
    height: 160px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

span.icon4{
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}



span.icon._hunt{
    display: inline-block;
    float: none;
    margin-top: 4px;
}

.mob .info{
    padding-left: 15px;
}

/* Объявление */
.ads_msg{
    font-size: 14px;
    color: #8F9299;
}
.wr{
    background-color: #262626;
    margin-bottom: 4px;
}
.wr1{
    background-image: url("/style/css/img/bg_block_1.png");
    background-position: 0 0;
    background-repeat: repeat-x;
}
.wr2{
    background-image: url("/style/css/img/bg_block_2.png");
    background-position: 100% 0;
    background-repeat: repeat-y;
}
.wr3{
    background-image: url("/style/css/img/bg_block_3.png");
    background-position: 100% 100%;
    background-repeat: repeat-x;
}
.wr4{
    background-image: url("/style/css/img/bg_block_4.png");
    background-position: 0 0;
    background-repeat: repeat-y;
}
.wr5{
    background-image: url("/style/css/img/bg_block_5.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}
.wr6{
    background-image: url("/style/css/img/bg_block_6.png");
    background-position: 100% 0;
    background-repeat: no-repeat;
}
.wr7{
    background-image: url("/style/css/img/bg_block_7.png");
    background-position: 100% 100%;
    background-repeat: no-repeat;
}
.wr8{
    background-image: url("/style/css/img/bg_block_8.png");
    background-position: 0 100%;
    background-repeat: no-repeat;
}
.wr_wrapper{
    position: relative;
    padding: 4px 6px;
}
.wr .btn_del{
    top: 3px;
    right: 5px;
}
.wr .btn_del_ok{
    top: 3px;
    left: 5px;
}

/* Элементы */

b{font-weight: bold}
i{font-style: italic}
u{text-decoration: underline}
s{text-decoration: line-through}

.nodisplay{display: none}

.clearfix:after {
    content: '';
    display: table;
    clear: both;
}

.inventory{
    position: relative;
    width: 238px;
    height: 215px;
    margin: 0 auto;
}
.inventory .item{
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: #1C1C1C;
    border: 1px solid #000000;
}
.inventory .item i{
    display: block;
    width: 40px;
    height: 40px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.inventory .item._helmet{top: 14px;left: 93px;}
.inventory .item._armor{
    width: 40px;
    height: 40px;
 top: 65px; right: 31px
}

.inventory .item._armor i{
    width: 40px;
    height: 40px;
}




.inventory .item._pants{top: 115px; right: 31px}
.inventory .item._boots{top: 168px;left: 12px;}
.inventory .item._shoulders{top: 65px;left: 12px;}
.inventory .item._gloves{top: 115px;left: 12px;}

.inventory .item._sword,
.inventory .item._arbalet {
    width: 40px;
    height: 40px;
    top: 14px;
}

.inventory .item._sword i,
.inventory .item._arbalet i{
    width: 40px;
    height: 40px;
}
.inventory .item._sword{left: 40px}
.inventory .item._arbalet{right: 50px}
.inventory .item._necklace{top: 168px; right: 31px}

.inventory .item._ring1,
.inventory .item._ring1 i,
.inventory .item._ring2,
.inventory .item._ring2 i,
.inventory .item._necklace,
.inventory .item._necklace i{
    width: 40px;
    height: 40px;
}

.inventory .item._ring1{top: 168px;left: 113px;}
.inventory .item._ring2{top: 168px;left: 63px;}


.inventory .item._avatar{
    width: 100px;
    height: 100px;
    top: 60px;
    left: 58px;
	border:1px solid #79a0c1;
}

._avatar__icon {
    width: 100px;
    height: 100px;
    top: 60px;
    left: 60px;
    border:1px solid #79a0c1;
}

.inventory .item._avatar i{
    width: 100px;
    height: 100px;
}

/* Вещи */

.item._i1 i{background-image: url("/style/img/item/1_1.png")}
.item._i2 i{background-image: url("/style/img/item/1_2.png")}
.item._i3 i{background-image: url("/style/img/item/1_3.png")}
.item._i4 i{background-image: url("/style/img/item/1_4.png")}
.item._i5 i{background-image: url("/style/img/item/1_5.png")}
.item._i6 i{background-image: url("/style/img/item/1_6.png")}
.item._i7 i{background-image: url("/style/img/item/1_7.png")}
.item._i8 i{background-image: url("/style/img/item/1_8.png")}
.item._i9 i{background-image: url("/style/img/item/2_1.png")}
.item._i10 i{background-image: url("/style/img/item/2_2.png")}
.item._i11 i{background-image: url("/style/img/item/2_3.png")}
.item._i12 i{background-image: url("/style/img/item/2_4.png")}
.item._i13 i{background-image: url("/style/img/item/2_5.png")}
.item._i14 i{background-image: url("/style/img/item/2_6.png")}
.item._i15 i{background-image: url("/style/img/item/2_7.png")}
.item._i16 i{background-image: url("/style/img/item/2_8.png")}
.item._i17 i{background-image: url("/style/img/item/3_1.png")}
.item._i18 i{background-image: url("/style/img/item/3_2.png")}
.item._i19 i{background-image: url("/style/img/item/3_3.png")}
.item._i20 i{background-image: url("/style/img/item/3_4.png")}
.item._i21 i{background-image: url("/style/img/item/3_5.png")}
.item._i22 i{background-image: url("/style/img/item/3_6.png")}
.item._i23 i{background-image: url("/style/img/item/3_7.png")}
.item._i24 i{background-image: url("/style/img/item/3_8.png")}
.item._i25 i{background-image: url("/style/img/item/4_1.png")}
.item._i26 i{background-image: url("/style/img/item/4_2.png")}
.item._i27 i{background-image: url("/style/img/item/4_3.png")}
.item._i28 i{background-image: url("/style/img/item/4_4.png")}
.item._i29 i{background-image: url("/style/img/item/4_5.png")}
.item._i30 i{background-image: url("/style/img/item/4_6.png")}
.item._i31 i{background-image: url("/style/img/item/4_7.png")}
.item._i32 i{background-image: url("/style/img/item/4_8.png")}
.item._i33 i{background-image: url("/style/img/item/5_1.png")}
.item._i34 i{background-image: url("/style/img/item/5_2.png")}
.item._i35 i{background-image: url("/style/img/item/5_3.png")}
.item._i36 i{background-image: url("/style/img/item/5_4.png")}
.item._i37 i{background-image: url("/style/img/item/5_5.png")}
.item._i38 i{background-image: url("/style/img/item/5_6.png")}
.item._i39 i{background-image: url("/style/img/item/5_7.png")}
.item._i40 i{background-image: url("/style/img/item/5_8.png")}
.item._i41 i{background-image: url("/style/img/item/6_1.png")}
.item._i42 i{background-image: url("/style/img/item/6_2.png")}
.item._i43 i{background-image: url("/style/img/item/6_3.png")}
.item._i44 i{background-image: url("/style/img/item/6_4.png")}
.item._i45 i{background-image: url("/style/img/item/6_5.png")}
.item._i46 i{background-image: url("/style/img/item/6_6.png")}
.item._i47 i{background-image: url("/style/img/item/6_7.png")}
.item._i48 i{background-image: url("/style/img/item/6_8.png")}

.item._i49 i{background-image: url("/style/img/item/1_9.png")}
.item._i50 i{background-image: url("/style/img/item/1_10.png")}
.item._i51 i{background-image: url("/style/img/item/1_10.png")}
.item._i52 i{background-image: url("/style/img/item/2_9.png")}
.item._i53 i{background-image: url("/style/img/item/2_10.png")}
.item._i54 i{background-image: url("/style/img/item/2_10.png")}
.item._i55 i{background-image: url("/style/img/item/3_9.png")}
.item._i56 i{background-image: url("/style/img/item/3_10.png")}
.item._i57 i{background-image: url("/style/img/item/3_10.png")}
.item._i58 i{background-image: url("/style/img/item/4_9.png")}
.item._i59 i{background-image: url("/style/img/item/4_10.png")}
.item._i60 i{background-image: url("/style/img/item/4_10.png")}
.item._i61 i{background-image: url("/style/img/item/5_9.png")}
.item._i62 i{background-image: url("/style/img/item/5_10.png")}
.item._i63 i{background-image: url("/style/img/item/5_10.png")}
.item._i64 i{background-image: url("/style/img/item/6_9.png")}
.item._i65 i{background-image: url("/style/img/item/6_10.png")}
.item._i66 i{background-image: url("/style/img/item/6_10.png")}

.item._i67 i{background-image: url("/style/img/item/7_7.png")}
.item._i68 i{background-image: url("/style/img/item/7_8.png")}
.item._i69 i{background-image: url("/style/img/item/7_1.png")}
.item._i70 i{background-image: url("/style/img/item/7_2.png")}
.item._i71 i{background-image: url("/style/img/item/7_3.png")}
.item._i72 i{background-image: url("/style/img/item/7_4.png")}
.item._i73 i{background-image: url("/style/img/item/7_5.png")}
.item._i74 i{background-image: url("/style/img/item/7_6.png")}
.item._i75 i{background-image: url("/style/img/item/7_9.png")}
.item._i76 i{background-image: url("/style/img/item/7_10.png")}
.item._i77 i{background-image: url("/style/img/item/7_10.png")}

.item._i78 i{background-image: url("/style/img/item/8_1.jpg")}
.item._i79 i{background-image: url("/style/img/item/8_2.jpg")}
.item._i80 i{background-image: url("/style/img/item/8_3.jpg")}
.item._i81 i{background-image: url("/style/img/item/8_4.jpg")}
.item._i82 i{background-image: url("/style/img/item/8_5.jpg")}
.item._i83 i{background-image: url("/style/img/item/8_6.jpg")}
.item._i84 i{background-image: url("/style/img/item/8_7.jpg")}
.item._i85 i{background-image: url("/style/img/item/8_8.jpg")}
.item._i86 i{background-image: url("/style/img/item/8_9.jpg")}
.item._i87 i{background-image: url("/style/img/item/8_10.jpg")}
.item._i88 i{background-image: url("/style/img/item/8_11.jpg")}
.item._i89 i{background-image: url("/style/img/item/9_7.jpg")}
.item._i90 i{background-image: url("/style/img/item/9_8.jpg")}
.item._i91 i{background-image: url("/style/img/item/9_1.jpg")}
.item._i92 i{background-image: url("/style/img/item/9_2.jpg")}
.item._i93 i{background-image: url("/style/img/item/9_3.jpg")}
.item._i94 i{background-image: url("/style/img/item/9_4.jpg")}
.item._i95 i{background-image: url("/style/img/item/9_5.jpg")}
.item._i96 i{background-image: url("/style/img/item/9_6.jpg")}
.item._i97 i{background-image: url("/style/img/item/9_9.jpg")}
.item._i98 i{background-image: url("/style/img/item/9_10.jpg")}
.item._i99 i{background-image: url("/style/img/item/9_11.jpg")}
.item._i2000 i{background-image: url("/style/img/item/10_1.jpg")}
.item._i2001 i{background-image: url("/style/img/item/10_2.jpg")}
.item._i2002 i{background-image: url("/style/img/item/10_3.jpg")}
.item._i2003 i{background-image: url("/style/img/item/10_4.jpg")}
.item._i2004 i{background-image: url("/style/img/item/10_5.jpg")}
.item._i2005 i{background-image: url("/style/img/item/10_6.jpg")}
.item._i2006 i{background-image: url("/style/img/item/10_7.jpg")}
.item._i2007 i{background-image: url("/style/img/item/10_8.jpg")}
.item._i2008 i{background-image: url("/style/img/item/10_9.jpg")}
.item._i2009 i{background-image: url("/style/img/item/10_10.jpg")}
.item._i2010 i{background-image: url("/style/img/item/10_11.jpg")}
.item._i2011 i{background-image: url("/style/img/item/11_1.jpg")}
.item._i2012 i{background-image: url("/style/img/item/11_2.jpg")}
.item._i2013 i{background-image: url("/style/img/item/11_3.jpg")}
.item._i2014 i{background-image: url("/style/img/item/11_4.jpg")}
.item._i2015 i{background-image: url("/style/img/item/11_5.jpg")}
.item._i2016 i{background-image: url("/style/img/item/11_6.jpg")}
.item._i2017 i{background-image: url("/style/img/item/11_7.jpg")}
.item._i2018 i{background-image: url("/style/img/item/11_8.jpg")}
.item._i2019 i{background-image: url("/style/img/item/11_9.jpg")}
.item._i2020 i{background-image: url("/style/img/item/11_10.jpg")}
.item._i2021 i{background-image: url("/style/img/item/11_11.jpg")}

.item._i0 i{background-image: url("/style/img/avatar/6.png")}
.item._i710 i{background-image: url("/style/img/avatar/1.png")}
.item._i720 i{background-image: url("/style/img/avatar/7.png")}
.item._i730 i{background-image: url("/style/img/avatar/10.png")}
.item._i740 i{background-image: url("/style/img/avatar/30.png")}
.item._i750 i{background-image: url("/style/img/avatar/12.png")}
.item._i760 i{background-image: url("/style/img/avatar/13.png")}
.item._i770 i{background-image: url("/style/img/avatar/14.png")}
.item._i780 i{background-image: url("/style/img/avatar/16.png")}
.item._i790 i{background-image: url("/style/img/avatar/17.png")}
.item._i100 i{background-image: url("/style/img/avatar/19.png")}
.item._i110 i{background-image: url("/style/img/avatar/20.png")}
.item._i120 i{background-image: url("/style/img/avatar/24.png")}
.item._i130 i{background-image: url("/style/img/avatar/35.png")}
.item._i140 i{background-image: url("/style/img/avatar/36.png")}
.item._i150 i{background-image: url("/style/img/avatar/37.png")}
.item._i160 i{background-image: url("/style/img/avatar/38.png")}
.item._i170 i{background-image: url("/style/img/avatar/58.png")}
.item._i180 i{background-image: url("/style/img/avatar/50.png")}
.item._i190 i{background-image: url("/style/img/avatar/52.png")}
.item._i200 i{background-image: url("/style/img/avatar/53.png")}
.item._i210 i{background-image: url("/style/img/avatar/54.png")}
.item._i220 i{background-image: url("/style/img/avatar/63.png")}
.item._i230 i{background-image: url("/style/img/avatar/66.png")}
.item._i240 i{background-image: url("/style/img/avatar/70.png")}
.item._i250 i{background-image: url("/style/img/avatar/62.png")}
.item._i260 i{background-image: url("/style/img/avatar/64.png")}
.item._i270 i{background-image: url("/style/img/avatar/39.png")}
.item._i280 i{background-image: url("/style/img/avatar/40.png")}
.item._i290 i{background-image: url("/style/img/avatar/41.png")}
.item._i300 i{background-image: url("/style/img/avatar/42.png")}
.item._i310 i{background-image: url("/style/img/avatar/43.png")}
.item._i320 i{background-image: url("/style/img/avatar/45.png")}
.item._i330 i{background-image: url("/style/img/avatar/6.png")}
.item._i340 i{background-image: url("/style/img/avatar/8.png")}
.item._i350 i{background-image: url("/style/img/avatar/11.png")}
.item._i360 i{background-image: url("/style/img/avatar/15.png")}
.item._i370 i{background-image: url("/style/img/avatar/18.png")}
.item._i380 i{background-image: url("/style/img/avatar/32.png")}
.item._i390 i{background-image: url("/style/img/avatar/25.png")}
.item._i400 i{background-image: url("/style/img/avatar/26.png")}
.item._i410 i{background-image: url("/style/img/avatar/27.png")}
.item._i420 i{background-image: url("/style/img/avatar/29.png")}
.item._i430 i{background-image: url("/style/img/avatar/31.png")}
.item._i440 i{background-image: url("/style/img/avatar/34.png")}
.item._i450 i{background-image: url("/style/img/avatar/56.png")}
.item._i460 i{background-image: url("/style/img/avatar/57.png")}
.item._i470 i{background-image: url("/style/img/avatar/59.png")}
.item._i480 i{background-image: url("/style/img/avatar/60.png")}

.i330 {
    background-image: url("/style/img/avatar/6.png");
    transform: scale(-1, 1);
}

.item._i490 i{background-image: url("/style/img/avatar/2.png")}


.item._i500 i{background-image: url("/style/img/avatar/5.png")}
.item._i510 i{background-image: url("/style/img/avatar/9.png")}
.item._i520 i{background-image: url("/style/img/avatar/21.png")}
.item._i530 i{background-image: url("/style/img/avatar/23.png")}
.item._i540 i{background-image: url("/style/img/avatar/28.png")}
.item._i550 i{background-image: url("/style/img/avatar/3.png")}
.item._i560 i{background-image: url("/style/img/avatar/33.png")}
.item._i570 i{background-image: url("/style/img/avatar/51.png")}
.item._i580 i{background-image: url("/style/img/avatar/61.png")}
.item._i590 i{background-image: url("/style/img/avatar/65.png")}
.item._i600 i{background-image: url("/style/img/avatar/67.png")}
.item._i610 i{background-image: url("/style/img/avatar/68.png")}
.item._i620 i{background-image: url("/style/img/avatar/71.png")}
.item._i630 i{background-image: url("/style/img/avatar/49.png")}
.item._i640 i{background-image: url("/style/img/avatar/74.png")}
.item._i650 i{background-image: url("/style/img/avatar/46.png")}
.item._i660 i{background-image: url("/style/img/avatar/47.png")}
.item._i670 i{background-image: url("/style/img/avatar/55.png")}
.item._i680 i{background-image: url("/style/img/avatar/72.png")}
.item._i690 i{background-image: url("/style/img/avatar/69.png")}
.item._i700 i{background-image: url("/style/img/avatar/73.png")}
.item._i800 i{background-image: url("/style/img/avatar/75.png")}
.item._i810 i{background-image: url("/style/img/avatar/76.png")}

.item._i820 i{background-image: url("/style/img/avatar/77.png")}
.item._i830 i{background-image: url("/style/img/avatar/78.png")}
.item._i840 i{background-image: url("/style/img/avatar/79.png")}
.item._i850 i{background-image: url("/style/img/avatar/80.png")}
.item._i860 i{background-image: url("/style/img/avatar/81.png")}
.item._i870 i{background-image: url("/style/img/avatar/82.png")}
.item._i880 i{background-image: url("/style/img/avatar/83.png")}
.item._i890 i{background-image: url("/style/img/avatar/84.png")}
.item._i900 i{background-image: url("/style/img/avatar/85.png")}
.item._i910 i{background-image: url("/style/img/avatar/86.png")}
.item._i920 i{background-image: url("/style/img/avatar/87.png")}
.item._i930 i{background-image: url("/style/img/avatar/88.png")}
.item._i940 i{background-image: url("/style/img/avatar/89.png")}
.item._i950 i{background-image: url("/style/img/avatar/90.png")}
.item._i960 i{background-image: url("/style/img/avatar/91.png")}
.item._i970 i{background-image: url("/style/img/avatar/92.png")}
.item._i980 i{background-image: url("/style/img/avatar/93.png")}
.item._i990 i{background-image: url("/style/img/avatar/94.png")}
.item._i1000 i{background-image: url("/style/img/avatar/95.png")}
.item._i1010 i{background-image: url("/style/img/avatar/96.png")}
.item._i1020 i{background-image: url("/style/img/avatar/97.png")}
.item._i1030 i{background-image: url("/style/img/avatar/98.png")}
.item._i1040 i{background-image: url("/style/img/avatar/99.png")}
.item._i1050 i{background-image: url("/style/img/avatar/101.png")}
.item._i1060 i{background-image: url("/style/img/avatar/102.png")}
.item._i1070 i{background-image: url("/style/img/avatar/103.png")}
.item._i1080 i{background-image: url("/style/img/avatar/104.png")}
.item._i1090 i{background-image: url("/style/img/avatar/105.png")}
.item._i1100 i{background-image: url("/style/img/avatar/106.png")}
.item._i1110 i{background-image: url("/style/img/avatar/107.png")}
.item._i1120 i{background-image: url("/style/img/avatar/108.png")}
.item._i1130 i{background-image: url("/style/img/avatar/109.png")}
.item._i1140 i{background-image: url("/style/img/avatar/111.png")}
.item._i1150 i{background-image: url("/style/img/avatar/111.png")}
.item._i1160 i{background-image: url("/style/img/avatar/112.png")}
.item._i1170 i{background-image: url("/style/img/avatar/113.png")}
.item._i1180 i{background-image: url("/style/img/avatar/114.png")}
.item._i1190 i{background-image: url("/style/img/avatar/109.jpg")}
.item._i_none i {
    background: #363636;
    opacity: 0.7;
}



.inventory .item-value-rune,
.inventory .item-value-grind,
.inventory .item-value-lvl {
    position: absolute;
    font-size: 9px;
}
.inventory .item-value-rune {
    top: 0;
    left: 0;
}

.inventory .item-value-grind {
    bottom: 0;
    left: 0;
    color: #BCE4F4;
}

.inventory .item-value-lvl {
    bottom: 0;
    right: 0;
}

.invert_image {
    transform: scaleX(-1);
}

/* В подземелье старый дизайн */

.dungeon__icon {
    height: 40px;
    border: 1px solid #79a0c1;
}

.dungeon__mob_info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 10px !important;
}

/* Новое меню */

.menu__new {
    background-color: transparent;
}

.menu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.menu__list_last {
    margin-bottom: 15px;
}

.menu__item {
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}

.menu__item_size_m {
    flex-basis: 33.33333%;
    margin-bottom: 5px;
}

.menu__item_size_s {
    flex-basis: 25%;
}

.menu__link {
    display: flex;
    justify-content: flex-end;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    min-height: 100px;
    margin: 5px;
    color: #ececec;
    text-align: center;
    text-decoration: none;
    background-position: center;
}

.menu__link_small {
    min-height: 80px;
}

.menu__title {
    text-align: center;
    color: #cccccc;
}

.menu__text {
    margin-top: 3px;
    text-align: center;
    font-size: 13px;
    color: #cccccc;
}

/* Нижнее меню */

.nav_new {
    height: 80px;
    background-image: url("/style/img/iconNew/knopka_foot_menu.png");
    z-index: 0;
}

.ok__new {
    left: 47%;
    top: 5px;
    position: relative;
}

/* Переключение дизайна */

.version_switch {
    display: flex;
    text-align: center;
}

.version_switch__btn {
    padding: 10px;
}
/* Новый дизайн окна акций, сундуков, бонусов */

.promotion {
    border: 1px solid #222222;
    border-top: 1px solid #4E4E4E;
    border-bottom: 1px solid #000000;
}

.promotion__body {
    display: flex;
    padding: 10px;
    color: #ffffff;
    justify-content: space-between;
    align-items: center;
}

.promotion__content {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
}

.promotion__addon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    padding-bottom: 10px;
    color: #ecc862;
}

.promotion__addon_icon {
    margin-right: 5px;
    margin-left: 5px;
    position: initial;
    height: 12px;
    width: 12px;
}

.promotion__title {
    display: flex;
    justify-content: center;
    font-size: 20px;
    padding-bottom: 10px;
    color: #cbced5;
}

.promotion__title_orange {
    color: #fd921e;
}

.promotion__title_blue {
    color: #5088e8;
}

.promotion__subtitle {
    font-size: 13px;
    color: #03FF0A;
}

.promotion__img {
    height: 80px;
    width: 80px;
}

.promotion__promotions {
    line-height: 18px;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Новый инвентарь */

.inv {
    display: flex;
    width: 100%;
    justify-content: space-between;
    position: relative;
}

.inv__items {
    display: flex;
    flex-direction: column;
    padding-left: 5px;
}

.inv__items_pr {
    padding-left: 0;
    padding-right: 5px;
}

.inv__item {
    display: flex;
    padding-bottom: 1px;
    padding-top: 0;
}

.inv__image {
    height: 40px;
    width: 40px;
}

/* Новый инвентарь 2 */

.inv2 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    height: 250px;
}

.inv2__items {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 5px;
    position: relative;
}

.inv2__item {
    position: inherit;
    display: flex !important;
    flex-direction: column;
    justify-content: end;
    z-index: 110
}

.inv2__image {
    height: 50px;
    width: 50px;
}

.inv2__pet {
    height: 50px;
    width: 50px;
}

.inv2__pet_absolute {
    height: 120px;
    width: 105px;
    position: absolute;
    top: 50%;
    right: -10px;
    z-index: 100;
}

.inv2__pet2_absolute {
    height: 120px;
    width: 146px;
    position: absolute;
    top: 52%;
    right: -25px;
    z-index: 100;
}

.inv2__petNg_absolute {
    height: 135px;
    width: 125px;
    top: 43%;
    right: -20px;
}

.inv2__pet_glaz_absolute {
    height: 85px;
    width: 100px;
    top: 30%;
    right: -17px;
}

.inv2__pet_demon_absolute {
    height: 107px;
    width: 96px;
    top: 27%;
    right: -17px;
}

.inv2__pet_hellcat {
    height: 110px;
    width: 95px;
    top: 48%;
    right: -15px;
}

.inv__pet_helldragon {
    height: 145px;
    width: 135px;
    top: 37%;
    right: -25px;
}

.inv__pet_helldragon2 {
    height: 155px;
    width: 150px;
    top: 34%;
    right: -50px;
}

.inv2__pet_hellpig {
    height: 120px;
    width: 120px;
    top: 32%;
    right: -15px;
}

.inv2__pet_snegovoi,
.inv2__pet_ng-drag {
    right: -35px;
}
.inv2__pet_kotofei,
.inv2__pet_fenrir,
.inv2__pet_tiger {
    right: -30px;
    top: 50%;
}
.inv2__pet_vorchun {
    height: 130px;
    width: 115px;
    top: 45%;
    right: -40px;
}

.inv2__pet_varren {
    height: 155px;
    width: 148px;
    position: absolute;
    top: 35%;
    right: -60px;
    z-index: 100;
}

/* Новый дизайн иконки */

.new_icon {
    background-size: contain;
    background-repeat: no-repeat;
}

.new_icon__size_s {
    background-size: 80px 80px;
}

.new_icon__size_m {
    background-size: 100px 100px;
}

.new_icon__nav {
    height: 50px;
    width: 50px;
}

.new_icon__button {
    background-image: url("/style/img/iconNew/knopka_foot_menu.png");
    background-size: cover;
    height: 80px;
    vertical-align: middle !important;
}

/* Группа кнопок табы */

.button_group {
    font-size: 15px !important;
    margin-top: 5px;
    margin-bottom: 10px;
}

.button_group__button {
    width: 33.33333%;
}

/* Новые иконки */

.new_icon__main {background-image: url("/style/img/iconNew/main.png")}
.new_icon__gear {background-image: url("/style/img/iconNew/gear.png")}
.new_icon__clan {background-image: url("/style/img/iconNew/clan.png")}
.new_icon__chat {background-image: url("/style/img/iconNew/chat.png")}
.new_icon__dungeon {background-image: url("/style/img/iconNew/dungeon.png")}
.new_icon__hunting {background-image: url("/style/img/iconNew/hunting.png")}
.new_icon__dragon-lair {background-image: url("/style/img/iconNew/dragon_lair.png")}
.new_icon__smith-doom {background-image: url("/style/img/iconNew/smith_doom.png")}
.new_icon__arena {background-image: url("/style/img/iconNew/arena.png")}
.new_icon__expedition {background-image: url("/style/img/iconNew/expedition.png")}
.new_icon__dead-mines {background-image: url("/style/img/iconNew/dead_mines.png")}
.new_icon__battlefield {background-image: url("/style/img/iconNew/battlefield.png")}
.new_icon__royal-battle {background-image: url("/style/img/iconNew/royal_battle.png")}
.new_icon__spheres-universe {background-image: url("/style/img/iconNew/spheres_universe.png")}
.new_icon__campaigh {background-image: url("/style/img/iconNew/campaign.png")}
.new_icon__quests {background-image: url("/style/img/iconNew/quests.png")}
.new_icon__shop {background-image: url("/style/img/iconNew/shop.png")}
.new_icon__best-players {background-image: url("/style/img/iconNew/best_players.png")}
.new_icon__training {background-image: url("/style/img/iconNew/training.png")}
.new_icon__church {background-image: url("/style/img/iconNew/church.png")}
.new_icon__forum {background-image: url("/style/img/iconNew/forum.png")}
.new_icon__settings {background-image: url("/style/img/iconNew/settings.png")}
.new_icon__items {background-image: url("/style/img/iconNew/items.png")}
.new_icon__jewerly {background-image: url("/style/img/iconNew/jewerly.png")}
.new_icon__diamonds {background-image: url("/style/img/iconNew/diamonds.png")}
.new_icon__platina {background-image: url("/style/img/iconNew/platina.png")}
.new_icon__rune {background-image: url("/style/img/iconNew/rune.png")}
.new_icon__charm {background-image: url("/style/img/iconNew/charm.png")}
.new_icon__blacksmith {background-image: url("/style/img/iconNew/blacksmith.png")}
.new_icon__gold {background-image: url("/style/img/iconNew/gold.png")}
.new_icon__premium {background-image: url("/style/img/iconNew/premium.png")}
.new_icon__magic {background-image: url("/style/img/iconNew/magic_shop.png")}
.new_icon__dragon_cave {background-image: url("/style/img/iconNew/dragon_cave.png")}
.new_icon__capture_buildings {background-image: url("/style/img/iconNew/capture_buildings.png")}
.new_icon__territories {background-image: url("/style/img/iconNew/territories.png")}
.new_icon__bank {background-image: url("/style/img/iconNew/bank.png")}
.new_icon__treasure {background-image: url("/style/img/iconNew/treasure.png")}
.new_icon__buildings {background-image: url("/style/img/iconNew/buildings.png")}
.new_icon__talents {background-image: url("/style/img/iconNew/talent.png")}
.new_icon__tournament {background-image: url("/style/img/iconNew/tournament.png")}
.new_icon__clan_chat {background-image: url("/style/img/iconNew/clan_chat.png")}
.new_icon__rates {background-image: url("/style/img/iconNew/rates.png")}
.new_icon__chest {background-image: url("/style/img/iconNew/chest.png")}
.new_icon__foundation {background-image: url("/style/img/icon/silver_5.png")}

/* Меню настроек */

.settings_menu {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.settings_menu__item {
    width: 50%;
    text-align: center;
    margin-bottom: 3px;
    margin-top: 3px;
}

.settings_menu__item_w100 {
    width: 100%;
}

.settings_color__white {
    color: #ffffff
}

/* Захват строений */

.build {
    display: flex;
}

.build__item {
    height: 220px;
    flex-direction: column;
    text-align: center;
    gap: 10px;
    border: 1px solid;
    border-radius: 5px;
    align-items: center;
    margin-bottom: 5px;
}

.build__content {
    padding: 5px;
    width: 66%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    background-color: rgba(176, 176, 176, 0.7);
    flex-grow: 1;
    border-radius: 5px;
}

.build__title {
    font-size: 22px;
    color: #2a2626;
    text-shadow: none;
    font-weight: 600;
    padding-bottom: 3px;
}

.build__clan_name {
    font-size: 17px;
    font-weight: bold;
}

.build__text {
    font-size: 15px;
    line-height: 17px;
    color: #2a2626;
    text-shadow: none;
}

.build__players {
    color: #2a2626;
    text-shadow: none;
    font-weight: bold;
}

.build__timer {
    font-weight: bold;
}

.build__bold {
    font-weight: bold;
}

.build__normal {
    font-weight: normal;
}

.build__background2 {background-image: url("/style/img/buildingsCapture/buildings_mine.jpg")}
.build__background3 {background-image: url("/style/img/buildingsCapture/buildings_tower.jpg")}
.build__background4 {background-image: url("/style/img/buildingsCapture/buildings_castle.jpg")}
.build__background1 {background-image: url("/style/img/buildingsCapture/buildings_temple.jpg")}
.build__background5 {background-image: url("/style/img/buildingsCapture/buildings_north.jpg")}


/* Битва за территории */

.territories {
    display: flex;
    gap: 3px;
    margin-bottom: 3px;
}

.territories__column {
    display: flex;
    flex-direction: column;
    width: 50%;
    gap: 3px;
}

.territories__item {
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 160px;
    background-repeat: no-repeat;
    border: 2px solid #B0B0B0BF;
    border-radius: 5px;
}

.territories__text {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: space-evenly;
    height: 100px;
    background-color: rgba(176, 176, 176, 0.5);
    padding: 5px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 5px;
    border: none;
}

.territories__title {
    font-size: 18px;
    color: #2a2626;
    text-shadow: none;
    font-weight: 600;
}

.territories__subtitle {
    font-size: 13px;
    color: #000000;
    text-shadow: none;
    font-weight: 600;
}

.territories__link {
    color: white;
    display: flex;
    align-self: center;
    justify-content: center;
    font-size: 13px;
    width: 70px;
    border-radius: 5px;
    background-image: url(/style/css/img/bg_btn_blue_right.png), url(/style/css/img/bg_btn_blue_left.png), url(/style/css/img/bg_btn_blue.png);
    background-position: 100% 0, 0 0, 0 0;
    background-repeat: no-repeat, no-repeat, repeat-x;
    padding: 4px 4px;
}

.territories-clans {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.territories-clans__clan {
    width: 40%;
    text-align: center;
}

/* Захват земель */

.zemli {
    display: flex;
    flex-direction: column;
    background-repeat: no-repeat;
    gap: 6px;
    border: 2px solid #B0B0B0BF;
    border-radius: 5px;
}

.zemli__item {
    display: flex;
    align-items: center;
    background-color: rgba(176, 176, 176, 0.5);
    position: relative;
    gap: 40px;
    height: 140px;
    padding-left: 40px;
}

.zemli__title {
    transform: translate(0px, -15px);
    font-weight: 600;
}

.zemli__owner_clan {
    color: #7d16cb;
    font-weight: 600;
}

.zemli__info {
    display: flex;
    gap: 3px;
    flex-direction: column;
    font-size: 15px;
    color: #000000;
    text-shadow: none;
}

.zemli__icon {
    width: 60px;
    height: 62px;
    background-size: contain;
    background-position: 50% 50%;
    top: 0;
    border: 2px solid #585858bf;
    border-radius: 5px;
}

.territories__background_center {
    background-position: center;
}
.territories__background1 {background-image: url("/style/img/territories/1.jpg")}
.territories__background2 {background-image: url("/style/img/territories/2.jpg")}
.territories__background3{background-image: url("/style/img/territories/3.jpg")}
.territories__background4 {background-image: url("/style/img/territories/4.jpg")}

.smithy__background {background-image: url("/style/img/smithy/background.jpg")}

.smithy__boss {
    position: absolute;
    top: 3%;
    font-size: 19px;
    font-weight: 700;
    color: #ffffff;
    left: 50%;
    transform: translateX(-50%);
}

/* Поход */
.travel {
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    padding-top: 3px;
    padding-bottom: 7px;
}

.travel__item {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    height: 160px;
    width: 47%;
    border: 2px solid #B0B0B0BF;
    border-radius: 5px;
}

.travel__text {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    height: 70px;
    background-color: rgba(176, 176, 176, 0.65);
    padding: 10px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 5px;
    text-shadow: none;
    font-weight: 600;
    color: #2a2626;
}

.travel__subtitle {
    color: #ffffff;
}

.travel-intravel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    height: 310px;
}

.travel-intravel__content {
    display: flex;
    flex-direction: column;
    align-self: center;
    background-color: rgba(176, 176, 176, 0.65);
    gap: 5px;
    padding: 10px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 5px;
    text-shadow: none;
    font-weight: 600;
    color: #2a2626;
}

.travel-intravel__title {
    font-size: 16px;
}

.travel-intravel__subtitle {
    display: flex;
    flex-direction: column;
    line-height: 15px;
}


.travel__fon_1 {background: url(/style/img/travel/pohod_mountains.jpg);
    background-size: cover;
}
.travel__fon_3 {background: url(/style/img/travel/pohod_desert.jpg);
    background-size: cover;
}
.travel__fon_5 {background: url(/style/img/travel/pohod_forest.jpg);
    background-size: cover;
}
.travel__fon_7 {background: url(/style/img/travel/pohod_gates.jpg);
    background-size: cover;
}
.travel__fon_8 {background: url(/style/img/travel/pohod_cave.jpg);
    background-size: cover;
}
.travel__fon_9 {background: url(/style/img/travel/pohod_castle.jpg);
    background-size: cover;
}

/* Характеристики персонажа в инвентаре */

.user-stats__element {
    padding: 0;
}

/* Сокровищница */
.treasury {
    display: flex;
}

.treasury-captcha {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
}

.treasury-captcha__item {
    width: 40%;
    display: flex;
    justify-content: center;
}

.treasury__background {
    background-image: url("/style/img/treasury/background.jpg");
    background-repeat: no-repeat;
    height: 320px;
    display: flex;
    justify-content: center;
    align-items: end;
}

.treasury__background2 {
    background-repeat: no-repeat;
    height: 320px;
    display: flex;
    justify-content: center;
    align-items: end;
    background-image: url("/style/img/treasury/background2.jpg");
}

.treasury__boss {
    background-image: url("/style/img/treasury/boss.png");
    width: 330px;
    height: 250px;
    background-position: center;
    background-size: contain;
    display: flex;
    justify-content: center;
}

.overlay_damage {
    bottom: 40px;
    position: relative;
    color: red;
    font-size: 36px;
    font-weight: bold;
    letter-spacing: 5px;
    text-shadow:
            #ff8432 1px 0,
            #ff8432 1px 1px,
            #ff8432 0 1px,
            #ff8432 -1px 1px,
            #ff8432 -1px 0,
            #ff8432 -1px -1px,
            #ff8432 0 -1px,
            #ff8432 1px -1px,
            #ff8432 0 0 3px,
            #ff8432 0 0 3px,
            #ff8432 0 0 3px,
            #ff8432 0 0 3px,
            #ff8432 0 0 3px,
            #ff8432 0 0 3px,
            #ff8432 0 0 3px,
            #ff8432 0 0 3px;
}

.overlay_damage_top {
    top: -100%;
}

.treasury__progressbar {
    height: 7px;
}

.treasury__progressbar_bar {
    height: 7px;
}


/* Поле битвы */

.pb {}
.pb__start_loc {
    font-size: 15px;
    line-height: 16px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.pb__count {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: -webkit-fill-available;
    width: -moz-available;
    background-color: rgba(176, 176, 176, 0.6);
    border: none;
}

.pb_background__1 {background-image: url("/style/img/pb/north.jpg");}
.pb_background__2 {background-image: url("/style/img/pb/east.jpg");}
.pb_background__3 {background-image: url("/style/img/pb/cenral.jpg");}
.pb_background__4 {background-image: url("/style/img/pb/west.jpg");}
.pb_background__5 {background-image: url("/style/img/pb/south.jpg");}
.pb_background__6 {background-image: url("/style/img/pb/elven.jpg");}
.pb_background__7 {background-image: url("/style/img/pb/dragon.jpg");}

/* Обучение */
.training__background__1 {
    background-image: url("/style/img/training/background_1.jpg");
}

.training__background {
    background-repeat: no-repeat;
    height: 320px;
    display: flex;
    justify-content: center;
    border: 2px solid #B0B0B0BF;
    border-radius: 5px;
}

.training__teacher {
    width: 40%;
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    background-image: url("/style/img/avatarNew/1402_full.png");
    background-position: bottom;
}

.training__message {
    display: flex;
    width: 50%;
    align-items: center;
    flex-direction: column;
    justify-content: end;
}

.training__text {
    background-image: url("/style/img/training/message_1.png");
    padding: 18px;
    gap: 5px;
    display: flex;
    flex-direction: column;
    background-repeat: no-repeat;
    color: black;
    text-shadow: none;
    background-size: 100% 100%;
    line-height: 15px;
}

.training__btn_w120 {
    width: 120%;
}

.training__btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 7px;
}

.training__arrow {
    height: 65px;
    width: 65px;
}

.training__arrow_transform {
    transform: translate(0px, -30px);
}

/* Ивент селигор */

.seligor__require {
    display: flex;
    justify-content: center;
    align-items: center;
}

.seligor-header {
    height: auto;
    max-width: 100%;
}

.seligor-header__counter {
    display: flex;
    justify-content: center;
    align-items: center;
}

.scroll {
    opacity: 1;
    transition: opacity 1s ease-in-out;
}
.scroll.hide {
    opacity: 0;
    pointer-events: none !important;
}

/*Обмен ресурсов */
.exchange {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.exchange__itog {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #ffffff;
    font-size: 18px;
}

.exchange__item-title {
    color: #ffffff;
    font-size: 18px;
}

.exchange__item {
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
}

.exchange__item--last {
    padding-bottom: 0;
}

.exchange__change {
    display: flex;
    flex-direction: column;
}

.exchange__slider {
    display: flex;
    flex-direction: column;
}

.exchange__slider-values {
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    justify-content: space-between;
}

.exchange__range {
    -webkit-appearance: none;
    height: 10px;
    background-color: transparent;
    outline: none;
    margin-top: 5px;
    margin-bottom: 20px;
    background-image: url('/style/img/slider/range_slider.png');
    background-size: 100% 100%;
}

.exchange__range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 10px;
    height: 25px;
    background-image: url('/style/img/slider/range_thumb.png');
    background-size: 100% 100%;
    cursor: pointer;
}

.exchange__range::-moz-range-thumb {
    width: 10px;
    height: 25px;
    background-image: url('/style/img/slider/range_thumb.png');
    background-size: 100% 100%;
    cursor: pointer;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.exchange__input {
    border: none;
    padding: 3px;
    color: #ffffff;
    font-size: 18px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
    background: #3f3f3f;
    text-align: center;
}

/*Ивент контроль популяции */
.population-content__header {
    height: auto;
    max-width: 100%;
}

.population-content__egg {
    height: 128px;
    margin: 0 auto 0;
    display: block;
}

.population-content__item {
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: baseline;
    padding-top: 5px;
    padding-bottom: 5px;
}

.population-content__btns {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.population-content__btn {
    margin: 5px;
}

.population-buy__item {
    padding-bottom: 5px;
    padding-top: 5px;
}

.population-buy__img {
    height: 128px;
    margin: 0 auto 0;
    display: block;
}

.population-buy__list {
    display: flex;
    flex-direction: column;
}

.population-buy__item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.population-buy__title {
    font-size: 18px;
    color: #ffffff;
}

.population-buy__addon {
    color: #2ABF45;
}

.population-buy__btn {
    width: 50%;
    text-align: center;
    margin-bottom: 3px;
    margin-top: 3px;
}

/*Скрыть и показать Описание клана */

.clan-about.show {
    max-height: 700px;
    transition: max-height 0.3s ease-in;
}

.clan-about {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease-out;
}

.clan-kazna {
    height: auto;
    max-width: 100%;
}

.love-sobor {
    height: auto;
    max-width: 100%;
}

/* Ресуры игрока */
.user-resources__title {
    font-size: 20px;
    color: #ffffff;
}

.user-resources__element {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.resource__img {
    height: 18px;
    width: 18px;
}

/* Сундуки */
.chest__close-info {
    display: flex;
    justify-content: center;
    margin-left: 25%;
    align-items: baseline;
}

.chest__close-title {
    padding-right: 30px;
}

/* Ежедневная награда */
.daily_reward {
    width: 70%;
    display: grid;
    justify-items: center;
    align-items: center;
}

.daily_reward__title {
    text-align: center;
    font-size: 14px;
}

.daily_reward__value {
    color: #ffffff;
}

.daily_reward__pass {
    color: #736f6f;
}

.daily_reward__list {
    display: flex;
}

.daily_reward__item {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    margin-right: 10px;
}

.daily_reward__content {
    background: linear-gradient(to bottom, #413d3d, #171d2f);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    border: 2px solid #111;
    border-radius: 5px;
    margin-bottom: 5px;
    font-size: 14px;
    height: 40px;
    width: 55px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.daily_reward__content-current {
    border: 2px solid rgba(255, 225, 17, 0.84);
}

.daily_reward__content-wide {
    width: 118px;
}

.daily_reward__background {
    background-image: url(/style/img/avatarNew/1402_full.png);
    background-position: left;
    height: 200px;
    background-repeat: no-repeat;
    background-size: auto 200px
}

.daily_reward__img {
    height: 16px;
    width: 16px;
    top: 0;
}

/* Разное */

.dmg {
    position: absolute;
    top: 40px;
}

.seria_pobed {
    padding-top: 3px;
    padding-bottom: 5px;
    text-align: center;
}

.log {
    line-height: 16px;
    font-size: 13px;
}

.pointer-none {
    pointer-events: none;
}

.flex {
    display: flex;
}

.flex-center {
    justify-content: center;
}

.flex-end {
    justify-content: end;
}

.flex-column {
    flex-direction: column;
}

.items-center {
    align-items: center;
}

.order-negative {
    order: -1 !important;
}

.order-0 {
    order: 0;
}

.order-1 {
    order: 1;
}

.order-99 {
    order: 99;
}

.green {
   color: #059114FF;
}

.green_light {
    color: #1eff00;
}

.del {
    text-decoration: line-through crimson;
    text-decoration-thickness: 1px;
}

.pb-3 {
    padding-bottom: 3px;
}

.margin_5 {
    margin: 5px;
}

.margin_right_5 {
    margin-right: 5px;
}

.z-index_90 {
    z-index: 90;
}

.z-index_100 {
    z-index: 100;
}

.z-index_110 {
    z-index: 110;
}

.border{
    padding: 5px;
    border: 1px solid #222222;
    border-top: 1px solid #4E4E4E;
    border-bottom: 1px solid #000000;
}
.border-gold {
    border: 2px solid #efe40e;
    box-shadow: 0 0 4px 1px #efe40e;
    border-radius: 10px;
}
.jewerly__input {
    background-color: #3F3F3F;
    border: 1px solid #4E4E4E;
    color: #ffffff;
    outline: none;
    width: 40px;
    text-align: center;
}

/* Рамки иконок цвет редкости */
.rarity_1{border-color: #ffffff;}
.rarity_2{border-color: #1eff00;}
.rarity_3{border-color: #0070dd;}
.rarity_4{border-color: #a335ee;}
.rarity_5{border-color: #ff8000;}
.rarity_6{border-color: #05CCFF;}
.rarity_7{border-color: #f5270d;}
.rarity_8{border-color: #ecc862;}


/* Банки */
.banks {
    display: flex;
    justify-content: center;
    align-items: center;
}

.banks__text {
    font-size: 22px;
}

.banks__logo {
    padding: 5px;
    width: 230px;
    height: 26px
}

/* слайдер в магазине платины */

.slider-wrapper {
    position: relative;
    overflow: hidden;
}
.slides-container {
    height: fit-content;
    width: 100%;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: scroll;
    scroll-behavior: unset;
}
.slide {
    width: 100%;
    flex: 1 0 100%;
}

.slides-container {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
}
/* WebKit */
.slides-container::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.slide-arrow {
    position: absolute;
    display: flex;
    top: 0;
    bottom: 0;
    margin-top: 10%;
    height: 4rem;
    background-color: white;
    border: none;
    width: 2rem;
    font-size: 3rem;
    padding: 0;
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 100ms;
    z-index: 100;
}
.slide-arrow:hover,
.slide-arrow:focus {
    opacity: 1;
}
#slide-arrow-prev {
    left: 0;
    padding-left: 0.25rem;
    border-radius: 0 2rem 2rem 0;
}
#slide-arrow-next {
    right: 0;
    padding-left: 0.75rem;
    border-radius: 2rem 0 0 2rem;
}

/* магазин платины юкасса*/

.shop-platina {

}

.shop-platina__item {
    display: flex;
    flex-direction: column;
    margin: auto 115px;
    align-items: center
}

.shop-platina__img {
    height: 128px;
    width: 128px
}

.shop-platina__price {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

.shop-platina__info {
    display:flex;
    flex-direction: column;
    text-align: center;
    margin-top: 5px;
}

.shop-platina__other {
    text-align: center;
    align-items: center;
    padding: 10px;
    background-color: #191919;
}

.shop-platina__title {
    text-align: center;
    padding: 5px;
    background-color: #1b1b1d;
    color: white;
}

.shop-platina__sale {
    text-decoration: line-through;
    text-decoration-color: red;
    text-decoration-thickness: 2px;
}


.carousel {
    background: #262626;
    padding: 0;
    opacity: 0;
    transition: opacity 0.7s ease;
    height: 0;
}

.carousel.show {
    opacity: 1;
    padding: 10px;
    height: auto;
}

.carousel__container {
    overflow: hidden;
    width: 100%;
    background: #2f2f2f;
    border-radius: 10px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
}

.carousel__container > ul {
    position: relative;
    left: 0;
    display: inline-flex;
    transition: 5s ease;
}

.carousel__container > ul > li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    border-left: 1px solid #f87721;
}

.carousel__win {
    background-color: rgba(248, 119, 33, 0.35);
    animation: shake2 1.0s infinite;
}

.carousel__arrow {
    transform: translate(15%, 5px);
}

/* Фейерверк */
#fireworkCanvas {
    position: absolute;
    min-width: 320px;
    max-width: 420px;
    z-index: 200;
    pointer-events: none;
    background-color: transparent;
}


/* НГ */
.image-container {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}

.image-with-shadow {
    width: 100%;
    display: block;
}

.image-container::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 25px; /* Высота тени */
    background: linear-gradient(to bottom, transparent, rgba(38, 38, 38, 1)); /* Градиентная тень от прозрачной к черной */
    z-index: 2; /* Увеличиваем отступ z-index для тени, чтобы она была на переднем плане */
}

.message-ng {
    padding: 5px;
    text-align: center;
    color: #ffffff;
}

/* Для фонда */
.tourney-top__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-evenly;
}

.battle-time-left {
    padding: 10px 0;
    line-height: 1.5;
    background-color: #202022;
}

/* Стили для блока с прокруткой */
.battlepass__list {
    max-height: 285px;
    overflow-y: auto;
    scroll-behavior: smooth;
}

/* Изменяем цвет полосы прокрутки для WebKit (Chrome, Safari) */
.battlepass__list::-webkit-scrollbar {
    width: 15px;
    background-color: #F5F5F5;
    border-radius: 2px;
}

/* Цвет фона полосы для WebKit (Chrome, Safari) */
.battlepass__list::-webkit-scrollbar-track {
    background-color: #2d2d2f;
}

.battlepass__list::-webkit-scrollbar-thumb {
    background-color: #696060;
    background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 25%, transparent 100%, rgba(0, 0, 0, 1) 75%, transparent);
    border-radius: 2px;
}

.param__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 10px;
}

.param__item {
    padding: 6px 10px;
    font-size: medium;
    background-color: #131415;
    border: 1px solid #111;
    border-radius: 5px;
}

/* Затемнение для иксолла */
.xsolla__overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Затемнение */
    justify-content: center;
    align-items: center;
    z-index: 9999;
    animation: xsolla__loading 0.5s ease;
}

.xsolla__loading-message {
    background: #fff;
    padding: 20px;
    border-radius: 5px;
}

@keyframes xsolla__loading {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

/* Всплывашка */

.popup {
    opacity: 1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: rgba(25, 25, 25, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup-content {
    display: flex;
    align-items: center;
    background-color: rgba(80, 77, 77, 0.7);
    width: 90%;
    max-width: 360px;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    text-align: center;
    position: fixed;
    bottom: 1500px; /* Начальное положение за пределами экрана */
    left: 50%;
    transform: translateX(-50%);
    transition: bottom 0.3s ease; /* Анимация выезжания и уезжания */
    flex-direction: column;
    gap: 5px;
}

.popup-opened {
    overflow: hidden; /* Блокировка прокрутки */
}