body {
    margin: auto;
    max-width: 480px;
    /* background: #212121 no-repeat fixed; */
    background: #090714 no-repeat fixed;
    color: #fff;
    font-family: arial,verdana,tahoma,sans-serif;
    font-size: 14px;
    font-weight: bold;
    position: relative;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

a {
    text-decoration: none;
    color: #fff;
    outline: none
}

a:active,
button:active,
img:active {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Добавляет тень */
  opacity: 0.8; /* Уменьшает прозрачность */
}

a,
button, img, .attack {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.11);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: auto;
}


/*Шапка страницы*/
.location_wrapper {
    display: table;
    width: 100%;
}

.location_name {
    color: #bdbdbd;
    display: table-cell;
    font-size: 18px;
    line-height: 32px;
}

.row:before {
    display: table;
    content: " ";
}

.location-row {
    background: url(/templates/images/icon/location-bg1.png) top center no-repeat;
    background-size: contain;
}

.no-mg {
    margin: 0;
    padding: 0;
}
/*Конец шапка страницы*/

a.link-body {
    padding: 10px 14px;
    display: flex;
    align-items: center;
    color: #e5e5db;
    font-weight: 600;
    border: 1px solid #0404048f;
    border-left: 0;
    border-right: 0;
    /* box-shadow: inset 0px 0px 20px 0px #0504049c; */
    gap: 10px
}

a.link-image {
    background:url(/templates/images/icon/t2.webp) 97% 60%/15px 15px no-repeat
}

a.link-image:hover{
    background: url(/templates/images/icon/t2.webp) 97% 60%/15px 15px no-repeat
}

a.link-body_percent_50 {
    display: block;
    color: #a1c7f0;
    height: 35px;
    width: 50%;
    line-height: 35px;
    border: 1px solid #000;
    text-align: center;
}

a.link-image_percent_50 {
    background:url(/templates/images/icon/link_fon.png);
}

a.link-image_percent_50:hover{
    background:url(/templates/images/icon/link_fon_hover.png);
}

a.bottom_link{
    font-size: 12px;
    color: #cdcdcd;
    margin: 5px 5px 5px 5px;
}

form {
    margin: 0;
}


.button-container {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 100%;
    transition: .5s ease;
}

.button-container:hover {
    opacity: 0.7;
}

.button-text {
    white-space: nowrap;
    position: absolute;
    bottom: 50%;
    left: 50%;
    transform: translate(-50%, 30%);
    -ms-transform: translate(-50%, 30%);
    color: #F7C069;
}

.button-image {
    width: 200px;
    height: 61px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(/templates/images/icon/button.png);
    background-size: auto 75%;
    background-repeat: no-repeat;
    background-position: center center;

}

