@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&subset=latin,cyrillic,cyrillic-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&subset=latin,cyrillic,cyrillic-ext');
keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
@keyframes bounce2 {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-5px);}
60% {transform: translateY(-3px);}
}
.boss-1 { background-image: url('/images/basement/1.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-2 { background-image: url('/images/basement/2.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-3 { background-image: url('/images/basement/3.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-4 { background-image: url('/images/basement/4.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-5 { background-image: url('/images/basement/5.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-6 { background-image: url('/images/basement/6.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-7 { background-image: url('/images/basement/7.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-8 { background-image: url('/images/basement/8.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-9 { background-image: url('/images/basement/9.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-10 { background-image: url('/images/basement/10.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-11 { background-image: url('/images/basement/11.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-12 { background-image: url('/images/basement/12.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-13 { background-image: url('/images/basement/13.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-14 { background-image: url('/images/basement/14.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-15 { background-image: url('/images/basement/15.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-16 { background-image: url('/images/basement/16.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-17 { background-image: url('/images/basement/17.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-18 { background-image: url('/images/basement/18.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-19 { background-image: url('/images/basement/19.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-20 { background-image: url('/images/basement/20.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-21 { background-image: url('/images/basement/21.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-22 { background-image: url('/images/basement/22.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-23 { background-image: url('/images/basement/23.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-24 { background-image: url('/images/basement/24.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-25 { background-image: url('/images/basement/25.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-26 { background-image: url('/images/basement/26.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-27 { background-image: url('/images/basement/27.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-28 { background-image: url('/images/basement/28.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-29 { background-image: url('/images/basement/29.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-30 { background-image: url('/images/basement/30.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-31 { background-image: url('/images/basement/31.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-32 { background-image: url('/images/basement/32.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-33 { background-image: url('/images/basement/33.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-34 { background-image: url('/images/basement/34.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-35 { background-image: url('/images/basement/35.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.boss-36 { background-image: url('/images/basement/36.webp'); width: 50px; height: 50px; background-size: 50px 50px; }
.zona-1 { background-image: url('/images/zona/1.webp'); width: 200px; height: 110px; background-size: 200px 110px; }
.zona-2 { background-image: url('/images/zona/2.webp'); width: 200px; height: 110px; background-size: 200px 110px; }
.zona-3 { background-image: url('/images/zona/3.webp'); width: 200px; height: 110px; background-size: 200px 110px; }
.zona-4 { background-image: url('/images/zona/4.webp'); width: 200px; height: 110px; background-size: 200px 110px; }
.zona-5 { background-image: url('/images/zona/5.webp'); width: 200px; height: 110px; background-size: 200px 110px; }
.zona-6 { background-image: url('/images/zona/6.webp'); width: 200px; height: 110px; background-size: 200px 110px; }
.zona-7 { background-image: url('/images/zona/7.webp'); width: 200px; height: 110px; background-size: 200px 110px; }
.zona-8 { background-image: url('/images/zona/8.webp'); width: 200px; height: 110px; background-size: 200px 110px; }
.zona-9 { background-image: url('/images/zona/9.webp'); width: 200px; height: 110px; background-size: 200px 110px; }
.zona-10 { background-image: url('/images/zona/10.webp'); width: 200px; height: 110px; background-size: 200px 110px; }
.game-menu {
margin-top: 0px;
margin-bottom: 0px;
height: 128px;
background-image: url("/images/design/menu-bg-min.webp");
background-size: 100% 128px;
background-repeat: no-repeat;
padding: 3px 0;
}
.attack-image {
position: relative;
width: 100px;
height: 100px;
border: none;
cursor: pointer;
overflow: hidden;
background: none;
}
.attack-image:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('/images/design/level-up/bg-min.png');
background-size: cover;
animation: spin 5s linear infinite;
}
.attack-image:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 50%;
height: 50%;
background-image: url('/images/template/attack.png');
background-size: cover;
transform: translate(-50%, -50%);
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.vertical-menu {
padding: 10px 0;
text-align: center;
}
.vertical-menu .vm-slot {
display: inline-block;
}
.vertical-menu .vm-slot a {
text-decoration: none;
}
.vertical-menu .vm-slot a .label {
font-size: 15px;
display: block;
}
.particle {
position: absolute;
}
.particle.size15 {
background-size: 15px;
width: 15px;
height: 15px;
}
.particle.size10 {
background-size: 10px;
width: 10px;
height: 10px;
}
.particle.heal-particle {
background-image: url("/images/particle/heal.png");
}
.disabled {
  opacity: 0.5;
  pointer-events: none;
}
@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}
/* Chrome version 29 and above */
@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
.royal-rewards-level .level-progress{
left: 6px !important;
}
.royal-rewards-level .level-progress {
left: 6px !important;
}
.royal-rewards-level .level {
left: 4px !important;
}
}
.content {
background-color: #1e1d1d;
background-image: url(/images/template/content.webp);
word-wrap: break-word;
}
.header, .footer {
background-image: url(/images/template/header.webp);
}
a. square-button {
display: inline-block;
padding: 7px;
background-color: black;
border: 1px solid #464646;
border-radius: 5px;
}
.profile-dummy-block {
height: 160px;
position: relative;
margin: 0 auto;
width: 220px;
}
.profile-dummy-block .profile-dummy {
width: 120px;
height: 160px;
top: 0;
position: absolute;
left: 50px;
}
.profile-dummy-block .equip-panel {
width: 50px;
height: 160px;
}
.equip-panel.panel-left {
}
.equip-panel {
position: absolute;
top: -5px;
}
.equip-panel.panel-right {
left: 170px;
}
.equip-panel .slot {
width: 35px;
height: 35px;
background-size: 35px;
margin: 5px auto 0;
}
.equip-panel .slot.empty {
background-image: url("/images/items/0.webp");
}
.bord-black {
border: 1px solid #000000;
}
.clan-flag30 {
width: 30px;
height: 30px;
}
.clan-flag50 {
width: 50px;
height: 50px;
}
.clan-flag-frame {
background-image: url("/images/template/clan-flag.png");
}
.clan-flag-bg1 {
background-color: #f47d32;
}
.clan-flag-bg2 {
background-color: #01af4b;
}
.clan-flag-bg3 {
background-color: #8b13dd;
}
.clan-flag-bg4 {
background-image: url("/images/template/clan/bg4.png");
}
.clan-flag-bg5 {
background-image: url("/images/template/clan/bg5.png");
}
.clan-flag50 .clan-flag-bg {
width: 50px;
height: 41px;
position: absolute;
top: 1px;
background-size: 50px 41px;
}
.clan-flag30 .clan-flag-bg {
width: 30px;
height: 24px;
position: absolute;
top: 1px;
background-size: 30px 24px;
}
.clan-flag50 .clan-flag-frame {
width: 50px;
height: 50px;
background-size: 50px 50px;
position: absolute;
}
.clan-flag30 .clan-flag-frame {
width: 30px;
height: 30px;
background-size: 30px 30px;
position: absolute;
}
.clan-symbol {
position: absolute;
left: 5px;
top: 4px;
}
.clan-flag50 .clan-symbol {
width: 35px;
height: 32px;
background-size: 35px 32px;
background-repeat: no-repeat;
left: 7px;
top: 5px;
}
.clan-flag30 .clan-symbol {
width: 20px;
height: 20px;
background-size: 20px 18px;
background-repeat: no-repeat;
}
.clan-symbol.clan-symbol1 {
background-image: url("/images/template/clan/symbol/1.png");
}
.clan-symbol.clan-symbol2 {
background-image: url("/images/template/clan/symbol/2.png");
}
.clan-symbol.clan-symbol3 {
background-image: url("/images/template/clan/symbol/3.png");
}
.clan-symbol.clan-symbol4 {
background-image: url("/images/template/clan/symbol/4.png");
}
.left {
float: left;
}
.middle {
vertical-align: middle;
}
.right {
float: right;
}
.clear {
clear: both;
}
.line {
border: 1px solid #383737;
}
.line2 {
height: 4px;
background-image: url(/dark/line2.webp);
}
.noline{
text-decoration: none !important;
}
.center {
text-align: center;
}
.small {
font-size: small;
}
.bold {
font-weight: bold;
}
.block {
padding: 5px;
}
.color, a.color {
color: #FFFFFF;
}
.color1, a.color1 {
color: #ffd777;
}
.color2, a.color2 {
color: #807f79;
}
.color3, a.color3 {
color: #e4d98d;
}
.color4, a.color4 {
color: #F16EFF;
}
.color5, a.color5 {
color: #40daff;
}
.color6, a.color6 {
color: #ff4040;
}
.color7, a.color7 {
color: #40ff6b;
}
.color8, a.color8 {
color: #bee48d;
}
.blue, a.blue {
color: #97BBC9;
}
.white {
color: #fff !important;
}
.red, a.red {
color: red;
}
.green, a.green{
color: #AFFFAB;
}
.s125 {
font-size: 125%;
}
.s120 {
font-size: 120%;
}
.s115 {
font-size: 115%;
}
.s110 {
font-size: 110%;
}
.m3 {
margin-top: 3px;
}
.mlrb5 {
padding: 0 5px 5px 5px;
}
.mt-5{
margin-top: -5px;;
}
.mtrl5 {
margin: 5px 5px 0 5px;
}
.mr8 {
margin-right: 8px;
}
.dotted {
border-bottom: 1px dotted #444;
}
.dashed {
border-bottom: 1px dashed #444;
}
a. dashed{
border-bottom: 1px dashed #e4d98d;
}
.tdnone {
text-decoration: none !important;
}
.btn_start, .btn_end, .btn {
height: 24px;
cursor: pointer;
border: 0;
background-image: url("/images/template/btn-red-sprite.png");
text-decoration: none !important;
}
.btn_start {
display: inline-block;
overflow: hidden;
background-repeat: no-repeat;
background-position: 0 -26px;
}
.btn_end {
display: block;
background-repeat: no-repeat;
background-position: 100% -52px;
}
.btn {
color: #fff;
line-height: 12px;
text-align: center !important;
display: block;
background-repeat: repeat-x;
background-position: 0 0;
margin: 0 4px;
padding: 6px 9px 0;
}
.btn_start input.btn, .btn_start button.btn {
height: 24px;
padding: 0 18px;
}
.button-content .button-content
{
height: 25px;
padding: 0 18px;
}
.menu a
{
display: block;
padding: 5px;
text-decoration: none !important;
}
.menu-button{
width: 100%;
height: 30px;
background-image: url('/images/design/button/bg1-min.png');
background-size: 100% 30px;
background-position: absolute;
border: none;
text-decoration: none !important;
cursor: pointer;
}
.menu-button:hover{
opacity: 0.5;
}
.menu li
{
list-style: none;
border-bottom:1px dotted #444;
margin: 0;
text-decoration: none !important;
background-image: url('/images/design/btn1-bg_x2-min.webp') no-repeat;
    background-size: cover;
    font-weight: 500;
}
.menu li:last-child
{
border: 0;
}
.menu li:hover
{
background-color:#242424;
text-decoration: none !important;
}
.form-control {
display: block;
width: 100%;
height: 34%;
padding: 6px 0;
font-size: 14px;
margin-bottom: 3px;
}
.help-block {
font-size: small;
}
.alert {
background-color: #252525;
#border-top: 1px solid #131313;
#border-bottom: 2px solid #343434;
#border-left: 1px solid #343434;
#border-right: 1px solid #343434;
text-align: center;
margin-bottom: 0px;
padding: 6px 6px 8px 6px;
}
.alert_bottom {
border-top: 1px solid #000000;
border-bottom: 1px solid #3C3C3C;
}
.inline-block {
text-align: left;
display: inline-block;
}
.a_separator {
margin:5px auto;
width:50%;
border-top:1px solid #131313 !important;
border-bottom:1px solid #343434 !important;
}
.progress-green {
background-color: #5edb34;
}
.progress-red {
background-color: #DB3434;
}
.progress-grey {
background-color: #606060;
}
.progress-yellow {
background-color: #DBC634;
}
.progress-orange {
background-color: #FFB100;
}
.progress-white {
background-color: #FFFFFF;
}
ul.pagination {
padding: 10px 5px;
margin: 0;
}
ul.pagination li{
list-style: none;
display: inline-block;
background-color: #202020;
background-image: url("/images/design/section0-bg.webp");
margin: 0;
}
ul.pagination a, li.disabled {
padding: 5px;
border: 1px solid #444;
}
ul.pagination li.active a, ul.pagination li.disabled {
color: #fff;
font-weight: bold;
text-decoration: none;
background-image: url("/images/design/section1-bg.webp");
}
html,
body {
height: 100%;
}
.wrap {
min-height: 100%;
height: auto;
margin: 0 auto -60px;
padding: 0 0 60px;
}
.wrap > .container {
padding: 70px 15px 20px;
}
.footer__ {
height: 60px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
padding-top: 20px;
}
.jumbotron {
text-align: center;
background-color: transparent;
}
.jumbotron .btn {
font-size: 21px;
padding: 14px 24px;
}
.not-set {
color: #c55;
font-style: italic;
}
/* add sorting icons to gridview sort links */
a. asc:after, a.desc:after {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
padding-left: 5px;
}
a. asc:after {
content: /*"\e113"*/ "\e151";
}
a. desc:after {
content: /*"\e114"*/ "\e152";
}
.sort-numerical a.asc:after {
content: "\e153";
}
.sort-numerical a.desc:after {
content: "\e154";
}
.sort-ordinal a.asc:after {
content: "\e155";
}
.sort-ordinal a.desc:after {
content: "\e156";
}
.grid-view th {
white-space: nowrap;
}
.hint-block {
display: block;
margin-top: 5px;
color: #999;
}
.error-summary {
color: #a94442;
background: #fdf7f7;
border-left: 3px solid #eed3d7;
padding: 10px 20px;
margin: 0 0 15px 0;
}
.h-navig-item{
font-size: 12px;
text-align: center;
}
.h-navig a, .h-navig .active{
display: block;
padding: 6px 2px;
text-decoration: none !important;
}
.h-navig .active{
padding: 5px 1px;
border: 1px solid #000;
background-color: #161616;
background-image: url("/images/design/section1-bg.webp");
}
.h-navig a:hover{
border: 1px solid #000;
padding: 5px 1px;
background-color: #111111;
background-image: url("/images/design/section0-bg.webp");
}
.body {
max-width: 550px;
font-family: Roboto Condensed, Roboto, sans-serif;
font-size: medium;
color: #fff;
text-shadow: 0 1px 1px black;
background-color: #000;
margin: 0 auto;
}
.game-icon {
background-repeat: no-repeat;
position: relative;
vertical-align: middle;
z-index: 0;
}
.game-icon.game-icon70 {
width: 70px;
height: 70px;
background-size: 70px ;
}
.game-icon.game-icon60 {
width: 60px;
height: 60px;
background-size: 60px ;
}
.game-icon.game-icon120 {
width: 120px;
height: 120px;
background-size: 120px ;
}
.game-icon.game-icon40 {
width: 40px;
height: 40px;
background-size: 40px ;
}
.game-icon.game-icon30 {
width: 30px;
height: 30px;
background-size: 30px ;
}
.game-icon.game-icon35 {
width: 35px;
height: 35px;
background-size: 35px ;
}
.game-icon.game-icon20 {
width: 20px;
height: 20px;
background-size: 20px ;
}
.game-icon.game-icon15 {
width: 15px;
height: 15px;
background-size: 15px ;
}
.game-icon.game-icon25 {
width: 25px;
height: 25px;
background-size: 25px ;
}
.item-miniature50 .item-frame {
background-size: 50px 53px;
position: absolute;
width: 50px;
height: 53px;
}
.item-miniature35 .item-frame {
background-size: 35px 38px;
position: absolute;
width: 35px;
height: 38px;
}
.item-frame.item-frame0 {
background-image: url("/images/items/frame/0.png");
}
.item-frame.item-frame1 {
background-image: url("/images/items/frame/1.png");
}
.item-frame.item-frame2 {
background-image: url("/images/items/frame/2.png");
}
.item-frame.item-frame3 {
background-image: url("/images/items/frame/3.png");
}
.item-frame.item-frame4 {
background-image: url("/images/items/frame/4.png");
}
.item-frame.item-frame5 {
background-image: url("/images/items/frame/5.png");
}
.item-frame.item-frame6 {
background-image: url("/images/items/frame/6.png");
}
.item-frame.item-frame7 {
background-image: url("/images/items/frame/7.png");
}
.item-miniature {
position: relative;
}
.item-miniature50 {
width: 50px;
height: 50px;
}
.item-miniature35 {
width: 35px;
height: 35px;
}
.item-miniature50 .item-content {
width: 50px;
height: 53px;
background-size: 50px 53px;
position: absolute;
}

.item-miniature35 .item-content {
width: 35px;
height: 37px;
background-size: 35px 37px;
position: absolute;
}
.item-miniature .stripe-block {
position: absolute;
bottom: 3px;
right: 3px;
width: 14px;
height: 14px;
text-align: center;
font-size: 8px;
}
.item-miniature .stripe-block-bg {
background-color: black;
opacity: 0.4;
border-radius: 3px;
width: 100%;
height: 100%;
position: absolute;
}
.item-miniature .improve-block {
position: absolute;
left: 4px;
bottom: 4px;
}
.item-miniature .improve-block {
width: 12px;
height: 12px;
background-size: 12px;
}
.item-miniature .improve-block.status1 {
background-image: url("/images/icons/star-icon.png");
}
.item-miniature .improve-block.status0 {
background-image: url("/images/icons/star0-icon.png");
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
@keyframes bounce2 {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-5px);}
60% {transform: translateY(-3px);}
}
@keyframes light-red {
0% {
box-shadow: 0 0 4px 2px #560800;
}
50% {
box-shadow: 0 0 4px 2px #a00000;
}
100% {
box-shadow: 0 0 4px 2px #630000;
}
}
@keyframes light-gray {
0% {
box-shadow: 0 0 4px 2px #444242;
}
50% {
box-shadow: 0 0 4px 2px #7b7979;
}
100% {
box-shadow: 0 0 4px 2px #3c3b3b;
}
}
@keyframes light-yellow {
0% {
box-shadow: 0 0 4px 2px #76771f;
}
50% {
box-shadow: 0 0 4px 2px #f9fb89;
}
100% {
box-shadow: 0 0 4px 2px #76771f;
}
}
@keyframes arrow-motion {
0% {
right: 0;
top: 0;
}
100% {
right: 0;
top: 5px;
}
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@media (min-width: 400px) {
.level-up {
width: 400px !important;
height: 400px !important;
}
.level-up-bg {
width: 400px !important;
height: 400px !important;
background-size: 400px 400px !important;
}
.level-up-image {
width: 400px !important;
height: 400px !important;
background-size: 400px 400px !important;
}
.level-up-image .counter {
left: 44% !important;
top: 51% !important;
}
}
.level-up-block, .payment-ok, .black-page {
width: 100%;
height: 2000px;
max-width: 400px;
background-color: #000000;
position: absolute;
z-index: 20;
top: 0;
}
.black-page .line {
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
.level-up {
    width: 300px;
    height: 300px;
    margin: 0 auto;
}

.level-up-bg {
    width: 300px;
    height: 300px;
    position: absolute;
    background-image: url("/images/design/level-up/bg-min.png");
    background-size: 300px 300px;
    animation: 30s linear 0s normal none infinite running rotate;
}

.level-up-image {
    width: 300px;
    height: 300px;
    position: absolute;
    background-image: url("/images/design/level-up/level-up-min.png");
    background-size: 300px 300px;
}

.level-up-image .counter {
    position: absolute;
    left: 43%;
    right: 0;
    top: 50%;
    width: 40px;
    text-align: center;
}
@media (max-width: 3000px) and (min-width: 550px) and (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
body {
background: url("/images/design/bg_x2-min.jpg") 50% 0 no-repeat #000000 !important;
background-size: 900px 1100px !important;
overflow-y: scroll !important;
background-attachment: fixed !important;
}
}
@media (max-width: 3000px) and (min-width: 550px) {
body {
background: url("/images/design/body/body-bg-min.jpg") 50% 0 no-repeat #000000;
background-size: 900px 1100px;
overflow-y: scroll;
background-attachment: fixed;
}
}
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
.index-bg {
background: #0b0b0b url('/images/design/body/bg_x2-min.jpg') no-repeat !important;
background-size: cover !important;
}
}
a.btn-block {
color: white;
text-decoration: none;
font-weight: 100;
padding: 8px 0 15px 0;
text-align: center;
display: block;
background-size: cover;
}
.chain {
margin-top: 10px;
padding-top: 10px;
background: url('/images/design/chain.webp') repeat-x;
}
.star {
margin-top: -18px;
padding-top: 27px;
background: url('/images/design/star.webp') no-repeat;
background-position: center;
}
@keyframes zoom-in-zoom-out {
0% {
transform: scale(1, 1);
}
50% {
transform: scale(1.5, 1.5);
}
100% {
transform: scale(1, 1);
}
}
@keyframes zoom1-in-zoom-out {
0% {
transform: scale(1, 1);
}
50% {
transform: scale(1.5, 1.5);
}
100% {
transform: scale(1, 1);
}
}
@keyframes zoom2-in-zoom-out {
0% {
transform: scale(1, 1);
}
50% {
transform: scale(1.5, 1.5);
}
100% {
transform: scale(1, 1);
}
}
@keyframes zoom3-in-zoom-out {
0% {
transform: scale(1, 1);
}
50% {
transform: scale(1.5, 1.5);
}
100% {
transform: scale(1, 1);
}
}
@keyframes zoom4-in-zoom-out {
0% {
transform: scale(1, 1);
}
50% {
transform: scale(1.5, 1.5);
}
100% {
transform: scale(1, 1);
}
}
@keyframes zoom005-in-zoom-out {
0% {
transform: scale(1, 1);
}
50% {
transform: scale(1.05, 1.05);
}
100% {
transform: scale(1, 1);
}
}
/* Chrome version 29 and above */
@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
.royal-rewards-level .level-progress{
left: 6px !important;
}
.royal-rewards-level .level-progress {
left: 6px !important;
}
.royal-rewards-level .level {
left: 4px !important;
}
}
.icon50, .icon16 {
background-size: contain;
}
body {
max-width: 550px;
font-family: Roboto Condensed, Roboto, sans-serif;
font-size: medium;
color: #fff;
text-shadow: 0 1px 1px black;
background-color: #000;
margin: 0 auto;
position: relative;
}
html, div, span, h1, h2, h3, h4, h5, h6, form, p, img, ul, li {padding: 0;margin: 0;}
table {border: 0;border-collapse: collapse;}
td {
word-break: break-all;
}
img {border: 0;vertical-align: middle;max-width: 100%;}
input, textarea{word-break: normal;}
.fileinput-button {
padding: 5px 15px;
background-color: black;
border-radius: 5px;
border: 1px solid #e4d98d;
}
a{
color: #e4d98d;
text-decoration: underline !important;
}
a:visited{
color: #e4d98d;
text-decoration: underline !important;
}
a:hover{
color: #fff5b3;
text-decoration: underline !important;
}
a:active{
color: #fff5b3;
text-decoration: underline !important;
}
b. noline {
text-decoration: none !important;
}
input, textarea {
color: #fff;
background-color: #202020;
outline: none;
border: 1px solid #303030;
padding-left: 5px;
vertical-align: middle;
}
label {
display: inline-block;
max-width: 100%;
left: 14px;
margin-bottom: 2px;
}
ul, li {
list-style: square;
margin: 0 0 0 10px;
}
li {
color: #ff9012;
}
hr {
border: 1px solid #383737;
margin: 5px -5px;
padding: 0;
}
.form-control {
display: block;
width: 100%;
height: 34%;
padding: 6px 0;
font-size: 14px;
margin-bottom: 3px;
}
.hint-block {
font-size: small;
color: #807f79;
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
color: red;
}
.help-block {
font-size: small;
}
.middle {
vertical-align: middle;
}
.gray-bg {
background-image: url("/images/template/gray-bg.webp");
}
.block {
padding: 5px;
}
.block5_20 {
padding: 5px 20px;
}
.small {
font-size: small;
}
.x-small {
font-size: x-small;
}
.center {
text-align: center;
margin: 0 auto;
}
.s125 {
font-size: 125%;
}
.bold {
font-weight: bold;
}
.line {
border: 1px solid #383737;
}
.dotted {
border-bottom: 1px dotted #444;
}
.a-separator {
margin: 5px auto;
width: 50%;
border-top: 1px solid #131313 !important;
border-bottom: 1px solid #343434 !important;
}
/** Цвета **/
.color1, a.color1 {
color: #ffd777;
}
.color2, a.color2 {
color: #807f79;
}
.color3, .a.color3 {
color: #ff9012;
}
.white {
color: white;
}
.green {
color: #AFFFAB;
}
.red {
color: red;
}
.blue, a.blue {
color: #97BBC9;
}
/** Кнопки **/
.btn-red-start, .btn-red-end, .btn-red-content {
height: 24px;
cursor: pointer;
border: 0;
background-image: url("/images/template/btn-red-sprite.png");
text-decoration: none !important;
}
.btn-red-start {
display: inline-block;
overflow: hidden;
background-repeat: no-repeat;
background-position: 0 -26px;
}
.btn-red-end {
display: block;
background-repeat: no-repeat;
background-position: 100% -52px;
}
.btn-red-content {
color: #fff;
line-height: 12px;
text-align: center !important;
display: block;
background-repeat: repeat-x;
background-position: 0 0;
margin: 0 4px;
padding: 6px 9px 0;
}
.btn-red-start input.btn-red-content, .btn-red-start button.btn-red-content {
height: 24px;
padding: 0 18px;
}
/** Отступы */
.mr8 {
margin-right: 8px;
}
.m3 {
margin-top: 3px;
}
/** Прогресс бары */
.progress-grey {
background-color: #606060;
}
.progress-green {
background-color: #5edb34;
}
.progress-white {
background-color: white;
}
.menu-default-item, .menu-default-item:hover, .menu-default-item:active {
display: block;
text-decoration: none !important;
padding: 5px;
}
.menu-default-item:hover {
background-color:#242424;
}
.display-block {
display: block;
}
.left {
float: left;
}
.right {
float: right;
}
.cleat-both {
clear: both;
}
ul.clark {
padding: 5px;
font-size: small;
}
ul.vertical-menu {
margin: 0;
padding: 5px;
}
.vertical-menu li {
margin: 0;
list-style-type: none;
display: inline-block;
}
.vm-active a {
background-color: #3d3d3d;
font-weight: 600;
color: white;
text-decoration: none !important;
}
.vertical-menu a {
display: block;
padding: 5px;
}
b. square-button {
display: inline-block;
padding: 7px;
background-color: black;
border: 1px solid #464646;
border-radius: 5px;
}
.frame1 {
padding: 5px;
border-radius: 8px;
border: 1px solid #444444;
background-color: #1e1e1e;
color: #e4d98d;
display: inline-block;
}
.alert .item-block {
text-align: left !important;
}
.reward-slot {
width: 50px;
height: 50px;
position: relative;
}
.reward-slot.resource {
background-image: url("/images/template/reward-frame.png");
background-size: 50px;
}
.reward-slot .resource-silver {
width: 40px;
height: 40px;
background-image: url("/images/template/silver.png");
background-size: 40px;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
}
.reward-slot .resource-experience {
width: 40px;
height: 40px;
background-image: url("/images/template/experience.png");
background-size: 40px;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
}
.reward-slot .resource-protein {
width: 40px;
height: 40px;
background-image: url("/images/template/protein.png");
background-size: 40px;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
}
.reward-slot .resource-donate {
width: 40px;
height: 40px;
background-image: url("/images/template/donate.png");
background-size: 40px;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
}
.reward-slot .resource-gold {
width: 40px;
height: 40px;
background-image: url("/images/template/gold.png");
background-size: 40px;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
}
.reward-slot .resource-pumpkin {
width: 40px;
height: 40px;
background-image: url("/images/template/pumpkin.png");
background-size: 40px;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
}
.reward-slot .resource-ability {
width: 40px;
height: 40px;
background-image: url("/images/template/criticalDamage-icon.png");
background-size: 40px;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
}
.reward-slot .resource-eventPoints {
width: 40px;
height: 40px;
background-image: url("/images/template/eventPoints.png");
background-size: 40px;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
}
a .reward-slot .counter {
color: white !important;
}
.reward-slot .counter {
position: absolute;
bottom: 4px;
text-align: center;
width: 50px;
font-weight: bold;
}
.reward-miniatures .reward-slot {
display: inline-block;
}
.miniature-frame {
width: 50px;
height: 50px;
background-size: 50px;
}
.miniature-image {
width: 50px;
height: 50px;
background-size: 50px;
}
.miniature-frame1 {
background-image: url("/images/miniatureFrames/1.png");
}
.miniature-frame2 {
background-image: url("/images/miniatureFrames/2.png");
}
.miniature-frame3 {
background-image: url("/images/miniatureFrames/3.png");
}
.miniature-frame4 {
background-image: url("/images/miniatureFrames/4.png");
}
.miniature-frame5 {
background-image: url("/images/miniatureFrames/5.png");
}
.miniature-frame6 {
background-image: url("/images/miniatureFrames/6.png");
}
.miniature-frame7 {
background-image: url("/images/miniatureFrames/7.png");
}
.miniature-frame8 {
background-image: url("/images/miniatureFrames/8.png");
}
.miniature-frame9 {
background-image: url("/images/miniatureFrames/9.png");
}
.miniature-frame10 {
background-image: url("/images/miniatureFrames/10.png");
}
.miniature-frame11 {
background-image: url("/images/miniatureFrames/11.png");
}
.miniature-frame12 {
background-image: url("/images/miniatureFrames/12.png");
}
.miniature-frame13 {
background-image: url("/images/miniatureFrames/13.png");
}
.miniature-frame14 {
background-image: url("/images/miniatureFrames/14.png");
}
.miniature-frame15 {
background-image: url("/images/miniatureFrames/15.png");
}
.miniature-frame16 {
background-image: url("/images/miniatureFrames/16.png");
}
.miniature-frame17 {
background-image: url("/images/miniatureFrames/17.png");
}
.miniature-frame18 {
background-image: url("/images/miniatureFrames/18.png");
}
.miniature-frame19 {
background-image: url("/images/miniatureFrames/19.png");
}
.miniature-frame20 {
background-image: url("/images/miniatureFrames/20.png");
}
.miniature-frame21 {
background-image: url("/images/miniatureFrames/21.png");
}
.miniature-frame22 {
background-image: url("/images/miniatureFrames/22.png");
}
.miniature-frame23 {
background-image: url("/images/miniatureFrames/23.png");
}
.miniature-frame24 {
background-image: url("/images/miniatureFrames/24.png");
}
.miniature-frame25 {
background-image: url("/images/miniatureFrames/25.png");
}
.miniature-frame26 {
background-image: url("/images/miniatureFrames/26.png");
}
.miniature-frame27 {
background-image: url("/images/miniatureFrames/27.png");
}
.miniature-frame28 {
background-image: url("/images/miniatureFrames/28.png");
}
.miniature-frame29 {
background-image: url("/images/miniatureFrames/29.png");
}
.miniature-frame30 {
background-image: url("/images/miniatureFrames/30.png");
}
.miniature-frame31 {
background-image: url("/images/miniatureFrames/spells/freezing.png");
}
.miniature-frame32 {
background-image: url("/images/miniatureFrames/spells/shield.png");
}
.profile-dummy-block {
height: 160px;
position: relative;
margin: 0 auto;
width: 220px;
}
.profile-dummy-block .profile-dummy {
width: 120px;
height: 160px;
top: 0;
position: absolute;
left: 50px;
}
.profile-dummy-block .equip-panel {
width: 50px;
height: 160px;
}
.equip-panel.panel-left {
}
.equip-panel {
position: absolute;
top: -5px;
}
.equip-panel.panel-right {
left: 170px;
}
.equip-panel .slot {
width: 35px;
height: 35px;
background-size: 35px;
margin: 5px auto 0;
}
.equip-panel .slot.empty {
background-image: url("/images/template/empty-slot.webp");
}
.equip-panel .slot.empty1 {
background-image: url("/images/template/equip1.png");
border-radius: 4px;
border: 1px solid #5b5b5b;
}
.equip-panel .slot.empty2 {
background-image: url("/images/template/equip2.png");
border-radius: 4px;
border: 1px solid #5b5b5b;
}
.equip-panel .slot.empty3 {
background-image: url("/images/template/equip3.png");
border-radius: 4px;
border: 1px solid #5b5b5b;
}
.equip-panel .slot.empty4 {
background-image: url("/images/template/equip4.png");
border-radius: 4px;
border: 1px solid #5b5b5b;
}
.equip-panel .slot.empty5 {
background-image: url("/images/template/equip5.png");
border-radius: 4px;
border: 1px solid #5b5b5b;
}
.equip-panel .slot.empty6 {
background-image: url("/images/template/equip6.png");
border-radius: 4px;
border: 1px solid #5b5b5b;
}
.equip-panel .slot.empty7 {
background-image: url("/images/template/equip7.png");
border-radius: 4px;
border: 1px solid #5b5b5b;
}
.equip-panel .slot.empty8 {
background-image: url("/images/template/equip8.png");
border-radius: 4px;
border: 1px solid #5b5b5b;
}
.bord-radius5 {
border-radius: 5px;
}
.bord-yellow {
border: 1px solid #e4d98d;
}
.bord-black {
border: 1px solid #000000;
}
.frame-list01 {
position: relative;
height: 44px;
background-color: black;
}
.frame-list01-left {
position: absolute;
left: 0;
background-image: url("/images/template/frame-list-01-left.png");
width: 52px;
height: 44px;
background-size: 52px 44px;
}
.frame-list01-green-left {
background-image: url("/images/template/frame-list-01-green-left.png");
}
.frame-list01-yellow-left {
background-image: url("/images/template/frame-list-01-yellow-left.png");
}
.frame-list01-content {
height: 44px;
background-size: 2px 44px;
background-image: url("/images/template/frame-list-01-content.png");
position: absolute;
left: 52px;
right: 7px;
}
.frame-list01-content .in-content {
position: relative;
left: 10px;
top: 5px;
}
.frame-list01-right {
width: 7px;
height: 44px;
background-size: 7px 44px;
right: 0;
position: absolute;
background-image: url("/images/template/frame-list-01-right.png");
}
.frame-list01-icon {
left: 2px;
top: 5px;
}
.frame-list02 {
background-color: #0e2851;
height: 44px;
position: relative;
width: 250px;
border-radius: 5px;
}
.frame-list02 .in-content {
position: absolute;
left: 52px;
top: 0;
}
.frame-list02 .in-content .label {
color: #76C7FF;
position: relative;
top: 2px;
}
.frame-list02-icon {
left: 2px;
top: 5px;
}
.game-icon.refresh-icon {
background-image: url("/images/icons/refresh-icon.png");
}
.game-icon.league-icon {
background-image: url("/images/icons/league-icon.png");
}
.game-icon.trophy-icon {
background-image: url("/images/icons/trophy-icon.png");
}
.game-icon.rank1-icon {
background-image: url("/images/icons/rank1.png");
}
.game-icon.rank2-icon {
background-image: url("/images/icons/rank2.png");
}
.game-icon.rank3-icon {
background-image: url("/images/icons/rank3.png");
}
.game-icon.royal-icon {
background-image: url("/images/icons/royal.png?v2");
}
.game-icon.battle-icon {
background-image: url("/images/icons/battle-icon.png");
}
.game-icon.damage-icon {
background-image: url("/images/icons/damage-icon.png");
}
.game-icon.health-icon {
background-image: url("/images/icons/health-icon.png");
}
.game-icon.armor-icon {
background-image: url("/images/icons/armor-icon.png");
}
.game-icon.criticalDamage-icon {
background-image: url("/images/icons/criticalDamage-icon.png");
}
.game-icon.evasion-icon {
background-image: url("/images/icons/evasion-icon.png");
}
.game-icon.vampirism-icon {
background-image: url("/images/icons/vampirism-icon.png");
}
.game-icon.absorptionDamage-icon {
background-image: url("/images/icons/absorptionDamage-icon.png");
}
.game-icon.map-icon {
background-image: url("/images/icons/map-icon.png");
}
.game-icon.gift-icon {
background-image: url("/images/icons/gift-icon.png");
}
.game-icon.coins-safe-icon {
background-image: url("/images/icons/coins-safe-icon.png");
}
.game-icon.shop-icon {
background-image: url("/images/icons/shop-icon.png");
}
.game-icon.glove-icon {
background-image: url("/images/icons/glove-icon.png");
}
.game-icon.hammer-icon {
background-image: url("/images/icons/hammer-icon.png");
}
.game-icon.energy-icon {
background-image: url("/images/icons/energy-icon.png");
}
.game-icon.gold-icon {
background-image: url("/images/template/gold.png");
}
.game-icon.silver-icon {
background-image: url("/images/template/silver.png");
}
.game-icon.experience-icon {
background-image: url("/images/template/experience.png");
}
.game-icon.protein-icon {
background-image: url("/images/template/protein.png");
}
.game-icon.donate-icon {
background-image: url("/images/template/donate.png");
}
.game-icon.pumpkin-icon {
background-image: url("/images/template/pumpkin.png");
}
.game-icon.ticket-blue-icon {
background-image: url("/images/icons/ticket-blue-icon.png");
}
.game-icon.ticket-gold-icon {
background-image: url("/images/icons/ticket-gold-icon.png");
}
.game-icon.locker-icon {
background-image: url("/images/icons/locker-icon.png");
}
.game-icon.tick-icon {
background-image: url("/images/icons/tick-icon.png");
}
.game-icon.mail-icon {
background-image: url("/images/icons/mail-icon.png");
}
.game-icon.chat-icon {
background-image: url("/images/icons/chat-icon.png");
}
.game-icon.time-icon {
background-image: url("/images/icons/time-icon.png");
}
.game-icon.star-icon {
background-image: url("/images/icons/star-icon.png");
}
.cropper-bg {
background-image: none !important;
}
.background-08 {
position: relative;
}
.background-08 .size100 {
width: 100px;
height: 100px;
}
.background-08 .background-angle {
background-size: 39px 100px;
width: 39px;
height: 100px;
}
.background-08.right-block .background-angle {
float: left;
}
.background-08.left-block .background-angle {
float: right;
}
.size100 .background-left {
float: left;
}
.size100 .background-angle {
background-size: 39px 100px;
width: 39px;
height: 100px;
}
.background-08.size100.right-block .background-content {
margin-left: 39px;
}
.background-08.size100.left-block .background-content {
margin-right: 39px;
}
.size100 .background-content {
position: relative;
height: 100px;
top: 0;
} 
 .background-08 .size150 {
width: 150px;
height: 150px;
}
.background-08 .background-angle {
background-size: 39px 150px;
width: 39px;
height: 150px;
}
.size150 .background-left {
float: left;
}
.size150 .background-angle {
background-size: 39px 150px;
width: 39px;
height: 150px;
}
.background-08.size150.right-block .background-content {
margin-left: 39px;
}
.background-08.size150.left-block .background-content {
margin-right: 39px;
}
.size150 .background-content {
position: relative;
height: 150px;
top: 0;
}
.vs-row {
background-color: black;
}
.vs-row .background-middle {
background-image: url("/images/template/background-08-middle.png");
height: 100px;
width: 58px;
background-size: 58px 100px;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
}
.background-08.left-block .background-angle {
background-image: url("/images/template/background-08-right.png");
}
.background-08.right-block  .background-angle {
background-image: url("/images/template/background-08-left.png");
}
.background-08 .background-content {
background-image: url("/images/template/background-08-content.png");
}
.background-08 .glow {
background-image: url("/images/template/background-08-glow.png");
height: 100px;
width: 100%;
position: absolute;
top: 0;
background-size: 100% 100px;
opacity: 0.3;
}
.vs-row {
width: 100%;
height: 100px;
}
.right-vs-member {
width: 50%;
float: right;
}
.left-vs-member {
width: 50%;
float: left;
}
.vs.w60 {
background-size: 60px 45px;
width: 60px;
height: 45px;
}
.vs {
background-image: url("/images/template/vs.png");
}
.vs.w100 {
background-size: 100px 76px;
width: 100px;
height: 76px;
}
.royal-header {
padding: 5px 0;
background-color: #143884;
width: 100%;
position: relative;
height: 30px;
}
.grid {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.grid .vertical-separator {
position: absolute;
background-color: black;
width: 1px;
height: 100%;
top: 0;
left: 5px;
}
.progressbar {
position: relative;
overflow: hidden;
border-radius: 3px;
}
.progressbar.yellow {
background-color: #0d243b;
border: 1px solid black;
}
.progressbar.h16 {
height: 16px;
}
.progressbar.h16.yellow .progressbar-filler {
border-top: 8px solid #ffdc30;
border-bottom: 8px solid #f7ab16;
}
.royal-level {
}
.royal-labels {
width: 100%;
border-top: 1px solid black;
border-bottom: 1px solid black;
overflow: auto;
}
.royal-labels .free {
width: 50%;
background-color: #143884;
height: 100%;
float: left;
}
.royal-labels .premium {
width: 50%;
background-color: #FDD505;
height: 100%;
float: right;
}
.royal-labels .label-content{
margin: 5px 0 5px 10px;
}
.fortune-rewards {
width: 100%;
height: 350px;
overflow-y: scroll;
background-color: #143884;
}
.royal-rewards {
width: 100%;
height: 400px;
overflow-y: scroll;
background-image: url("/images/template/row-royal-ornament.png");
}
.royal-rewards-level {
width: 100%;
height: 60px;;
position: relative;
}
.royal-rewards-level .ornament {
background-image: url("/images/template/row-royal-ornament.png");
height: 100%;
}
.royal-rewards-level .free-rewards {
width: 50%;
float: left;
background-color: #15315F;
height: 100%;
position: relative;
}
.royal-rewards-level .free-rewards .blocked, .royal-rewards-level .premium-rewards .blocked {
width: 100%;
height: 100%;
background-color: black;
position: absolute;
top: 0;
opacity: 0.5;
}
.royal-rewards-level .premium-rewards {
width: 50%;
float: right;
background-color: #FDD505;
height: 100%;
position: relative;
}
.royal-rewards-level .level {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 30px;
height: 30px;
text-align: center;
}
.royal-rewards-level .level.blocked {
background-image: url("/images/template/slider6.png");
}
.royal-rewards-level .level-progress {
width: 10px;
height: 100%;
background-color: white;
border-left: 1px solid black;
border-right: 1px solid black;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
}
.royal-rewards-level .level-progress .filler {
width: 0;
border-left: 5px solid #ffdc30;
border-right: 5px solid #f7ab16;
}
.royal-footer {
background-color: #143884;
width: 100%;
position: relative;
border-top: 1px solid black;
height: 56px;
}
.blink-green{
b. webkit-animation:blink-green 2s linear infinite;
c. moz-animation:blink-green 2s linear infinite;
d. ms-animation:blink-green 2s linear infinite;
e. o-animation:blink-green 2s linear infinite;
animation:blink-green 2s linear infinite
}
.blink-red{
f. webkit-animation:blink-red 2s linear infinite;
g. moz-animation:blink-red 2s linear infinite;
h. ms-animation:blink-red 2s linear infinite;
i. o-animation:blink-red 2s linear infinite;
animation:blink-red 2s linear infinite
}
@-webkit-keyframes blink-green{
0%,75%{
box-shadow:0 0 10px #073c07
}
50%{
box-shadow:0 0 10px #14ff14
}
100%{
box-shadow:0 0 10px #042204
}
}
@keyframes blink-green{
0%,75%{
box-shadow:0 0 10px #073c07
}
50%{
box-shadow:0 0 10px #14ff14
}
100%{
box-shadow:0 0 10px #042204
}
}
@-webkit-keyframes blink-red{
0%,75%{
box-shadow:0 0 10px #3c0707
}
50%{
box-shadow:0 0 10px #ff1414
}
100%{
box-shadow:0 0 10px #220404
}
}
@keyframes blink-red{
0%,75%{
box-shadow:0 0 10px #3c0707
}
50%{
box-shadow:0 0 10px #ff1414
}
100%{
box-shadow:0 0 10px #220404
}
}
.full-frame {
position: absolute;
top: 0;
}
.full-frame.frame120 {
width: 120px;
height: 160px;
background-size: 120px 160px;
}
.full-frame.full-frame1 {
background-image: url("/images/miniatureFrames/fullFrames/1.png");
}
.full-frame.full-frame5 {
background-image: url("/images/miniatureFrames/fullFrames/5.png");
}
.main-button {
position: relative;
cursor: pointer;
}
.main-button.main-button20 {
height: 25px;
}
.main-button.main-button35 {
height: 35px;
}
.main-button.main-button40 {
height: 40px;
}
.main-button.main-button50 {
height: 50px;
}
.main-button.main-button20 .left-border {
background-size: 6px 25px;
}
.main-button.main-button35 .left-border {
background-size: 6px 35px;
}
.main-button.main-button40 .left-border {
background-size: 6px 40px;
}
.main-button.main-button50 .left-border {
background-size: 6px 50px;
}
.main-button .left-border {
height: 100%;
width: 6px;
position: absolute;
left: 0;
}
.main-button.main-button20 .right-border {
background-size: 6px 25px;
}
.main-button.main-button35 .right-border {
background-size: 6px 35px;
}
.main-button.main-button40 .right-border {
background-size: 6px 40px;
}
.main-button.main-button50 .right-border {
background-size: 6px 50px;
}
.main-button .right-border {
height: 100%;
width: 6px;
position: absolute;
right: 0;
}
.main-button.main-button20 .content-border {
background-size: auto 25px;
}
.main-button.main-button35 .content-border {
background-size: auto 35px;
}
.main-button.main-button40 .content-border {
background-size: auto 40px;
}
.main-button.main-button50 .content-border {
background-size: auto 50px;
}
.main-button .content-border {
position: absolute;
left: 6px;
right: 6px;
height: 100%;
}
.main-button.main-button-red .left-border {
background-image: url("/images/template/main-button-red-left.png?v2");
}
.main-button.main-button-red .content-border {
background-image: url("/images/template/main-button-red-content.png?v2");
}
.main-button.main-button-red .right-border {
background-image: url("/images/template/main-button-red-right.png?v2");
}
.main-button.main-button-blue .left-border {
background-image: url("/images/template/main-button-blue-left.png?v2");
}
.main-button.main-button-blue .content-border {
background-image: url("/images/template/main-button-blue-content.png?v2");
}
.main-button.main-button-blue .right-border {
background-image: url("/images/template/main-button-blue-right.png?v2");
}
.main-button.main-button-yellow .left-border {
background-image: url("/images/template/main-button-yellow-left.png?v2");
}
.main-button.main-button-yellow .content-border {
background-image: url("/images/template/main-button-yellow-content.png?v2");
}
.main-button.main-button-yellow .right-border {
background-image: url("/images/template/main-button-yellow-right.png?v2");
}
.main-button.main-button-green .left-border {
background-image: url("/images/template/main-button-green-left.png?v2");
}
.main-button.main-button-green .content-border {
background-image: url("/images/template/main-button-green-content.png?v2");
}
.main-button.main-button-green .right-border {
background-image: url("/images/template/main-button-green-right.png?v2");
}
.main-button.main-button-grey .left-border {
background-image: url("/images/template/main-button-grey-left.png?v2");
}
.main-button.main-button-grey .content-border {
background-image: url("/images/template/main-button-grey-content.png?v2");
}
.main-button.main-button-grey .right-border {
background-image: url("/images/template/main-button-grey-right.png?v2");
}
.main-button .button-content {
text-align: center;
margin-top: 5px;
}
.main-button .button-content[type="submit"] {
font-size: small;
text-shadow: 0 1px 1px black;
cursor: pointer;
font-weight: normal !important;
}
button[type="submit"] {
font-weight: normal !important;
}
a .main-button .button-content {
color: white !important;
}
.main-button button {
background: none;
border: none;
color: white;
}
.header-new {
height: 37px;
}
.slide-05.slide15 {
width: 100px;
height: 15px;
position: relative;
}
.slide-05 .slide-left {
background-image: url(/images/template/slider/Slider05_Frame-left.png);
height: 100%;
width: 4px;
background-size: 4px 15px;
background-repeat: no-repeat;
display: inline-block;
position: absolute;
}
.slide-05 .slide-content {
background-image: url(/images/template/slider/Slider05_Frame-content.png);
height: 100%;
width: 96%;
background-size: 100% 15px;
display: inline-block;
position: absolute;
left: 4px;
right: 4px;
}
.slide-05 .slide-right {
background-image: url(/images/template/slider/Slider05_Frame-right.png);
height: 100%;
width: 4px;
background-size: 4px 15px;
background-repeat: no-repeat;
display: inline-block;
position: absolute;
right: 0;
}
.header-new .resources-block {
position: absolute;
top: 3px;
left: 155px;
width: 60px;
}
.header-new .resource-slot {
width: 60px;
height: 15px;
position: relative;
}
.header-new .resource-slot .bg {
width: 100%;
height: 100%;
position: absolute;
border: 1px solid black;
border-radius: 3px;
}
.header-new .resource-slot.resource-green .bg {
background-color: #04211e;
}
.header-new .resource-slot.resource-yellow .bg {
background-color: #270e0c;
}
.header-new .resource-slot .add-button {
width: 12px;
height: 12px;
background-size: 12px;
position: absolute;
top: 2px;
left: 2px;
}
.header-new .resource-slot.resource-green .add-button {
background-image: url("/images/template/StatusBarBtn_Add_Green.png");
}
.header-new .resource-slot.resource-yellow .add-button {
background-image: url("/images/template/StatusBarBtn_Add_Yellow.png");
}
.header-new .resource-slot .value {
position: absolute;
left: 17px;
font-size: 8px;
top: 3px;
}
.header-new .resource-slot .resource-icon {
position: absolute;
right: -14px;
top: -4px;
}
.header-new .resources-block .resource-slot {
margin-top: 2px;
}
.slide-05-fill {
height: 100%;
background-image: url(/images/template/slider/Slider05_Fill-full.png);
position: absolute;
background-size: 98px 100%;
}
.slide-05 .value {
position: absolute;
left: 0;
right: 0;
font-size: 8px;
text-align: center;
top: 2px;
}
.notify {
width: 25px;
height: 25px;
}
.notify.red {
background-image: url("/images/template/Notify_Count_Red_l.png");
background-size: 100%;
}
.notify .counter {
color: white;
text-align: center;
top: 5px;
position: relative;
font-size: 10px;
}
.stroke-black {
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.action-text-blue {
background-image: url("/images/template/Play_ActionText_Frame_Blue.png");
background-repeat: no-repeat;
background-size: 100%;
position: relative;
}
.action-text150 {
width: 150px;
height: 41px;
}
.action-text150 .action-text-content {
position: absolute;
left: 0;
right: 0;
text-align: center;
top: 12px;
font-weight: bold;
font-size: 11px;
}
.score-block.score200 {
height: 40px;
width: 200px;
position: relative;
}
.score-block.score200 .score-left, .score-block.score200 .score-right {
height: 40px;
width: 53px;
background-size: 53px 40px;
position: absolute;
}
.score-block.score200 .score-left {
left: 0;
}
.score-block.score200 .score-right {
right: 0;
}
.score-block.score200 .score-content {
height: 40px;
position: absolute;
left: 53px;
right: 53px;
}
.score-block.score200 .score-content .text {
position: relative;
top: 10px;
color: white;
}
.score-block.score200 .score-left .text, .score-block.score200 .score-right .text {
position: relative;
top: 10px;
}
.score-left {
background-image: url("/images/template/score-left.png");
}
.score-right {
background-image: url("/images/template/score-right.png");
}
.score-content {
background-image: url("/images/template/score-content.png");
}
.scrollbar1::-webkit-scrollbar {
width: 7px;
background-color: #f9f9fd;
}
.scrollbar1::-webkit-scrollbar-track {
j. webkit-box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.2) inset;
background-color: #143884;
}
.scrollbar1::-webkit-scrollbar-thumb {
border-radius: 10px;
background: linear-gradient(180deg, #FDD505, #FDD505);
}
.mark.mark30 {
width: 30px;
height: 30px;
background-size: 30px;
}
.mark-yellow-1 {
background-image: url("/images/template/mark-yellow-1.png");
}
.mark-grey-1 {
background-image: url("/images/template/mark-grey-1.png");
}
.alphabet.font-size19 {
}
.dim {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: black;
opacity: 0.8;
z-index: 6;
}
.popup {
position: absolute;
top: 50px;
margin: 0 auto;
left: 0;
right: 0;
z-index: 10;
}
.popup1 {
}
.popup1 .sprite-sheet {
background-image: url("/images/template/popup/popup-blue.png");
background-size: 26px 32px;
}
.popup1 .sprite-sheet.top-left-element {
width: 12px;
height: 12px;
left: 0;
top: 0;
position: absolute;
}
.popup1 .sprite-sheet.top-right-element {
width: 12px;
height: 12px;
background-position: 13px 0;
right: 0;
top: 0;
position: absolute;
}
.popup1 .top-content-element {
height: 12px;
background-image: url("/images/template/popup/popup-blue-top-content.png");
background-size: 4px 12px;
left: 12px;
right: 12px;
top: 0;
position: absolute;
background-repeat: repeat-x;
}
.popup1 .bottom-content-element {
height: 18px;
background-image: url("/images/template/popup/popup-blue-bottom-content.png");
background-size: 2px 18px;
left: 12px;
right: 12px;
bottom: 0;
position: absolute;
background-repeat: repeat-x;
}
.popup1 .content-element {
background-color: #023875;
top: 12px;
bottom: 18px;
left: 1px;
right: 0px;
position: absolute;
}
.popup1 .sprite-sheet.bottom-left-element {
width: 12px;
height: 18px;
background-position: 0px -14px;
bottom: 0;
left: 0;
position: absolute;
}
.popup1 .sprite-sheet.bottom-right-element {
width: 12px;
height: 18px;
background-position: 14px -14px;
bottom: 0;
right: 0;
position: absolute;
}
.popup1 .title-line {
background-image: url(/images/template/popup/popup-blue-title-line.png);
width: 100%;
height: 28px;
background-repeat: no-repeat;
background-size: 550px 27px;
top: 50px;
position: absolute;
}
.popup1 .block-content {
background-color: #0d2852;
padding: 10px 15px;
border-radius: 4px;
}
.popup .popup-content {
position: absolute;
left: 20px;
right: 20px;
top: 70px;
bottom: 20px;
}
.back-glow-white {
background-image: url(/images/template/popup/back-glow-white.png);
width: 100%;
height: 98%;
background-size: 100%;
background-repeat: no-repeat;
position: absolute;
top: 0;
opacity: 0.2;
}
.title-ribbon {
position: absolute;
left: 5%;
right: 5%;
height: 70px;
}
.title-ribbon.ribbon-yellow .ribbon-sprite-sheet {
background-image: url("/images/template/label/title-ribbon-yellow.png");
background-size: 83px 45px;
}
.title-ribbon.ribbon-yellow .ribbon-sprite-sheet.ribbon-left-element {
position: absolute;
left: 0;
width: 40px;
height: 45px;
background-position: 0 0;
}
.title-ribbon.ribbon-yellow .ribbon-sprite-sheet.ribbon-right-element {
position: absolute;
right: 0;
width: 40px;
height: 45px;
background-position: -40px 0;
}
.title-ribbon.ribbon-yellow .ribbon-content-element {
position: absolute;
right: 40px;
left: 40px;
height: 45px;
background-size: 2px 45px;
background-image: url("/images/template/label/title-ribbon-yellow-content.png");
}
.ribbon-container {
position: absolute;
margin: 0 auto;
left: 40px;
right: 40px;
text-align: center;
top: 8px;
}
.ribbon-container .alphabet {
margin: 0 auto;
}
.title-ribbon .star {
width: 20px;
height: 19px;
background-size: 20px 19px;
position: absolute;
background-image: url("/images/template/label/star-yellow.png");
}
.title-ribbon a {
color: black !important;
}
.title-ribbon .star.left-star {
left: 32px;
top: 9px;
}
.title-ribbon .star.right-star {
right: 32px;
top: 9px;
}
.alerts-container {
min-height: 35px;
position: relative;
top: 0;
width: 100%;
border-radius: 5px;
}
.alerts-container.alert-blue {
background-color: #012651;
border: 1px solid #0055b4;
}
.alerts-container .line-separator {
background-image: url(/images/template/popup/popup-blue-title-line.png);
width: 100%;
height: 13px;
background-repeat: no-repeat;
background-size: 550px 12px;
position: relative;
top: 4px;
}
.alert-blue .a-separator {
border-top: 1px solid #030c15 !important;
border-bottom: 1px solid #0b3667 !important;
}
.line-deco {
width: 7px;
height: 6px;
display: inline-block;
top: -2px;
}
.line-deco .deco {
background-image: url("/images/template/line-deco.png?v2");
background-size: 14px 21px;
width: 7px;
height: 6px;
position: absolute;
}
.line-deco.left-line.deco-white .deco {
background-position: 0 0;
right: 0;
}
.line-deco.right-line.deco-white .deco {
background-position: 7px 0;
left: 0;
}
.line-deco.left-line.deco-turquoise .deco {
background-position: 0 -6.6px;
right: 0;
}
.line-deco.right-line.deco-turquoise .deco {
background-position: 7px -6.4px;
left: 0;
}
.line-deco.deco-white .content-line {
background-color: white;
}
.line-deco.deco-turquoise .content-line {
background-color: #76c7ff;
}
.line-deco.left-line.deco-yellow .deco {
background-position: 0 -12.6px;
right: 0;
}
.line-deco.right-line.deco-yellow .deco {
background-position: 7px -12.4px;
left: 0;
}
.line-deco.deco-yellow .content-line {
background-color: #ffef9c;
}
.line-deco.left-line .content-line {
position: absolute;
height: 1px;
top: 2.3px;
left: 0;
right: 7px;
}
.line-deco.right-line .content-line {
position: absolute;
height: 1px;
top: 2.8px;
left: 7px;
right: 0;
}
.item-miniature .improve-block.status1 {
background-image: url("/images/icons/star-icon.png");
}
.item-miniature .improve-block.status0 {
background-image: url("/images/icons/star0-icon.png");
}
.clan-flag30 {
width: 30px;
height: 30px;
}
.clan-flag50 {
width: 50px;
height: 50px;
}
.clan-flag-frame {
background-image: url("/images/template/clan-flag.png");
}
.clan-flag-bg1 {
background-color: #f47d32;
}
.clan-flag-bg2 {
background-color: #01af4b;
}
.clan-flag-bg3 {
background-color: #8b13dd;
}
.clan-flag-bg4 {
background-image: url("/images/template/clan/bg4.png");
}
.clan-flag-bg5 {
background-image: url("/images/template/clan/bg5.png");
}
.clan-flag50 .clan-flag-bg {
width: 50px;
height: 41px;
position: absolute;
top: 1px;
background-size: 50px 41px;
}
.clan-flag30 .clan-flag-bg {
width: 30px;
height: 24px;
position: absolute;
top: 1px;
background-size: 30px 24px;
}
.clan-flag50 .clan-flag-frame {
width: 50px;
height: 50px;
background-size: 50px 50px;
position: absolute;
}
.clan-flag30 .clan-flag-frame {
width: 30px;
height: 30px;
background-size: 30px 30px;
position: absolute;
}
.clan-symbol {
position: absolute;
left: 5px;
top: 4px;
}
.clan-flag50 .clan-symbol {
width: 35px;
height: 32px;
background-size: 35px 32px;
background-repeat: no-repeat;
left: 7px;
top: 5px;
}
.clan-flag30 .clan-symbol {
width: 20px;
height: 20px;
background-size: 20px 18px;
background-repeat: no-repeat;
}
.clan-symbol.clan-symbol1 {
background-image: url("/images/template/clan/symbol/1.png");
}
.clan-symbol.clan-symbol2 {
background-image: url("/images/template/clan/symbol/2.png");
}
.clan-symbol.clan-symbol3 {
background-image: url("/images/template/clan/symbol/3.png");
}
.clan-symbol.clan-symbol4 {
background-image: url("/images/template/clan/symbol/4.png");
}
.anim-shake-1s {
animation: shake 1s;
}
.anim-shake-02s {
animation: shake 0.2s;
}
.bounce {
animation: bounce2 2s ease infinite;
}
.stats-block {
width: 100%; height: 35px;
}
.stats-block .stat-block {
height: 100%;
display: inline-block;
background-color: #0d2852;
border-radius: 5px;
position: relative
}
.stat-block .stat-icon {
position: absolute;
top: 5px;
left: 10px;
}
.stat-block .stat-value {
position: absolute;
left: 45px;
top: 8px;
}
.stat-block .stat-label {
position: absolute;
left: 45px;
top: -5px;
color: #76c7ff
}
.item-color0 {
color: #9B9B9B; !important;
}
.item-color1 {
color: #b6a185 !important;
}
.item-color2 {
color: #f19a02 !important;
}
.item-color3 {
color: #5ecc3c !important;
}
.item-color4 {
color: #06adff !important;
}
.item-color5 {
color: #fe0101 !important;
}
.item-color6 {
color: #9a34bf !important;
}
.item-color7 {
color: #ffff21 !important;
}
.hero-spite {
position: relative;
}
.hero-manager-sprite {
background-image: url("/images/heroesSprites/manager.png");
background-size: 232px 211px;
}
.hero-manager-sprite.eye {
width: 30px;
height: 14px;
position: absolute;
left: 67px;
top: 15px;
}
.hero-manager-sprite.eye1 {
background-position: 29px -8px;
}
.hero-manager-sprite.eye2 {
background-position: 62px -8px
}
.hero-manager-sprite.mouth {
width: 21px;
height: 15px;
position: absolute;
left: 72px;
top: 37px;
}
.hero-manager-sprite.mouth1 {
background-position: 23px -42px;
}
.hero-manager-sprite.mouth2 {
background-position: 23px -58px
}
.hero-manager {
width: 167px;
height: 211px;
background-position: 0 0;
}
.particle {
position: absolute;
}
.particle.size15 {
background-size: 15px;
width: 15px;
height: 15px;
}
.particle.size10 {
background-size: 10px;
width: 10px;
height: 10px;
}
.particle.heal-particle {
background-image: url("/images/particle/heal.png");
}
.menu-navigation {
width: 100%;
margin: 0 auto;
}
.menu-element {
display: inline-block;
width: 30%;
position: relative;
}
.menu-icon {
width: 70px;
height: 70px;
background-size: 70px;
margin: 0 auto;
}
.menu-icon.profile-icon {
background-image: url("/images/menu/profile.png");
}
.menu-icon.clan-icon {
background-image: url("/images/menu/clan.png");
}
.menu-icon.home-icon {
background-image: url("/images/menu/home.png");
}
.menu-link {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.menu-text {
color: #e4d98d;
}
.locations-block {
    width: 100%;
}
.locations-row1 {
width: 100%;
height: 111px;
}
.locations-row2 {
width: 100%;
height: 80px;
}
.location-row1 {
position: relative;
width: 140px;
height: 112px;
background-size: 140px 112px;
background-repeat: no-repeat;
margin-right: 10px;
}
.location-row2 {
position: relative;
width: 100px;
height: 100px;
background-size: 100px 100px;
background-repeat: no-repeat;
margin-right: 10px;
}
.territory-block {
background-image: url("/images/index-menu/territory_x2-min.png");
}
.territory-block .snow {
background-image: url(/images/index-menu/territory_snow.png);
width: 140px;
height: 127px;
position: absolute;
background-size: cover;
top: 6px;
}
.biz-block {
margin: 0;
background-image: url("/images/index-menu/biz_x2-min.png");
}
.biz-block .snow {
background-image: url(/images/index-menu/biz_snow.png);
width: 132px;
height: 127px;
position: absolute;
background-size: cover;
top: 6px;
}
.index-menu-sprite {
width: 100px;
height: 100px;
background-image: url('/images/index-menu/spritesheet_x2-min.png');
background-repeat: no-repeat;
display: block;
background-size: 500%;
}
.chapter-block {
background-position: 25% 33%;
}
.heroHall-block {
margin: 0;
background-position: 75% 100%;
}
.heroAscension-block {
background-position: 50% 100%;
}
.duel-block {
background-position: 25% 100%;
}
.mission-block {
background-position: -399px -100px;
}
.mission0-block {
background-position: -399px 0;
}
.battle-block {
margin: 0;
background-position: 0 -100px;
}
.ladder-block {
margin: 0;
background-position: -200px -300px;
}
.lair-block {
margin: 0;
background-position: -100px -300px;
}
.bot-block {
margin: 0;
background-position: -300px -300px;
}
.battle0-block {
margin: 0;
background-position: -100px 0;
}
.battlePolice-block {
background-position: -300px 0;
}
.equip-block {
background-image: url("/images/index-menu/equip_x2-min.png");
}
.home-block {
background-image: url("/images/index-menu/home_x2-min.png");
}
.bank-block {
background-image: url("/images/index-menu/bank_x2.png");
}
.bank2-block {
background-position: 0 0;
}
.combat-block {
background-position: -200px -200px;
}
.combat0-block {
background-position: -100px -200px;
}
.seasonRewards-block {
margin: 0;
background-position: 100% 100%;
}
.shadow-block {
background-position: -400px -200px;
}
.tourn-block {
background-position: 0 -300px;
}
.chapter-block .snow, .mission0-block .snow, .mission-block .snow, .clanDung0-block .snow, .clanDung00-block .snow, .clanDung1-block .snow {
background-image: url('/images/index-menu/snow1.png');
width: 100px;
height: 114px;
position: absolute;
background-size: cover;
top: 3px;
}
.heroAscension-block .snow, .heroHall-block .snow, .duel-block .snow, .battle-block .snow, .battle0-block .snow, .coronation-block .snow, .coronation0-block .snow, .bank2-block .snow, .combat-block .snow, .combat0-block .snow, .seasonRewards-block .snow {
background-image: url('/images/index-menu/snow2.png');
width: 100px;
height: 114px;
position: absolute;
background-size: cover;
top: 3px;
}
.bank2-block .title-location-name {
color: #fff9c9 !important;
}
.coronation-block {
background-position: 0 100%;
}
.coronation0-block {
background-position: -299px -200px;
}
.clanDung1-block {
margin-right: 0;
background-position: 0 -200px;
}
.clanDung0-block {
margin-right: 0;
background-position: -300px -101px;
}
.clanDung00-block {
margin-right: 0;
background-position: -200px -100px;
}
.index-menu-square {
position: relative;
display: inline-block;
margin-right: 11px;
margin-bottom: 10px;
}
.index-menu-rectangular {
position: relative;
display: inline-block;
margin-right: 12px;
margin-bottom: 10px;
width: 280px;
height: 88px;
}
.index-menu-frame-square {
width: 88px;
height: 88px;
background-size: 88px;
background-image: url("/images/index-menu/frame-square.png");
position: absolute;
top: 0;
left: 0;
}
.small-menu .index-menu-frame-square {
width: 61px;
height: 61px;
background-size: 61px;
}
.index-menu-square.small-menu {
width: 61px;
height: 61px;
background-size: 61px;
}
.index-menu-frame-rectangular {
width: 288px;
height: 88px;
background-size: 288px 88px;
background-image: url("/images/index-menu/frame-rectangular.png");
position: absolute;
top: 0;
left: 0;
}
.index-menu-square-icon {
width: 82px;
height: 82px;
background-size: 82px;
position: relative;
left: 3px;
top: 3px;
}
.small-menu .index-menu-square-icon {
width: 57px;
height: 57px;
background-size: 57px;
}
.index-menu-rectangular-icon {
width: 280px;
height: 83px;
background-size: 280px 83px;
position: relative;
left: 3px;
top: 3px
}
.index-menu-square .top-left-label-block {
position: absolute;
top: 14px;
font-size: 10px;
left: 12px;
padding: 2px;
}
.index-menu-square .top-left-label-block .label {
position: relative;
}
.index-menu-square .top-left-label-block .bg {
background-color: black;
opacity: 0.4;
border-radius: 0 0 5px 0;
position: absolute;
width: 100%;
height: 13px;
}
.index-menu-shop {
background-image: url("/images/index-menu/shop.png");
}
.index-menu-mine {
background-image: url("/images/index-menu/mine.png");
}
.index-imposter-shop {
background-image: url("/images/index-menu/imposter.png");
}
.index-birthday-shop {
background-image: url("/images/index-menu/birthday.png");
}
.index-flowers-shop {
background-image: url("/images/index-menu/flowers.png");
}
.index-snow-mine {
background-image: url("/images/index-menu/snow_mine.png");
}
.index-halloween {
background-image: url("/images/title/halloween-bg.webp");
}
.index-terminator {
background-image: url("/images/title/terminator.png");
}
.index-fortune-shop {
background-image: url("/images/title/birthday-travel.webp");
}
.index-complect-shop {
background-image: url("/images/index-menu/complect-ivent.png");
}
.index-menu-clan {
background-image: url("/images/index-menu/clan.png");
}
.index-menu-combat {
background-image: url("/images/index-menu/combat.png");
}
.index-menu-snow {
background-image: url("/images/index-menu/snow2.png");
}
.index-menu-label-container {
position: absolute;
bottom: 3px;
text-align: center;
left: 12px;
right: 3px;
}
.index-menu-label-container .label {
color: #e4d98d;
position: relative;
display: inline-block;
}
.index-menu-label-container .bg {
background-color: black;
width: 100%;
height: 100%;
position: absolute;
opacity: 0.4;
}
.index-menu-square {
width: 88px;
height: 88px;
}
.index-menu-square .link, .index-menu-rectangular .link {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.index-menu-container {
max-width: 360px;
margin: 0 auto;
text-align: center;
left: 0;
right: 0;
}
.dot-red {
width: 8px;
height: 8px;
background-color: red;
border-radius: 8px;
display: inline-block;
}
.top-left-label-block .timer {
margin-left: 2px;
}
.menu-label-icon {
width: 70px;
height: 70px;
background-size: 70px;
position: absolute;
top: -35px;
left: 0;
right: 0;
margin: 0 auto;
}
.menu-label-icon.gun-icon {
background-image: url("/images/icons/menu/gun.png");
}
.menu-label-icon.coins-icon {
background-image: url("/images/icons/menu/coins.png");
width: 45px;
height: 45px;
background-size: 45px;
top: -30px;
}
.menu-label-icon.zona-icon {
background-image: url("/images/icons/menu/zona.png");
width: 45px;
height: 45px;
background-size: 45px;
top: -30px;
}
.menu-label-icon.pet-icon {
background-image: url("/images/icons/menu/pet.png");
width: 50px;
height: 50px;
background-size: 50px;
}
.menu-label-icon.azart-icon {
background-image: url("/images/icons/menu/azart.png");
repeat: norepeat;
width: 50px;
height: 50px;
background-size: 50px;
top: -30px;
}
.alphabet {
    width: 28px !important;
    height: 50px !important;
    background-image: url("/images/design/alphabet_x2-min.png") !important;
    display: inline-block;
    zoom: 0.5;
}

.alphabet.c1 {
    background-position: -50px -23px !important;
}
.alphabet.c2 {
    background-position: -88px -23px !important;
}
.alphabet.c3 {
    background-position: -125px -23px !important;
}
.alphabet.c4 {
    background-position: -163px -23px !important;
}
.alphabet.c5 {
    width: 32px !important;
    background-position: -199px -23px !important;
}
.alphabet.c6 {
    background-position: -239px -23px !important;
}
.alphabet.c7 {
    background-position: -277px -23px !important;
}
.alphabet.c8 {
    width: 40px !important;
    background-position: -313px -23px !important;
}
.alphabet.c9 {
    background-position: -361px -23px !important;
}
.alphabet.c10 {
    background-position: -75px -87px !important;
}
.alphabet.c11 {
    background-position: -113px -85px !important;
}
.alphabet.c12 {
    background-position: -151px -87px !important;
}
.alphabet.c13 {
    background-position: -189px -87px !important;
}
.alphabet.c14 {
    width: 41px !important;
    background-position: -226px -87px !important;
}
.alphabet.c15 {
    background-position: -276px -87px !important;
}
.alphabet.c16 {
    background-position: -314px -87px !important;
}
.alphabet.c17 {
    background-position: -351px -87px !important;
}
.alphabet.c18 {
    background-position: -108px -150px !important;
}
.alphabet.c19 {
    background-position: -146px -150px !important;
}
.alphabet.c20 {
    background-position: -182px -150px !important;
}
.alphabet.c21 {
    background-position: -218px -150px !important;
}
.alphabet.c22 {
    width: 41px !important;
    background-position: -256px -150px !important;
}
.alphabet.c23 {
    background-position: -306px -150px !important;
}
.alphabet.c24 {
    width: 32px !important;
    background-position: -74px -213px !important;
}
.alphabet.c25 {
    background-position: -114px -213px !important;
}
.alphabet.c26 {
    width: 41px !important;
    background-position: -151px -213px !important;
}
.alphabet.c27 {
    width: 43px !important;
    background-position: -201px -213px !important;
}
.alphabet.c28 {
    background-position: -250px -213px !important;
}
.alphabet.c29 {
    width: 40px !important;
    background-position: -290px -213px !important;
}
.alphabet.c30 {
    background-position: -339px -213px !important;
}
.alphabet.c31 {
    background-position: -170px -277px !important;
}
.alphabet.c32 {
    width: 41px !important;
    background-position: -207px -277px !important;
}
.alphabet.c33 {
    background-position: -257px -277px !important;
}
.alphabet.c34 {
    width: 20px !important;
}
.alphabet.c35 {
    background-position: -43px -340px !important;
}
.alphabet.c36 {
    width: 16px !important;
    background-position: -81px -340px !important;
}
.alphabet.c37 {
    background-position: -107px -340px !important;
}
.alphabet.c38 {
    background-position: -144px -340px !important;
}
.alphabet.c39 {
    background-position: -182px -340px !important;
}
.alphabet.c40 {
    background-position: -220px -340px !important;
}
.alphabet.c41 {
    background-position: -258px -340px !important;
}
.alphabet.c42 {
    background-position: -295px -340px !important;
}
.alphabet.c43 {
    background-position: -333px -340px !important;
}
.alphabet.c44 {
    background-position: -371px -340px !important;
}
.alphabet.c45 {
    width: 17px !important;
    background-position: -59px -405px !important;
}
.alphabet.c46 {
    background-position: -86px -405px !important;
}
.alphabet.c47 {
    width: 29px !important;
    height: 29px !important;
    background-position: -125px -421px !important;
}
.alphabet.c48 {
    width: 17px !important;
    height: 14px !important;
    background-position: -164px -436px !important;
}
.alphabet.c49 {
    width: 17px !important;
    height: 25px !important;
    background-position: -204px -425px !important;
}
.alphabet.c50 {
    width: 17px !important;
    height: 35px !important;
    background-position: -244px -416px !important;
}
.alphabet.c51 {
    width: 17px !important;
    height: 35px !important;
    background-position: -271px -425px !important;
}
.alphabet.c52 {
    background-position: -324px -405px !important;
}
.alphabet.c53 {
    background-position: -363px -405px !important;
}
.alphabet_min {
    width: 14px !important;
    height: 26px !important;
    background-image: url("/images/design/alphabet-min.png") !important;
    display: inline-block;
    zoom: 0.6;
}

.alphabet_min.c1 {
    background-position: -25px -11px !important;
}
.alphabet_min.c2 {
    background-position: -44px -11px !important;
}
.alphabet_min.c3 {
    background-position: -62px -11px !important;
}
.alphabet_min.c4 {
    background-position: -81px -11px !important;
}
.alphabet_min.c5 {
    width: 32px !important;
    background-position: -99px -11px !important;
}
.alphabet_min.c6 {
    background-position: -119px -11px !important;
}
.alphabet_min.c7 {
    background-position: -138px -11px !important;
}
.alphabet_min.c8 {
    width: 40px !important;
    background-position: -156px -11px !important;
}
.alphabet_min.c9 {
    background-position: -180px -11px !important;
}
.alphabet_min.c10 {
    background-position: -37px -43px !important;
}
.alphabet_min.c11 {
    background-position: -56px -42px !important;
}
.alphabet_min.c12 {
    background-position: -75px -43px !important;
}
.alphabet_min.c13 {
    background-position: -94px -43px !important;
}
.alphabet_min.c14 {
    width: 20px !important;
    background-position: -113px -43px !important;
}
.alphabet_min.c15 {
    background-position: -138px -43px !important;
}
.alphabet_min.c16 {
    background-position: -157px -43px !important;
}
.alphabet_min.c17 {
    background-position: -175px -43px !important;
}
.alphabet_min.c18 {
    background-position: -54px -75px !important;
}
.alphabet_min.c19 {
    background-position: -73px -75px !important;
}
.alphabet_min.c20 {
    background-position: -91px -75px !important;
}
.alphabet_min.c21 {
    background-position: -109px -75px !important;
}
.alphabet_min.c22 {
    width: 20px !important;
    background-position: -128px -75px !important;
}
.alphabet_min.c23 {
    background-position: -153px -75px !important;
}
.alphabet_min.c24 {
    width: 32px !important;
    background-position: -37px -106px !important;
}
.alphabet_min.c25 {
    background-position: -57px -106px !important;
}
.alphabet_min.c26 {
    width: 41px !important;
    background-position: -75px -106px !important;
}
.alphabet_min.c27 {
    width: 43px !important;
    background-position: -100px -106px !important;
}
.alphabet_min.c28 {
    background-position: -125px -106px !important;
}
.alphabet_min.c29 {
    width: 40px !important;
    background-position: -145px -106px !important;
}
.alphabet_min.c30 {
    background-position: -169px -106px !important;
}
.alphabet_min.c31 {
    background-position: -85px -138px !important;
}
.alphabet_min.c32 {
    width: 41px !important;
    background-position: -103px -138px !important;
}
.alphabet_min.c33 {
    background-position: -128px -138px !important;
}
.alphabet_min.c34 {
    width: 20px !important;
}
.alphabet_min.c35 {
    background-position: -21px -170px !important;
}
.alphabet_min.c36 {
    width: 16px !important;
    background-position: -40px -170px !important;
}
.alphabet_min.c37 {
    background-position: -53px -170px !important;
}
.alphabet_min.c38 {
    background-position: -72px -170px !important;
}
.alphabet_min.c39 {
    background-position: -91px -170px !important;
}
.alphabet_min.c40 {
    background-position: -110px -170px !important;
}
.alphabet_min.c41 {
    background-position: -129px -170px !important;
}
.alphabet_min.c42 {
    background-position: -147px -170px !important;
}
.alphabet_min.c43 {
    background-position: -166px -170px !important;
}
.alphabet_min.c44 {
    background-position: -185px -170px !important;
}
.alphabet_min.c45 {
    width: 17px !important;
    background-position: -29px -202px !important;
}
.alphabet_min.c46 {
    background-position: -43px -202px !important;
}
.alphabet_min.c47 {
    width: 29px !important;
    height: 29px !important;
    background-position: -62px -210px !important;
}
.alphabet_min.c48 {
    width: 17px !important;
    height: 14px !important;
    background-position: -82px -218px !important;
}
.alphabet_min.c49 {
    width: 17px !important;
    height: 25px !important;
    background-position: -102px -212px !important;
}
.alphabet_min.c50 {
    width: 17px !important;
    height: 35px !important;
    background-position: -122px -208px !important;
}
.alphabet_min.c51 {
    width: 17px !important;
    height: 35px !important;
    background-position: -135px -212px !important;
}
.alphabet_min.c52 {
    background-position: -162px -202px !important;
}
.alphabet_min.c53 {
    background-position: -181px -202px !important;
} 
.vertical-list-block {
border-top: 1px solid #4c7486;
}
.vertical-list-block a {
display: block;
padding: 4px 5px 6px 7px;
border-bottom: 1px solid #4c7486;
text-decoration: none;
}
.vertical-list-block .bg0 {
background-color: #233944;
}
.vertical-list-block .bg1 {
background-color: #2c4854;
}
.victory {
background-image: url("/images/design/victory-min.png");
background-size: contain;
background-repeat: no-repeat;
padding-top: 50%;
background-position: center;
position: relative;
z-index: 5;
}
.defeat {
background-image: url("/images/design/defeat-min.png");
background-size: contain;
background-repeat: no-repeat;
padding-top: 50%;
background-position: center;
position: relative;
z-index: 5;
}
.mail-icon {
width: 37px;
height: 34px;
background-size: contain;
background-repeat: no-repeat;
z-index: 3;
margin: 7px 9px 0 7px;
position: relative;
display: block;
}
.c-r {
background-image: url('/images/design/block/right.png');
background-position: 100% 100%;
background-repeat: repeat-y;
background-size: 8px;
}
.c-l {
background-image: url('/images/design/block/left.png');
background-position: 0% 100%;
background-repeat: repeat-y;
background-size: 8px;
}
.c-b {
background-image: url('/images/design/block/bottom.png');
background-position: 100% 100%;
background-repeat: repeat-x;
background-size: 8px;
margin: 0 8px;
}
.c-b-l {
background-image: url('/images/design/block/bottom-left.png');
background-position: 0% 100%;
background-repeat: no-repeat;
background-size: 8px;
}
.c-b-r {
background-image: url('/images/design/block/bottom-right.png');
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: 8px;
}
.inside {
padding: 6px 5px 16px 5px;
}
.block-after-base-title {
margin-top: -5px;
}
.block-after-base-title .inside {
padding-top: 11px;
}
.block-after-base-title .b-content {
margin: 0 1px;
}
.b-content {
background-color: #111417;
background-repeat: no-repeat;
background-size: auto;
position: relative;
/*z-index: 1;*/
top: -4px;
}
.content1 {
background-image: url('/images/design/block/content1-bg-min.png');
}
.content2 {
background-image: url('/images/design/block/content2-bg-min.webp');
background-size: cover;
}
.content3 {
background-color: #1e2931;
background-image: url('/images/design/block/content3-bg-min.png');
background-repeat: round;
}
.block-title-name {
color: #feeeab;
font-weight: 400;
margin: 5px;
padding: 6px;
border: 1px solid #585757;
border-top: 2px solid #565656;
background-color: #232629;
}
.title-inside {
padding: 12px;
text-align: center;
color: #ffeeab;
}
.b-title {
max-width: 100%;
height: 37px;
background-repeat: no-repeat;
background-size: 100% 37px;
position: relative;
z-index: 2;
}
.title1 {
background-image: url('/images/design/block/title1-bg-min.png');
}
.title2 {
background-image: url('/images/design/block/title2-bg-min.png');
}
.nail {
position: absolute;
width: 9px;
height: 9px;
background-image: url('/images/design/block/nail.png');
background-repeat: no-repeat;
background-size: cover;
top: 14px;
}
.left-nail {
left: 12px;
}
.right-nail {
right: 12px;
}
.title {
position: relative;
font-size: 16px;
text-align: center;
padding: 6px 0 0 0;
}
.edu-helper {
max-width: 400px;
background-color: #111d3e;
padding: 5px;
border-radius: 5px;
border: 1px solid #243b82;
font-weight: 300;
min-height: 70px;
}
.teacher {
width: 73px;
height: 70px;
background-image: url("/images/design/edu-helper.png");
background-size: 73px 70px;
float: left;
margin-right: 8px;
}
@keyframes bounce-in-right {
0% {
transform: translateX(300px);
}
60% {
transform: translateX(-10px);
}
80% { transform: translateX(0px); }
100% { transform: translateX(0); }
}
.container {
overflow: hidden;
}
.box-chest_1 {
background-image:url("/images/manager/chest/1_0.png");
width:63px;
height:50px;
background-size:63px 50px;
position:absolute;
transform: translate(100%);
}
.box-chest_2 {
background-image:url("/images/manager/chest/2_0.png");
width:63px;
height:50px;
background-size:63px 50px;
position:absolute;
transform: translate(100%);
}
.box-chest_3 {
background-image:url("/images/manager/chest/3_0.png");
width:63px;
height:50px;
background-size:63px 50px;
position:absolute;
transform: translate(100%);
}
.box-chest_4 {
background-image:url("/images/manager/chest/4_0.png");
width:63px;
height:50px;
background-size:63px 50px;
position:absolute;
transform: translate(100%);
}
@keyframes ring-particle-1 {
0% {
transform: scale(0) translateY(0);
}
50% {
opacity: 1;
}
100% {
transform: scale(1) translateY(-30px);
opacity: 0;
}
}
  @keyframes skill-particle-1 {
0% {
transform: scale(0) translateY(0);
}
50% {
opacity: 1;
}
100% {
transform: scale(1) translateY(-30px);
opacity: 0;
}
}
 @keyframes buff-particle-1 {
0% {
transform: scale(0) translateY(0);
}
50% {
opacity: 1;
}
100% {
transform: scale(1) translateY(-30px);
opacity: 0;
}
}
.ring12 .ring-particle {
transform: scale(0);
background-size: cover;
background-image: url("/images/icons/heart-particle.png");
position: absolute;
}
 .skill .skill-particle {
transform: scale(0);
background-size: cover;
background-image: url("/images/icons/ability.png");
position: absolute;
}
  .buff .buff-particle {
transform: scale(0);
background-size: cover;
background-image: url("/images/icons/experience.png");
position: absolute;
}
.ring-particle.particle1 {
animation: 1.5s ring-particle-1 linear infinite;
left: 0;
right: 0;
margin: 0 auto;
bottom: 20px;
width: 30px;
height: 30px;
}
.ring-particle.particle2 {
animation: 2s ring-particle-1 linear infinite;
right: -10px;
margin: 0 auto;
bottom: -10px;
width: 20px;
height: 20px;
}
.ring-particle.particle3 {
animation: 2s ring-particle-1 linear infinite;
left: 0;
margin: 0 auto;
bottom: -5px;
width: 20px;
height: 20px;
}
 .skill-particle.particle1 {
animation: 1.5s ring-particle-1 linear infinite;
left: 0;
right: 0;
margin: 0 auto;
bottom: 20px;
width: 30px;
height: 30px;
}
.skill-particle.particle2 {
animation: 2s ring-particle-1 linear infinite;
right: -10px;
margin: 0 auto;
bottom: -10px;
width: 20px;
height: 20px;
}
.skill-particle.particle3 {
animation: 2s ring-particle-1 linear infinite;
left: 0;
margin: 0 auto;
bottom: -5px;
width: 20px;
height: 20px;
}
  .buff-particle.particle1 {
animation: 1.5s ring-particle-1 linear infinite;
left: 0;
right: 0;
margin: 0 auto;
bottom: 20px;
width: 30px;
height: 30px;
}
.buff-particle.particle2 {
animation: 2s ring-particle-1 linear infinite;
right: -10px;
margin: 0 auto;
bottom: -10px;
width: 20px;
height: 20px;
}
.buff-particle.particle3 {
animation: 2s ring-particle-1 linear infinite;
left: 0;
margin: 0 auto;
bottom: -5px;
width: 20px;
height: 20px;
}
.container {
overflow: hidden;
}
.index-menu-rectangular.extra-timer .extra-timer-label {
position: absolute;
top: 3px;
right: 5px;
font-size: small;
display: block;
}
.index-menu-rectangular.extra-timer .has-extra-label {
display: none;
}
.index-menu-rectangular.extra-timer .dot-red {
display: none;
}
.index-menu-rectangular.has-extra .extra-timer-label {
display: none;
}
.index-menu-rectangular .has-extra-label {
color: #97BBC9;
}
.hide {
display: none;
}
@keyframes move {
0% {
transform: translateY(0px);
bottom: 0;
}
100% {
transform: translateY(-50px);
}
}
.move50 {
animation: 1s move forwards;
}
.hits-area .hit {
width: 100%;
position: absolute;
bottom: 0;
text-align: center;
left: 0;
right: 0;
color: #ff2424;
text-shadow: 1px 0 #fff, -1px 0 #fff, 0 1px #fff, 0 -1px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #FFF;
font-size: 20px;
font-weight: bold;
}
.unit-messages-area {
width: 100%;
position: absolute;
height: 50px;
top: 0;
margin: 0 auto;
left: 0;
right: 0;
text-align: center;
}
.unit-messages-area .message {
position: absolute;
bottom: 0;
right: 0;
color: #9d5800;
text-shadow: 1px 0 #fff, -1px 0 #fff, 0 1px #fff, 0 -1px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #FFF;
font-size: 20px;
font-weight: bold;
}
.unit-messages-area .message.critical {
color: #ff2424;
bottom: 20px;
}
@keyframes rotate360 {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.loading.s100 {
width: 100px;
height: 100px;
}
.loading {
background-image: url("/images/icons/loading-gray.png");
background-size: cover;
animation: 1s rotate360 linear infinite;
}
.button a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.button.disabled {
opacity: 0.3;
}
.button.disabled a {
width: 0;
height: 0;
}
/* LOADING */
.load{
width: 100%;
height: 500px;
position:relative;
overflow:hidden;
background-color:#030404;}
.load .splash{
position:absolute;
top:0;bottom:0;left:-39px;right:-39px;
background-position:50% 0;background-repeat:no-repeat;background-size:100%;
transform:translateZ(0);
b. webkit-animation-duration:7s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-webkit-animation-direction:alternate;
c. moz-animation-duration:7s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease-in-out;-moz-animation-direction:alternate;
d. ms-animation-duration:7s;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:ease-in-out;-ms-animation-direction:alternate;
e. o-animation-duration:7s;-o-animation-iteration-count:infinite;-o-animation-timing-function:ease-in-out;-o-animation-direction:alternate;
animation-duration:7s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-direction:alternate;}
.load .scr1{background-image:url('/images/load/sky.png');-webkit-animation-name:anim_scr1;-moz-animation-name:anim_scr1;-ms-animation-name:anim_scr1;-o-animation-name:anim_scr1;animation-name:anim_scr1;}
.load .scr2{background-image:url('/images/load/earth.png');-webkit-animation-name:anim_scr2;-moz-animation-name:anim_scr2;-ms-animation-name:anim_scr2;-o-animation-name:anim_scr2;animation-name:anim_scr2;}
.load .scr3{background-image:url('/images/load/king.png');-webkit-animation-name:anim_scr3;-moz-animation-name:anim_scr3;-ms-animation-name:anim_scr3;-o-animation-name:anim_scr3;animation-name:anim_scr3;}
.load .scr4{background-image:url('/images/load/logo.png');}
.load .scr5{background-image:url('/images/load/gradient.png');}
@-webkit-keyframes anim_scr1{from{-webkit-transform:translateX(-22px);}to{-webkit-transform:translateX(22px);}}
@-webkit-keyframes anim_scr2{from{-webkit-transform:translateX(8px);}to{-webkit-transform:translateX(-8px);}}
@-webkit-keyframes anim_scr3{from{-webkit-transform:translateX(4px) translateY(1px);}to{-webkit-transform:translateX(-4px);}}
@-moz-keyframes anim_scr1{from{-moz-transform:translateX(-22px);}to{-moz-transform:translateX(22px);}}
@-moz-keyframes anim_scr2{from{-moz-transform:translateX(8px);}to{-moz-transform:translateX(-8px);}}
@-moz-keyframes anim_scr3{from{-moz-transform:translateX(4px) translateY(1px);}to{-webkit-transform:translateX(-4px);}}
@-ms-keyframes anim_scr1{from{-ms-transform:translateX(-22px);}to{-ms-transform:translateX(22px);}}
@-ms-keyframes anim_scr2{from{-ms-transform:translateX(8px);}to{-ms-transform:translateX(-8px);}}
@-ms-keyframes anim_scr3{from{-ms-transform:translateX(4px) translateY(1px);}to{-webkit-transform:translateX(-4px);}}
@-o-keyframes anim_scr1{from{-o-transform:translateX(-22px);}to{-o-transform:translateX(22px);}}
@-o-keyframes anim_scr2{from{-o-transform:translateX(8px);}to{-o-transform:translateX(-8px);}}
@-o-keyframes anim_scr3{from{-o-transform:translateX(4px) translateY(1px);}to{-webkit-transform:translateX(-4px);}}
@keyframes anim_scr1{from{transform:translateX(-22px);}to{transform:translateX(22px);}}
@keyframes anim_scr2{from{transform:translateX(8px);}to{transform:translateX(-8px);}}
@keyframes anim_scr3{from{transform:translateX(4px) translateY(1px);}to{-webkit-transform:translateX(-4px);}}
/* END */