.button-container button {
    background-color: #2a2a2a;
    border: none;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

span.image-body {
    display: inline-block;
    width: 16px;
    height: 16px;
}

span.icon_info_block {
    vertical-align:middle;
    position: relative;
    top: -1px;
    padding-right:2px;
}

div.image-body {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align:middle;
    position: relative;
}

div.image-big {
    display: inline-block;
    float: left;
    width: 80px;
    height: 80px;
    vertical-align: top;
    position: relative;
    padding: 0 7px 0 5px;
}

img.image-big {
    display: inline-block;
    float: left;
    width: 80px;
    height: 80px;
    vertical-align: top;
    position: relative;
    padding: 0 7px 0 5px;
}

img.image-big-list {
    display: inline-block;
    float: left;
    width: 80px;
    max-height: 80px;
    vertical-align: top;
    position: relative;
    padding: 0 7px 0 5px;
}

.top {
    text-align: center;
    background: #111112;
    box-shadow: inset 0 0 15px #000000;
    padding: 8px;
    font-weight: bold;
    color: #d3cf1a !important;
}

.content, .link-body {
    position: relative;
    color: #f9ffec;
    font-weight: normal;
    background: #2a2a2a;
    background: #151d26;
    background: #353533;

    /* box-shadow: inset 0 0 15px #000000; */
}
.content.index {
    min-height: 79.8vh;
}
.content2 {
    font-weight: normal;
    text-align: left;
    background: #0B1C26;
    box-shadow: inset 0 0 15px #000;
    color: #f9ffec;
}

.bottom {
    text-align: center;
    background: #151d26;
    background: #2a2a2a;
    background: #353533;

    box-shadow: inset 0 0 15px #000;
    padding: 5px;
    color: #fff;
    font-weight: normal;
}

.error {
    background: #0B1C26;
    box-shadow: inset 0 0 15px #000;
    padding: 4px;
    color: #a1c7f0;
}

.notification {
    background: #0B1C26;
    box-shadow: inset 0 0 15px #000;
    padding: 4px;
    color: #a1c7f0;
}

.center {
    text-align: center;
}

textarea {
    width: 96%;
    min-width: 96%;
    max-width: 96%;
}

/*#line {*/
/*    background:url(t2.webp);*/
/*}*/
#line, #line *{
    height:2px;
/*{{base64_encode(file_get_contents("http://mrush.mobi/view/image/art/bg-hr.png"))}}*/
/*    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAAGCAYAAAB5NDb9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABG9JREFUeNoclMtv3FQYxY899tjzzDwyeTnPJm2TppCGFKkplAoURCtWQCWEkEACiQ0b/gT+BTZs2LKsoEKILqjaAgVaFLVJmzRp0mZmkpnJPD22x+O3PXydhaWre33vd+45v+9yo7lkLyaKiIoCXM+HaugwLR++30MqKUDgeWQScTQ1DYWKghkphVQsDoYB1nePMJSNIRkVkI7HkIhGUG7K0C0HpunRWhS5VApJOl8xDXTpayhdqB0XZ05k+/UiYYHOT6Cpq9grNDGcTmIwE0Op5SLCujg7M4qDagP5ahsjmQG8cXYWmtFF13IhhHls7BZQbxtYPTcJ23WxvVvH2uUlyHIT9ZYG1wnA+UFgdm3agR7fMaxQQzXCDMMilxbbrusHvR7YqtxJH9baoDE03VZ7PQaeFzA8F0oKXJhM6cFylHpd0XxFt1Oa7kSkoXhzNJvJNtqqrHbIOMc1yg19aGlOEvbtOnYKLcyODYJlOTKmbewdNqPZZASLMxL+2XqOhmrj6uoZ2CRS6zogJRgl0xS6YaWlxizPcYvHbf6lprDIUX33MQt+ot7W0oqqtsjAUkd3xio1Jc188+labzN/iHqDhNg+5qYySEYimBkdwXYhj1v/FfHWaxMYH8wh8Dz8+PtDzE1mKKEIhgfSyFCCW0clKm5SQjbGh+Pk+CClJ6CualC6OqrNDpSOg/kZSs/1EOZ4Sj+KVkfDQUmhJCNIxul/zQcPF+NDKVRllRLq0jxpGcmSNgsW6WNDDCoNhahwMDaUhOv7kFsGJDLMsgwYlJfvBYjGwojxQj9tbvNFiZwrg8LD5XOTXi9AYNoOe387z/37pADP9Umg4XOs/BIRJibybEyIoKMFhFvLrSptVKoqfywbWJgeDCaHhtmaogSyrvUcxwn2i23+lbkx7No17BdbmBrOgOVC/UvkK3If9RNSDk9Ih0xGrMxP9I2wHI/IoZaJCXRBm0y04AQe2mTmy/kQx4JlGC9EI8N2aI9DVLB+4AcsGcAkEqJveg7j+D7LLZ7MYXI8gbt/F3Dx/BJXrhwiX2rSQS6++HAZC6MSTkxIoZos44/tHRAd6BouLqxIyCUG+PPzJ3F38xF++GkTb56fZl+dnkXP99ivv/sZl5YnQ9euSFiQxjH1cQ431zdQqmuo1HS8fm4CX330NqRsCnvlY5yay9BFq1Rbw7V3F2CYI0hF45glop6Wi/jtz30sT0uYnchi/cDAAGvi/YsL3D1COySGcXpqBJ+/dyF03GqgqZqIiELo178eIl9WqCf9ACInonhMi3IDoAfFNBw8fdHA4ukx7Neq0OjBeFZq4ca9PTCEyydr8/2HSTMMXL/9CNfvbMC2PcJIg8gfErYOBgnBTIywq/no2gVsHx3hyV4NW3mZeu0UVs/MY6dYwkHtGB29i1sPjvDZlRUo6mP8cucZ3lk5jRATxoPdPG7e38H0cBofXFrG9zdu0z4N3355FapuERHdPrILU2mUGy1sPa9Cd0ysPy2B2hgikfK/AAMAXrtyckHISCAAAAAASUVORK5CYII=);*/
    background-image:url(/templates/images/icon/hr.png);
    background-repeat:no-repeat;
}
#line{
    font-size:0;
    background-color:#00000000;
    background-repeat:repeat-x;
    background-position:0 -4px;
}
#line div{
    background-position:0 0;
}
#line div div{
    background-position:100% -2px;
}

div.image-logo {
    height: 20px;
    background-image: url(/templates/images/logo.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 155px 20px;
    /*padding-bottom: 4px;*/
}



.inpsut[type=submit]{
    background: #164E06;
    box-shadow: inset 0 0 10px #000;
    padding: 10px;
    color: black;
    border: 1px solid #0B1500;
    text-align: center;
}



div.block_header_center {
    background: url(/templates/images/icon/center.png) repeat-x scroll 0 0 transparent;
    /*max-width: 100%;*/
    margin-left: 20px;
    margin-right: 20px;
}

div.block_header_left {
    background-image: url(/templates/images/icon/block_header_left.png);
    background-repeat: repeat-y;
    background-size: 32px;
    margin-left: -20px;
}

div.block_header_right {
    background-image: url(/templates/images/icon/block_header_right.png);
    background-repeat: repeat-y;
    background-size: 32px;
    background-position: 100% 0;
    margin-right: -20px;
}

div.block_header_text {
    /* margin: 6px 0; */
    padding: 5px;
    margin-bottom: 4px;
    text-align: center;
    color: #ffffff;
    font-size: small;
    font-weight: bold;
}





















.p{
    background: #101010;
    box-shadow: inset 0 0 10px #303030;
    border: 4px solid #42160F;
    padding: 5px;
    color: #D4D4D4;
}
.c{
    background: #303030;
    box-shadow: inset 0px 0px 20px #151515;
    padding: 8px;
    color: #fff;
}
.ok{
    padding: 5px;
    background-color: #15380a;
    border: 1px solid #367814;
}
.no{
    background: #101010;
    color: red;
    padding: 5px;
    box-shadow: inset 0 0 10px #303030;
    border: 1px solid #000;
}
.b{
    background: #101010;
    padding: 8px;
    box-shadow: inset 0 0 15px #303030;
    border: 1px solid #000;
    color: #E0E0E0;
}
a.str{
    background: #303030;
    padding: 5px;
    box-shadow: 0 0 3px #999999;
    margin-right: 5px;
    border-radius: 2px;
}

.shkala{
    background: #353535;
    height: 4px;
    overflow: hidden;
    margin: 2px auto;
}
.xp{
    background: #DB7A19;
    height: 4px;
}
.clear{
    clear: both;
}
img.foto{
    float: left;
    margin-right: 7px;
}
td.pnl{
    padding: 7px;
    border: 1px solid #000;
    background: #42160F;
    box-shadow: inset 0 0 10px #000;
    text-align: center;
    color: #afafaf;
}
.block{
    background: #101010;
    box-shadow: inset 0 0 10px #202020;
    border-top: 1px solid #000;
    padding: 6px;
    text-align: center;
}

td{
    text-align: center;
}
.line{
    height: 3px;
    background: #747474;
}
.main{
    display: flex;
    width: 100%;
}
.w20{ width: 20%;}
.w80{ width: 80%;}
.w50{ width: 50%;}
span.nick{
    background: linear-gradient(maroon, indianred); /* Градиент для текста */
    -webkit-background-clip: text; /* Обрезаем фон по тексту */
    -webkit-text-fill-color: transparent; /* Прозрачный текст */
}
span.nick2{
    color: #6530C6;
    font-weight: bold;
}
#smile{
    display: none;
}

.blockHeaderNum{
    padding: 1.5px;
    position: absolute;
    top: -15px;
    right: 15px;
    border: 1px solid #5f649b;
    background: #1f3a38;
    border-radius: 50%;
    min-width: 20px;
}

table.playerSetting {
    width: 100%;
    border-spacing: 0;
    text-align: left;
    color: #c7c7c7;
}

table.playerSetting ul{
    margin-right: 10px;
}

table.playerSetting header{
    margin-left: 15px;
    margin-top: 10px;
    font-weight: bold;
}

table.playerSetting td {
    background: #101010;
    padding: 10px;
    box-shadow: inset 0 0 15px #303030;
    border: 1px solid #000;
    color: #E0E0E0;
}

table.playerSetting div.text {
    padding: 0.82em;
    background-color: #0B1C26;
}

/* Навигация*/
.h-navig-item a, .h-navig-item.active a {
    display: block;
    padding: 6px 2px;
    text-decoration: none !important;
}
.h-navig-item {
    font-size: 12px;
    text-align: center;
}
.h-navig-item.active a {
    display: block;
    border: 1px solid #1c242f;
    background-color: #1c242f;
    color: white !important;
}

/* */
.dotted {
    border-bottom: 1px dotted #444;
}



.equipment_block {
    margin: 5px 5px 5px 5px;
}

.equipment_img {
    width: 60px;
    max-height: 60px;
}

.equipment_quantity {
    background: url(/templates/images/equipment/potion/quantity.png) center / 60px 32px no-repeat;
    text-align: center;
    line-height: 32px;
    color: #00b7ea;
}

figure {
    display: inline-block;
    flex-flow: column;
    max-width: 60px;
    margin: auto;
}

figcaption {
    background-color: #222;
    color: #fff;
    font: italic smaller sans-serif;
    text-align: center;
}


.pagination {
    padding: 8px 8px 10px;
    text-align: center;
}

.pagination a.link {
    width: 30px;
    margin: 2px;
    color: white;
    border: 1px solid #0a0909;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 3px;
    padding: 2px 6px;
    font-size: 14px;
}


.pagination a.onPage {
    background: #2b3e3e;
}


.chat {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*margin-right: -15px;*/
    /*margin-left: -15px*/
}

.chat_col {
    position:relative;
    width:100%;
    padding-right:10px;
    padding-left:10px
}

.chat_col.right {
    padding-right:10px;
    padding-left:10px
}

.chat_ava {
    float: left;
    width: 27px;
}

.chat_data {
    border-bottom: 1px solid #222223bd;
    color: #e6e9cd;
    font-size: 13px;
    margin: 0px;
    padding: 25px 18px 9px 13px;
    position: relative;
}

.chat_name {
    left: 13px;
}

.chat_name.right {
    right: 13px;
    left: auto;
}

.chat_name a {
    font-size: 14px;
    font-weight: 700;
    color: #c79438;
}

.chat_time {
    color: #656565;
    right: 30px;
}

.chat_time.right {
    color: #656565;
    left: 30px;
    right: auto;
}

.chat_answer, .chat_name, .chat_time {
    position: absolute;
    top: 9px;
}

.chat_answer {
    background: url(/templates/images/icon/answer.png) left top no-repeat;
    height: 14px;
    right: 12px;
    width: 13px;
}

.chat_data.chat_arr_right {
    text-align:right;
}


.chat_actions {
    margin-top: 7px;
    position: relative;
}

.chat_actions a.smiles_btn {
    background: url(data:image/png;base64,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)
    center / 32px 32px no-repeat;
    left: 0;
    top: 0;
}

.chat_actions a.share_btn {
    background: url(/templates/images/icon/increase.png)
    center / 25px 25px no-repeat;
    left: 0;
    top: 0;
}

.chat_actions a {
    display: block;
    position: absolute;
}

.chat_actions .write_btn {
    background: url(/templates/images/icon/big_btn_01.png) left top no-repeat,
                url(/templates/images/icon/big_btn_05.png) right top no-repeat;
    color: #88c8f5;
    font-size: 18px;
    height: 33px;
    left: 40px;
    line-height: 25px;
    margin: 0 auto;
    position: absolute;
    right: 40px;
    width: auto;
}

.counter-spec, .munchkin {
    font-family: Munchkin, sans-serif;
}

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

.write_btn span {
    position: relative;
    top: 3px;
}

.chat_actions .write_btn:after {
    background: url(/templates/images/icon/link_fon.png) left top repeat-x;
    display: block;
    height: 100%;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: -25px;
}

.chat_actions .write_btn:after {
    content: "";
}

.chat_actions a.refresh_btn {
    background: url(/templates/images/icon/refresh.png)
    center / 32px 32px no-repeat;
    right: 0;
    top: 0;
}

.chat_actions a.cancel_btn {
    background: url(/templates/images/icon/cancel_orange.png)
    center / 32px 32px no-repeat;
    right: 0;
    top: 0;
}

.small_btn {
    height: 33px;
    width: 33px;
}

.chat_actions .bottom_decor {
    background: url(/templates/images/icon/decor_gray_01.png) left bottom no-repeat,
                url(/templates/images/icon/decor_gray_03.png) left bottom repeat-x,
                url(/templates/images/icon/decor_gray_05.png) right bottom no-repeat,
                url(/templates/images/icon/header_grad.png) left 0 repeat-x;
    height: 56px;
    margin-left: -15px;
    margin-right: -15px;
}

.chat_textarea {
    width: 99%;
    height: 62px;
    resize: none;
}

.rules_textarea {
    width: 99%;
    height: 75px;
    resize: vertical;
    background: #f0f0f0;
}

.chat_border {
    border: 1px solid #a1c7f0;
}

.chat_data.chat_arr_border:after {
    border-color: transparent #a1c7f0;
}



/*Смайлы взяты с этого сайтв*/
/*https://www.unicode.org/emoji/charts/full-emoji-list.html*/

span.smile {
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor:pointer;
}

.smiles-block {
    color: #00b7ea;
    display: none;
    height: auto;
    margin: 0 5% 20px;
    position: relative;
    width: 90%;
    z-index: 4;
}


span.moderating {
    display: block;
    padding-top: 10px;
    text-align: right;
}

.moderating a {
    color: #a1c7f0;
}

.moderating a.ban {
    padding: 0 5px
}

.moderating a.delete {
    padding-left: 5px
}

.green {
    color: limegreen;
}
.color-green {
    color: limegreen;
}

.red {
    color: indianred;
}
.color-red {
    color: indianred;
}

.red_dark {
    color: darkred;
}
.color-red_dark {
    color: darkred;
}

.yellow {
    color: #FFFF00A3;
}
.color-yellow {
    color: #FFFF00A3;
}

.black {
    color: black;
}
.color-black {
    color: black;
}

.brown {
    color: #65491b;
}
.color-brown {
    color: #65491b;
}

.color_name_event {
    color: #6d949e;
}
.color-name_event {
    color: #6d949e;
}
.color-blue {
    color: #a1c7f0;
}



.text_size {
    font-size: 1.1em;
}

.padding_header {
    padding: 10px 25px 0 25px;
}

.padding_left_right {
    padding: 0 25px 0 25px;
}

.padding_bottom_10 {
    padding-bottom: 10px;
}

.text_line_through {
    text-decoration: line-through;
}

.text_bold {
    font-weight: bold;
}


.progressBar_type-simple {
    height: 5px;
    position: relative;
    background-color: #3c3c3c;
    border: 1px solid #615b3c;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
    background: #292929;
    background: -webkit-gradient(linear,left top,left bottom,from(#292929),to(#5d5d5d));
    background: -webkit-linear-gradient(top,#292929 0,#5d5d5d 100%);
    background: linear-gradient(to bottom,#292929 0,#5d5d5d 100%);
}

.progressBar_type-simple .progressBar-valueFill {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #4fe043;
    background: -webkit-gradient(linear,left top,left bottom,from(#4fe043),to(#1a7329));
    background: -webkit-linear-gradient(top,#4fe043 0,#1a7329 100%);
    background: linear-gradient(to bottom,#4fe043 0,#1a7329 100%);
}

.clanWarMap{padding-bottom:66.6%;position:relative;-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat;background-image:url(/templates/images/clan/wars/map/map-bg.jpg)}
.clanWarMap-buildings{position:absolute;left:0;right:0;top:0;bottom:0}
.clanWarMap-tower{width:11%;position:absolute}
.clanWarMap-buildings_side-left .clanWarMap-tower_line-0{left:14%;top:4%}
.clanWarMap-buildings_side-left .clanWarMap-tower_line-1{left:26%;top:37%}
.clanWarMap-buildings_side-left .clanWarMap-tower_line-2{left:12%;top:67%}
.clanWarMap-buildings_side-right .clanWarMap-tower_line-0{right:16%;top:6%}
.clanWarMap-buildings_side-right .clanWarMap-tower_line-1{right:25%;top:39%}
.clanWarMap-buildings_side-right .clanWarMap-tower_line-2{right:14%;top:66%}
.clanWarMap-towerBroken,.clanWarMap-towerWhole{position:absolute;width:100%;opacity:1;padding-bottom:120%;-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat;-webkit-transition:opacity 1s;transition:opacity 1s}
.clanWarMap-towerBroken_isVisible-false,.clanWarMap-towerWhole_isVisible-false{opacity:0}
.clanWarMap-buildings_side-left .clanWarMap-towerWhole{background-image:url(/templates/images/clan/wars/map/tower-blue.png)}
.clanWarMap-buildings_side-left .clanWarMap-towerBroken{background-image:url(/templates/images/clan/wars/map/tower-blue-broken.png)}
.clanWarMap-buildings_side-right .clanWarMap-towerWhole{background-image:url(/templates/images/clan/wars/map/tower-orange.png)}
.clanWarMap-buildings_side-right .clanWarMap-towerBroken{background-image:url(/templates/images/clan/wars/map/tower-orange-broken.png)}
.clanWarMap-castle{width:17%;position:absolute}
.clanWarMap-buildings_side-left .clanWarMap-castle{left:3%;top:31%}
.clanWarMap-buildings_side-right .clanWarMap-castle{right:5%;top:33%}
.clanWarMap-castleBroken,.clanWarMap-castleWhole{position:absolute;width:100%;opacity:1;padding-bottom:115%;-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat;-webkit-transition:opacity 1s;transition:opacity 1s}
.clanWarMap-castleBroken_isVisible-false,.clanWarMap-castleWhole_isVisible-false{opacity:0}
.clanWarMap-buildings_side-left .clanWarMap-castleWhole{background-image:url(/templates/images/clan/wars/map/castle-blue.png)}
.clanWarMap-buildings_side-left .clanWarMap-castleBroken{background-image:url(/templates/images/clan/wars/map/castle-blue-broken.png)}
.clanWarMap-buildings_side-right .clanWarMap-castleWhole{background-image:url(/templates/images/clan/wars/map/castle-orange.png)}
.clanWarMap-buildings_side-right .clanWarMap-castleBroken{background-image:url(/templates/images/clan/wars/map/castle-orange-broken.png)}
.clanWarMap-castleSmoke,.clanWarMap-towerSmoke{width:100%;position:absolute;-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat;-webkit-animation-name:clanWar-smoke;animation-name:clanWar-smoke;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
.clanWarMap-towerSmoke{padding-bottom:129%;top:-12px;background-image:url(/templates/images/clan/wars/map/tower-smoke.png)}
.clanWarMap-castleSmoke{padding-bottom:111%;top:-25px;background-image:url(/templates/images/clan/wars/map/castle-smoke.png)}
.clanWarMap-line{height:20%;position:absolute;-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s}
.clanWarMap-line_id-0{top:6%;left:24%;right:25%}
.clanWarMap-line_id-1{top:38%;left:33%;right:33%}
.clanWarMap-line_id-2{top:68%;left:22%;right:24%}
.clanWarMap-circle{width:36px;height:36px;position:absolute;top:0;bottom:0;margin:auto;opacity:1;-webkit-transition:opacity 1s;transition:opacity 1s}
.clanWarMap-circle_type-ally{left:0;color:#58c0ff}
.clanWarMap-circle_type-enemy{right:0;color:#ff9758}
.clanWarMap-circle_type-battle{left:0;right:0}
.clanWarMap-circle_isSelecting-true{cursor:pointer}
.clanWarMap-circle_isVisible-false{opacity:0}
.clanWarMap-circle_isFinished-true{opacity:.7}
.clanWarMap-circleShine{position:absolute;left:2px;right:2px;top:2px;bottom:2px;-webkit-border-radius:100%;border-radius:100%;-webkit-box-shadow:0 0 15px 5px #24ff67;box-shadow:0 0 15px 5px #24ff67}
.clanWarMap-circleShine_isAnimated-true{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
.clanWarMap-circleBg{position:absolute;left:0;right:0;top:0;bottom:0;background-image:url(/templates/images/clan/frame.png);-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat}
.clanWarMap-circleContent{height:100%;position:relative;line-height:36px;font-family:kundera;font-size:17px}
.clanWarMap-swords{width:36px;height:36px;background-image:url(/templates/images/clan/wars/swords-animation.png);-webkit-background-size:432px 36px;background-size:432px 36px;-webkit-animation:clanWar-swords .8s steps(12) infinite;animation:clanWar-swords .8s steps(12) infinite}
.clanWarMap-line_id-1 .clanWarMap-swords{-webkit-animation-delay:-.2s;animation-delay:-.2s}
.clanWarMap-line_id-2 .clanWarMap-swords{-webkit-animation-delay:-.3s;animation-delay:-.3s}
.clanWarMap-circelDot{width:12px;height:12px;margin:auto;-webkit-border-radius:10px;border-radius:10px;position:absolute;left:1px;right:0;top:-1px;bottom:0}
.clanWarMap-circelDot_winner-none{background-color:#474747}
.clanWarMap-circelDot_winner-left{background-color:#58c0ff}
.clanWarMap-circelDot_winner-right{background-color:#ff9758}
.clanWarMap-count{position:absolute;top:0;font-size:22px;text-shadow:1px 1px 2px rgba(0,0,0,.85)}
.clanWarMap-count_pos-left{left:-12px;color:#58c0ff}
.clanWarMap-count_pos-right{right:-12px;color:#ff9758}