html {
background : url(/assets/css/img/bodyBg.jpg) 50% 0 no-repeat fixed #000;
}
body {
width : 350px;
margin : 0 auto;
font-size : 16px;
padding-bottom : 10px;
color : #6a7f8e;
font-family : kundera, sans-serif;
font-style : normal;
font-weight : 400;
overflow-wrap : break-word;
}
a {
text-decoration : none;
}
a:visited {
color : #6a7f8e;
text-decoration : none;
}
a:hover, a:focus {
color : #6a7f8e;
}
table {
width : 100%;
border-collapse : collapse;
border-spacing : 0;
}
textarea {
display: block;
max-width: 100%;
min-width: 100%;
box-sizing: border-box;
padding: 10px;
border: solid 1px #2f414f;
border-radius: 5px;
background-color: #9fb6c7;
min-height: 54px;
font-size: 14px;
line-height: 1.2;
margin: 0 0 5px 0;
}
a, a:link, a:visited {
color : #6a7f8e;
}
img {
border : 0;
vertical-align : middle;
}
input {
background-color:#2f414f;
color: #3980b5;
margin: 1px;
border: 1px solid #131313;
text-align: center;
text-decoration: none;
display: inline-block;
height: 20px;
padding: 1px;
padding-left: 6px;
padding-right: 6px;
border-radius: 3px;
font-size: 14px;
}
/* common */
.cntr{text-align:center;}
.left{text-align:left;}
.rght{text-align:right;}
.medium{font-size:medium;}
.small{font-size:small !important;}
.bold{font-weight:bold;}
.fs0{font-size:0;}
.lhn{line-height:normal !important;}
.shb{text-shadow:0 1px 0 #000;}
.tdn,.tdn a{text-decoration:none !important}
.tdu,.tdu a{text-decoration:underline !important}
.ttu{text-transform:uppercase;}
.ttn{text-transform:none !important;}
.bl{display:block;}
.ib{display:inline-block;//display:inline;//zoom:1;}
.nwr{white-space:nowrap;}
.ovh{overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.clb{clear:both;}
.vt{vertical-align:top;}
.vm{vertical-align:middle;}
.mw110{min-width:110px;}
.mw132{min-width:132px;}
.mw160{min-width:160px;}
.ml45{margin-left: 45px;}
.mt5 {margin-top: 5px;}
.mb5 {margin-bottom: 5px;}
.fl{float:left;}
.fr{float:right;}
.p5 {padding: 5px;}
.wi24 {width: 24px;}
.fsl {font-size: large;}
.ptb10 {padding-top: 10px; padding-bottom: 10px;}
.ptb5 {padding-top: 5px; padding-bottom: 5px;}
.no-dec {
text-decoration: none;
}
.pointer {
cursor: pointer;
}
a {
color: #858585;
cursor: pointer;
}
/*////// color */
.cadetblue {color: cadetblue;}
.logo {
background-color: #d11b48;
padding: 0px;
margin: 0px;
}
.rekl {
background-color: #efc3cd;
padding: 3px;
margin: 3px 0px 3px 3px;
border-radius: 5px 0px 0px 5px;
border: 1px solid #dfa4b1;
}
.rekl a {
color: #af1037;
}
.auto {
background-color: #b4b5b4;
padding: 3px 3px 3px 27px;
margin: 3px 0px 3px 3px;
color: #ededed;
border: 1px solid #9b9b9b;
background-image: url(img/auth.gif);
background-position: left;
background-repeat: no-repeat;
}
.auto a {
color: #ffffff;
}
.avatar {
display: inline-block;
background: #131415 center/100% no-repeat;
border: 2px solid #292931;
border-radius: 5px;
}
.avatar_size_s {
width: 32px;
height: 32px;
}
.avatar_size_l {
width: 128px;
height: 128px;
}
.avatar_size_m {
width: 80px;
height: 80px;
}
.col-md-12 {
position : relative;
min-height : 1px;
padding-right : 15px;
padding-left : 15px;
float : left;
width : 100%;
}
.col-xs-3 {
position : relative;
min-height : 1px;
padding-right : 15px;
padding-left : 15px;
float : left;
width : 25%;
}
.cntr {
text-align : center;
}
.error {
color : #9e0000;
text-align : center;
}
.inputs {
align-items : center;
display : flex;
flex-direction : column;
justify-content : center;
}
.inputs input {
border-radius: 0.625rem;
padding: 0.3125rem 0.375rem 0.375rem;
font-style: normal;
font-family: arial,verdana,tahoma,sans-serif;
font-size : 17px;
background-color : #98adbe;
}
.inputs span {
color : #477193;
font-family : Arial;
font-size : 17px;
margin-bottom : 6px;
margin-top : 6px;
}
.btn {
align-items : center;
background : url(/assets/css/img/blue-btn.png);
cursor : pointer;
display : flex;
height : 45px;
justify-content : center;
margin : 11px auto 19px;
width : 188px;
}
.btn span {
color : #b1f0ff;
font-family : "Munchkin";
font-size : 22px;
}
.btngreen {
align-items : center;
background : url(/assets/css/img/green-btn.png);
cursor : pointer;
display : flex;
height : 25px;
justify-content : center;
margin : 11px auto 19px;
width : 180px;
}
.btn span {
color : #b1f0ff;
font-family : "Munchkin";
font-size : 22px;
}
.btn_i {
border : 1px;
color : #b1f0ff;
}
.forggot {
color : #b1f0ff;
cursor : pointer;
font-family : "Munchkin";
font-size : 14px;
}
.index-page {
align-items : center;
display : flex;
flex-direction : column;
justify-content : center;
margin-top : 17px;
}
.index-page span {
color : #676767;
font-family : Arial;
font-size : 14px;
}
/* loading */
.loading {
height : 570px;
position : relative;
overflow : hidden;
background-color : #000;
}
.loading .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);
animation-duration : 7s;
animation-iteration-count : infinite;
animation-timing-function : ease-in-out;
animation-direction : alternate;
}
.loading .scr1 {
background-image : url("/assets/css/img/background.jpg");
animation-name : anim_scr1;
}
.loading .scr2 {
background-image : url("/assets/css/img/fire_din.png");
animation-name : anim_scr2;
}
.loading .scr3 {
background-image : url("/assets/css/img/characters_stat.png");
animation-name : anim_scr3;
}
.loading .scr4 {
background-image : url("/assets/css/img/fx_din.png");
animation-name : anim_scr4;
}
.loading .scr5 {
background-image : url("/assets/css/img/front_din.png");
animation-name : anim_scr5;
}
.loading .scr6 {
width : 220px;
height : 66px;
margin : 450px auto;
background-image : url("/assets/css/img/start.png");
cursor : pointer;
animation-name : anim_scr3;
}
@keyframes anim_scr1 {
from {
transform : translateX(-22px);
}
to {
transform : translateX(22px);
}
}
@keyframes anim_scr5 {
from {
transform : translateX(22px);
}
to {
transform : translateX(-22px);
}
}
@keyframes anim_scr2 {
from {
transform : translateX(-12px);
}
to {
transform : translateX(12px);
}
}
@keyframes anim_scr4 {
from {
transform : translateX(8px);
}
to {
transform : translateX(-8px);
}
}
@keyframes anim_scr3 {
from {
transform : translateX(3px) translateY(1px);
}
to {
transform : translateX(-3px) translateY(-1px);
}
}
.loading .other {
margin-top : 30px;
color : #6f6f6f;
}
.loading .other a {
color : #6f6f6f !important ;
}
.loading .startButton {
width : 262px;
height : 79px;
margin : 500px auto;
background-image : url("/assets/css/img/start.png");
background-repeat : no-repeat;
background-size : contain;
cursor : pointer;
}
.loading .loginButton {
width : 98px;
margin : 530px auto 0;
position : relative;
text-transform : uppercase;
font-family : kundera, sans-serif;
text-align : center;
font-size : 13px;
color : #b1f0ff;
transition : opacity 0.3s ease-out;
transition-delay : 0.2s;
cursor : pointer;
}
.loadPage {
width : 300px;
height : 6px;
border-radius : 6px;
margin : auto;
position : relative;
overflow : hidden;
background-color : rgb(154, 127, 70, 0.45);
box-shadow : 0 3px 10px 0 rgb(24, 40, 130, 0.49) inset;
}
.loadPageFill {
height : 100%;
position : absolute;
left : 0;
top : 0;
border-radius : 6px;
background-color : #466c9a;
background : #b1f0ff;
background : linear-gradient(to bottom, #6ec1d4 0, #226ca5 14%, #315d9a 17%, #134c6d 100%);
box-shadow : -1px 0 2px 0 rgb(170, 229, 251, 0.55) inset;
}
.loadPageMenu {
position : absolute;
bottom : 30px;
left : 0;
right : 0;
}
.loadPageText {
margin-bottom : 5px;
text-align : center;
font-family : kundera, sans-serif;
font-size : 16px;
color : #b1f0ff;
}
.loadPageValue {
font-size : 18px;
}
/* section-menu */
.section-menu {
width : 350px;
display : block;
text-align : center;
margin: 0 auto;
}
.sectionIcon-menu {
display : inline-block;
position : relative;
width : 100px;
height : 100px;
background : url(/assets/css/img/sectionIcon-frame.png) no-repeat;
background-size : 100px 100px;
background-position : 50% 50%;
margin: 5px;
cursor : pointer;
}
.sectionIcon-menuq {
display: inline-block;
position: relative;
width: 100%;
height: 65px;
background: url(/assets/css/img/sectionIcon-bg.png) no-repeat;
background-size: 100%;
cursor: pointer;
}
.sectionIcon {
position : absolute;
width : 70px;
height : 70px;
left : 50%;
top : -1px;
transform : translate(-50%);
}
.sectionArena {
background : url(/assets/sectionMenu/arena.png) no-repeat;
background-size : 100% 100%;
}
.sectionYetunheim {
background : url(/assets/sectionMenu/nekro.png) no-repeat;
background-size : 100% 100%;
}
.sectionCompany {
top: 15px;
background-size : 100% 100%;
}
.sectionQuest {
background : url(/assets/sectionMenu/quest.png) no-repeat;
background-size : 100% 100%;
}
.sectionMaze {
background : url(/assets/sectionMenu/maze.png) no-repeat;
background-size : 100% 100%;
}
.sectionTour {
background : url(/assets/sectionMenu/tour.png) no-repeat;
background-size : 100% 100%;
}
.sectionDragon {
background : url(/assets/sectionMenu/dragon.png) no-repeat;
background-size : 100% 100%;
}
.sectionFear {
background : url(/assets/sectionMenu/fear.png) no-repeat;
background-size : 100% 100%;
}
.sectionCol {
background : url(/assets/sectionMenu/col.png) no-repeat;
background-size : 100% 100%;
}
.sectionPut {
background : url(/assets/sectionMenu/put.png) no-repeat;
background-size : 100% 100%;
}
.sectionZags {
background : url(/assets/sectionMenu/zags.png) no-repeat;
background-size : 100% 100%;
}
.sectionBonus {
background : url(/assets/sectionMenu/bonus.png) no-repeat;
background-size : 100% 100%;
}
.sectionShop {
background : url(/assets/sectionMenu/shop.png) no-repeat;
background-size : 100% 100%;
}
.sectionSurvival {
background : url(/assets/sectionMenu/survival.png) no-repeat;
background-size : 100% 100%;
}
.sectionInv {
background : url(/assets/sectionMenu/inv.png) no-repeat;
background-size : 100% 100%;
}
.sectionTotem {
background : url(/assets/sectionMenu/totem.png) no-repeat;
background-size : 100% 100%;
}
.sectionGold {
background : url(/assets/sectionMenu/gold.png) no-repeat;
background-size : 100% 100%;
}
.sectionRating {
background : url(/assets/sectionMenu/rating.png) no-repeat;
background-size : 100% 100%;
}
.sectionPutesh {
background : url(/assets/sectionMenu/putesh.png) no-repeat;
background-size : 100% 100%;
}
.sectionIcon-text {
position : absolute;
top : 70px;
left : 50%;
transform : translate(-50%);
font-size : 16px;
color : #6a7f8e;
}
.sectionIcon-value {
min-width : 19px;
height : 19px;
line-height : 19px;
position : absolute;
top : 15px;
right : 15px;
text-align : center;
background-color : #cc2400;
border-radius : 20px;
color : #fdfebd;
box-shadow : 2px -1px 7px 0 rgb(102 0 0 / 69%) inset, -1px 0 2px 0 rgb(0 0 0 / 52%);
text-shadow : 0 1px 1px rgb(86 0 0 / 57%);
font-size : 90%;
}
.ItemIcon-value {
width : 50px;
height : 19px;
line-height : 15px;
top : 15px;
right : -15px;
text-align : center;
position: relative;
}
/* userPanel */
.userPanel-bg {
width : 350px;
height : 56px;
margin : 0 auto;
position : relative;
color : #6a7f8e;
background-image : url(/assets/css/img/userPanel-bg.png);
background-size : contain;
background-repeat : no-repeat;
}
.userPanel-lvl {
width : 39px;
height : 40px;
top : 8px;
position : absolute;
left : 18px;
background-image : url(/assets/css/img/userPanel-lvlBg.png);
background-size : contain;
background-repeat : no-repeat;
cursor : pointer;
font-family : kundera;
}
.userPanel-lvlger {
width : 39px;
height : 40px;
top : 8px;
position : absolute;
left : 18px;
background-image : url(/assets/css/img/userPanel-lvlBger.png);
background-size : contain;
background-repeat : no-repeat;
cursor : pointer;
font-family : kundera;
}
.userPanel-lvlValue {
position : absolute;
top : 6px;
left : 0;
right : 0;
text-align : center;
font-weight : 700;
font-size : 20px;
color : #6a7f8e;
}
.userPanel-lvlgerValue {
position : absolute;
top : 6px;
left : 0;
right : 0;
text-align : center;
font-weight : 700;
font-size : 20px;
color : goldenrod;
}
.userPanel-mailBg {
width : 42px;
height : 42px;
position : absolute;
right : 20px;
top : 4px;
background-image : url(/assets/css/img/userPanel-mailBg.png);
background-size : contain;
background-repeat : no-repeat;
cursor : pointer;
}
.exp_bar {
width : 85.5%;
height : 4px;
position : relative;
left : 27px;
top : 54px;
border-radius : 1px;
background : #10161a;
box-sizing : border-box;
}
.exp_progress {
height : 4px;
border-radius : 1px;
background : #49acfc;
background : linear-gradient(to bottom, #49acfc 0, #3092e3 25%, #004985 100%);
box-sizing : border-box;
margin-top : 0;
}
.p_bar {
width: 100%;
height: 4px;
border-radius: 2px;
background: #10161a;
box-sizing: border-box;
margin-top: 5px;
margin-bottom: 5px;
}
.p_bar1 {
width: 91%;
height: 10px;
border-radius: 2px;
background: #b22222;
box-sizing: border-box;
margin-top: 5px;
margin-bottom: 5px;
}
.p_bar2 {
width: 91%;
height: 10px;
border-radius: 2px;
background: #daa520;
box-sizing: border-box;
margin-top: 5px;
margin-bottom: 5px;
}
.p_bar3 {
width: 91%;
height: 10px;
border-radius: 2px;
background: #add8e6;
box-sizing: border-box;
margin-top: 5px;
margin-bottom: 5px;
}
.p_bar10 {
width: 91%;
height: 10px;
border-radius: 2px;
background: #ffa07a;
box-sizing: border-box;
margin-top: 5px;
margin-bottom: 5px;
}
.p_bar5 {
width: 91%;
height: 10px;
border-radius: 2px;
background: #ff0000;
box-sizing: border-box;
margin-top: 5px;
margin-bottom: 5px;
}
.p_bar6 {
width: 91%;
height: 10px;
border-radius: 2px;
background: #ff8c00;
box-sizing: border-box;
margin-top: 5px;
margin-bottom: 5px;
}
.p_bar7 {
width: 91%;
height: 10px;
border-radius: 2px;
background: #ffd700;
box-sizing: border-box;
margin-top: 5px;
margin-bottom: 5px;
}
.p_bar8 {
width: 91%;
height: 10px;
border-radius: 2px;
background: #800080;
box-sizing: border-box;
margin-top: 5px;
margin-bottom: 5px;
}
.p_bar9 {
width: 91%;
height: 10px;
border-radius: 2px;
background: #6699ff;
box-sizing: border-box;
margin-top: 5px;
margin-bottom: 5px;
}
.p_bar10 {
width: 91%;
height: 10px;
border-radius: 2px;
background: #008000;
box-sizing: border-box;
margin-top: 5px;
margin-bottom: 5px;
}
.p_bar11 {
width: 91%;
height: 10px;
border-radius: 2px;
background: #8b10513a1;
box-sizing: border-box;
margin-top: 5px;
margin-bottom: 5px;
}
.p_progress {
height: 4px;
border-radius: 2px;
background: #49acfc;
background: linear-gradient(to bottom, #49acfc 0, #3092e3 25%, #004985 100%);
box-sizing: border-box;
}
.hp_bar {
width: 80%;
height: 4px;
border-radius: 2px;
background: #10161a;
box-sizing: border-box;
margin-top: 5px;
margin-bottom: 5px;
}
.hp_bar .progress {
height: 4px;
border-radius: 2px;
background: #38e330;
background: linear-gradient(to bottom, #38e330 0, #00bfff 25%, #068500 100%);
box-sizing: border-box;
}
.userPanel-mailIcon {
width : 30px;
height : 30px;
margin : auto;
position : absolute;
left : 0;
right : 0;
top : 0;
bottom : 0;
}
.iconPanel {
width : 30px;
height : 30px;
position : absolute;
left : 268px;
top : -4px;
background-image : url(/assets/css/img/envelope.png);
background-size : contain;
background-repeat : no-repeat;
cursor : pointer;
}
.iconPanelnew {
width : 30px;
height : 30px;
position : absolute;
left : 268px;
top : -4px;
background-image : url(/assets/css/img/envelopenew.png);
background-size : contain;
background-repeat : no-repeat;
cursor : pointer;
}
.cell-bgLeft, .cell-bgRight {
width : 8px;
position : absolute;
top : 0;
bottom : 0;
background-repeat : no-repeat;
background-size : contain;
}
.cell-bgLeft {
left : 0;
background-image : url(/assets/css/img/cellBgLeft.png?v=2);
}
.cell-bgRight {
right : 0;
background-image : url(/assets/css/img/cellBgRight.png);
}
.cell-bgMiddle {
position : absolute;
top : 0;
bottom : 0;
left : 6px;
right : 8px;
background-image : url(/assets/css/img/cellBgMiddle.png);
background-repeat : repeat-x;
background-size : contain;
}
.cell-now {
display: inline-block;
margin: 5px;
text-align: center;
}
.cell-now .left {
display: inline-block;
width: 8px;
height: 25px;
background-image: url(/assets/css/img/cellBgLeft.png?v=2);
background-repeat: no-repeat;
background-size: 100% 100%;
vertical-align: middle;
}
.cell-now .right {
display: inline-block;
width: 8px;
height: 25px;
background-image: url(/assets/css/img/cellBgRight.png?v=2);
background-repeat: no-repeat;
background-size: 100% 100%;
vertical-align: middle;
}
.cell-now .middle {
padding: 3.3px;
display: inline-block;
min-width: 70px;
background-image: url(/assets/css/img/cellBgMiddle.png);
background-repeat: repeat-x;
background-size: 100% 100%;
vertical-align: middle;
}
.campaign {
background : url(/assets/css/img/campaign.jpg) top no-repeat;
background-size : contain;
padding-top : 10px;
width : 100%;
}
.hint {
display : block;
height : 80px;
margin : 0 auto 17px;
max-width : 360px;
position : relative;
text-align : left;
}
.hint .bot {
left : 3%;
position : absolute;
top : 0;
z-index : 2;
}
.hint .border {
background : url(/assets/css/img/hint-r.png) right 10% no-repeat, url(/assets/css/img/hint-l.png) left 10% no-repeat, url(/assets/css/img/hint-m.png) 81% no-repeat;
background-clip : border-box;
background-size : auto, auto, 90% 65px;
height : 65px;
margin-left : auto;
margin-right : auto;
position : relative;
top : 14px;
width : 97%;
}
.hint .border .button_text {
color : #b1f0ff;
display : inline-block;
font-family : kundera, sans-serif;
font-size : 13px;
max-width : 350px;
padding-left : 115px;
padding-right : 10px;
padding-top : 2px;
text-align : left;
}
.dailyTask {
position : absolute;
right : -18px;
top : -5px;
z-index : 11;
width : 85px;
height : 70px;
}
.b {
color : #477193;
text-shadow: 0 0 1px rgb(177 240 255 / 56%);
font-family : kundera, serif;
display : table-cell;
font-size : 18px;
line-height : 32px;
}
.head {
width : 350px;
height : 32px;
margin : auto;
position : relative;
background : url(/assets/css/img/location-bg1.png) top center no-repeat #000;
background-size : contain;
}
.nav-td {
padding: 5px;
color : #477193;
font-family : kundera, sans-serif;
font-size : 16px;
}
.nav-td:nth-child(2n) {
background: #111a22;
}
.base_menu{
background:url(/assets/css/img/menu-grad.png) center 13px no-repeat,url(/assets/css/img/menu-grad2.png) center 137px no-repeat;
margin:0 auto;
max-width:350px;
padding-bottom:60px;
position:relative
}
.nav-f{
color : #676767;
font-family : kundera, sans-serif;
font-size : 15px;
}
.modal-block {
display:none;
}
.modal-block:before {
content: '';
background: #000;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.7;
z-index: 9999;
}
.modal {
position: fixed;
width: 80%;
padding-top: 10px;
padding-bottom: 10px;
max-width:350px;
top: 35%;
left: 50%;
font-family : kundera, sans-serif;
font-size : 14px;
transform: translate(-50%, -35%);
border: solid 3px #405b76;
border-radius: 5px;
background: #151d26;
color: white;
opacity: 10;
z-index: 99999;
}
.hero-name {
background: url(/assets/css/img/back.png) repeat-x center center;
height: 62px;
width: 350px;
top: -4px;
line-height: 20px;
margin-top: 0;
padding-top: 7px;
position: relative;
z-index: 2;
}
.gradient-line {
background: url(/assets/css/img/gradient-top.png) top center repeat-x;
bottom: 0;
height: 60px;
line-height: 90px;
position: absolute;
width: 350px;
}
.left-items {
height: 52px;
width: 52px;
display: flex;
position: left;
flex-direction: column;
z-index: 1;
}
.right-items {
height: 52px;
width: 52px;
display: flex;
position: right;
flex-direction: column;
z-index: 1;
}
.pst-relative {
height: 52px;
width: 52px;
position: relative;
}
/* msg */
.msg{
background : linear-gradient(to bottom, #000 0, rgb(2 17 28) 70%, #000 100%);
color:#a1b7c7;
font-size:14px;
}
.msg .wr1{background-image:url(/assets/css/img/wr0-blue.png);background-repeat:no-repeat;background-position:0 0;}
.msg .wr2{background-image:url(/assets/css/img/wr1-blue.png);background-repeat:no-repeat;background-position:100% 0;}
.msg .wr3{background-image:url(/assets/css/img/wr2-blue.png);background-repeat:no-repeat;background-position:100% 100%;}
.msg .wr4{
padding:10px;
background-image:url(/assets/css/img/wr3-blue.png);background-repeat:no-repeat;background-position:0 100%;}
.tc{
font-style : bold;
color:#9bc2e0;
}
/* bbtn */
.bbtn{
height:32px;
margin-bottom:2px;
background-color:#183543;background-image:url(/assets/css/img/bg-bbtn.png);background-repeat:repeat-x;}
.bbtn .lf,.bbtn .rt{height:32px;display:block;background-image:url(/assets/css/img/bg-bbtn-lr.png);background-repeat:no-repeat;background-position:100% -32px;}
.bbtn .lf{text-decoration:none !important;background-position:0 0;}
.bbtn .lbl{
display:block;
height:24px;
padding:7px 7px 0 45px;
line-height:16px !important;
color:#9bc2e0;
font-size:medium;
white-space:nowrap;
overflow:hidden;
background-position:5px 0;background-repeat:no-repeat;}
.bbtn .lbl_rate, .bbtn .dsbl .lbl_rate{
display: block;
height: 24px;
padding: 8px 10px 0 40px;
line-height: 16px !important;
color: #9bc2e0;
font-size: medium;
white-space: nowrap;
overflow: hidden;
background-position: center center;
background-repeat: no-repeat;
}
.bbtn .mail{background-image:url('/assets/img/icons/mbtn-ico-mail.png');}
.bbtn .coll{background-image:url('/assets/img/icons/mbtn-ico-coll.png');}
.bbtn .train{background-image:url('/assets/img/icons/mbtn-ico-train.png');}
.bbtn .amulet{background-image:url('/assets/img/icons/mbtn-ico-amulet.png');}
.bbtn .gifts{background-image:url('/assets/img/icons/mbtn-ico-gifts.png');}
.bbtn .snar{background-image:url('/assets/img/icons/mbtn-ico-snar.png');}
.bbtn .inv{background-image:url('/assets/img/icons/mbtn-ico-inv.png');}
.bbtn .sett{background-image:url('/assets/img/icons/mbtn-ico-settings.png');}
.bbtn .task{background-image:url('/assets/img/icons/mbtn-ico-task.png');}
.bbtn .ok{background-image:url('/assets/img/icons/ok.png');}
.bbtn .skills{background-image:url('/assets/img/icons/mbtn-ico-skills.png');}
.hr,.hr .hr_end{font-size:0px;height:1px;background-image:url('/assets/css/img/bg-hr.png');background-repeat:no-repeat}
.hr .hr_end{background-position:100% -1px;}
.hr{margin:10px 5px}
::-webkit-scrollbar-button {
background-image:url('');
background-repeat:no-repeat;
width:5px;
height:0px
}
::-webkit-scrollbar-track {
background-color:#091a26;
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: 0px;
border-radius: 0px;
background-color:#173e5c;
}
::-webkit-scrollbar-thumb:hover{
background-color:#1c4769;
}
::-webkit-resizer{
background-image:url('');
background-repeat:no-repeat;
width:4px;
height:0px
}
::-webkit-scrollbar{
width: 10px;
}
::selection {
background: #091a26;
}
::-moz-selection {
background: #091a26;
}
div.btn-green {
text-align: center;
margin: 5px;
display: block;
}
.btn-green .left {
display: inline-block;
margin-left: 0;
width: 15px;
height: 25px;
background: url(/assets/css/img/green-bgLeft.png);
background-size: 100% 100%;
vertical-align: middle;
}
.btn-green .right {
display: inline-block;
margin-right: 0;
width: 15px;
height: 25px;
background: url(/assets/css/img/green-bgRight.png);
background-size: 100% 100%;
vertical-align: middle;
}
.btn-green .middle {
padding-top: 5px;
padding-bottom: 5px;
margin: 0;
min-width: 150px;
display: inline-block;
height: 15px;
background: url(/assets/css/img/green-bgMiddle.png);
background-size: 100% 100%;
vertical-align: middle;
}
div.btn-yellow {
text-align: center;
margin: 5px;
display: block;
}
.btn-yellow .left {
display: inline-block;
margin-left: 0;
width: 15px;
height: 25px;
background: url(/assets/css/img/yellow-bgLeft.png);
background-size: 100% 100%;
vertical-align: middle;
}
.btn-yellow .right {
display: inline-block;
margin-right: 0;
width: 15px;
height: 25px;
background: url(/assets/css/img/yellow-bgRight.png);
background-size: 100% 100%;
vertical-align: middle;
}
.btn-yellow .middle {
padding-top: 5px;
padding-bottom: 5px;
margin: 0;
min-width: 150px;
display: inline-block;
height: 15px;
background: url(/assets/css/img/yellow-bgMiddle.png);
background-size: 100% 100%;
vertical-align: middle;
}
div.btn-blue {
text-align: center;
margin: 5px;
display: block;
}
.btn-blue .left {
display: inline-block;
margin-left: 0;
width: 15px;
height: 25px;
background: url(/assets/css/img/blue-bgLeft.png);
background-size: 100% 100%;
vertical-align: middle;
}
.btn-blue .right {
display: inline-block;
margin-right: 0;
width: 15px;
height: 25px;
background: url(/assets/css/img/blue-bgRight.png);
background-size: 100% 100%;
vertical-align: middle;
}
.btn-blue .middle {
padding-top: 5px;
padding-bottom: 5px;
margin: 0;
min-width: 150px;
display: inline-block;
height: 15px;
background: url(/assets/css/img/blue-bgMiddle.png);
background-size: 100% 100%;
vertical-align: middle;
}
.btn-green a, .btn-yellow a, .btn-blue a {
color: white;
}
.btn-green a:hover, .btn-yellow a:hover, .btn-blue a:hover {
color: white;
}
a.link-z {
display: block;
margin: 0;
padding: 5px 3px 5px 10px;
color: white;
background: linear-gradient(to bottom, rgb(19,51,68) 25%, rgb(0,0,0) 100%);
}
.link-z:nth-last-child(n+2) {
margin-bottom: 5px;
}
.block-small {
display: inline-block;
position: relative;
width:80px;
height: 80px;
}
.block-small .frame {
position:absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: url(/assets/img/icons/frame-small.png);
background-size: 100% 100%;
width: 70px;
height: 70px;
}
.block-small .icon {
position: absolute;
left: 50%;
top: 5px;
transform: translate(-50%);
background-size: 100% 100%;
width: 30px;
height: 30px;
}
.block-small .text {
position: absolute;
left:50%;
top: 45px;
transform: translate(-50%);
}
.equip-1 {
color: #ceb591;
}
.equip-2 {
color: #15de78;
}
.equip-3 {
color: #6090ff;
}
.equip-4 {
color: #ffd047;
}
.equip-5 {
color: #15e3ef;
}
.equip-6 {
color: #ea5d5c;
}
.equip-b-1 {
border: 1px solid #55442c;
border-top: 1px solid #715938;
border-bottom: 1px solid #5b4628;
border-radius: 2px;
}
.equip-b-2 {
border: 1px solid #155534;
border-top: 1px solid #3f8d65;
border-bottom: 1px solid #115f37;
border-radius: 2px;
}
.equip-b-3 {
border: 1px solid #304781;
border-top: 1px solid #506ba9;
border-bottom: 1px solid #293f72;
border-radius: 2px;
}
.equip-b-4 {
border: 1px solid #50481d;
border-top: 1px solid #726e40;
border-bottom: 1px solid #463d10;
border-radius: 2px;
}
.equip-b-5 {
border: 1px solid #2a5153;
border-top: 1px solid #3b727b;
border-bottom: 1px solid #1f575b;
border-radius: 2px;
}
.equip-b-6 {
border: 1px solid #682d2d;
border-top: 1px solid #6d3838;
border-bottom: 1px solid #5b2020;
border-radius: 2px;
}
.b-notice {
display: block;
position: fixed;
top: 0px;
padding-top: 10px;
width: 350px;
-webkit-animation: noticeShow 4s linear forwards;
animation: noticeShow 4s linear forwards;
z-index: 10000;
text-align: center;
background: linear-gradient(to bottom, rgb(0 0 0 / 98%) 50%, rgba(0, 0, 0, 0) 110%);
}
@media screen and (max-width: 480px) {
.b-notice {
left: 0;
width: 100%;
margin: 0; } }
@-webkit-keyframes noticeShow {
from {
opacity: 0;
-webkit-transform: translateY(-150px);
transform: translateY(-150px); }
10%, 75% {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px); }
99% {
opacity: 0;
-webkit-transform: translateY(-150px);
transform: translateY(-150px); }
to {
opacity: 0;
-webkit-transform: translateY(-150px);
transform: translateY(-150px); } }
@keyframes noticeShow {
from {
opacity: 0;
-webkit-transform: translateY(-150px);
transform: translateY(-150px); }
10%, 75% {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px); }
99% {
opacity: 0;
-webkit-transform: translateY(-150px);
transform: translateY(-150px); }
to {
opacity: 0;
-webkit-transform: translateY(-150px);
transform: translateY(-150px); } }
.cred {color: #c00e0e !important;}
.cgreen {color: darkgreen !important;}
.mt15{margin-top:15px;}
.switch {
position: relative;
width: 240px;
height: 35px;
text-align: center;
display: inline-block;
background: #00bc9c;
transition: all 0.2s ease;
border-radius: 25px;
}
.switch span {
content: url(/assets/css/img/male.png);
position: absolute;
width: 24px;
height: 24px;
top: 15%;
left: 35%;
display: block;
transition: all 0.2s ease;
}
.switch span:after {
content: "";
display: block;
position: absolute;
width: 4px;
height: 12px;
margin-top: -8px;
background: #fff;
transition: all 0.2s ease;
}
.switch label {
cursor: pointer;
color: rgba(0,0,0,0.2);
width: 100px;
line-height: 35px;
transition: all 0.2s ease;
}
label[for=yes] {
position: absolute;
left: 0px;
height: 35px;
}
label[for=no] {
position: absolute;
right: 0px;
}
#no:checked ~ .switch {
background: pink;
}
#no:checked ~ .switch span {
content: url(/assets/css/img/female.png);
margin-left: 50px;
}
#no:checked ~ .switch span:after {
background: #fff;
height: 35px;
margin-top: -8px;
margin-left: 8px;
}
#yes:checked ~ .switch label[for=yes] {
color: #fff;
}
#no:checked ~ .switch label[for=no] {
color: #fff;
}
a.btnp{text-decoration: none;}
.btnp._blue,
.btnp._green,
.btnp._red,
.btnp._dark{
background-position:
100% 0,
0 0,
0 0;
background-repeat:
no-repeat,
no-repeat,
repeat-x;
}
.btnp._blue{
/*background-color: #16526F;*/
background-image:
url("/templates/icons/style/bg_btn_blue_right.png"),
url("/templates/icons/style/bg_btn_blue_left.png"),
url("/templates/icons/style/bg_btn_blue.png");
}
.btnp._green{
/*background-color: #077F01;*/
background-image:
url("/templates/icons/style/bg_btn_green_right.png"),
url("/templates/icons/style/bg_btn_green_left.png"),
url("/templates/icons/style/bg_btn_green.png");
}
.btnp._red{
/*background-color: #C61F1F;*/
background-image:
url("/templates/icons/style/bg_btn_red_right.png"),
url("/templates/icons/style/bg_btn_red_left.png"),
url("/templates/icons/style/bg_btn_red.png");
}
.btnp._dark{
/*background-color: #565151;*/
background-image:
url("/templates/icons/style/bg_btn_dark_right.png"),
url("/templates/icons/style/bg_btn_dark_left.png"),
url("/templates/icons/style/bg_btn_dark.png");
}
.wrapper-btn{
margin: 2px 0;
text-align: center;
}
.wrapper-btn.padding-top{
padding-top: 6px;
}
.wrapper._pagination .btnp{
padding: 5px 10px;
margin: 0px 3px;
}
.prg-bar,.prg-blue,.prg-red,.prg-green,.prg-violet{
height: 4px;
border-radius: 2px;
background: rgb(16, 22, 26);
box-sizing: border-box;
}
.prg-bar.vote{background-position:0 -14px;}
.prg-blue{display:block;background-position:0 -7px;}
.prg-green{display:block;background: linear-gradient(rgb(56, 227, 48) 0px, rgb(0, 191, 255) 25%, rgb(6, 133, 0) 100%); border-radius: 5px 0px 0px 5px;}
.prg-red{display:block;background: linear-gradient(rgb(227, 48, 48) 0px, rgb(255 0 0) 25%, rgb(133, 0, 0) 100%); max-width: 100%;border-radius: 0px 5px 5px 0px;}
.prg-violet{display:block;background-position:0 -35px;}
.items {
display: inline-flex;
justify-content: center;
flex-wrap: wrap;
align-content: flex-start;
align-items: center;
width: 95%;
}
.items .item {
width: 50px;
height: 50px;
margin: 2px;
}
.items .columns {
display: inline-flex;
justify-content: center;
flex-wrap: wrap;
align-content: flex-start;
align-items: center;
flex-direction: column;
}
.items .predmet {
width: 30px;
height: 30px;
margin: 5px;
border: solid 1px gray;
border-radius: 2px;
}
.p_progress {
height: 4px;
border-radius: 2px;
background: #49acfc;
background: linear-gradient(to bottom, #49acfc 0, #3092e3 25%, #004985 100%);
box-sizing: border-box;
max-width: 100%;
}
.msgbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 4px 0 2px;
}
.msg__view {
padding: 4px 12px;
}
.msg-view {
display: inline-block;
width: 64px;
height: 64px;
border: 2px solid #111;
border-radius: 10px;
}
.msg-view__img {
width: 100%;
height: 100%;
border-radius: 10px;
}
.msg__info {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-top: 10px;
line-height: 1.4;
text-align: left;
}
.msg__name, .user-clan a {
color: #ececec;
}
.table-block {
align-items: center;
display: flex;
height: 40px;
margin-bottom: 4px;
margin-top: 4px;
padding: 10px
}
.table-block-left {
align-items: center;
display: flex;
width: 100%;
}
.table-block-right {
color: #818181;
display: flex;
font-family: Arial;
font-size: 16px;
justify-content: flex-end;
}
.rating-first-place {
align-items: center;
display: flex;
font-family: Arial;
font-size: 15px;
height: 31px;
justify-content: center;
min-width: 26px;
background: url(/templates/icons/style/rating-gold-place.png) no-repeat;
color: #feeaad;
background-position: top;
}
.rating-second-place {
align-items: center;
display: flex;
font-family: Arial;
font-size: 15px;
height: 31px;
justify-content: center;
min-width: 26px;
background: url(/templates/icons/style/rating-place_2.png) no-repeat;
color: #d0d5d9;
background-position: top;
}
.rating-third-place {
align-items: center;
display: flex;
font-family: Arial;
font-size: 15px;
height: 31px;
justify-content: center;
min-width: 26px;
background: url(/templates/icons/style/rating-place_3.png) no-repeat;
color: #f3cfa0;
background-position: top;
}
.rating-place {
align-items: center;
background: url(/templates/icons/style/rating-place.png) no-repeat;
color: #818181;
display: flex;
font-family: Arial;
font-size: 15px;
height: 31px;
justify-content: center;
min-width: 26px;
background-position: top;
}
.rating-avatar {
align-items: center;
/*background: url(/assets/img/rating-avatar-border.png) no-repeat;*/
display: flex;
height: 40px;
justify-content: center;
margin-left: 4%;
margin-right: 3%;
min-width: 40px;
}
.rating-herb {
display: flex;
height: 40px;
justify-content: center;
margin-left: 4%;
margin-right: 3%;
min-width: 40px;
}
.new_hunter_name, .rating-name {
color: #818181;
font-family: Arial;
font-size: 16px;
position: relative;
}
.table-block-grey {
background: #4b4b4b;
background: -moz-linear-gradient(left,rgba(75,75,75,0.3) 0,rgba(28,28,28,0.2) 100%);
background: -webkit-linear-gradient(left,rgba(75,75,75,0.3) 0,rgba(28,28,28,0.2) 100%);
background: linear-gradient(to right,rgba(75,75,75,0.3) 0,rgba(28,28,28,0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b4b4b',endColorstr='#1c1c1c',GradientType=1);
}
.pvp_back2 {
background: url(/images/pvp/f2.jpg) no-repeat center center;
}
.nick_color {
font-family: Roboto, Arial, sans-serif;
font-size: 15px;
background-color: var(--c1);
background-image: linear-gradient(90deg, var(--c2), var(--c1));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.table-block {
align-items: center;
display: flex;
height: 40px;
margin-bottom: 4px;
margin-top: 4px;
padding: 10px
}
.table-block-left {
align-items: center;
display: flex;
width: 100%;
}
.table-block-right {
color: #818181;
display: flex;
font-family: Arial;
font-size: 16px;
justify-content: flex-end;
}
.rating-first-place {
align-items: center;
display: flex;
font-family: Arial;
font-size: 15px;
height: 31px;
justify-content: center;
min-width: 26px;
background: url(/templates/icons/style/rating-gold-place.png) no-repeat;
color: #feeaad;
}
.rating-second-place {
align-items: center;
display: flex;
font-family: Arial;
font-size: 15px;
height: 31px;
justify-content: center;
min-width: 26px;
background: url(/templates/icons/style/rating-place_2.png) no-repeat;
color: #d0d5d9;
}
.rating-third-place {
align-items: center;
display: flex;
font-family: Arial;
font-size: 15px;
height: 31px;
justify-content: center;
min-width: 26px;
background: url(/templates/icons/style/rating-place_3.png) no-repeat;
color: #f3cfa0;
}
.rating-place {
align-items: center;
background: url(/templates/icons/style/rating-place.png) no-repeat;
color: #818181;
display: flex;
font-family: Arial;
font-size: 15px;
height: 31px;
justify-content: center;
min-width: 26px;
}
.rating-avatar {
display: flex;
height: 52px;
justify-content: center;
margin-left: 4%;
margin-right: 3%;
min-width: 40px;
}
.rating-herb {
display: flex;
height: 40px;
justify-content: center;
margin-left: 4%;
margin-right: 3%;
min-width: 40px;
}
.new_hunter_name, .rating-name {
color: #818181;
font-family: Arial;
font-size: 16px;
position: relative;
}
.table-block-grey {
background: #4b4b4b;
background: -moz-linear-gradient(left,rgba(75,75,75,0.3) 0,rgba(28,28,28,0.2) 100%);
background: -webkit-linear-gradient(left,rgba(75,75,75,0.3) 0,rgba(28,28,28,0.2) 100%);
background: linear-gradient(to right,rgba(75,75,75,0.3) 0,rgba(28,28,28,0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b4b4b',endColorstr='#1c1c1c',GradientType=1);
}
.rating-name {
color: #818181;
font-family: Arial;
font-size: 15px;
position: relative
}
.image-container {
position: relative;
width: 100%;
}
.image-container::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 20px;
background: linear-gradient(to bottom, transparent, rgba(27, 27, 29, 1));
z-index: 2;
}
.image-with-shadow {
width: 100%;
display: block;
}
.event-dialog--transparent {
position: absolute;
bottom: 0;
background-color: rgba(32, 32, 34, 0.8);
}
.event-dialog {
padding-bottom: 6px;
}
.event-dialog__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex
;
padding: 6px;
}
.event-dialog__avatar, .event-dialog__view {
width: 64px;
height: 64px;
}
.event-dialog__phrase {
line-height: 1.3;
font-size: small;
padding-left: 12px;
}
.title-background {
background-repeat: no-repeat;
height: 150px;
background-size: cover;
border: 1px solid #292931;
-webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.7);
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.7);
border-radius: 7px;
margin: 5px;
}
.title-background_2 {
background-image: url(/img/dung/2.jpg);
}
.menu {
padding-bottom: 0;
}
.menu__list {
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.menu__item_size_l {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.menu__link {
background-position: center;
background-size: cover;
}
.menu__img {
position: absolute;
left: 0;
bottom: 0;
width: 96px;
height: 96px;
border-radius: 0 0 0 7px;
}
.menu__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex
;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-item-align: end;
align-self: center;
width: 60%;
line-height: 1.8;
}
.menu__title {
background-color: rgba(0, 0, 0, 60%);
border-radius: 7px 7px 0 0;
z-index: 100;
min-height: 28px;
font-size: large;
line-height: 28px;
}
.menu__link {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex
;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
min-height: 100px;
margin: 5px;
color: #ececec;
text-align: center;
/*background: #202022 center / 96px no-repeat;*/
border: 1px solid #292931;
-webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.7);
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.7);
border-radius: 7px;
text-decoration: none;
}
.menu__text {
padding-bottom: 2px;
font-size: small;
color: #ffffff;
border-radius: 0 0 7px 7px;
}
.menu__img {
position: absolute;
left: 0;
bottom: 0;
width: 96px;
height: 96px;
border-radius: 0 0 0 7px;
}
.pohod-background_1 {
background-image: url(/assets/img/pohod/1.jpg);
}
.pohod-background_2 {
background-image: url(/assets/img/pohod/2.jpg);
}
.pohod-background_3 {
background-image: url(/assets/img/pohod/3.jpg);
}
.pohod-background_4 {
background-image: url(/assets/img/pohod/4.jpg);
}
.pohod-background_5 {
background-image: url(/assets/img/pohod/5.jpg);
}
.pohod-background_6 {
background-image: url(/assets/img/pohod/6.jpg);
}
.info .tch,.notify {
margin-left: auto;
margin-right: auto
}
.notify {
left: 0;
right: 0;
position: absolute;
top: 5px;
background: #333;
background: radial-gradient(#2d2d2d,#333);
border: 1px solid #555;
border-radius: 6px;
padding: 6px;
z-index: 122;
max-width: 300px;
font-size: 14px;
box-shadow: rgba(0,0,0,.3) 0 1px 2px 0,rgba(0,0,0,.15) 0 2px 6px 2px;
animation: 8s forwards notify;
}
.flinks a,.headline,.notify .progress,.s {
position: relative;
}
.notify .progress {
width: 100%;
height: 1px;
background: rgba(255,255,255,.3);
top: 7px;
left: 0;
border-radius: 6px;
animation: 5.6s linear forwards notify_progress;
}
.notify.ok {
border-color: #2e793e;
box-shadow: rgba(0,0,0,.3) 0 1px 2px 0, rgba(0,0,0,.15) 0 2px 6px 2px, inset #345b48 0 0 20px;
}
.notify.no {
border-color: #792e2e;
box-shadow: rgba(0,0,0,.3) 0 1px 2px 0,rgba(0,0,0,.15) 0 2px 6px 2px,inset #5b3434 0 0 20px;
}
.hr.solid,hr {
border-top: 1px solid #555
}
.notify.remove {
animation: 1s forwards notify_remove
}
@keyframes notify {
0% {
opacity: 0;
top: -150px
}
5%,70% {
opacity: 1;
top: 15px
}
100% {
opacity: 0;
top: -200px
}
}
@keyframes notify_remove {
to {
opacity: 0;
top: -200px
}
}
@keyframes notify_progress {
to {
left: 50%;
width: 0%
}
}
.slider-wrapper {
position: relative;
overflow: hidden;
}
.slides-container {
height: fit-content;
width: 100%;
display: flex;
list-style: none;
margin: 0;
padding: 0;
overflow: scroll;
scroll-behavior: unset;
}
.slide {
width: 100%;
flex: 1 0 100%;
}
.slides-container {
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* Internet Explorer 10+ */
}
/* WebKit */
.slides-container::-webkit-scrollbar {
width: 0;
height: 0;
}
.slide-arrow {
position: absolute;
display: flex;
top: 0;
bottom: 0;
margin: auto;
height: 4rem;
background-color: white;
border: none;
width: 3rem;
font-size: 3rem;
padding: 0;
cursor: pointer;
opacity: 0.5;
transition: opacity 100ms;
z-index: 100;
}
.slide-arrow:hover,
.slide-arrow:focus {
opacity: 1;
}
#slide-arrow-prev {
left: 0;
padding-left: 0.75rem;
border-radius: 0 2rem 2rem 0;
}
#slide-arrow-next {
right: 0;
padding-left: 1.25rem;
border-radius: 2rem 0 0 2rem;
}
.page-buy__item-azurit {
padding: 6px 0;
line-height: 1.5;
text-align: center;
background-color: #1b1b1d;
}
.banks {
display: flex;
justify-content: center;
align-items: center;
}
.banks__text {
font-size: 22px;
}
.banks__logo {
padding: 5px;
width: 230px;
height: 26px
}
.shop-sale {
display: flex
;
flex-direction: column;
align-items: center;
position: absolute;
right: 5px;
line-height: 1;
}
.shake2 {
animation: shake2 0.5s infinite;
}
.shop-sale__title {
font-size: 30px;
width: 27%;
height: 35px;
}
.shop-sale__subtitle {
font-size: 14px;
}
.sale {
text-decoration: line-through;
text-decoration-color: red;
text-decoration-thickness: 2px;
}
span.ok {
color: #2efb33;
}
.flex_center {
display: flex
;
justify-content: center;
align-items: baseline;
}
.page-buy__actions, .param__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex
;
-ms-flex-pack: distribute;
justify-content: space-around;
padding: 6px 0;
}
.page-buy__title {
position: relative;
font-size: large;
color: #ececec;
}
@keyframes shake2 {
0% { transform: rotate(-3deg); }
50% { transform: rotate(3deg); }
100% { transform: rotate(-3deg); }
}
.shake2 {
animation: shake2 0.5s infinite;
}
#talisman {
display: block;
width: 174px;
height: 174px;
margin-left: auto;
margin-right: auto;
}
#talisman img{
width:100%;
height: 100%;
}
#talisman_stats {
display: block;
width: 100%;
margin-top: 5px;
}
@media screen and (min-width: 500px) {
#bg {
background-image: url('/templates/icons/style/back1.png');
background-position: center bottom;
background-attachment: fixed;
}
#talisman {
display: inline-block;
width: 174px;
height: 174px;
margin-right: 0;
vertical-align: middle;
margin-left: 15px;
margin-bottom: 20px;
}
#talisman img{
width:100%;
height: 100%;
}
#talisman_stats {
display: inline-block;
width: initial;
vertical-align: middle;
margin-top: -5px;
margin-left: 40px;
}
}
table{width:100%;border-collapse:collapse;border-spacing:0;}
textarea{
resize: vertical;
display: block;
max-width: 100%;
min-width: 100%;
box-sizing: border-box;
padding: 10px;
border: solid 1px #2f414f;
border-radius: 5px;
background-color: #9fb6c7;
min-height: 54px;
font-size: 14px;
line-height: 1.2;
margin: 0 0 5px 0;
}
.table-common {
font-size: 11px;
color: #e0e0e0;
margin: 0 auto;
border: 1px solid #404050;
}
.table-common td {
padding: 5px 5px;
border-width: 1px;
border-color: #404050;
border-style: solid dashed;
border-right: 0;
background: lightslategray;
}
.unslct{user-select: none;}
.cntr{text-align:center;}
.lft{text-align:left !important;}
.rgt{text-align:right !important;}
.va_t{vertical-align:top;}
.va_m{vertical-align:middle;}
.ai{align-items: stretch;}
.ov_h{overflow: hidden !important;}
.flex{display: flex !important;}
.nefrit {
border: 2px solid #39fdfc;
border-radius: 5px;
background: aqua;
}
.tdn{text-decoration:none !important;}
.bl{display:block;}
.inbl{display:inline-block;//display:inline;//zoom:1;}
.fl{float:left;}
.fr{float:right;}
.clb{clear:both;}
.wb {
word-break: break-word;
}
.mes1 {
background-color: darkslategrey;
padding: 5px;
border-radius: 5px;
float:left;
text-align: left;
width: 50%;
margin: 3px;
}
.mes2 {
background-color: darkslategrey;
padding: 5px;
border-radius: 5px;
float:right;
width: 50%;
margin: 3px;
}
.lh1{line-height:1 !important;}
.nwr{white-space:nowrap;}
.pwr{white-space:pre-wrap;}
.small{font-size:small;}
.medium{font-size:medium;}
.large{font-size:large;}
.bold{font-weight:bold;}
.sz0{font-size:0;}
.hr_g,.hr_g *{height:2px;background-image:url('/templates/icons/style/bg-hr.png');background-repeat:no-repeat;}
.hr_g{font-size:0;background-color:#382d22;background-repeat:repeat-x;background-position:0 -4px;}
.hr_g div{background-position:0 0;}
.hr_g div div{background-position:100% -2px;}
.hr_arr,.hr_arr *{height:11px;}
.hr_arr{margin:0 auto;background-image:url('/templates/icons/style/bg-arr-line.png');background-position:50% 5px;background-repeat:no-repeat;}
.hr_arr .alf{background-image:url('/templates/icons/style/bg-arr-lr.png');background-position:0 0;background-repeat:no-repeat;}
.hr_arr .art{background-image:url('/templates/icons/style/bg-arr-lr.png');background-position:100% -11px;background-repeat:no-repeat;}
.hr_arr .acn{background-image:url('/templates/icons/style/bg-arr-c.png');background-position:50% 0;background-repeat:no-repeat;}
.hr_arr2,.hr_arr2 *{height:12px;}
.hr_arr2 {background-image:url('/templates/icons/style/bg-arr-line2.png');background-position:50% 8px;background-repeat:no-repeat;}
.hr_arr2 .alf{background-image:url('/templates/icons/style/bg-arr-lr.png');background-position:0 3px;background-repeat:no-repeat;}
.hr_arr2 .art{background-image:url('/templates/icons/style/bg-arr-lr.png');background-position:100% -8px;background-repeat:no-repeat;}
.ribbon{
font-size: 15px;
font-weight: bold;
text-align: center;
color: #898888;
background: url('/templates/icons/style/flz1.png') center repeat-x #151818;
text-shadow: 1px 1px 1px #000;}
.ribbon .rr{padding:8px;background-position:100% -32px;color:#eff0a1;text-align:center;line-height:1;text-shadow:black 0 1px 1px;white-space:nowrap;overflow:hidden;}
.tape_green .mid{margin-left:50px;margin-right:50px;height:35px;background-image:url('/view/image/army/tape/green_mid.png');background-repeat:repeat-x;}
.tape_green .rr{padding-top: 10px;height:44px;background-image:url('/view/image/army/tape/green_r.png');background-repeat:no-repeat;}
.tape_green .rl {margin-top:-35px; height:44px;background-image:url('/view/image/army/tape/green_l.png');background-repeat:no-repeat;}
.tape_green .rr{ background-position:100% 0;color:#eff0a1;text-align:center;line-height:1;white-space:nowrap;}
.tape_gray .mid{margin-left:50px;margin-right:50px;height:35px;background-image:url('/view/image/army/tape/gray_mid.png');background-repeat:repeat-x;}
.tape_gray .rr{padding-top: 10px;height:44px;background-image:url('/view/image/army/tape/gray_r.png');background-repeat:no-repeat;}
.tape_gray .rl {margin-top:-35px; height:44px;background-image:url('/view/image/army/tape/gray_l.png');background-repeat:no-repeat;}
.tape_gray .rr{ background-position:100% 0;color:#eff0a1;text-align:center;line-height:1;white-space:nowrap;}
.tape_purple .mid{margin-left:50px;margin-right:50px;height:35px;background-image:url('/view/image/maze/tape/purple_mid.png');background-repeat:repeat-x;}
.tape_purple .rr{padding-top: 10px;height:44px;background-image:url('/view/image/maze/tape/purple_r.png');background-repeat:no-repeat;}
.tape_purple .rl {margin-top:-35px; height:44px;background-image:url('/view/image/maze/tape/purple_l.png');background-repeat:no-repeat;}
.tape_purple .rr{ background-position:100% 0;color:#eff0a1;text-align:center;line-height:1;white-space:nowrap;}
.tape_blue .mid{margin-left:50px;margin-right:50px;height:35px;background-image:url('/view/image/army/tape/blue_mid.png');background-repeat:repeat-x;}
.tape_blue .rr{padding-top: 10px;height:44px;background-image:url('/view/image/army/tape/blue_r.png');background-repeat:no-repeat;}
.tape_blue .rl {margin-top:-35px; height:44px;background-image:url('/view/image/army/tape/blue_l.png');background-repeat:no-repeat;}
.tape_blue .rr{ background-position:100% 0;color:#eff0a1;text-align:center;line-height:1;white-space:nowrap;}
.item_center {
text-align: center;
font-size: 13px;
padding: 6px;
}
.small-but {
display: block;
width: 99%;
height: 20px;
padding-top: 5px;
text-align: center;
color: #bbb;
font-size: 12px;
background: #222;
border-right: 1px solid #2E2E2E;
}
.prg-bar.atck{height: 3px;border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; width: calc(60% + 46px); margin: -4px auto 0;}
.prg-bar.atck.sm{width: 139px;margin: -6px auto 0;}
.prg-red.atck{height: 3px;border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}
.prg-blue{display:inline-block;background-position:0 -7px;}
/*.prg-red{display:inline-block;background-image:url('/templates/icons/style/bg-prg-red.png'); height: 7px;}*/
.bdr.bg_b{background-color:#315771;background-image:url('/templates/icons/style/bg-brd.png');background-repeat:repeat-x;}
.bdr.bg_main{background-color:#0c1a21;background-image:url('/templates/icons/style/bg-brd-shd.png');background-repeat:repeat-x;}
.bdr.bg_red{background-color:#3a0800;background-position:0 100%;background-repeat:repeat-x;}
.bdr.bg_blue{background-color:#122027;background-image:url('/templates/icons/style/bg-brd-shd_blue.png');background-position:0 100%;background-repeat:repeat-x;}
.bdr.bg_green{background-color:#003742;background-image:url('/templates/icons/style/bg-brd-shd_green.png');background-position:0 100%;background-repeat:repeat-x;}
.bdr .light{background-image:url('/templates/icons/style/bg-brd-lgt.png');background-position:0 100%;background-repeat:repeat-x;}
.bdr .wr1{background-image:url('/templates/icons/style/bg-brd-1.png');background-repeat:repeat-x;background-position:0 0;}
.bdr .wr2{background-image:url('/templates/icons/style/bg-brd-2.png');background-repeat:repeat-y;background-position:100% 0;}
.bdr .wr3{background-image:url('/templates/icons/style/bg-brd-3.png');background-repeat:repeat-x;background-position:100% 100%;}
.bdr .wr4{background-image:url('/templates/icons/style/bg-brd-4.png');background-repeat:repeat-y;background-position:0 0;}
.bdr .wr5{background-image:url('/templates/icons/style/bg-brd-5.png');background-repeat:no-repeat;background-position:0 0;}
.bdr .wr6{background-image:url('/templates/icons/style/bg-brd-6.png');background-repeat:no-repeat;background-position:100% 0;}
.bdr .wr7{background-image:url('/templates/icons/style/bg-brd-7.png');background-repeat:no-repeat;background-position:100% 100%;}
.bdr .wr8{background-image:url('/templates/icons/style/bg-brd-8.png');background-repeat:no-repeat;background-position:0 100%;padding:4px;}
.bdr.wcnr .wr5{background-image:url('/templates/icons/style/bg-brd-5_0.png');background-repeat:no-repeat;background-position:0 0;}
.bdr.wcnr .wr6{background-image:url('/templates/icons/style/bg-brd-6_0.png');background-repeat:no-repeat;background-position:100% 0;}
.bdr.wcnr .wr7{background-image:url('/templates/icons/style/bg-brd-7_0.png');background-repeat:no-repeat;background-position:100% 100%;}
.bdr.wcnr .wr8{background-image:url('/templates/icons/style/bg-brd-8_0.png');background-repeat:no-repeat;background-position:0 100%;}
.bdr.bcnr .wr5{background-image:url('/templates/icons/style/bg-brd-5_1.png');background-repeat:no-repeat;background-position:0 0;}
.bdr.bcnr .wr6{background-image:url('/templates/icons/style/bg-brd-6_1.png');background-repeat:no-repeat;background-position:100% 0;}
.bdr.bcnr .wr7{background-image:url('/templates/icons/style/bg-brd-7_1.png');background-repeat:no-repeat;background-position:100% 100%;}
.bdr.bcnr .wr8{background-image:url('/templates/icons/style/bg-brd-8_1.png');background-repeat:no-repeat;background-position:0 100%;}
.bdr.bGold .wr1{background-image:url('/templates/icons/style/bg-brdg-1.png');}
.bdr.bGold .wr2{background-image:url('/templates/icons/style/bg-brdg-2.png');}
.bdr.bGold .wr3{background-image:url('/templates/icons/style/bg-brdg-3.png');}
.bdr.bGold .wr4{background-image:url('/templates/icons/style/bg-brdg-4.png');}
.bdr.bGold .wr5{background-image:url('/templates/icons/style/bg-brdg-5.png');}
.bdr.bGold .wr6{background-image:url('/templates/icons/style/bg-brdg-6.png');}
.bdr.bGold .wr7{background-image:url('/templates/icons/style/bg-brdg-7.png');}
.bdr.bGold .wr8{background-image:url('/templates/icons/style/bg-brdg-8.png');}
.bdr.bRed .wr1{background-image:url('/templates/icons/style/bg-brdr-1.png');}
.bdr.bRed .wr2{background-image:url('/templates/icons/style/bg-brdr-2.png');}
.bdr.bRed .wr3{background-image:url('/templates/icons/style/bg-brdr-3.png');}
.bdr.bRed .wr4{background-image:url('/templates/icons/style/bg-brdr-4.png');}
.bdr.bRed .wr5{background-image:url('/templates/icons/style/bg-brdr-5.png');}
.bdr.bRed .wr6{background-image:url('/templates/icons/style/bg-brdr-6.png');}
.bdr.bRed .wr7{background-image:url('/templates/icons/style/bg-brdr-7.png');}
.bdr.bRed .wr8{background-image:url('/templates/icons/style/bg-brdr-8.png');}
/*
.bdr.bGold .wr1{background-image:url('/templates/icons/style/bg-brdg-1.png');}
.bdr.bGold .wr2{background-image:url('/templates/icons/style/bg-brdg-2.png');}
.bdr.bGold .wr3{background-image:url('/templates/icons/style/bg-brdg-3.png');}
.bdr.bGold .wr4{background-image:url('/templates/icons/style/bg-brdg-4.png');}
.bdr.bGold .wr5{background-image:url('/templates/icons/style/bg-brdg-5.png');}
.bdr.bGold .wr6{background-image:url('/templates/icons/style/bg-brdg-6.png');}
.bdr.bGold .wr7{background-image:url('/templates/icons/style/bg-brdg-7.png');}
.bdr.bGold .wr8{background-image:url('/templates/icons/style/bg-brdg-8.png');}
*/
.prg-bar.fght{background-position:0 -14px;}
.prg-bar.vote{background-position:0 -14px; border:1px solid #000000;}
.prg-blue{display:block;background-position:0 -7px;}
.prg-green{display:block;background-position:0 -21px;}
.prg-red{display:block;background-position:0 -28px;max-width: 100%;}
.prg-violet{display:block;background-position:0 -35px;}
.bntf{background-color:#0c1a21;background-image:url('/templates/icons/style/bg-ntf.png');background-repeat:repeat-x;}
.bntf .nl{background-image:url('/templates/icons/style/bg-ntf-bricks-l.jpg');background-repeat:no-repeat;}
.bntf .nr{background-image:url('/templates/icons/style/bg-ntf-bricks-r.jpg');background-repeat:no-repeat;background-position:100% 0;}
.bntf .small .nl{background-image:url('/templates/icons/style/bg-ntf-bricks-small-l.jpg');background-repeat:no-repeat;}
.bntf .small .nr{background-image:url('/templates/icons/style/bg-ntf-bricks-small-r.jpg');background-repeat:no-repeat;background-position:100% 0;}
.dummy{width:auto;text-align:center;margin-left:auto;margin-right:auto;}
.dummy td{vertical-align:top;}
.dummy .slot{width:35px;height:35px;padding:2px 2px 3px;background-repeat:no-repeat;}
.dummy .pic_shd{text-align:center;width:180px;height:200px;background-position:50% 0;background-repeat:repeat-y;}
.shop_lgt{padding-bottom:8px;background-image:url('/templates/icons/style/bg-shop-lgh.png');background-position:50% 100%;background-repeat:no-repeat;}
.ubtn{margin-left:28px;margin-right:28px;margin-top:-6px;height:26px;display:block;text-decoration:none !important;background-image:url('/templates/icons/style/bg-ubtn.png');background-repeat:repeat-x;user-select: none;}
.ubtn.bGold{background-image:url('/templates/icons/style/bg-ubtng.png');}
/*.ubtn.bGold{background-image:url('/templates/icons/style/bg-ubtng.png');}*/
.ubtn.inbl{min-width:125px;}
.ubtn.inbl.s{min-width: 80%;margin-top: 0px;margin-left: 10%;margin-right: 10%;}
.ubtn.red{background-position:0 0;}
.ubtn.red_no{background-position:0 0; min-width: 60% !important;}
.ubtn.green{background-position:0 -26px;}
.ubtn.green_no{background-position:0 -26px;}
.ubtn.green_no.min{min-width: 60% !important;}
.ubtn.green_no.min2
{
min-width: 0 !important;
left: 0;
width: 50%;
margin-left: 25%;
margin-right: 25%;
}
.ubtn.blue{background-position:0 -52px;}
.ubtn.blue_no{background-position:0 -52px; min-width: 60% !important;}
.ubtn.blue_no_nowi{background-position:0 -52px;}
.ubtn.blue_no_nowi .ul,.ubtn.blue_no_nowi .ur{background-image:url('/templates/icons/style/bg-ubtn-lr-blue-no.png');}
.ubtn.blue_no_nowi .ur{color:#98e7f0;}
.ubtn.grey{background-position:0 -78px;}
.ubtn.grey_no{background-position:0 -78px; min-width: 60% !important;}
.ubtn.red .ul,.ubtn.red .ur{background-image:url('/templates/icons/style/bg-ubtn-lr-red.png');}
.ubtn.red_no .ul,.ubtn.red_no .ur{background-image:url('/templates/icons/style/bg-ubtn-lr-red-no.png');}
.ubtn.blue_no .ul,.ubtn.blue_no .ur{background-image:url('/templates/icons/style/bg-ubtn-lr-blue-no.png');}
.ubtn.green_no .ul,.ubtn.green_no .ur{background-image:url('/templates/icons/style/bg-ubtn-lr-green-no.png');}
.ubtn.green .ul,.ubtn.green .ur{background-image:url('/templates/icons/style/bg-ubtn-lr-green.png');}
.ubtn.grey_no.min2 .ul{
width: 100% !important;
margin-left: -50%;
}
.ubtn.grey_no.min2 .ur{
position: relative;
padding: 5px 0 0 0;
width: 100% !important;
background-position-x: 100%;
margin-left: 100%
}
.ubtn.grey_no.min2 .ur .cntr{
position: absolute;
width: 200% !important;
left: -100%;
}
.ubtn.grey_no.min{min-width: 60% !important;}
.ubtn.grey_no.min2
{
min-width: 0 !important;
left: 0;
width: 50%;
margin-left: 25%;
margin-right: 25%;
}
.ubtn.bGold .ul,.ubtn.bGold .ur{background-image:url('/templates/icons/style/bg-ubtn-lr-greeng.png') !important;}
/*.ubtn.green .ul,.ubtn.green .ur{background-image:url('/templates/icons/style/bg-ubtn-lr-greeng.png');}*/
.ubtn.green_no.min2 .ul{
width: 100% !important;
margin-left: -50%;
}
.ubtn.green_no.min2 .ur{
position: relative;
padding: 5px 0 0 0;
width: 100% !important;
background-position-x: 100%;
margin-left: 100%
}
.ubtn.green_no.min2 .ur .cntr{
position: absolute;
width: 200% !important;
left: -100%;
}
.ubtn.blue .ul,.ubtn.blue .ur{background-image:url('/templates/icons/style/bg-ubtn-lr-blue.png');}
.ubtn.grey .ul,.ubtn.grey .ur{background-image:url('/templates/icons/style/bg-ubtn-lr-grey.png');}
.ubtn.grey_no .ul,.ubtn.grey_no .ur{background-image:url('/templates/icons/style/bg-ubtn-lr-grey_no.png');}
.ubtn .ul,.ubtn .ur{margin-left:-25px;height:26px;display:block;background-position:0 0;background-repeat:no-repeat;}
.ubtn .ur{margin-left:0;margin-right:-25px;height:21px;background-position:100% -26px;text-align:center;font-weight:bold;text-shadow:black 0 1px 1px;line-height:1;padding-top:5px;}
.ubtn input.ur{ margin: 0px;cursor:pointer;width:100%;height:26px;padding:0 25px 0 0;border:0;background-color:transparent;position:relative;right:-25px;margin-right:0;}
.ubtn.red .ur{color:#feda8b;}
.ubtn.red_no .ur{color:#feda8b;}
.ubtn.green .ur{color:#dcfe8b;}
.ubtn.green_no .ur{color:#dcfe8b;}
.ubtn.blue .ur{color:#98e7f0;}
.ubtn.blue_no .ur{color:#98e7f0;}
.ubtn.grey .ur{color:#7f7f7f;}
.ubtn.grey_no .ur{color:#7f7f7f;}
.ubtn.inbl span.ur{padding:5px 27px 0;}
.ubtn.inbl input.ur{padding:0 27px 0 2px;}
.ubtn img{vertical-align:top;}
.inbl{display:inline-block !important;//display:inline !important;//zoom:1;}
.mbtn{
text-decoration:none !important;
display:block;
color:#a1d9f0 !important;
text-shadow:black 0 1px 1px;
font-size:medium;
padding:4px 0 0 5px;
min-height:23px;
background-image:url('/templates/icons/style/bg-mbtn.png');
background-color:#132833;
background-repeat:repeat-x;
background-position:0 0;}
.qbtn{
text-decoration:none !important;
display:block;
color:#a1d9f0 !important;
text-shadow:black 0 1px 1px;
font-size:medium;
padding:4px 0 0 5px;
min-height:23px;
background-color:#132833;
background-repeat:repeat-x;
background-position:0 0;}
.sbtn{
text-decoration:none !important;
display:block;
color:#a1d9f0 !important;
text-shadow:black 0 1px 1px;
font-size:medium;
padding: 5px 0 0 5px;
min-height:23px;
background-image:url('/templates/icons/style/div_stanc4.png');background-color:#132833;background-repeat:repeat-x;background-position:0 0;}
.sbtn a {
color: #85aaa9;
}
.sbtn:hover {
background : #001414 url("/templates/icons/style/div_stanc.png") left top repeat-x;
color: #85aaa9;
}
.mico{width:20px;height:20px;padding-right:5px;vertical-align:top;}
.mblick{vertical-align:top;margin-top:-4px;}
.ibtn{
background-image:url('/templates/icons/style/bg-mbtn.png');background-repeat:repeat-x;background-position:0 0;
height:27px;padding:0 5px;
border:1px solid #315771;
color:#a1d9f0 !important;text-shadow:black 0 1px 1px;}
.lbfld{
border:0;
border-top:1px solid #315771;
border-bottom:1px solid #f9ffec;
background-color:#a1d9f0;color:#000000;
margin:0;padding:0 3px;}
.lbfld .ha{
height: auto !important;
}
.xsolla_block {
background-color: #315771;
color: #FFFFFF;
margin: 10px 0px;
padding: 10px;
}
.emptys_block {
background-color: #315771;
color: #FFFFFF;
margin: 5px 0px;
padding: 5px;
}
.slct,.slct .send{height:25px;display:inline-block;//display:inline;//zoom:1;background-image:url('/templates/icons/style/bg-listselect-lr.png');background-repeat:no-repeat;}
.slct .send{display:block;background-position:100% -25px;}
.slct .sttl{margin-left:11px;margin-right:11px;padding:3px 0 0;height:22px;display:block;background-image:url('/templates/icons/style/bg-listselect.png');background-repeat:repeat-x;font-weight:bold;color:#eacc54;}
.spr2bg{height:25px;background-image:url('/templates/icons/style/bg-spr2.png');background-repeat:no-repeat;background-position:50% 100%;}
.spr2bg.r{background-position:100% 100% !important;}
.spr2bg2{background-image:url('/templates/icons/style/bg-spr2.png');background-repeat:repeat-y;background-position:50% 100%;}
.spr2bg2.r{background-position:100% 100% !important;}
.pgn{padding:5px 0;text-align:center;line-height:1 !important;}
.pag,a.pag{padding:0 3px;color:#f9ffec;}
a.pag:hover,span.pag{color:#eacc54;}
span.pag{font-weight:bold;}
a.pag img{vertical-align:bottom;padding-bottom:1px;}
a.pSel {color: #eacc54 !important;font-weight: bold !important;text-decoration: none;}
.ftr{background-color:#0c1a21;background-image:url('/templates/icons/style/bg-ftr.png');background-repeat:repeat-x;}
.ftr .ftr_l{background-image:url('/templates/icons/style/bg-ftr-l.jpg');background-repeat:no-repeat;}
.ftr .ftr_r{padding:10px 0 30px;background-image:url('/templates/icons/style/bg-ftr-r.jpg');background-repeat:no-repeat;background-position:100% 0;}
.white{color:white !important;}
.lwhite{color:#f9ffec !important;}
.lblue{color:#bce4f4 !important;}
.lyell{color:#eff0a1 !important;}
.yell{color:#eacc54 !important;}
.lorange{color:#f0c9a1 !important;}
.grey1{color:#a8b4ba !important;}
.grey2{color:#56646b !important;}
.bg_dblue{background-color: #0c1a21;}
.rdmg{color:#ff3736 !important;}
.lose{color: #FF2400 !important;}
.win{color: #7afe4e !important;}
.violet{color: #daa8e2 !important;}
.blue1{color: #1cb4de;}
.green {color:limegreen;}
.bgc_prg{background-color:#0c1a21;}
.nd{text-decoration: none;}
.mt-1{margin-top: -1px;}
.mt2{margin-top:2px;}
.mb-3{margin-bottom:-3px;}
.mt-5{margin-top:-5px;}
.mt-15{margin-top:-15px !important;}
.mt5{margin-top:5px;}
.mt8{margin-top:8px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mb2{margin-bottom:2px;}
.mb1{margin-bottom:1px;}
.mb2i{margin-bottom:2px !important;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb9{margin-bottom:9px;}
.mb15{margin-bottom: 15px;}
.mb19{margin-bottom: 19px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml-10{margin-left:-10px;}
.ml-40{margin-left:-40px;}
.ml68{margin-left:68px;}
.ml58{margin-left:58px;}
.ml60{margin-left:60px;}
.ml53{margin-left:53px;}
.ml130{margin-left:130px;}
.ml140{margin-left:140px;}
.ml100{margin-left:100px;}
.ml96{margin-left:96px;}
.mr10{margin-right:10px;}
.mr22{margin-right:22px;}
.mr-40{margin-right:-40px;}
.mr5{margin-right:5px;}
.mr8{margin-right:8px;}
.mr4{margin-right:4px;}
.mlr10{margin-left:10px;margin-right:10px;}
.mlr20{margin-left:20px;margin-right:20px;}
.mlr25{margin-left:25px;margin-right:25px;}
.mrauto{margin: 10px auto;}
.mrauto2{margin: 10px auto;margin-top:3px;}
.mr95{margin-right:95px;}
.mlra{margin-left:auto;margin-right:auto;}
.m-3{margin: -3px;}
.m5{margin: 5px;}
.mb15{margin-bottom: 15px;}
.ptb3{padding-bottom: 3px;padding-top: 3px;}
.pb10imp{padding-bottom: 10px !important;}
.pt15{padding-top:15px;}
.pt5{padding-top:5px;}
.pb5{padding-bottom:5px;}
.pb8{padding-bottom:8px;}
.pb10{padding-bottom:10px;}
.pl5{padding-left:5px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.p5{padding:5px;}
.p15{padding:15px;}
.p10{padding:10px;}
.plr10{padding-left:10px;padding-right:10px;}
.plr15{padding-left:15px;padding-right:15px;}
.pt3{padding-top:3px;}
.p2{padding: 2px;}
.p0{padding: 0px;}
.w75{width:75%;}
.w24n{width:24%;font-size:medium;}
.w50{width:50%;}
.w60{width:60%;}
.w100{width:100%;}
.w39px{width:39px;}
.w100px{width:100px;}
.w150px{width:150px;}
.w160px{width:160px;}
.ubtn.inbl.mw180px{min-width:180px;}
.w200px{width:200px;}
.w20{width:20%;}
.w49{width:49%;}
.w33{width:33%;}
.w34{width:34%;}
.w25{width:25%;}
.w66{width:66%;}
.w96{width:96%;}
.w90px{width:90px;}
.w48px{width:48px;}
.w50px{width:50px;}
.mw90px{max-width:90px;}
.ww200px{width:200px;}
.wa{width:auto;}
.w230px{width:230px;}
.w300px{width:300px;}
.s16px{width:16px; height: 16px;}
.mv80px {min-width: 80px;}
.mv100px {min-width: 100px;}
.mv60px {min-width: 60px;}
.h25{height:25px;}
.h16{height:16px;}
.h48{height:48px;}
.ml-14{margin-left:-14px;}
.hidden {display: none;}
.attached {font-weight:bold;}
.q1 {color: #999999;}
.q2 {color: #B1D689;}
.q3 {color: #6BA0E7;}
.q4 {color: #C780DB;}
.q5 {color: #FF8E94;}
.q6 {color: #fe7e01;}
.q_rune5 {color: #FF8E94;}
.q_rune6 {color: #fe7e01;}
img.icon {
vertical-align: middle;
position: relative;
top: -1px;
padding: 0;
margin: 0;
border-spacing: 0;
max-width: 100%;
}
img.max-img-size { max-width: 100%; max-height: 400px; }
.action_last {color: #C780DB !important;}
/*anketa*/
.anketa_input{width: 98%;}
.anketa_input_city_big{width: 92%;}
.anketa_input_city_small{width: 5%;}
.anketa_head{color: #017801; font-size: 15px; font-weight: bold;}
.line_through {text-decoration: line-through;}
/* fitting */
.img-wrapper { position: relative; display: inline-block; margin-top: auto; }
.img-layer { position: absolute; left: 0px; top: 0px; }
input.search[type=submit]{
width: 27px;
background:url('/view/image/icons/search.png') no-repeat 1px 3px, url('/templates/icons/style/bg-mbtn.png') repeat-x 0 0;
height:27px;padding:0 5px;
border:1px solid #315771;
color:#a1d9f0 !important;text-shadow:black 0 1px 1px;}
.ticket_pay_input{width: 120px; text-align: center;}
.btn_w120 {width: 120px;}
.btn_w150 {width: 150px;}
.btn_w180 {width: 180px;}
.btn_w230 {width: 230px;}
.p_relative {position: relative;}
.p_absolute {position: absolute;}
.p_right {right: 0;}
.p_left {left: 0;}
.p_top {top: 0;}
.p_bottom {bottom: 0;}
.nbdr{padding: 0;border: none;background: none;}
.smla{
cursor: pointer;
display: inline-block;
min-width: 30px;
padding: 5px;
position: relative;
}
/* maze */
.maze { width: 315px; height: 315px;}
.maze img.maze_img { width: 64px; height: 64px; }
.maze .maze_reward {
display: inline-block;
position: relative;
height: 20px;
padding: 2px 10px;
background-color: black;
border-radius: 20px;
margin-top: -52%;
margin-left: 0;
vertical-align: top;
white-space: nowrap;
text-align: left;
}
.maze .maze_reward.trap {
background-color: #2fab08;
}
.maze .maze_reward .icon {
top: -2px;
}
.maze a {
border: none;
outline: none !important;
}
/* records */
.record_item_cat {
padding: 13px 0px 13px 0px;
display: inline-block;
overflow: hidden;
text-align: center;
min-width: 140px;
font-size: medium;
}
.record_item_cat:active {background-color: #0c1a21;}
.record_item_cat img {
border: none;
display: inline-block;
width: 96px;
height: 96px;
}
.record_item_cat .ric_caption {
background: url(/view/image/records/caption_back.png) no-repeat center;
padding: 5px 0px 5px 0px;
margin-top: -5px;
display: inline-block;
color: #98e7f0;
min-width: 180px; /*194px;*/
}
.records_list {}
.records_list .rl_item {margin: 2px 2px 4px 2px;}
.achieve {margin: 5px 0px 10px 0px;}
.achieve .ach_item {
margin: 0 0 4px 0;
display: inline-block;
overflow: hidden;
text-align: center;
font-size: medium;
vertical-align: top;
}
.achieve .ach_item img {
border: none;
display: inline-block;
width: 48px;
height: 48px;
}
.ai_progress {
margin: 10px 15px 5px 15px;
background: #053954;
}
.ai_progress .aip_value {
height: 5px;
width: 0%;
background: #0085ca;
}
img.smile {vertical-align: middle;position: relative;top: -1px;}
.testCtrl {opacity: 1; position: absolute;left: 50%;}
.testCtrl:hover {opacity: 1;}
.testCtrl .tc_line {
left: -410px;
width: 210px;
border-top: 1px dashed #5a2323;
position: absolute;
}
.testCtrl .tc_content {
position: absolute;
left: -510px;
width: 200px;
padding: 2px;
text-align: left;
font-size: 11px;
color: white;
border: 1px solid #5a2323;
background: #170505;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
.testCtrl .tc_hdr {padding: 2px;}
.testCtrl a {
margin: 1px;
padding: 5px;
border: 1px solid #5a2323;
display: inline-block;
text-decoration: none;
}
.tc_btn
{
background: #00000000;
color: #fff;
font-size: 11px;
}
.testCtrl .tc_sel {
background: #4e1e1e;
}
.testCtrl a:hover {background: #5a2323;}
.testCtrl .tc_frame {
margin: 1px;
padding: 2px;
border: 1px solid #5a2323;
background: #2d0a0a;
display: block;
text-decoration: none;
}
.mail_unread {
position: relative;
}
.mail_unread .mail_unread_over,
.mail_unread .mail_unread_over_r {
position: absolute;
top: 0;
right: 0;
opacity: 1;
transition: visibility 0s linear 2s, opacity 2s linear;
padding: 9px 14px 0 15px;
box-sizing: border-box;
background-image: url("/view/image/icons/online.png");
background-size: 12px;
background-position: left top 11px;
background-repeat: no-repeat;
color: transparent !important;
}
.mail_unread .mail_unread_over_r {
background-position: right 12px top 11px;
}
.bestTopMenu {
width: 100%;
margin: 5px 0 5px 0;
}
.bestTopMenu td {
text-align: center;
}
.bestTopMenu .separator {
width: 2px;
background: url(/templates/icons/style/bg-spr2.png) repeat-y center;
}
.debug {border: 1px dashed red}
.debug * {border: 1px dashed red}
.wwr{-ms-word-wrap: break-word;word-wrap: break-word; white-space: normal !important;}
.gray_img {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
.siege {
margin-top: 10px;
width: 100%;
margin-left: 2px;
}
.siege .half {
width: 49%;
display: inline-block;
}
.siege .r {
text-align: left;
}
.siege .l {
text-align: right;
}
.siege .unit {
text-align: center; display: inline-block; width: 47%; margin-right: 3px
}
.siege .unit .ext {
width: 85px;
}
.siege .unit .small {
width: 80px;
}
.siege .unit .text {
font-size: 15px;
}
.siege .buffable {
position: absolute;
margin-left: -105px;
margin-top: -19px;
width: 125px;
}
.siege .buffed {
position: absolute;
margin-left: -139px;
margin-top: -45px;
width: 198px;
}
@media (max-width: 380px) {
.siege .half {
/*width: 140px;*/
}
.siege .unit {
text-align: center; display: inline-block; width: 70px; margin-right: 0 !important;
}
.siege .unit .ext {
width: 73px;
}
.siege .unit .small {
width: 67px;
}
.siege .unit .text {
font-size: 13px;
}
.siege .buffable {
position: absolute;
margin-left: -50px;
margin-top: -118px;
width: 106px;
}
.siege .buffed {
position: absolute;
margin-left: -81px;
margin-top: -140px;
width: 170px;
}
}
.halloween {
}
.halloween .box {
width: 100%;
min-width: 100%;
display: inline-block;
text-align: center;
margin-top: 5px;
margin-bottom: 5px;
}
.halloween .box .icons {
position: relative;
width: 23%;
min-width: 80px;
margin-left: 1%;
margin-right: 1%;
text-align: center;
display: inherit;
}
.halloween .box .icons .level {
font-size:small;
margin-top: 4px;
margin-bottom: 7px;
display: block;
}
.halloween .box .icons .energy {
margin-top: 5px;
margin-bottom: 6px;
display: block;
}
.halloween .box .icons .item {
margin-top: 5px;
margin-bottom: 5px;
}
.halloween .box .icons .item .image {
width: 48px;
height: 48px;
}
.halloween .box .icons .item .border {
position: absolute;
margin-left: -34px;
margin-top: -58px;
width: 68px;
height: 68px;
}
.halloween .box .icons .link {
width: 94%;
left: 3%;
height: 25px;
font-size: 15px;
margin-top:2px;
margin-bottom: 8px;
}
.halloween .box .boss {
width: 44%;
min-width: 42%;
vertical-align: top;
display: inherit;
}
.halloween .box .boss .image {
/*max-width: 100%;*/
/*height: 200px;*/
/**/
min-width: 164px;
height: 280px;
width: 100%;
}
.christmas {
width: 100%;
text-align: center;
height: 184px;
margin-top: 5px;
margin-bottom: 5px;
padding-right: 2px;
padding-left: 2px;
display: inline-block;
}
.christmas .box {
position: relative;
height: inherit;
display: inline-block;
vertical-align: middle;
}
.christmas .box .tree {
position: absolute;
height: inherit;
width: inherit;
display: block;
}
.christmas .image {
width: 48px;
heigth: 48px;
}
@media (max-width: 360px) {
.halloween .box .icons .link {
font-size: 14px !important;
}
.halloween .box .boss .image {
min-width: 100px;
}
.halloween .box .icons {
position: relative;
width: 23%;
/*min-width: 60px;*/
margin-left: 0;
margin-right: 0;
text-align: center;
display: inherit;
}
.ubtn.green .ul,.ubtn.green .ur .adap {
font-size: 14px;
}
}
.cmaze_popup {
z-index: 5;
margin-top: -75%;
display: inline-block;
position: relative;
vertical-align: top;
width: max-content;
}
.cmaze_popup .part {
height: 123px;
float: left;
display: inline-block;
line-height: 119px;
}
.cmaze_popup .tleft {
width: 61px;
background-image: url("/view/image/clanMaze/frame_left.png");
}
.cmaze_popup .tright {
width: 61px;
background-image: url("/view/image/clanMaze/frame_right.png");
}
.cmaze_popup .tcenter{
vertical-align: middle;
background-position-y: 2px;
background-image: url("/view/image/clanMaze/frame_center_v2.png");
}
.back-border{
position: absolute;
width: 220px;
margin-top: -243px;
margin-left: -67px;
}
.text-description{
height: 50px;
display: block;
margin-top: 2px;
}
.db{
display: block;
}
.text-layer {
position: absolute;
left: 41px;
top: 10px;
font-size: 15px;
color: black;
font-weight: bold;
background-image: url(/view/image/clanMaze/maze/event/dot.png);
background-position-x: -41px;
background-position-y: -8px;
min-width: 20px;
min-height: 21px;
line-height: 21px;
}
.text-layer-c {
position: absolute;
left: 41px;
top: 10px;
font-size: 15px;
color: black;
font-weight: bold;
background-position-x: -41px;
background-position-y: -8px;
min-width: 20px;
min-height: 21px;
line-height: 21px;
background-image: url(/view/image/clanMaze/maze/event/dot_c.png);
}
.text-layer-sm {
position: absolute;
left: 41px;
top: 10px;
font-size: 13px;
color: black;
font-weight: bold;
background-image: url(/view/image/clanMaze/maze/event/dot.png);
background-position-x: -41px;
background-position-y: -8px;
min-width: 20px;
min-height: 20px;
line-height: 20px;
}
.text-layer-sm-c {
position: absolute;
left: 41px;
top: 10px;
font-size: 13px;
color: black;
font-weight: bold;
background-image: url(/view/image/clanMaze/maze/event/dot_c.png);
background-position-x: -41px;
background-position-y: -8px;
min-width: 20px;
min-height: 20px;
line-height: 20px;
}
.chain {
width: 15%;
display: inline-block;
text-align: center;
height: 125px;
background-image: url("/templates/icons/style/chain.png");
background-repeat: repeat-y;
background-position: 50%;
margin-top: -10px;
}
.chain .num {
margin-top: 30px;
width: 40px;
}
.hiddenBl {
position: absolute;
padding: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
z-index: 1050;
margin-top: -5px;
margin-left: -5px;
}
.rwd .block {
position: relative;
height: 75px;
vertical-align: bottom;
}
.rwd {
width: 41%;
display: inline-block;
text-align: center;
vertical-align: top;
height: 120px;
}
.arrow {
border: solid black;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
}
.rightarr {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.leftarr {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
.nav_left {
padding: 8px;
border-right: 1px solid #5f5f5f;
border-radius: 20px 0px 0px 20px;
background: lightslategray;
text-decoration: none !important;
}
.nav_center {
padding: 8px;
border-right: 1px solid #5f5f5f;
border-radius: 0px 0px 0px 0px;
background: lightslategray;
text-decoration: none !important;
}
.nav_right {
padding: 8px;
border-radius: 0px 20px 20px 0px;
background: lightslategray;
text-decoration: none !important;
}
.line, .lin {
height: 3px;
background-image: url("/templates/icons/style/d-li.png");
}
.razd {
height: 7px;
background-image: url("/templates/icons/style/rzd.png");
}
.nm_nlvl_in {
background-image: url(https://elem.mobi/img/msg/bg-nmsg-nlvl_in.jpg);
}
.nmsg {
text-align: center;
font-size: small;
color: white;
background-repeat: no-repeat;
background-position: 50% 0;
}
.nmsg .res_lvl {
font-size: small;
font-family: serif;
letter-spacing: 2px;
text-transform: uppercase;
color: #fee727;
text-shadow: 0 2px 0 rgb(0 0 0);
padding: 21px 0px 0px;
}
.c_fe {
color: #fefefe !important;
}
.rs_lot_buy {
width: 94%;
left: 3%;
height: 25px;
}
.rs_lot_row {
max-width: 312px;
margin: 0 auto 10px auto;
}
.rs_lot_row_first {
padding: 0;
margin-bottom: 20px
}
.rs_lot_row_last {
padding: 0;
margin-bottom: 20px
}
.rs_lot {
width: 80px;
margin-left: 15px;
}
.rs_lot:first-child {
margin-left: 18px;
}
.rs_arrow {
opacity: 0.3;
}
.rs_arrow_left_wrap {
height: 100%;
top:0;
left: -18px;
}
.rs_arrow_right_wrap {
height: 100%;
top: 0;
right: -15px;
}
.rs_arrow_down_wrap {
width: 100%;
left: 0;
bottom: -45px;
}
.rs_arrow_left {
width: 15px;
height: 100%;
background: url(/view/image/rarityShop/arrowLeft.png) no-repeat;
background-position-y: 50%;
}
.rs_arrow_up {
height: 15px;
width: 100%;
background: url(/view/image/rarityShop/arrowUp.png) no-repeat;
background-position-x: 50%;
}
.rs_arrow_right {
width: 15px;
height: 100%;
background: url(/view/image/rarityShop/arrowRight.png) no-repeat;
background-position-y: 50%;
}
.rs_left_msg {
top:30px;
width:130px;
left:-28px;
z-index:2;
}
@media screen and (min-width: 400px) {
.rs_lot_row {
max-width: none;
}
.rs_lot {
width: 100px;
margin-left: 20px;
}
.rs_lot:first-child {
margin-left: 22px;
}
.rs_arrow_left_wrap {
left: -20px;
}
.rs_arrow_right_wrap {
right: -18px;
}
.rs_left_msg {
left:-18px;
}
}
a.btn{text-decoration: none;}
.btn._blue,
.btn._green,
.btn._red,
.btn._dark{
background-position:
100% 0,
0 0,
0 0;
background-repeat:
no-repeat,
no-repeat,
repeat-x;
}
.btn._blue{
/*background-color: #16526F;*/
background-image:
url("/templates/icons/style/bg_btn_blue_right.png"),
url("/templates/icons/style/bg_btn_blue_left.png"),
url("/templates/icons/style/bg_btn_blue.png");
}
.btn._green{
/*background-color: #077F01;*/
background-image:
url("/templates/icons/style/bg_btn_green_right.png"),
url("/templates/icons/style/bg_btn_green_left.png"),
url("/templates/icons/style/bg_btn_green.png");
}
.btn._red{
/*background-color: #C61F1F;*/
background-image:
url("/templates/icons/style/bg_btn_red_right.png"),
url("/templates/icons/style/bg_btn_red_left.png"),
url("/templates/icons/style/bg_btn_red.png");
}
.btn._dark{
/*background-color: #565151;*/
background-image:
url("/templates/icons/style/bg_btn_dark_right.png"),
url("/templates/icons/style/bg_btn_dark_left.png"),
url("/templates/icons/style/bg_btn_dark.png");
}
.wrapper-btn{
margin: 2px 0;
text-align: center;
}
.wrapper-btn.padding-top{
padding-top: 6px;
}
.wrapper._pagination .btn{
padding: 0 10px;
margin: 0 1px;
}
.col-xs-6 {
width: 50%;
}
.menu-lnk-image {
bottom: -10px;
height: 70px;
margin: 0 auto 0 -50%;
width: 100%;
}
a.menu-lnk-text {
text-decoration: none;
color: #8f9b9d;
font-size: 16px;
width: 100%;
top: 18px;
bottom: -15px;
height: 10px;
margin: 0 auto 0 -50%;
white-space: nowrap;
}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
float: left;
}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
display: table;
content: " ";
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.menu-lnk-image, a.menu-lnk-text {
left: 50%;
opacity: 1;
position: absolute;
text-align: center;
}
.title {
padding: 10px;
font-size: 15px;
font-weight: bold;
text-align: center;
color: #898888;
background: url('/templates/icons/style/flz1.png') center repeat-x #151818;
border-bottom: 1px solid #343329;
text-shadow: 1px 1px 1px #000;
}
.poster {
background: url(/templates/icons/style/main_mlandsru.png);
background-repeat: no-repeat;
width: 100%;
background-position-x: center;
min-height: 540px;
object-fit: cover;
position: relative;
}
.butt {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
}
hr {
background: url(/templates/icons/style/hr.png) no-repeat top center;
height: 31px;
border: none !important;
margin: 0;
}
.title_main {
font-size: 25px;
font-weight: 600;
font-family: 'El Messiri', sans-serif;
color: #fffbfd;
margin: 0px 0 10px 0;
text-align: center;
}
.crop {
position: relative;
}
.crop img {
/* margin: 0; */
position: absolute;
top: -9px;
left: -73px;
clip: rect(11px 91px 46px 55px);
/* width: 48px; */
width: 145px;
height: 193px;
object-fit: cover;
opacity: 0.8;
}
.clan-hero_p {
height: 677px;
position: relative;
min-width: 320px;
}
.clan_header {
display: block;
height: 67px;
margin: 0 auto;
position: relative;
text-align: left;
}
.clan_header .bot {
left: 3px;
position: absolute;
top: 5px;
z-index: 0;
}
.clan_header .border {
background:
url(/templates/icons/clan/h3.png) no-repeat right 10%,
url(/templates/icons/clan/h1.png) no-repeat left 9%,
url(/templates/icons/clan/h2.png) no-repeat 76%;
background-clip: border-box;
background-size: auto,auto,69% 95px;
height: 95px;
position: relative;
width: 100%;
}
.clan_header .border .button_text {
color: #8f9b9d;
font-family: Munchkin,serif;
font-size: 16px;
margin: 0 auto;
padding-left: 75px;
padding-top: 5px;
text-align: center;
width: 397px;
}
.clan_header .clan_level {
color: #fff;
font-family: Munchkin;
font-size: 14px;
left: 32px;
position: absolute;
text-align: center;
top: 76px;
width: 17px;
}
.builds {
height: 200px;
margin-left: auto;
margin-right: auto;
position: relative;
top: 253px;
width: 320px;
z-index: 11;
}
.clan_header .altar_build {
display: block;
height: 140px;
left: -23px;
padding-top: 114px;
position: relative;
top: 26px;
width: 163px;
z-index: 0;
}
.altar_build_lvl {
color: #fff;
left: 10px;
position: relative;
text-align: center;
top: -32px;
width: 23px;
}
.altar_build_name {
color: #fff;
font-family: Munchkin,Serif;
left: 2px;
position: relative;
text-align: center;
top: -51px;
width: 121px;
}
.altar_build_pup {
left: 25px;
position: relative;
top: -95px;
}
.clan_boss_build {
position: absolute;
top: -35px;
left: 188px;
}
.clan_header .build1_building {
height: 253px;
left: 120px;
margin: 0 auto;
padding-left: 32px;
padding-top: 208px;
position: absolute;
top: -298px;
width: 199px;
z-index: 0;
}
.build_name1 {
width: 138px!important;
}
.clan_header .build2_building {
height: 218px;
left: -40px;
padding-top: 179px;
position: absolute;
top: -173px;
width: 61px;
}
.build_name2 {
line-height: 13px;
margin-top: -4px;
padding-left: 36px;
text-align: left!important;
width: 130px!important;
}
.header-section {
background: #000;
display: flex;
max-width: 460px;
position: relative
}
.b-crown__border {
background: url(/templates/icons/clan/ava-border1.png) no-repeat;
height: 39px;
position: relative;
width: 40px
}
.b-crown-online__border {
background: url(/templates/icons/clan/rating-avatar-border-online.png) no-repeat;
height: 39px;
position: relative;
width: 40px
}
.b-crow__img {
background: url(/templates/icons/clan/nosave.jpg);
height: 35px;
left: 2px;
position: absolute;
top: 2px;
width: 35px
}
.b-sword {
color: #8b8b8b;
display: flex;
font-size: 14px;
line-height: 35px;
width: 50%
}
.inner-container {
white-space: nowrap
}
.sword-icon {
background: url(/templates/icons/clan/strength.png) no-repeat;
height: 18px;
line-height: 35px;
margin-left: 3px;
margin-top: 7px;
width: 20px
}
.b-letter {
animation: opacy ease 1.5s infinite;
background: url(/templates/icons/clan/letter.png);
cursor: pointer;
height: 22px;
margin: 4px 5px 0 4px;
width: 28px
}
.slide-up-down {
transform: translateY(-100%)
}
.b-coin, .b-coin-energy {
color: #8b8b8b;
display: flex;
font-size: 14px;
justify-content: flex-end;
line-height: 35px;
width: 50%
}
@keyframes opacy {
50% {
opacity: 1
}
00%, 100% {
opacity: .5
}
}
.b-coin span {
margin-left: 20px;
margin-right: 5px;
position: relative;
white-space: nowrap
}
.b-coin span:nth-child(1):before {
content: url('/templates/icons/clan/energy.png');
left: -18px;
position: absolute;
top: 3px
}
.b-coin span:nth-child(2):before {
content: url('/templates/icons/clan/silver.png');
left: -18px;
position: absolute;
top: 3px
}
.b-coin span:nth-child(3):before {
content: url('/templates/icons/clan/gold.png');
left: -18px;
position: absolute;
top: 3px
}
.b-crown {
z-index: 5
}
.header-section:after {
border: 1px solid #423b32;
bottom: 0;
content: '';
height: 5px;
left: 0;
position: absolute;
width: 100%
}
.b-progress--top {
background: url(/templates/icons/clan/progress-yellow-bg.png);
bottom: 1px;
height: 5px;
position: absolute
}
.b-progress--top2 {
height: 5px;
left: 9%;
position: absolute;
right: -41px;
top: 35px;
width: 91%
}
.b-progress {
border: 1px solid #423b32
}
.wrapper-items {
background: #000;
height: 100%;
overflow: hidden
}
.wrapper-items_4 {
background: url(/templates/icons/clan/bg-small.png) no-repeat center top, #000;
height: 100%;
padding-top: 20px
}
.b-popup-bg {
background: url(/templates/icons/clan/popup.png) no-repeat top center;
background: url(/templates/icons/clan/popup.png) no-repeat top center;
height: 65px;
height: 65px;
margin: 0 auto;
margin: 0 auto;
position: relative;
position: relative;
width: 319px;
width: 319px
}
.location-name {
background: #000;
border-top: 3px solid #000;
display: flex;
font-size: 18px;
height: 32px;
justify-content: space-between;
position: relative;
z-index: 15
}
.location-name:before {
content: url('/templates/icons/clan/location-bg-left.png')
}
.location-name:after {
content: url('/templates/icons/clan/location-bg-right.png')
}
.b-location__bg:before {
background: url(/templates/icons/clan/line-1px-left.png) no-repeat;
content: "";
height: 30px;
left: 0;
position: absolute;
width: 118px
}
.b-location__bg:after {
background: url(/templates/icons/clan/line-1px-right.png) no-repeat;
content: "";
height: 30px;
position: absolute;
right: 0;
width: 118px
}
.b-location__bg {
align-items: center;
background: url(/templates/icons/clan/line-1px.png);
color: #007e72;
display: flex;
font-family: "Munchkin", Tahoma;
height: 30px;
justify-content: center;
position: relative;
width: 100%
}
.b-location__bg span {
z-index: 1
}
.b-amulet {
align-items: center;
background: url(/templates/icons/clan/rl.png) no-repeat left, url(/templates/icons/clan/rr.png) no-repeat right, url(/templates/icons/clan/4st.png) no-repeat center;
background-size: auto, auto, cover;
display: flex;
height: 151px;
padding-bottom: 17px;
position: relative;
width: 100%
}
.amulet-text {
margin: -6px;
width: 58%
}
.amulet-text span {
color: #fff;
font-family: Arial;
font-size: 13px
}
.red-box {
background: #d41813;
background: -moz-linear-gradient(top, rgba(212, 24, 19, 1) 0, rgba(103, 0, 4, 1) 100%);
background: -webkit-linear-gradient(top, rgba(212, 24, 19, 1) 0, rgba(103, 0, 4, 1) 100%);
background: linear-gradient(to bottom, rgba(212, 24, 19, 1) 0, rgba(103, 0, 4, 1) 100%);
border-radius: 2px;
display: inline-block;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d41813', endColorstr='#670004', GradientType=0);
height: 16px;
line-height: 11px;
margin-right: 5px;
padding: 2px;
text-align: center;
width: 17%
}
.yellow-nubm {
color: #ffc600!important;
position: relative
}
.crown-box {
background: url(/templates/icons/clan/crown.png);
height: 23px;
margin-left: 4px;
margin-right: 4px;
width: 25px
}
.yello-box {
color: #ffc600
}
.flexRow {
align-items: center;
color: #fff;
display: flex;
font-family: Arial;
font-size: 13px;
justify-content: center;
margin-bottom: 4px
}
.flexRow:last-child {
line-height: 21px
}
.amulet-text p {
color: #f49540;
font-family: "Munchkin", Tahoma;
font-size: 16px;
margin: 0;
margin-top: 11px;
padding: 0;
text-align: center
}
.amulet-i {
cursor: pointer;
position: absolute;
right: 9px;
top: 7px;
z-index: 9999
}
.amulet-inner {
display: flex;
justify-content: center;
width: 100%
}
.b-amulet:after {
background: url(/templates/icons/clan/rc.png) left top repeat-x;
content: "";
height: 151px;
position: absolute;
top: 0;
width: 100%
}
.bottom-text {
color: #fff;
font-family: Arial;
font-size: 12px;
margin-bottom: 14px;
margin-top: 21px;
text-align: center
}
.card-box {
display: flex;
flex-basis: 33.3333333%;
flex-wrap: wrap;
justify-content: center
}
.card-box img {
margin: 4px
}
.card-block {
display: flex;
justify-content: space-around;
margin: 0 auto;
margin-top: 17px;
text-align: center;
width: 60%
}
.card-block span {
color: #fff;
display: block;
font-family: "Munchkin", Tahoma;
font-size: 13px
}
.card-wrap img {
margin-bottom: 10px
}
.b-description--progress_7 {
background: url(/templates/icons/clan/progress_yellow2_05.png);
border: 1px solid #423b32;
bottom: 19px;
height: 8px;
left: 5px;
position: absolute;
width: 94%;
z-index: 1
}
.b-description--progress-blue_7 {
background: url(/templates/icons/clan/blue-progress.png);
height: 5px
}
.b-description--progress_8 {
background: url(/templates/icons/clan/progress_yellow2_05.png);
border: 1px solid #423b32;
bottom: 0;
height: 8px;
left: 0;
position: relative;
width: 100%;
z-index: 1
}
.hint-block {
align-items: center;
display: flex;
justify-content: center;
padding-bottom: 13px;
padding-top: 12px;
text-align: center
}
.hint-img {
background: url(/templates/icons/clan/hint.png) no-repeat;
display: inline-block;
height: 56px;
position: relative;
width: 10px
}
ol, ul {
margin-top: unset
}
.hint-img:before {
bottom: 3px;
content: url('/templates/icons/clan/hint-shadow-full.png');
height: 56px;
left: 2px;
position: absolute;
width: 90px
}
.hint-block span {
color: #fff;
font-family: Arial;
font-size: 12px;
margin-left: 30px;
z-index: 1
}
.b-back-button {
align-items: center;
background: url(/templates/icons/clan/btn-back-gr.png);
border-radius: 5px;
color: #7c8688;
cursor: pointer;
display: flex;
font-family: "Munchkin", Tahoma;
font-size: 18px;
height: 40px;
margin: 0 4px;
max-width: 460px;
position: relative
}
.b-back-button:before {
bottom: -9px;
content: url('/templates/icons/clan/btn-back-l.png');
left: 0;
position: absolute
}
.b-back-button:after {
bottom: -9px;
content: url('/templates/icons/clan/btn-back-r.png');
position: absolute;
right: 0
}
.b-back-button span {
margin-left: 70px;
position: relative
}
.b-back-button span:before {
content: url('/templates/icons/clan/back.png');
left: -50px;
position: absolute;
top: -16px
}
.comp-btn {
align-items: center;
background: url(/templates/icons/clan/grey-middle.png);
display: flex;
height: 35px;
justify-content: space-between;
margin: 0 auto;
margin-left: 2px;
margin-right: 2px;
max-width: 460px;
padding-left: 22px;
padding-right: 22px;
position: relative
}
.comp-img {
width: 50px
}
.comp-btn-l {
display: flex
}
.comp-btn-l img {
float: left;
margin-top: 10px
}
.comp-btn-r {
margin-top: 4px
}
.comp-btn-r p {
color: #434343;
font-family: "Munchkin";
font-size: 18px
}
.comp-btn-l p {
color: #8f9b9d;
display: inline-block;
font-family: "Munchkin";
font-size: 18px
}
.comp-btn:before {
content: url('/templates/icons/clan/left-grey.png');
left: 0;
position: absolute;
top: 0
}
.comp-btn:after {
content: url('/templates/icons/clan/right-grey.png');
position: absolute;
right: 0;
top: 0
}
.b-popup-helper {
background: url(/templates/icons/clan/helper.png) no-repeat;
height: 78px;
left: 14px;
position: absolute;
top: -14px;
width: 77px
}
.b-popup-text {
color: #04b5c0;
font-family: Arial;
font-size: 14px;
position: absolute;
right: 10px;
text-align: center;
top: -6px
}
.b-popup-text span {
color: #68feff;
font-weight: 700
}
.b-wrapper-lig {
align-items: flex-end;
display: flex;
justify-content: center;
margin: 0 auto;
max-width: 450px;
min-height: 200px;
min-width: 304px;
position: relative
}
.b-house p:first-child {
color: #f4f4f4;
font-family: "Munchkin";
font-size: 16px;
margin: 0
}
.b-house p:last-child {
color: #aaa;
font-family: Arial;
font-size: 13px;
margin: 6px;
margin-bottom: 9px
}
.b-house p:last-child span:before {
bottom: 7px;
content: url('/templates/icons/clan/small-silver.png');
left: 80px;
position: absolute
}
.b-house p:last-child span {
margin-left: 15px
}
.b-company {
align-items: flex-end;
cursor: pointer;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: flex-end;
min-height: 200px;
position: relative;
width: 168px
}
.b-company-text {
align-items: center;
bottom: 3px;
display: flex;
flex-direction: column;
justify-content: center;
left: 15px;
position: absolute;
right: 0;
z-index: 1
}
.b-company-text p:first-child {
color: #f4f4f4;
font-family: "Munchkin";
font-size: 16px;
margin: 0;
position: relative
}
.b-company-text p:first-child:before {
content: url('/templates/icons/clan/small-sword.png');
left: -16px;
position: absolute;
top: -1px
}
.amulet-book, .card-wrap {
position: relative
}
.faster-btn, .faster-btn_5 {
background: url(/templates/icons/clan/blue-line.png) repeat-x;
bottom: -18px;
cursor: pointer;
height: 36px;
left: 0;
margin: 0 auto;
max-width: 280px;
position: absolute;
right: 0;
z-index: 1
}
.faster-text, .faster-text_5 {
left: 0;
position: absolute;
right: 0;
text-align: center;
top: 7px
}
.faster-btn p, .faster-btn_5 p {
color: #b7fdfd;
font-family: "Munchkin";
font-size: 16px
}
.faster-btn p span, .faster-btn_5 p span {
color: #fde87e;
margin-left: 23px;
position: relative
}
.faster-btn p span:before, .faster-btn_5 p span:before {
content: url('/templates/icons/clan/gold.png');
left: -20px;
position: absolute;
top: -1px
}
.faster-btn:before, .faster-btn_5:before {
content: url('/templates/icons/clan/left-blue.png')
}
.faster-btn:after, .faster-btn_5:after {
content: url('/templates/icons/clan/right-blue.png');
position: absolute;
right: 0;
top: 0
}
.b-company-text p:last-child {
color: #aaa;
font-family: Arial;
font-size: 13px;
margin: 6px;
position: relative
}
.b-company-text p:last-child:before {
content: url('/templates/icons/clan/clock.png');
left: -17px;
position: absolute;
top: -1px
}
.b-company img {
position: absolute
}
.b-house {
align-items: center;
background: url(/templates/icons/clan/house1.png) no-repeat bottom;
display: flex;
flex-direction: column;
justify-content: flex-end;
min-height: 200px;
position: relative;
text-align: center;
width: 172px
}
.b-zak-btn {
align-items: flex-end;
background: url(/templates/icons/clan/big-btn.png) no-repeat;
cursor: pointer;
display: flex;
flex-direction: column;
height: 85px;
justify-content: center;
margin: 7px auto;
position: relative;
text-align: center;
width: 319px
}
.b-zak-btn p {
margin: 0
}
.b-zak-btn p:first-child {
color: #f4f4f4;
font-family: "Munchkin";
font-size: 16px;
margin: 10px;
position: relative
}
.b-zak-btn p:first-child:before {
content: url('/templates/icons/clan/small-sword.png');
left: -13px;
position: absolute;
top: -1px
}
.b-zak-btn p:last-child {
color: #aaa;
font-family: Arial;
font-size: 13px
}
.zak-text {
position: absolute;
right: 17px;
top: 1px
}
.faster-btn {
background: url(/templates/icons/clan/blue-line.png) repeat-x;
height: 36px;
margin: 0 auto;
margin-bottom: 19px;
max-width: 319px;
position: relative
}
.faster-text {
left: 0;
position: absolute;
right: 0;
text-align: center;
top: -4px
}
.faster-btn p {
color: #b7fdfd;
font-family: "Munchkin";
font-size: 16px
}
.faster-btn p span {
color: #fde87e;
margin-left: 23px;
position: relative
}
.faster-btn p span:before {
content: url('/templates/icons/clan/gold.png');
left: -20px;
position: absolute;
top: -1px
}
.faster-btn:before {
content: url('/templates/icons/clan/left-blue.png')
}
.faster-btn:after {
content: url('/templates/icons/clan/right-blue.png');
position: absolute;
right: 0
}
.company-text {
color: #68fffe;
font-family: "Munchkin", Tahoma;
font-size: 20px;
line-height: 30px;
position: absolute
}
.progres-quest {
color: #545a60;
font-family: Arial;
font-size: 12px;
margin-bottom: 8px;
margin-top: 15px;
text-align: center
}
@-moz-keyframes bounce {
00% {
-moz-transform: translateY(0);
transform: translateY(0)
}
60% {
-moz-transform: translateY(-30px);
transform: translateY(-30px)
}
}
@-webkit-keyframes bounce {
00% {
-moz-transform: translateY(0);
transform: translateY(0)
}
60% {
-moz-transform: translateY(-30px);
transform: translateY(-30px)
}
}
@keyframes bounce {
00% {
-moz-transform: translateY(0);
transform: translateY(0)
}
60% {
-moz-transform: translateY(-30px);
transform: translateY(-30px)
}
}
.arrow {
background-image: url(/templates/icons/clan/arrow.png);
background-repeat: no-repeat;
background-size: contain;
bottom: 0;
height: 83px;
left: 24px;
margin-left: -20px;
position: absolute;
width: 79px;
z-index: 1
}
.bounce {
-moz-animation: bounce 1s infinite;
-webkit-animation: bounce 1s infinite;
animation: bounce 1s infinite
}
.b-menu {
color: #8b8b8b;
color: #8b8b8b;
display: flex;
display: flex;
font-size: 18px;
font-size: 18px;
justify-content: space-around;
justify-content: space-around;
margin: 0 auto;
max-width: 460px;
padding-top: 15px;
padding-top: 15px;
position: relative
}
.b-menu span {
bottom: -20px;
bottom: -20px;
cursor: pointer;
cursor: pointer;
font-family: "Munchkin", Tahoma;
font-family: Munchkin, Tahoma;
left: 10px;
left: 10px;
position: absolute;
position: absolute
}
.home {
background: url(/templates/icons/clan/home_icn.png) no-repeat;
cursor: pointer;
height: 68px;
position: relative;
width: 83px
}
.profile {
background: url(/templates/icons/clan/profile_icn.png) no-repeat;
cursor: pointer;
height: 68px;
position: relative;
width: 83px
}
.guild {
background: url(/templates/icons/clan/hild_icn.png) no-repeat;
cursor: pointer;
height: 68px;
position: relative;
width: 83px
}
.sep {
background: url(/templates/icons/clan/menu-separator.png) no-repeat;
height: 68px;
width: 28px
}
.footer-sec {
display: flex;
justify-content: center;
padding-top: 8px
}
.b-menu:before {
content: url('/templates/icons/clan/footer-t.png');
position: absolute;
right: 70px;
top: 32px
}
.footer-grad:after {
content: url('/templates/icons/clan/footer-b.png');
position: absolute;
right: -36px;
top: 47px
}
.footer-grad ul {
display: flex;
justify-content: center;
line-height: 30px;
list-style: none;
margin-top: 15px;
padding: 0
}
.footer-grad ul a {
border-bottom: 1px solid #505e77;
text-decoration: none
}
.footer-grad ul a:hover {
text-decoration: none
}
.footer-grad a {
color: #505e77;
font-family: Arial;
font-size: 15px;
margin: 20px
}
.footer-menu {
padding-bottom: 30px
}
.footer-menu-items {
color: #5f5f5f;
font-size: 18px;
padding-top: 5px;
position: relative;
text-align: center;
z-index: 20
}
.footer-menu-items span {
cursor: pointer;
font-family: Arial;
font-size: 14px;
margin: 5px
}
.online-item {
border-left: 1px solid #5f5f5f;
border-right: 1px solid #5f5f5f;
color: #505e77;
padding-left: 5px;
padding-right: 5px
}
.b-button {
color: #32373b;
display: flex;
font-family: "Munchkin", Tahoma;
font-size: 18px;
justify-content: center;
margin-bottom: 5px;
margin-top: 1px
}
.b-first__button--school {
align-items: center;
background: url(/templates/icons/clan/btn-back-gr.png);
border-radius: 5px;
color: #7c8688;
cursor: pointer;
cursor: pointer!important;
display: flex;
height: 40px;
height: 35px;
justify-content: center;
margin-left: 4px;
margin-right: 2px;
position: relative;
width: 48%;
width: 49%;
z-index: 1
}
.b-first__button--exper {
align-items: center;
background: url(/templates/icons/clan/btn-back-gr.png);
border-radius: 5px;
cursor: pointer;
display: flex;
height: 40px;
height: 35px;
justify-content: center;
margin-left: 2px;
margin-right: 4px;
position: relative;
width: 48%;
width: 49%
}
.b-description-in {
align-items: center;
display: flex;
justify-content: center;
margin: 0 auto;
max-width: 400px;
min-height: 96px
}
.b-description {
background: #111516;
margin: 0 auto;
margin-bottom: 8px;
min-height: 96px;
position: relative
}
.b-description:before {
background: url(/templates/icons/clan/left-line.png);
bottom: 0;
content: "";
height: 100%;
left: 0;
position: absolute;
width: 5px
}
.b-description:after {
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
background: url(/templates/icons/clan/left-line.png);
background-repeat: no-repeat;
background-repeat: repeat-y;
bottom: 0;
content: "";
height: 100%;
position: absolute;
right: 0;
transform: rotate(180deg);
width: 17px
}
.b-description--progress {
background: url(/templates/icons/clan/progress_yellow2_05.png);
border: 1px solid #423b32;
bottom: -7px;
height: 5px;
left: -1px;
position: absolute;
width: 100%;
z-index: 1
}
.b-description--progress-blue {
background: url(/templates/icons/clan/blue-progress.png);
height: 5px;
width: 50%
}
.swrd:before {
content: url('/templates/icons/clan/strength.png')
}
.gcoin:before {
content: url('/templates/icons/clan/gold.png')
}
.scoin:before {
content: url('/templates/icons/clan/silver.png')
}
.star:before {
content: url('/templates/icons/clan/exp.png')
}
.b-description-ava {
background: url(/templates/icons/clan/ava-desc.png);
height: 72px;
margin-right: 16px;
width: 73px
}
.b-description-text {
color: #545a60;
font-family: Arial;
font-size: 12px;
max-width: 400px;
width: 55%
}
.b-quest {
align-items: center;
background: url(/templates/icons/clan/md-md.png) repeat-x;
cursor: pointer;
display: flex;
justify-content: space-around;
margin: 0 auto;
margin-bottom: 20px;
max-width: 400px;
min-height: 96px;
position: relative
}
.b-quest:before {
content: url('/templates/icons/clan/right-right.png');
left: 0;
position: absolute;
top: 0
}
.b-quest:after {
content: url('/templates/icons/clan/left-left.png');
position: absolute;
right: 0;
top: 0
}
.b-quest-ava {
background: url(/templates/icons/clan/arrow-up.png);
height: 70px;
position: relative;
width: 49px
}
.b-quest-text {
margin-bottom: 14px
}
.b-quest-text p {
color: #fff;
font-family: Arial;
font-size: 15px;
margin: 0;
max-width: 240px;
padding: 0
}
.b-quest-btn {
background: url(/templates/icons/clan/btn-l.png);
bottom: -16px;
height: 32px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
width: 150px
}
.b-quest-btn:before {
content: url('/templates/icons/clan/button-l.png')
}
.b-quest-btn:after {
background: url(/templates/icons/clan/btn-r2.png);
content: "";
height: 31px;
position: absolute;
right: -10px;
top: 0;
width: 34px
}
.b-quest-blue {
color: #44aaae
}
.b-quest-ava-medal {
background: url(/templates/icons/clan/medal.png);
height: 41px;
position: absolute;
right: -7px;
top: -8px;
width: 30px
}
.company-text {
color: #68fffe;
font-family: "Munchkin", Tahoma;
font-size: 20px;
line-height: 30px;
position: absolute
}
.progres-quest {
color: #545a60;
font-family: Arial;
font-size: 12px;
margin-bottom: 8px;
margin-top: 15px;
text-align: center
}
.b-amulet1 {
align-items: center;
background: url(/templates/icons/clan/rl.png) no-repeat left, url(/templates/icons/clan/rr.png) no-repeat right, url(/templates/icons/clan/1st.png) no-repeat center;
background-size: auto, auto, cover;
display: flex;
height: 151px;
margin-bottom: 30px;
padding-bottom: 17px;
position: relative;
width: 100%
}
.b-amulet2 {
align-items: center;
background: url(/templates/icons/clan/rl.png) no-repeat left, url(/templates/icons/clan/rr.png) no-repeat right, url(/templates/icons/clan/2st.png) no-repeat center;
background-size: auto, auto, cover;
display: flex;
height: 151px;
margin-bottom: 30px;
padding-bottom: 17px;
position: relative;
width: 100%
}
.b-amulet3 {
align-items: center;
background: url(/templates/icons/clan/rl.png) no-repeat left, url(/templates/icons/clan/rr.png) no-repeat right, url(/templates/icons/clan/3st.png) no-repeat center;
background-size: auto, auto, cover;
display: flex;
height: 151px;
margin-bottom: 30px;
padding-bottom: 17px;
position: relative;
width: 100%
}
.b-amulet4 {
align-items: center;
background: url(/templates/icons/clan/rl.png) no-repeat left, url(/templates/icons/clan/rr.png) no-repeat right, url(/templates/icons/clan/4st.png) no-repeat center;
background-size: auto, auto, cover;
display: flex;
height: 151px;
margin-bottom: 30px;
padding-bottom: 17px;
position: relative;
width: 100%
}
.amulet-text {
display: flex;
flex-direction: column;
justify-content: center;
margin: -6px;
width: 58%
}
.amulet-text span {
color: #fff;
font-family: Arial;
font-size: 13px
}
.red-box1 {
background: #d41813;
background: -moz-linear-gradient(top, rgba(212, 24, 19, 1) 0, rgba(103, 0, 4, 1) 100%);
background: -webkit-linear-gradient(top, rgba(212, 24, 19, 1) 0, rgba(103, 0, 4, 1) 100%);
background: linear-gradient(to bottom, rgba(212, 24, 19, 1) 0, rgba(103, 0, 4, 1) 100%);
border-radius: 2px;
display: inline-block;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d41813', endColorstr='#670004', GradientType=0);
height: 16px;
line-height: 11px;
margin-right: 5px;
padding: 2px;
width: 17%
}
.red-box2 {
background: #ac11c5;
background: -moz-linear-gradient(top, #ac11c5 0, #4b005f 100%);
background: -webkit-linear-gradient(top, #ac11c5 0, #4b005f 100%);
background: linear-gradient(to bottom, #ac11c5 0, #4b005f 100%);
border-radius: 2px;
display: inline-block;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ac11c5', endColorstr='#4b005f', GradientType=0);
height: 16px;
line-height: 11px;
margin-right: 5px;
padding: 2px;
text-align: center;
width: 17%
}
.red-box3 {
background: #e76200;
background: -moz-linear-gradient(top, #e76200 0, #672500 100%);
background: -webkit-linear-gradient(top, #e76200 0, #672500 100%);
background: linear-gradient(to bottom, #e76200 0, #672500 100%);
border-radius: 2px;
display: inline-block;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e76200', endColorstr='#672500', GradientType=0);
height: 16px;
line-height: 11px;
margin-right: 5px;
padding: 2px;
text-align: center;
width: 17%
}
.yellow-nubm {
color: #ffc600!important;
position: relative
}
.crown-box {
background: url(/templates/icons/clan/crown.png);
height: 23px;
margin-left: 4px;
margin-right: 4px;
width: 25px
}
.yello-box {
color: #ffc600
}
.flexRow {
align-items: center;
color: #fff;
display: flex;
font-family: Arial;
font-size: 13px;
justify-content: center;
margin-bottom: 4px
}
.flexRow:last-child {
line-height: 21px
}
.amulet-text p {
color: #f49540;
font-family: "Munchkin", Tahoma;
font-size: 16px;
margin: 0;
padding: 0;
text-align: center
}
.amulet-inner {
display: flex;
justify-content: center;
width: 100%
}
.faster-btn_7 p {
color: #8b8b8b;
font-family: "Munchkin";
font-size: 16px
}
.faster-btn_7 p span {
color: #8b8b8b;
margin-left: 23px;
position: relative
}
.faster-btn_7 p span:before {
content: url('/templates/icons/clan/silver.png');
left: -20px;
position: absolute;
top: -1px
}
.bottom-text {
color: #fff;
font-family: Arial;
font-size: 13px;
text-align: center
}
.bottom-text span {
color: #68fffe
}
.big-blue-btn-wrapper {
background: url(/templates/icons/clan/big-blue-m.png) repeat-x;
cursor: pointer;
height: 45px;
margin: 0 auto;
margin-bottom: 2px;
min-width: 218px;
position: relative;
width: 57%
}
.big-blue-btn-wrapper:after {
content: url('/templates/icons/clan/big-blue-l.png');
left: 0;
position: absolute;
top: 0
}
.big-blue-btn-wrapper:before {
content: url('/templates/icons/clan/big-blue-r.png');
position: absolute;
right: 0;
top: 0
}
.big-faster-text {
color: #b7fdfd;
font-family: "Munchkin";
font-size: 18px;
line-height: 23px;
text-align: center
}
.big-faster-text span {
color: #efdc7a;
margin-left: 20px;
position: relative
}
.big-faster-text span:before {
content: url('/templates/icons/clan/gold.png');
left: -21px;
position: absolute;
top: -1px
}
.big-faster-text p {
margin: 0;
padding: 0
}
.doz-cap {
font-family: "Munchkin";
font-size: 18px;
text-align: center
}
.b-doz {
display: flex;
justify-content: space-between;
margin-bottom: 10px
}
.doz-wrapper {
-moz-border-image: url(/templates/icons/clan/border-img.png) 20 round round;
-o-border-image: url(/templates/icons/clan/border-img.png) 20 round round;
-webkit-border-image: url(/templates/icons/clan/border-img.png) 20 round round;
align-items: center;
border: 17px solid #40c4c8;
border-image: url(/templates/icons/clan/border-img.png) 20 round round;
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
text-align: center;
width: 108px
}
.overlay {
background: #101418;
background: -moz-linear-gradient(top, #101418 0, #000 100%);
background: -webkit-linear-gradient(top, #101418 0, #000 100%);
background: linear-gradient(to bottom, #101418 0, #000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#101418', endColorstr='#000000', GradientType=0);
height: 116%;
left: -13px;
position: absolute;
top: -15px;
width: 135%
}
.doz-wrapper span {
color: #8b8b8b;
font-size: 13px;
margin: 0;
padding: 0;
z-index: 5
}
.doz-head {
height: 39px;
line-height: 16px;
position: absolute;
top: -13px
}
.doz-coin {
bottom: -1px;
height: 10px;
left: -1px;
margin-top: 5px;
position: absolute;
z-index: 5
}
.doz-coin span {
margin-left: 17px;
position: relative
}
.doz-coin span:first-child:before {
content: url('/templates/icons/clan/gold.png');
left: -18px;
position: absolute;
top: 0
}
.doz-coin span:last-child:before {
content: url('/templates/icons/clan/silver.png');
left: -18px;
position: absolute;
top: 0
}
.doz-wrapper img {
margin-bottom: 13px;
margin-top: 22px;
z-index: 5
}
.main-inner {
padding-left: 5%;
padding-right: 5%
}
.faster-btn_8 {
background: url(/templates/icons/clan/blue-line.png) repeat-x;
height: 36px;
margin: 0 auto;
margin-bottom: 19px;
position: relative;
width: 100%
}
.faster-btn_8:after {
content: url('/templates/icons/clan/right-blue.png');
position: absolute;
right: 0
}
.bottom-left-item_9 {
background: url(/templates/icons/clan/ava-border1.png) center center no-repeat;
height: 39px;
position: relative;
width: 44px
}
.bottom-left-item_9 img {
left: 1px;
position: absolute;
top: 1px;
width: 93%
}
.header-bg_9 {
align-items: center;
background: url(/templates/icons/clan/back1.jpg) no-repeat center center;
background-size: cover;
display: flex;
flex-direction: column;
height: 310px;
justify-content: space-between;
position: relative
}
.header-bg_9:before {
background-image: url(/templates/icons/clan/vertical-shadow.png);
bottom: 0;
content: '';
height: 113px;
position: absolute;
width: 100%
}
.top-line_9 {
background: -moz-linear-gradient(left, rgba(66, 18, 17, .75) 0, rgba(7, 3, 3, .6) 100%);
background: -webkit-linear-gradient(left, rgba(66, 18, 17, .75) 0, rgba(7, 3, 3, .6) 100%);
background: linear-gradient(to right, rgba(66, 18, 17, .75) 0, rgba(7, 3, 3, .6) 100%);
display: flex;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#421211', endColorstr='#59421211', GradientType=1);
position: relative;
}
.bottom-line_9 {
background: -moz-linear-gradient(left, rgba(0, 39, 60, 0.8) 0, rgba(7, 3, 3, .6) 100%);
background: -webkit-linear-gradient(left, rgba(0, 39, 60, 0.8) 0, rgba(7, 3, 3, .6) 100%);
background: linear-gradient(to right, rgba(0, 39, 60, 0.8) 0, rgba(7, 3, 3, .6) 100%);
display: flex;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#421211', endColorstr='#59421211', GradientType=1);
position: relative;
}
.bottom-line_1 {
background: -moz-linear-gradient(left, rgba(0, 39, 60, 0.8) 0, rgba(7, 3, 3, .6) 100%);
background: -webkit-linear-gradient(left, rgba(0, 39, 60, 0.8) 0, rgba(7, 3, 3, .6) 100%);
background: linear-gradient(to right, rgba(0, 39, 60, 0.8) 0, rgba(7, 3, 3, .6) 100%);
display: flex;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#421211', endColorstr='#59421211', GradientType=1);
position: relative;
}
.header-caption_9 {
align-items: center;
color: #e82d2c;
display: flex;
font-family: "Munchkin";
font-size: 16px;
padding-left: 15px;
width: 55%
}
.bottom-header-caption_9 {
align-items: center;
color: #6085ad;
display: flex;
font-family: "Munchkin";
font-size: 16px;
padding-left: 15px;
width: 55%
}
.header-heart_9 {
align-items: center;
color: #e82d2c;
display: flex;
font-family: "Munchkin";
font-size: 16px;
justify-content: flex-end;
padding-right: 15px;
position: relative;
width: 45%
}
.bottom-header-heart_9 {
align-items: center;
color: #6085ad;
display: flex;
font-family: "Munchkin";
font-size: 16px;
justify-content: flex-end;
padding-right: 15px;
position: relative;
width: 45%
}
.header-heart_9:before {
content: url('/templates/icons/clan/heart-red.png');
margin-top: 5px
}
.bottom-header-heart_9:before {
content: url('/templates/icons/clan/heart-blue.png');
margin-top: 5px
}
.boss-wraper_9 {
display: flex;
justify-content: center;
position: absolute;
text-align: center;
top: 10%
}
.boss-wraper_9 img:last-child {
position: absolute
}
.main-wrapper_9 {
display: flex;
flex-direction: column;
justify-content: center;
padding-bottom: 10px;
padding-top: 10px
}
.weapon-wrapper_9 {
align-items: center;
background: url(/templates/icons/clan/222.png);
display: flex;
flex-direction: column;
height: 93px;
justify-content: space-between;
margin-bottom: 10px;
position: relative;
width: 79px
}
.weapon-cap_9 {
color: #ffac4b;
font-family: "Munchkin";
font-size: 14px;
margin-right: 9px;
margin-top: 3px
}
.attack-blue-btn_9 {
background: url(/templates/icons/clan/button-attack.png);
color: #8aebfe;
font-family: "Munchkin";
font-size: 25px;
height: 49px;
line-height: 50px;
margin: 0 auto;
position: relative;
text-align: center;
top: 5px;
width: 309px
}
.attack-blue-btn_9:before {
background: rgba(0, 0, 0, .4);
bottom: 0;
content: '';
height: 100%;
left: 0;
position: absolute;
width: 100%
}
.maint-bottom-text_9 {
color: #303c4e;
font-family: "Munchkin";
font-size: 14px;
text-align: center
}
.weapon-img_9 {
position: relative;
right: -3px;
top: 2px
}
.card-wrapper_9 {
display: flex;
justify-content: center
}
.fight-jou_9 span:first-child {
color: #3ead02;
font-family: "Munchkin";
margin-right: 25px;
position: relative
}
.fight-jou_9 span:first-child:before {
content: url('/templates/icons/clan/fight-my-log-school-2.png');
position: absolute;
right: 23px;
top: -2px
}
.fight-jou_9 span:last-child {
color: #a12625;
font-family: "Munchkin";
margin-left: 25px;
position: relative
}
.fight-jou_9 span:last-child:after {
content: url('/templates/icons/clan/fight-log-school-1.png');
left: 23px;
position: absolute;
top: -2px
}
.metal_9 {
-o-animation: some 1s ease;
-webkit-animation: some 1s ease;
align-items: center;
animation: some 1s ease;
display: flex;
flex-direction: column;
justify-content: center;
z-index: 5
}
.footer-grad, .amulet-book, .left-item_9 {
position: relative
}
.b-first__button--school:before, .b-first__button--exper:before {
bottom: -5px;
content: url('/templates/icons/clan/btn-back-l.png');
left: 0;
position: absolute
}
.b-first__button--school:after, .b-first__button--exper:after {
bottom: -5px;
content: url('/templates/icons/clan/btn-back-r.png');
position: absolute;
right: 0
}
.red-box, .fight-jou_9 {
text-align: center
}
.b-amulet1:after, .b-amulet2:after, .b-amulet3:after, .b-amulet4:after {
background: url(/templates/icons/clan/rc.png) left top repeat-x;
content: "";
height: 151px;
position: absolute;
top: 0;
width: 100%
}
.faster-btn_6, .faster-btn_7 {
background: url(/templates/icons/clan/blue-line.png) repeat-x;
bottom: -18px;
cursor: pointer;
height: 36px;
left: 0;
margin: 0 auto;
max-width: 280px;
position: absolute;
right: 0;
z-index: 1
}
.faster-text_6, .faster-text_7, .faster-text_8 {
left: 0;
position: absolute;
right: 0;
text-align: center;
top: 7px
}
.faster-btn_6 p, .faster-btn_8 p {
color: #b7fdfd;
font-family: "Munchkin";
font-size: 16px
}
.faster-btn_6 p span, .faster-btn_8 p span {
color: #fde87e;
margin-left: 23px;
position: relative
}
.faster-btn_6 p span:before, .faster-btn_8 p span:before {
content: url('/templates/icons/clan/gold.png');
left: -20px;
position: absolute;
top: -1px
}
.faster-btn_6:before, .faster-btn_7:before, .faster-btn_8:before {
content: url('/templates/icons/clan/left-blue.png')
}
.faster-btn_6:after, .faster-btn_7:after {
content: url('/templates/icons/clan/right-blue.png');
position: absolute;
right: 0;
top: 0
}
.top-line_9:before, .bottom-line_9:before {
background-image: url(/templates/icons/clan/grad_progress_red1.png);
background-repeat: repeat-x;
bottom: 0;
content: '';
height: 6px;
position: absolute;
}
@keyframes some {
00% {
opacity: .5
}
100% {
opacity: 1
}
}
#wrapper_9 {
background: #000;
height: 100vh;
margin: 0 auto;
max-width: 460px;
min-width: 320px;
overflow-x: hidden
}
.header-bg_i {
background: url(/templates/icons/clan/bg_2.png) no-repeat top center
}
.inner-text_i {
bottom: 37px;
color: #fff;
font-family: "Munchkin";
font-size: 18px;
position: relative;
text-align: center
}
.red-button-wrapper_i {
align-items: center;
background: url(/templates/icons/clan/red-button.png);
cursor: pointer;
display: flex;
height: 90px;
justify-content: center;
margin: 0 auto;
margin-bottom: 10px;
margin-top: 309px;
position: relative;
width: 314px
}
.red-button-wrapper_i:after {
animation: opac ease-in-out 2s infinite;
background: rgba(0, 0, 0, 0.3);
bottom: 0;
content: "";
height: 85%;
left: 33px;
position: absolute;
right: 0;
top: 5px;
width: 78%
}
@keyframes opac {
50% {
background: rgba(0, 0, 0, 0.3)
}
00%, 100% {
background: rgba(0, 0, 0, 0.1)
}
}
.btn-text_i {
color: #fff;
font-family: "Munchkin";
font-size: 32px;
position: relative;
text-align: center;
top: 374px;
z-index: 7
}
.header-text_i {
font-family: Arial;
font-size: 14px;
margin: 0 auto;
max-width: 330px;
text-align: center
}
.header-text_i span {
color: #a6a6a6
}
.best-game_i {
margin-bottom: 16px;
margin-top: 13px;
text-align: center
}
.b-inputs_i {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center
}
.b-inputs_i input {
border-radius: 2px
}
.b-inputs_i span {
color: #a6a6a6;
font-family: Arial;
font-size: 15px;
margin-bottom: 6px;
margin-top: 6px
}
.b-blue-btn_i {
align-items: center;
background: url(/templates/icons/clan/blue-btn.png);
cursor: pointer;
display: flex;
height: 45px;
justify-content: center;
margin: 11px auto 19px;
width: 188px
}
.b-blue-btn_i span {
color: #7faac0;
font-family: "Munchkin";
font-size: 22px
}
.forggot_i {
color: #676767;
cursor: pointer;
font-family: Arial;
font-size: 14px;
text-decoration: underline
}
.b-forg_i {
margin-bottom: 26px
}
.b-arrow_i {
background: #1a1c1e;
height: 1px;
margin: 0 auto;
position: relative;
text-align: center;
width: 81%
}
.index-page {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
margin-top: 17px;
padding-bottom: 30px
}
.about_i span:last-child {
color: #5c6a84
}
.about_i span:first-child {
border-right: 1px solid #3b3b3b;
cursor: pointer;
padding-right: 3px
}
.index-page span {
color: #676767;
font-family: Arial;
font-size: 14px
}
.b-grad_i img {
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: 0
}
.header-section_p {
background: rgba(0, 0, 0, .7);
display: flex;
position: relative
}
.b-crown__border_p {
background: url(/templates/icons/clan/ava-border1.png) no-repeat;
height: 39px;
position: relative;
width: 40px
}
.b-crow__img_p {
background: url(/templates/icons/clan/nosave.jpg);
height: 35px;
left: 2px;
position: absolute;
top: 2px;
width: 35px
}
.b-sword_p {
color: #8b8b8b;
display: flex;
font-size: 14px;
line-height: 35px;
width: 50%
}
.sword-icon_p {
background: url(/templates/icons/clan/strength.png) no-repeat;
height: 18px;
line-height: 35px;
margin-left: 3px;
margin-top: 7px;
width: 20px
}
.vip_icon {
background: url(/templates/icons/newbie/vips.png) no-repeat;
height: 25px;
line-height: 35px;
margin-left: 3px;
margin-top: 7px;
width: 27px
}
.b-coin_p span:nth-child(1):before {
color: #337ab7;
content: url('/templates/icons/clan/energy.png');
left: -18px;
position: absolute;
top: 4px
}
.b-coins {
color: #8b8b8b;
display: flex;
font-size: 14px;
justify-content: flex-end;
line-height: 35px;
position: relative
}
.b-coin-exp span:before {
content: url('/templates/icons/clan/exp.png');
left: -19px;
position: absolute;
top: 4px
}
.b-coin-blood span:before {
content: url('/templates/icons/clan/blood.png');
left: -25px;
position: absolute;
top: 4px
}
.b-crown_p {
z-index: 5
}
.header-section_p:after {
border: 1px solid #423b32;
bottom: 0;
content: '';
height: 5px;
left: 8px;
position: absolute;
width: 98.1%
}
.b-progress_p {
border: 1px solid #423b32
}
.main-hero_p {
-webkit-background-size: cover;
background: url(/templates/icons/clan/fon-bg.jpg) no-repeat center center;
background-size: cover;
height: 480px;
position: relative
}
.hero-name_p {
background: url(/templates/icons/clan/back.png) repeat-x center center;
height: 62px;
line-height: 20px;
margin-top: 0;
padding-top: 7px;
position: relative;
z-index: 2
}
.hero-name_p p {
color: #fff;
font-family: "Munchkin";
font-size: 15px;
margin: 0;
text-align: center
}
.amulet-name_p p {
color: #8f9b9d;
font-family: "Munchkin";
font-size: 18px;
margin: 0;
text-align: center
}
.amulet-name_p {
position: absolute;
bottom: -49px;
left: 0;
right: 0
}
.swrd_p, .valor_p, .gcoin_p, .scoin_p, .star_p, .swrd-down_p, .ring_p {
position: relative
}
.swrd_p:before {
content: url('/templates/icons/clan/strength.png');
position: absolute;
left: -13px;
top: -2px
}
.valor_p:before {
position: absolute;
left: -13px;
top: -2px
}
.ring_:before {
content: url('/templates/icons/icons/valor_small.png');
position: absolute;
left: -13px;
top: -2px
}
.down-param_p {
margin: 0;
margin-top: 5px
}
.gcoin_p:before {
content: url('/templates/icons/clan/gold.png');
left: -12px;
position: absolute
}
.scoin_p:before {
content: url('/templates/icons/clan/silver.png');
left: -12px;
position: absolute
}
.star_p:before {
content: url('/templates/icons/clan/exp.png');
left: -25px;
position: absolute;
top: -2px
}
.desc-name_p {
display: inline;
margin: 5px;
position: relative
}
.left-desc_p {
margin-left: 30px
}
.left-desc_p p {
margin: 3px;
margin-bottom: 5px
}
.right-desc_p {
margin-right: 5px
}
.right-desc_p p {
margin: 3px
}
.dark-mid-line_p {
background: #222627;
height: 100%;
left: -21px;
margin: 0 auto;
position: relative;
top: -20px;
width: 1px
}
.dark-top-line_p {
background: #222627;
height: 1px;
max-width: 200px;
width: 200px;
width: 100%
}
.decs-wrap_p {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 10px
}
.b-description_p {
background: #111516;
color: #8f9b9d;
font-family: Arial;
margin: 0 auto;
margin-bottom: 2px;
padding: 10px;
position: relative;
text-align: center
}
.mid-desc-t_p {
left: 0;
position: absolute;
right: 0;
top: 20px
}
.mid-desc-b_p {
bottom: 20px;
left: 0;
position: absolute;
right: 0
}
.mid-desc-m_p {
background: #1c2122;
left: 0;
min-height: 150px;
position: absolute;
right: 0;
width: 1px
}
.desc-name_p img {
height: 1px;
left: -105px;
min-width: 200px;
position: absolute;
top: 22px
}
.b-description_p:before {
background: url(/templates/icons/clan/left-line.png);
bottom: 0;
content: "";
height: 100%;
left: 0;
position: absolute;
width: 5px
}
.b-description_p:after {
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
background: url(/templates/icons/clan/left-line.png);
background-repeat: no-repeat;
background-repeat: repeat-y;
bottom: 0;
content: "";
height: 100%;
position: absolute;
right: 0;
transform: rotate(180deg);
width: 17px
}
.menu-comp_p {
display: flex;
justify-content: space-between;
margin-bottom: 3px;
margin-top: 3px;
max-width: 460px
}
.comp-btn_p {
align-items: center;
background: url(/templates/icons/clan/big-btn-mid.png);
display: flex;
height: 48px;
justify-content: space-between;
margin: 2px;
max-width: 460px;
padding-left: 14px;
padding-right: 22px;
position: relative
}
.comp-img_p {
width: 50px
}
.comp-btn-l_p {
display: flex
}
.comp-btn-l_p img {
float: left;
margin-top: 10px
}
.comp-btn-r_p {
margin-top: 4px
}
.comp-btn-r_p p {
color: #434343;
font-family: "Munchkin";
font-size: 18px
}
.comp-btn-l_p p {
color: #8f9b9d;
display: inline-block;
font-family: "Munchkin";
font-size: 18px;
margin-top: 21px
}
.comp-btn_p:before {
content: url('/templates/icons/clan/big-btn-l.png');
left: 0;
position: absolute;
top: 0
}
.comp-btn_p:after {
content: url('/templates/icons/clan/big-btn-r.png');
position: absolute;
right: 0;
top: 0
}
.hero-wrapper_p {
display: flex;
justify-content: space-between;
padding: 10px;
position: relative
}
.middle-maneken_p {
left: -140px;
margin: 0 auto;
opacity: .7;
position: absolute;
right: 0;
top: -34px;
width: 321px;
z-index: 0
}
.b-amulet_p {
background: url(/templates/icons/clan/rl.png) no-repeat left, url(/templates/icons/clan/coin.png) no-repeat 20px 1px, url(/templates/icons/clan/rr.png) no-repeat right, url(/templates/icons/clan/medal-bg.jpg) no-repeat center;
background-size: auto, auto, auto, cover;
display: flex;
height: 84px;
position: relative;
width: 100%
}
.b-yar_p {
background: url(/templates/icons/clan/rl.png) no-repeat left, url(/templates/icons/clan/rr.png) no-repeat right, url(/templates/icons/clan/yar-back.png) -1px -12px;
background-size: auto, auto, cover;
display: flex;
height: 84px;
justify-content: flex-end;
position: relative;
width: 100%
}
.b-gradient-line_p {
background: url(/templates/icons/clan/gradient-top.png) top center repeat-x;
bottom: 0;
color: #8f9b9d;
font-family: "Munchkin";
font-size: 16px;
height: 60px;
line-height: 90px;
position: absolute;
text-align: center;
width: 100%
}
.b-amulet_p img {
position: relative;
right: 10px;
top: 1px
}
.clan-gold_p {
background: url(/templates/icons/clan/rl.png) no-repeat left, url(/templates/icons/clan/rr.png) no-repeat right, url(/templates/icons/clan/gold.jpg) -1px -6px;
background-size: auto, auto, cover;
display: flex;
height: 84px;
position: relative;
width: 100%
}
.clan-gold-text_p {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
line-height: 17px;
margin-right: 20px
}
.some-amulet_p {
height: 100%;
width: 40%
}
.amulet-text_p {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
line-height: 17px;
margin-left: 20px
}
.b-amulet_p p:last-child {
color: #aaa;
font-family: Arial;
font-size: 12px;
text-align: center
}
.b-yar_p p:last-child {
color: #8f9b9d;
font-family: Arial;
font-size: 12px;
text-align: center
}
.b-save_p:before {
content: url('/templates/icons/clan/save-l.png');
left: -3px;
position: absolute;
top: 0
}
.b-save_p:after {
content: url('/templates/icons/clan/save-r.png');
position: absolute;
right: -3px;
top: 0
}
.b-save_p {
background: url(/templates/icons/clan/save-mid.png);
height: 48px;
line-height: 42px;
margin: 0 auto;
max-width: 460px;
position: relative;
text-align: center;
width: 97%
}
.b-save_p p {
color: #68fffe;
font-family: Arial;
font-size: 12px;
margin: 0
}
.b-save_p span {
color: #baffff;
text-decoration: underline
}
.location-name_p {
border-top: 3px solid #000;
display: flex;
font-size: 18px;
height: 32px;
justify-content: space-between;
position: relative;
z-index: 15
}
.location-name_p:before {
content: url('/templates/icons/clan/location-bg-left.png')
}
.location-name_p:after {
content: url('/templates/icons/clan/location-bg-right.png')
}
.b-location__bg_p:before {
bottom: -4px;
content: url('/templates/icons/clan/line-1px-left.png');
left: 0;
position: absolute
}
.b-location__bg_p:after {
bottom: -4px;
content: url('/templates/icons/clan/line-1px-right.png');
position: absolute;
right: 0
}
.b-location__bg_p {
align-items: center;
background: url(/templates/icons/clan/line-1px.png);
color: #007e72;
display: flex;
font-family: "Munchkin", Tahoma;
height: 30px;
justify-content: center;
position: relative;
width: 100%
}
.b-button_p {
color: #32373b;
display: flex;
font-family: "Munchkin", Tahoma;
font-size: 18px;
justify-content: center;
margin-top: 22px
}
.b-back-button_p {
align-items: center;
background: url(/templates/icons/clan/btn-back-gr.png);
border-radius: 5px;
color: #7c8688;
cursor: pointer;
display: flex;
font-family: "Munchkin", Tahoma;
font-size: 18px;
height: 40px;
height: 35px;
margin: 0 auto;
margin-left: 4px;
margin-right: 4px;
max-width: 460px;
position: relative
}
.b-back-button_p span {
margin-left: 70px;
position: relative
}
.b-back-button_p span:before {
content: url('/templates/icons/clan/back.png');
left: -50px;
position: absolute;
top: -16px
}
.b-menu_p {
color: #8b8b8b;
display: flex;
font-size: 18px;
justify-content: space-around;
padding-top: 15px
}
.b-menu_p span {
bottom: -20px;
cursor: pointer;
font-family: "Munchkin", Tahoma;
left: 10px;
position: absolute
}
.b-key_p {
-moz-border-image: url(/templates/icons/clan/border-img.png) 9 round round;
-o-border-image: url(/templates/icons/clan/border-img.png) 9 round round;
-webkit-border-image: url(/templates/icons/clan/border-img.png) 9 round round;
border: 9px solid #40c4c8;
border-image: url(/templates/icons/clan/border-img.png) 9 round round;
margin-bottom: 3px;
margin-top: 3px;
position: relative;
text-align: center
}
.b-koloda_p {
background-image: linear-gradient(to right, rgba(37, 42, 44, .1), rgba(37, 42, 44), rgba(37, 42, 44, .1));
background-position: center 1px;
background-repeat: no-repeat;
background-size: 287px 1px;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-bottom: 6px;
margin-top: 6px;
min-height: 50px
}
.b-koloda-top_p {
display: flex;
justify-content: center;
margin-top: 10px
}
.b-koloda-bottom_p {
display: flex;
justify-content: center;
margin-top: 10px
}
.black-mark_p {
background: url(/templates/icons/clan/black-mark.png);
bottom: -2px;
color: #fff;
font-family: Arial;
font-size: 13px;
height: 18px;
line-height: 20px;
position: absolute;
right: 0;
text-align: right;
width: 39px
}
.k1_p {
background: url(/templates/icons/clan/k1.png);
height: 41px;
margin-left: 1px;
margin-right: 10px;
overflow: hidden;
position: relative;
width: 41px
}
.k2_p {
background: url(/templates/icons/clan/k2.png);
height: 41px;
margin-left: 1px;
margin-right: 10px;
overflow: hidden;
position: relative;
width: 41px
}
.k3_p {
background: url(/templates/icons/clan/k3.png);
height: 41px;
margin-left: 1px;
margin-right: 10px;
overflow: hidden;
position: relative;
width: 41px
}
.k4_p {
background: url(/templates/icons/clan/k4.png);
height: 41px;
margin-left: 1px;
margin-right: 10px;
overflow: hidden;
position: relative;
width: 41px
}
.k5_p {
background: url(/templates/icons/clan/k5.png);
height: 41px;
margin-left: 1px;
margin-right: 10px;
overflow: hidden;
position: relative;
width: 41px
}
.k6_p {
background: url(/templates/icons/clan/k6.png);
height: 41px;
margin-left: 1px;
margin-right: 10px;
overflow: hidden;
position: relative;
width: 41px
}
.k7_p {
background: url(/templates/icons/clan/k7.png);
height: 41px;
margin-left: 1px;
margin-right: 10px;
overflow: hidden;
position: relative;
width: 41px
}
.k8_p {
background: url(/templates/icons/clan/k8.png);
height: 41px;
margin-left: 1px;
margin-right: 10px;
overflow: hidden;
position: relative;
width: 41px
}
.k9_p {
background: url(/templates/icons/clan/k9.png);
height: 41px;
margin-left: 1px;
margin-right: 10px;
overflow: hidden;
position: relative;
width: 41px
}
.b-tren_p {
background-image: linear-gradient(to right, rgba(37, 42, 44, .1), rgba(37, 42, 44), rgba(37, 42, 44, .1));
background-position: center 1px;
background-repeat: no-repeat;
background-size: 287px 1px;
display: flex;
flex-direction: row;
justify-content: center;
margin-bottom: 6px;
margin-top: 6px;
min-height: 50px
}
.b-tren-block_p {
display: flex;
justify-content: space-around;
margin-top: 6px
}
.strazh_p {
background: url(/templates/icons/clan/1_1.png) no-repeat;
height: 86px;
position: relative;
width: 78px
}
.strelok_p {
background: url(/templates/icons/clan/2_2.png);
height: 86px;
position: relative;
width: 78px
}
.mag_p {
background: url(/templates/icons/clan/3_3.png);
height: 86px;
position: relative;
width: 78px
}
.dodge_p {
background: url(/templates/icons/clan/dodge.png) no-repeat;
height: 86px;
position: relative;
width: 78px
}
.b-tren-mark_p {
bottom: -10px;
color: #fff;
font-family: Arial;
font-size: 13px;
height: 18px;
line-height: 20px;
position: absolute;
right: 33px;
text-align: right;
width: 39px
}
.b-about-all_p {
-moz-border-image: url(/templates/icons/clan/border-img.png) 9 round round;
-o-border-image: url(/templates/icons/clan/border-img.png) 9 round round;
-webkit-border-image: url(/templates/icons/clan/border-img.png) 9 round round;
background: #111516;
border: 9px solid #40c4c8;
border-image: url(/templates/icons/clan/border-img.png) 9 round round;
line-height: 17px;
margin-bottom: 3px;
margin-top: 3px;
position: relative;
text-align: center
}
.b-about-all_p img:first-child {
cursor: pointer;
position: absolute;
right: 6px;
top: -1px
}
.b-about_p {
background-image: linear-gradient(to right, rgba(37, 42, 44, .1), rgba(37, 42, 44), rgba(37, 42, 44, .1));
background-position: center 1px;
background-repeat: no-repeat;
background-size: 287px 1px;
margin-bottom: 1px;
margin-top: 5px;
min-height: 35px
}
.b-about-all_p p {
color: #8b8b8b;
font-family: Arial;
font-size: 13px;
padding-top: 9px
}
.left-par-block_p {
align-items: center;
display: flex;
justify-content: space-between;
padding-right: 12px;
padding-top: 9px;
width: 50%
}
.right-par-block_p {
align-items: center;
display: flex;
justify-content: space-between;
padding-top: 9px;
width: 50%
}
.b-parametrs-all_p {
-moz-border-image: url(/templates/icons/clan/border-img.png) 9 round round;
-o-border-image: url(/templates/icons/clan/border-img.png) 9 round round;
-webkit-border-image: url(/templates/icons/clan/border-img.png) 9 round round;
background: #111516;
border: 9px solid #40c4c8;
border-image: url(/templates/icons/clan/border-img.png) 9 round round;
margin-top: 3px;
position: relative;
text-align: center
}
.b-parametrs_p {
background-image: linear-gradient(to right, rgba(37, 42, 44), rgba(37, 42, 44)), linear-gradient(to right, rgba(37, 42, 44, .1), rgba(37, 42, 44), rgba(37, 42, 44, .1)), linear-gradient(to right, rgba(37, 42, 44, .1), rgba(37, 42, 44), rgba(37, 42, 44, .1));
background-position: center 1px, center 1px, center calc(100%);
background-repeat: no-repeat, no-repeat, no-repeat;
background-size: 1px calc(100%), 287px 1px, 287px 1px;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 4px;
margin-top: 6px;
min-height: 50px
}
.b-parametrs-all_p p {
color: #8b8b8b;
font-family: Arial;
font-size: 13px;
margin-left: 15px;
padding-left: 10px;
padding-right: 10px;
text-align: left;
text-align: right
}
.b-par-stat_p p {
margin-left: 0!important;
padding-left: 0;
padding-right: 2px
}
.b-key_p p {
color: #8f9b9d;
font-family: "Munchkin";
font-size: 16px;
margin-bottom: 8px;
margin-top: 2px
}
.b-key_p span {
color: #8f9b9d
}
.key-img_p {
display: flex;
justify-content: space-around;
margin-bottom: 3px;
padding-left: 30px;
padding-right: 30px
}
.key-img_p img {
cursor: pointer
}
.gift-img_p {
display: flex;
justify-content: space-around;
margin-bottom: 3px;
padding-left: 10px;
padding-right: 10px
}
.b-button {
color: #32373b;
color: #32373b;
display: flex;
display: flex;
font-family: "Munchkin", Tahoma;
font-family: Munchkin, Tahoma;
font-size: 18px;
font-size: 18px;
justify-content: center;
justify-content: center;
margin-bottom: 5px;
margin-top: 1px;
margin-top: 22px
}
.raiting-menu-wrapper {
text-align: center
}
.raiting-btn {
align-items: center;
background: url(/templates/icons/clan/rating-top-btn.png) no-repeat;
color: #677588;
cursor: pointer;
display: flex;
font-family: "Munchkin", Tahoma;
font-size: 16px;
height: 36px;
justify-content: center;
position: relative;
width: 95px
}
.raiting-btn:hover {
color: #a2b6d2;
text-decoration: none
}
.raiting-btn--active {
background: url(/templates/icons/clan/rating-top-btn-active.png);
color: #a2b6d2
}
.rating-top-line {
background: #2a2d31;
height: 1px;
margin-top: 7px;
position: relative;
width: 100%
}
.dialog-ovelay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.75);
z-index: 9999
}
.dialog-ovelay .dialog {
width: 330px;
margin: 35px auto 0;
border-radius: 10px;
overflow: hidden;
background-color: #1c242f;
z-index: 99999
}
.dialog-ovelay .dialog header {
padding: 10px 8px;
background-color: #1c242f
}
.dialog-ovelay .dialog header h3 {
font-size: 14px;
margin: 0;
display: inline-block
}
.dialog-ovelay .dialog header .fa-close {
float: right;
cursor: pointer;
transition: all .5s ease;
padding: 0 2px;
border-radius: 1px
}
.dialog-ovelay .dialog .dialog-msg {
padding: 12px 10px
}
.dialog-ovelay .dialog .dialog-msg p {
font-size: 16px
}
.dialog-ovelay .dialog footer {
padding: 8px 10px
}
.dialog-ovelay .dialog footer .controls {
display: flex;
direction: rtl;
justify-content: space-around
}
.button {
cursor: pointer
}
.button-default {
color: #8f9b9d;
font-family: Munchkin, serif;
font-size: 18px;
margin: 0 auto;
text-align: center;
width: 397px
}
.link {
padding: 5px 10px;
cursor: pointer
}
.rating-top-line:before {
content: url('/templates/icons/clan/rating-left-arrow.png');
left: 0;
position: absolute;
top: -14px
}
.rating-top-line:after {
content: url('/templates/icons/clan/rating-right-arrow.png');
position: absolute;
right: 0;
top: -14px
}
.table-head {
color: #3e3e3f;
font-family: "Munchkin", Tahoma;
font-size: 16px;
font-weight: 400
}
.rating-name:before {
left: -16px;
position: absolute
}
.rating-table-head {
color: #3e3e3f;
display: flex;
font-family: "Munchkin", Tahoma;
font-size: 16px;
margin-top: 7px;
padding-left: 3%;
padding-right: 5%
}
.rating-table-head-left {
width: 48%
}
.rating-table-head-right {
text-align: right;
width: 50%
}
.rating-bottom-line {
background: #4b4b4b;
background: -moz-linear-gradient(top, rgba(75, 75, 75, .3) 0, rgba(0, 0, 0, 1) 100%);
background: -webkit-linear-gradient(top, rgba(75, 75, 75, .3) 0, rgba(0, 0, 0, 1) 100%);
background: linear-gradient(to bottom, rgba(75, 75, 75, .3) 0, rgba(0, 0, 0, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b4b4b', endColorstr='#000000', GradientType=0);
height: 20px
}
.rating-page-nav-wrap {
color: #2a374b;
display: flex;
font-family: "Munchkin", Tahoma;
font-size: 18px;
padding: 0
}
.rating-page-nav-wrap li {
align-items: center;
border: 1px solid #2a374b;
cursor: pointer;
display: flex;
height: 24px;
justify-content: center;
margin: 2px;
width: 24px
}
.rating-page-nav-wrap--active {
border: 1px solid #fff!important;
color: #fff
}
.pereylok-bg {
background: url(/templates/icons/clan/back1.jpg);
display: flex;
height: 270px;
justify-content: center;
position: relative;
width: 100%
}
.pereylok-win-block {
align-items: center;
background: rgba(22, 29, 43, 0.85);
display: flex;
flex-direction: column;
justify-content: center;
padding: 10px;
position: absolute;
transition: 1s ease-out;
width: 100%;
z-index: 10
}
.pereylok-fail-block {
align-items: center;
background: rgba(49, 13, 4, 0.85);
display: flex;
flex-direction: column;
justify-content: center;
min-height: 68px;
position: absolute;
transition: 1s ease-out;
width: 100%;
z-index: 10
}
.pereylok-star {
margin-left: 15px;
margin-right: 23px;
position: relative
}
.pereylok-star:before {
content: url('/templates/icons/clan/exp.png');
left: -20px;
position: absolute;
top: -5px
}
.pereylok-coin:before {
content: url('/templates/icons/clan/gold.png');
left: -19px;
position: absolute;
top: -3px
}
.pereylok-coin-fail:before {
content: url('/templates/icons/clan/silver.png');
left: -19px;
position: absolute;
top: -3px
}
.pereylok-win-block-cap {
color: #68fffe;
font-family: "Munchkin", Tahoma;
font-size: 26px
}
.pereylok-fail-block-cap {
color: red;
font-family: "Munchkin", Tahoma;
font-size: 26px
}
.pereylok-coins {
color: #fff;
font-family: "Munchkin", Tahoma;
font-size: 16px
}
.pereylok-bg:before {
background-image: url(/templates/icons/clan/vertical-shadow.png);
bottom: 0;
content: '';
height: 75px;
position: absolute;
width: 100%
}
#wrapper_pereylok {
background: #000;
margin: 0 auto;
max-width: 460px;
min-width: 320px;
overflow: hidden
}
.pereylok-card-block {
position: relative;
text-align: center;
z-index: 10
}
.pereylok-card-block-cap {
color: #9b2416;
font-family: "Munchkin", Tahoma;
font-size: 18px
}
.wc-progress2 {
display: flex;
height: 38px;
justify-content: center;
margin-left: 4px;
margin-top: 10px;
position: relative
}
.wc-progress2-start-first-off {
background: url(/templates/icons/clan/start_first-of.png) no-repeat
}
.wc-progress2-start-first-fail {
background: url(/templates/icons/clan/start_fail.png) no-repeat
}
.wc-progress2-start-first-on {
background: url(/templates/icons/clan/start-first-active.png) no-repeat
}
.wc-progress2-1-off {
background: url(/templates/icons/clan/2_no.png) no-repeat;
position: relative
}
.wc-progress2-2-off {
background: url(/templates/icons/clan/1_no.png) no-repeat;
position: relative;
z-index: 7
}
.wc-progress2-1-fail {
background: url(/templates/icons/clan/2_fail.png) no-repeat;
position: relative
}
.wc-progress2-2-fail {
background: url(/templates/icons/clan/1_fail.png) no-repeat;
position: relative;
z-index: 7
}
.wc-progress2-1-on {
background: url(/templates/icons/clan/1_no-active.png) no-repeat;
position: relative
}
.wc-progress2-2-on {
background: url(/templates/icons/clan/2_no-active.png) no-repeat;
position: relative;
z-index: 7
}
.wc-progress2-itm {
height: 29px;
position: relative;
width: 28px;
z-index: 8
}
.wc-progress2-start-first {
height: 29px;
width: 30px
}
.wc-progress2-end {
background: url(/templates/icons/clan/finish_last.png) no-repeat;
height: 39px;
position: relative;
top: -5px;
width: 40px;
z-index: 6
}
.wc-progress2-end-gradient {
animation: opacy ease 1.5s infinite;
background: url(/templates/icons/clan/redgrad.png);
height: 103px;
position: absolute;
right: -32px;
top: -32px;
width: 103px;
z-index: 5
}
.pereylok-btn {
align-items: center;
background: url(/templates/icons/clan/pereylok-btn.png);
color: #68fffe;
cursor: pointer;
display: flex;
font-family: "Munchkin", Tahoma;
font-size: 20px;
height: 36px;
justify-content: center;
margin: 0 auto;
width: 207px
}
.wc-progress2-here {
background: url(/templates/icons/clan/flag.png);
height: 30px;
left: 9px;
position: absolute;
top: -13px;
width: 20px
}
.pereylok-fail-game {
align-items: center;
background: url(/templates/icons/clan/wanted.png);
color: #ebc377;
display: flex;
font-family: "Munchkin", Tahoma;
font-size: 14px;
height: 63px;
justify-content: flex-end;
margin: 0 auto;
padding-right: 15px;
position: relative;
text-align: center;
top: 31px;
width: 295px;
z-index: 11
}
.pereylok-dark-overlay {
background: rgba(0, 0, 0, .5);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.kolvo-boev {
color: #818181;
font-family: Arial;
font-size: 13px;
margin-bottom: 9px;
text-align: center
}
.price_short {
font-family: Arial, serif!important
}
.clan-altar_p {
-webkit-background-size: cover;
background: url(/templates/icons/clan/altar_back.jpg) no-repeat center center;
background-size: cover;
height: 552px;
position: relative;
min-width: 320px
}
.clan_build_back {
-webkit-background-size: cover;
background: url(/templates/icons/clan/builds/back.png) no-repeat center center;
background-size: cover;
height: 495px;
position: relative
}
.clan_build_text {
left: 50%;
margin-left: -164px;
position: relative;
text-align: center;
top: 14px;
width: 332px
}
.clan_build_name {
color: #fff;
font-family: Munchkin;
font-size: 22px;
font-weight: 700
}
.clan_build_info {
color: #fff;
font-family: Munchkin;
font-size: 13px;
height: 40px;
margin-left: -14px;
width: 360px
}
.clan_build_info_bonus {
color: #fff;
font-family: Munchkin;
font-size: 16px;
left: 50%;
margin-left: -175px;
position: relative;
text-align: center;
top: 43px;
width: 360px
}
.clan_build_image {
left: 50%;
margin-left: -164px;
position: relative;
top: 22px
}
.clan-altar1 {
left: 25px;
position: absolute;
top: 186px
}
.clan-altar2 {
left: 139px;
position: absolute;
top: 109px
}
.clan-altar3 {
left: 253px;
position: absolute;
top: 186px
}
.clan-altar4 {
left: 220px;
position: absolute;
top: 322px
}
.clan-altar5 {
left: 58px;
position: absolute;
top: 322px
}
.clan-altar-in1 {
left: 24px;
position: absolute;
top: 183px
}
.clan-altar-in2 {
left: 138px;
position: absolute;
top: 106px
}
.clan-altar-in3 {
left: 251px;
position: absolute;
top: 182px
}
.clan-altar-in4 {
left: 218px;
position: absolute;
top: 318px
}
.clan-altar-in5 {
left: 57px;
position: absolute;
top: 318px
}
.clan-altar-in-text {
color: #fff;
left: -39px;
margin: 0 auto;
position: relative;
text-align: center;
white-space: nowrap;
width: 120px
}
.clan-altar_in {
margin: 0 auto;
position: relative;
width: 320px
}
.clan-exp {
background: rgba(0, 0, 0, 0.73);
height: 32px;
margin-top: -31px;
position: relative;
top: 0;
z-index: 10
}
.clan-exp-in {
color: #fff;
font-family: Munchkin, Serif;
padding-top: 6px
}
.clan_header {
display: block;
height: 67px;
margin: 0 auto;
position: relative;
text-align: left
}
.clan_header .bot {
left: 3px;
position: absolute;
top: 5px;
z-index: 0
}
.clan_header .altar {
left: 4px;
position: relative;
top: 75px;
width: 90px;
z-index: 11
}
.clan_header .build1_building {
height: 253px;
left: 120px;
margin: 0 auto;
padding-left: 32px;
padding-top: 208px;
position: absolute;
top: -298px;
width: 199px;
z-index: 0
}
.build_name1 {
width: 138px!important
}
.clan_header .build2_building {
height: 218px;
left: -40px;
padding-top: 179px;
position: absolute;
top: -173px;
width: 61px
}
.build_name2 {
line-height: 13px;
margin-top: -4px;
padding-left: 36px;
text-align: left!important;
width: 130px!important
}
.clan_header .build3_building {
height: 105px;
left: 25px;
padding-left: 44px;
padding-top: 114px;
position: absolute;
top: -49px;
width: 110px;
z-index: 1
}
.build_name3 {
width: 146px!important
}
.clan_header .build4_building {
height: 117px;
left: 259px;
padding-left: 11px;
padding-top: 111px;
position: absolute;
top: 10px;
width: 130px
}
.build_name4 {
width: 112px!important
}
.clan_header .build5_building {
height: 117px;
left: 100px;
padding-left: 11px;
padding-top: 37px;
position: absolute;
top: 130px;
width: 130px
}
.build_name5 {
width: 127px!important
}
.clan_header .build6_building {
height: 117px;
left: 260px;
padding-left: 11px;
padding-top: 78px;
position: absolute;
top: 164px;
width: 130px
}
.clan_boss_build {
position: absolute;
top: -35px;
left: 188px
}
.build_name6 {
width: 127px!important
}
.clan_header .build6_build {
height: 70px;
left: 85%;
position: absolute;
top: 93%;
width: 70px;
z-index: 0
}
.clan_header .altar_build {
display: block;
height: 140px;
left: -23px;
padding-top: 114px;
position: relative;
top: 26px;
width: 163px;
z-index: 0
}
.clan_header .build1_build {
height: 70px;
left: 49%;
position: absolute;
top: -30%;
width: 70px;
z-index: 1
}
.clan_header .build2_build {
height: 70px;
left: -20%;
position: absolute;
top: -5%;
width: 70px;
z-index: 1
}
.clan_header .build3_build {
height: 70px;
left: 15%;
position: absolute;
top: 5%;
width: 70px;
z-index: 0
}
.clan_header .build4_build {
height: 70px;
left: 80%;
position: absolute;
top: 30%;
width: 70px;
z-index: 0
}
.clan_header .build5_build {
height: 70px;
left: 39%;
position: absolute;
top: 93%;
width: 70px;
z-index: 0
}
.clan_header .border {
background: url(/templates/icons/clan/h3.png) no-repeat right 10%, url(/templates/icons/clan/h1.png) no-repeat left 9%, url(/templates/icons/clan/h2.png) no-repeat 76%;
background-clip: border-box;
background-size: auto, auto, 69% 95px;
height: 95px;
position: relative;
width: 100%
}
.clan_header .border .button_text {
color: #8f9b9d;
font-family: Munchkin, serif;
font-size: 16px;
margin: 0 auto;
padding-left: 75px;
padding-top: 5px;
text-align: center;
width: 397px
}
.clan_header .clan_level {
color: #fff;
font-family: Munchkin;
font-size: 14px;
left: 32px;
position: absolute;
text-align: center;
top: 76px;
width: 17px
}
.clr-green {
color: #22e200!important
}
.clr-red {
color: #e82d2c!important
}
.clr-energy {
color: #337ab7
}
.mt10 {
margin-top: 10px
}
.mb10 {
margin-bottom: 10px
}
.uline {
text-decoration: underline
}
.reward-res-one {
background: url(/templates/icons/widgets/res.png) no-repeat center;
font-size: 18px;
height: 80px;
padding-top: 2px;
width: 80px
}
.reward-res-one-green {
background: url(/templates/icons/widgets/resGreeb.png) no-repeat center;
background-size: 80px 80px;
font-size: 18px;
height: 80px;
padding-top: 2px;
width: 80px
}
.reward-res-ones {
display: table;
margin: 0 auto;
padding-bottom: 10px;
padding-top: 17px;
position: relative
}
.gold {
color: #eedd68
}
.blood {
color: #e82d2c
}
.silver {
color: #8b8b8b
}
.clan-altar-reward {
left: 14px;
position: absolute;
text-align: center;
top: 395px;
width: 288px
}
.clan-altar-reward-text {
color: #fff;
font-size: 15px;
padding-bottom: 25px;
padding-top: 40px;
text-align: center
}
.about_i, .b-location__bg span {
z-index: 1
}
.forggot_i:hover, .rating-score-top, .rating-name--top {
color: #fff
}
.b-coin_p, .b-coin_p_clan {
color: #8b8b8b;
display: flex;
font-size: 14px;
justify-content: flex-end;
line-height: 35px;
width: 50%
}
.b-coin_p span, .b-coin_p_clan span {
margin-left: 20px;
margin-right: 5px;
position: relative;
white-space: nowrap
}
.b-coin_p span:nth-child(2):before, .b-coin_p_clan span:nth-child(2):before, .b-coin-silver span:before {
content: url('/templates/icons/clan/silver.png');
left: -19px;
position: absolute;
top: 4px
}
.b-coin_p span:nth-child(3):before, .b-coin_p_clan span:nth-child(1):before, .b-coin-gold span:before {
content: url('/templates/icons/clan/gold.png');
left: -19px;
position: absolute;
top: 4px
}
.swrd_p, .gcoin_p, .scoin_p, .star_p, .swrd-down_p, .b-gradient-line_p span, .pereylok-coin, .pereylok-coin-fail {
position: relative
}
.swrd_p:before, .swrd-down_p:before {
content: url('/templates/icons/clan/strength.png');
left: -13px;
position: absolute;
top: -2px
}
.big-btn-l_p, .big-btn-r_p {
width: 50%
}
.left-items_p, .right-items_p {
display: flex;
flex-direction: column;
z-index: 1
}
.left-items_p img, .right-items_p img {
cursor: pointer;
margin-bottom: 10px
}
.b-gradient-line_p span:before, .b-koloda-all_p span:first-child:before, .b-tren-all_p span:first-child:before, .b-about-all_p span:before, .b-parametrs-all_p .sp:first-child:before, .b-key_p p:before {
content: url('/templates/icons/clan/text-arrow.png');
margin-right: 5px
}
.b-gradient-line_p span:after, .b-koloda-all_p span:first-child:after, .b-tren-all_p span:first-child:after, .b-about-all_p span:after, .b-parametrs-all_p .sp:first-child:after, .b-key_p p:after {
content: url('/templates/icons/clan/text-arrow-r.png');
margin-left: 5px
}
.b-amulet_p:after, .b-yar_p:after, .clan-gold_p:after {
background: url(/templates/icons/clan/rc_c.png) left top repeat-x;
content: "";
height: 84px;
position: absolute;
top: 0;
width: 100%
}
.b-amulet_p p, .b-yar_p p, .clan-gold_p p {
color: #fff;
font-family: "Munchkin";
margin: 0;
padding: 6px;
padding-right: 26px;
text-align: right
}
.b-yar_p img, .clan-gold_p img {
position: relative;
right: 17px;
top: 1px
}
.b-amulet_p span, .b-yar_p span {
color: #aaa
}
.b-first__button--school_p, .b-first__button--school {
align-items: center;
background: url(/templates/icons/clan/btn-back-gr.png);
border-radius: 5px;
color: #7c8688;
cursor: pointer;
cursor: pointer!important;
display: flex;
height: 40px;
height: 35px;
justify-content: center;
margin-left: 4px;
margin-right: 2px;
position: relative;
width: 48%;
width: 49%;
z-index: 1
}
.b-first__button--school_p:before, .b-first__button--exper_p:before, .b-back-button_p:before, .b-first__button--school:before, .b-first__button--exper:before {
bottom: -5px;
content: url('/templates/icons/clan/btn-back-l.png');
left: 0;
position: absolute
}
.b-first__button--school_p:after, .b-first__button--exper_p:after, .b-back-button_p:after, .b-first__button--school:after, .b-first__button--exper:after {
bottom: -5px;
content: url('/templates/icons/clan/btn-back-r.png');
position: absolute;
right: 0
}
.b-first__button--exper_p, .b-first__button--exper {
align-items: center;
background: url(/templates/icons/clan/btn-back-gr.png);
border-radius: 5px;
cursor: pointer;
display: flex;
height: 40px;
height: 35px;
justify-content: center;
margin-left: 2px;
margin-right: 4px;
position: relative;
width: 48%;
width: 49%
}
.section-items_p, .section-items {
color: #ffa794;
display: flex;
font-family: "Munchkin", Tahoma;
justify-content: space-around;
margin-top: 5px;
text-align: center
}
.section-items_p span, .section-items span {
font-size: 16px
}
.b-strelok-cap_p, .b-strelok-cap {
color: #a9b144;
font-family: "Munchkin", Tahoma;
text-align: center
}
.b-mag-cap_p, .b-mag-cap {
color: #34a5df;
font-family: "Munchkin", Tahoma;
text-align: center
}
.b-strazh-img_p, .b-strazh-img {
align-items: center;
background: url(/templates/icons/clan/strazh.png) no-repeat;
cursor: pointer;
display: flex;
flex-direction: column;
height: 170px;
padding-bottom: 10px;
padding-top: 10px;
position: relative;
width: 100px
}
.b-strazh-img_p img, .b-strazh-img img {
margin-bottom: 7px
}
.b-items-text_p, .b-items-text {
color: #8b8b8b;
font-family: Arial;
font-size: 13px!important
}
.b-strelok-img_p, .b-strelok-img {
align-items: center;
background: url(/templates/icons/clan/strelok.png) no-repeat;
cursor: pointer;
display: flex;
flex-direction: column;
height: 170px;
padding-bottom: 10px;
padding-top: 10px;
position: relative;
width: 100px
}
.b-strelok-img_p img, .b-mag-img_p img, .b-strelok-img img, .b-mag-img img {
margin-bottom: 5px
}
.b-mag-img_p, .b-mag-img {
align-items: center;
background: url(/templates/icons/clan/mag.png) no-repeat;
cursor: pointer;
display: flex;
flex-direction: column;
height: 170px;
padding-bottom: 10px;
padding-top: 10px;
position: relative;
width: 100px
}
.blue-list_p, .blue-list {
display: flex;
justify-content: space-around
}
.blue-button_p, .blue-button {
align-items: center;
background: url(/templates/icons/clan/button-blue.png) no-repeat;
bottom: -20px;
display: flex;
flex-direction: column;
font-family: Arial;
height: 43px;
justify-content: center;
position: absolute;
text-align: center;
width: 96px
}
.blue-button_p span, .blue-button span {
font-size: 12px
}
.blue-button_p span:first-child, .blue-button span:first-child {
color: #87fafa;
font-size: 12px
}
.blue-button_p span:last-child:before, .blue-button span:last-child:before {
content: url('/templates/icons/clan/gold.png')
}
.blue-button_p span:last-child, .blue-button span:last-child {
color: #daca72
}
.hint-block_p, .hint-block_t {
align-items: center;
display: flex;
justify-content: center;
padding-bottom: 13px;
padding-top: 35px;
text-align: center
}
.hint-img_p, .hint-img_t {
background: url(/templates/icons/clan/hint.png) no-repeat;
display: inline-block;
height: 56px;
position: relative;
width: 10px
}
.hint-img_p:before, .hint-img_t:before {
bottom: 3px;
content: url('/templates/icons/clan/hint-shadow-full.png');
height: 56px;
left: 2px;
position: absolute;
width: 90px
}
.hint-block_p span, .hint-block_t span {
color: #8b8b8b;
font-family: Arial;
font-size: 12px;
margin-left: 30px;
z-index: 1
}
.b-koloda-all_p, .b-tren-all_p {
-moz-border-image: url(/templates/icons/clan/border-img.png) 9 round round;
-o-border-image: url(/templates/icons/clan/border-img.png) 9 round round;
-webkit-border-image: url(/templates/icons/clan/border-img.png) 9 round round;
background: #111516;
border: 9px solid #40c4c8;
border-image: url(/templates/icons/clan/border-img.png) 9 round round;
margin-bottom: 3px;
margin-top: 3px;
position: relative;
text-align: center
}
.b-koloda-all_p p, .b-tren-all_p p {
color: #8b8b8b;
font-family: Arial;
font-size: 13px;
margin-left: 15px;
padding-left: 10px;
padding-right: 10px;
text-align: left
}
.b-koloda-all_p span, .b-tren-all_p span, .b-about-all_p span, .b-parametrs-all_p .sp {
color: #8f9b9d;
font-family: "Munchkin";
font-size: 16px;
margin-bottom: 5px;
text-align: center
}
.raiting-btn-wrapper, .rating-page-nav {
display: flex;
justify-content: center
}
.altar_build_lvl {
color: #fff;
left: 10px;
position: relative;
text-align: center;
top: -32px;
width: 23px
}
.altar_build_time {
color: #fff;
left: -11px;
position: relative;
text-align: center;
top: -22px;
width: 23px
}
.altar_build_time3 {
top: -112px!important
}
.altar_build_name {
color: #fff;
font-family: Munchkin, Serif;
left: 2px;
position: relative;
text-align: center;
top: -51px;
width: 121px
}
.build_new {
left: 88px;
position: relative;
top: -92px
}
.builds {
height: 200px;
margin-left: auto;
margin-right: auto;
position: relative;
top: 253px;
width: 320px;
z-index: 11
}
.clan_notify {
left: 21px;
position: absolute;
top: 104px
}
.altar_build_pup {
left: 25px;
position: relative;
top: -95px
}
.pvp_back1 {
-webkit-background-size: cover;
background: url(/templates/icons/pvp/f1.jpg) no-repeat center center;
background-size: cover;
height: 552px;
position: relative
}
.pvp_back2 {
-webkit-background-size: cover;
background: url(/templates/icons/pvp/f2.jpg) no-repeat center center;
background-size: cover;
height: 552px;
position: relative
}
.pvp_back3 {
-webkit-background-size: cover;
background: url(/templates/icons/pvp/f3.jpg) no-repeat center center;
background-size: cover;
height: 552px;
position: relative
}
.pvp_in {
margin: 0 auto;
position: relative;
width: 320px
}
.pvp_reward {
left: 14px;
position: absolute;
text-align: center;
top: 404px;
width: 288px
}
.pvp_list {
position: absolute;
text-align: center;
top: 137px;
width: 100%
}
.pvp_round {
position: absolute;
text-align: center;
top: -2px;
width: 100%
}
.pvp_rating {
background: #00000054;
color: #8f9b9d;
font-family: Munchkin;
font-size: 16px;
height: 21px;
left: 22px;
padding-top: 1px;
position: absolute;
top: -73px;
width: 249px
}
.pvp_league {
left: 86px;
position: absolute;
top: -214px
}
.pvp_league_text {
color: #fff;
font-family: Munchkin;
font-size: 40px;
font-weight: 700;
left: 128px;
position: absolute;
text-align: center;
top: -189px;
width: 38px
}
.pvp_league_name {
color: #fff;
font-family: Munchkin;
font-size: 18px;
font-weight: 700;
left: 84px;
position: absolute;
top: -250px
}
.pvp_search {
color: #fff;
font-family: Munchkin;
font-size: 18px;
font-weight: 700;
left: 69px;
position: absolute;
text-align: center;
top: -394px;
width: 162px
}
.pvp_wait {
color: #fff;
font-family: Munchkin;
font-size: 18px;
font-weight: 700;
left: 59px;
position: absolute;
text-align: center;
top: 32px;
width: 209px
}
.pvp_result {
color: #fff;
font-size: 13px;
font-weight: 700;
left: 59px;
position: absolute;
text-align: center;
top: -102px;
width: 217px
}
.pvp_reward_silver {
color: #fff;
font-size: 13px;
font-weight: 700;
left: 49px;
position: relative;
text-align: center;
width: 217px
}
.pvp-hero-in1 {
left: 143px;
position: absolute;
top: 102px
}
.pvp-hero-in2 {
left: 256px;
position: absolute;
top: 179px
}
.pvp-hero-in3 {
left: 223px;
position: absolute;
top: 314px
}
.pvp-hero-in4 {
left: 62px;
position: absolute;
top: 314px
}
.pvp-hero-in5 {
left: 29px;
position: absolute;
top: 179px
}
.pvp-button {
left: 14px;
position: absolute;
text-align: center;
top: 356px;
width: 288px
}
.old_price {
color: #5f5f5f!important;
text-decoration: line-through
}
.arrow_down {
-moz-animation: arrow-motion 500ms ease-in 0ms infinite alternate;
-o-animation: arrow-motion 500ms ease-in 0ms infinite alternate;
-webkit-animation: arrow-motion 500ms ease-in 0ms infinite alternate;
background-image: url(/templates/icons/design/arrow_down.png);
height: 61px;
left: 0;
position: absolute;
top: 0;
width: 48px;
z-index: 10
}
#tt_text {
background: #000000c4;
color: #fff;
height: 71px;
margin: 0 auto;
padding: 5px;
position: absolute;
right: 0;
text-align: center;
top: 27px;
width: 189px;
z-index: 10
}
#vip_text {
background: #000000c4;
color: #fff;
height: 71px;
left: 58px;
margin: 0 auto;
padding: 5px;
position: absolute;
text-align: center;
top: 27px;
width: 189px;
z-index: 10
}
#energy {
font-style: normal
}
.gift-img img {
height: 70px;
margin-left: 5px;
margin-right: 5px
}
.clanwar_lands {
-webkit-background-size: cover;
background: url(/templates/icons/clanWar/lands.jpg) no-repeat center center;
background-size: cover;
height: 604px;
position: relative
}
.clanwar_lands_in {
height: 367px;
margin-left: auto;
margin-right: auto;
position: relative;
top: 143px;
width: 320px;
z-index: 11
}
.clanwar_land_url {
color: #fff;
display: block;
font-family: Munchkin;
font-size: 16px;
height: 156px;
position: absolute;
top: -133px;
width: 128px;
z-index: 2
}
.clanwar_land_url:hover {
color: #fff;
text-decoration: none
}
.clanwar_land_king {
color: #f1cb9e;
display: block;
left: -22px;
position: absolute;
top: 18px;
width: 167px
}
.clanwar_land_url_text {
position: relative;
top: 133px
}
.clanwar_land1 {
left: 62px;
position: relative;
text-align: center;
top: 7px;
width: 122px;
z-index: 11
}
.clanwar_land2 {
left: 192px;
position: relative;
text-align: center;
top: 105px;
width: 122px;
z-index: 11
}
.clanwar_land3 {
left: 0;
position: relative;
text-align: center;
top: 189px;
width: 122px;
z-index: 11
}
.clanwar_land4 {
left: 145px;
position: relative;
text-align: center;
top: 334px;
width: 122px;
z-index: 11
}
.clanwar_castles {
-webkit-background-size: cover;
background: url(/templates/icons/clanWar/castleBack.jpg) no-repeat center center;
background-size: cover;
height: 824px;
position: relative
}
.clanwar_castles_in {
height: 367px;
margin-left: auto;
margin-right: auto;
position: relative;
top: 0;
width: 320px;
z-index: 11
}
.clanwar_castle {
font-family: Munchkin;
margin-bottom: 30px;
position: relative;
text-align: center;
top: 21px
}
.clanwar_castle_name {
color: #fff;
font-family: Munchkin;
font-size: 40px;
position: absolute;
top: 160px;
width: 332px
}
.clanwar_castle_king {
color: #f1cb9e;
display: block;
left: 56px;
position: absolute;
top: 145px;
width: 201px
}
.clanwar_castle_boss {
left: 50%;
margin-left: -57px;
position: absolute;
top: 33px
}
.clanwar_castle_fight {
left: 50%;
margin-left: -98px;
position: absolute;
top: 76px;
z-index: 1
}
.clanwar_land_locked {
background: url(/templates/icons/clanWar/close.png) no-repeat 6px 82px;
color: #8b8b8b;
font-family: Munchkin;
height: 178px;
left: 50%;
margin-left: -81px;
padding-top: 135px;
position: absolute;
top: -155px;
width: 165px;
z-index: 2
}
.clanwar_you_here {
background: url(/templates/icons/clanWar/you.png) no-repeat 6px -2px;
color: #efdc7a;
font-family: Munchkin;
height: 27px;
left: 50%;
margin-left: -81px;
padding-left: 7px;
padding-top: 6px;
position: absolute;
top: -27px;
width: 165px
}
.clanwar_castle_clan {
left: 50%;
margin-left: -56px;
position: absolute;
top: 33px
}
.clanwar_castle_king_user {
color: #fff;
font-family: munchkin;
margin-top: 34px;
text-shadow: 1px 1px 3px #000000c7
}
.clan_build_next {
display: block;
height: 64px;
left: 308px;
position: absolute;
top: 104px;
width: 29px
}
.clan_build_prev {
display: block;
height: 64px;
left: -2px;
position: absolute;
top: 104px;
width: 29px
}
.main-chat-inner:after {
background: url(/templates/icons/main/chatl.png) left no-repeat, url(/templates/icons/main/chatr.png) right no-repeat;
content: "";
height: 34px;
left: 0;
margin-top: -28px;
position: absolute;
width: 100%
}
.main-chat-inner {
border: 1px solid #333;
font-size: 12px;
height: 32px;
margin-top: -6px;
overflow: hidden;
padding-left: 8px;
position: relative;
white-space: nowrap
}
.clanwar_history {
bottom: 119px;
height: 0;
left: 26px;
position: relative
}
.deadwar_back {
-webkit-background-size: cover;
background: url(/templates/icons/deadWar/back_1.jpg) no-repeat center center;
background-size: cover;
height: 552px;
position: relative;
min-width: 320px
}
.deadwar_fraction1 {
color: #efdc7a;
font-family: Munchkin;
font-size: 18px;
left: 1px;
line-height: 15px;
position: relative;
top: 3px;
width: 77px
}
.deadwar_fraction2 {
color: #e82d2c;
font-family: Munchkin;
font-size: 18px;
left: 1px;
line-height: 15px;
position: relative;
top: 3px;
width: 77px
}
.deadwar_fraction3 {
color: #fff;
font-family: Munchkin;
font-size: 22px;
left: 1px;
line-height: 15px;
position: relative;
top: 3px;
width: 77px
}
.deadwar_fraction1_color {
color: #efdc7a;
font-family: Munchkin
}
.deadwar_fraction2_color {
color: #e82d2c;
font-family: Munchkin
}
.deadwar_fraction3_color {
color: #8fecff;
font-family: Munchkin
}
.deadwar_fraction1 {
color: #efdc7a!important;
font-family: Munchkin;
font-size: 16px
}
.deadwar_fraction2 {
color: #e82d2c!important;
font-family: Munchkin;
font-size: 16px
}
.deadwar_fraction3 {
color: #8fecff!important;
font-family: Munchkin;
font-size: 16px
}
.deadwar_fractions1 {
position: absolute;
top: 315px;
left: 18px;
width: 77px;
color: #efdc7a;
font-family: Munchkin;
line-height: 15px;
font-size: 18px
}
.deadwar_fractions2 {
position: absolute;
top: 315px;
left: 227px;
width: 77px;
color: #e82d2c;
font-family: Munchkin;
line-height: 15px;
font-size: 18px
}
.deadwar_fractions3 {
position: absolute;
top: 170px;
left: 122px;
width: 77px;
color: #fff;
font-family: Munchkin;
line-height: 15px;
font-size: 22px
}
.deadwar_fraction_text {
font-size: 18px;
left: 50%;
margin-left: -100px;
position: absolute;
top: 52px
}
.deadwar_history {
-webkit-background-size: cover;
background: url(/templates/icons/deadWar/backHistory.jpg) no-repeat center center;
background-size: cover;
height: 258px;
padding-top: 52px;
position: relative;
text-align: center
}
.deadwar_history_link {
bottom: 119px;
height: 0;
left: 0;
position: relative;
top: 398px
}
.tutor_block {
bottom: 0;
margin-left: -15px;
max-width: 460px;
position: fixed;
width: 100%;
z-index: 10;
height: 160px
}
.tutor_girl_back {
-webkit-background-size: cover;
background: url(/templates/icons/tutor/block.png) no-repeat center center;
background-size: cover;
height: 162px;
width: 100%
}
.tutor_girl {
-webkit-background-size: auto;
background: url(/templates/icons/tutor/girl.png) no-repeat top left;
background-size: auto;
color: #fff;
font-size: 12px;
height: 167px;
padding-left: 121px;
padding-top: 100px;
position: relative;
top: -5px;
width: 100%
}
.tutor_back {
background: #00000094;
height: 300vh;
max-height: 1652px;
max-width: 460px;
position: absolute;
width: 100%;
z-index: 10;
margin-left: -15px
}
.bubble p, .fight_count, .hint_block p, .hunter_ava>img, .location_name {
vertical-align: middle
}
.baloon-content {
font-family: Arial;
font-size: 13px;
margin-bottom: 16px;
padding-top: 5px;
text-align: justify
}
.counter-spec, .munchkin {
font-family: Munchkin
}
.baloon-header {
clear: both;
display: block;
text-align: center
}
.baloon.baloon-black {
background: #000;
color: #9d9c9c
}
.baloon {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #5b5b5b;
border-radius: 5px;
padding: 5px 20px 20px;
position: relative
}
.baloon .ic-down-arrow {
background: url(/assets/img/icns/icn-more.png) no-repeat;
height: 13px;
width: 21px
}
.show_more {
display: block;
width: 100%
}
.show_more .ic-down-arrow {
float: right;
margin-right: -10px
}
.glass {
background-color: rgba(193, 193, 193, .1);
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
width: 100%
}
#card-school1 {
right: 16px
}
#card-school2 {
right: 0
}
#card-school3 {
left: 16px
}
.task_solid_header_label {
color: #e2e4e5;
display: inline-block;
font-size: 16px;
margin-top: 8px
}
.task_solid_header .gold_data {
color: #9a9b9b;
font-size: 14px;
margin-top: -11px;
text-align: center
}
.task_solid_header_progress-bar-row {
margin: 5px 33px 2px;
position: relative
}
.task_solid_header .progress_count {
font-size: 14px
}
.task_solid_header .progress_count_wrapper {
color: #9a9b9b
}
.task_solid_item_gold .task_solid_header_label {
color: #efdc7a
}
.wc_task_gold_icn {
background: url(/assets/img/_screen6/gold_medal.png) center center no-repeat;
display: inline-block;
float: left;
height: 105px;
margin: -42px -32px -42px -50px;
position: relative;
width: 105px;
z-index: 10
}
.task_progress_bar-wrapper .progress_count_wrapper {
padding: 3px 0 0
}
.task_solid_action {
background: url(/assets/img/_screen6/task_bg3.png) left top no-repeat;
display: block;
height: 32px;
margin: 0 auto;
overflow: hidden;
padding: 0 2px;
position: relative;
text-align: center;
width: 187px
}
.task_solid_action_label {
display: inline-block;
font-size: 20px;
height: 100%;
padding-top: 2px
}
.equip_img a {
display: block;
height: 100%;
position: relative;
width: 100%
}
.equip_border {
background: url(/assets/img/_screen9/equip_border1_01.png) left top no-repeat, url(/assets/img/_screen9/equip_border1_05.png) right top no-repeat, url(/assets/img/_screen9/equip_border1_03.png) left top repeat-x;
background-size: contain;
height: 97px;
margin-top: 4px;
padding: 0
}
.equip_grad {
background: url(/assets/img/_screen9/equip_back_grad.png) center 20px no-repeat;
height: 100%;
margin: 0 auto;
width: 97%
}
.equip_name {
background: url(/assets/img/_screen9/equip_bottom_gray_border.png) center bottom no-repeat #000;
color: #fff;
font-size: 14px;
margin: 2px;
text-align: center
}
.equip_name .equip_plus {
color: #68feff
}
.equip_img_border {
float: left;
height: 100%;
margin: -25px 8px 5px 0;
width: 50px
}
.equip_img_border.m {
margin: -1px 8px 11px 5px
}
.equip_pgr {
margin-left: 63px;
margin-right: 8px;
max-width: 469px;
width: auto
}
.equip_info {
color: #adadad;
float: left;
font-size: 13px;
font-weight: 600
}
.equip_item_add {
float: right;
height: 100%;
margin-top: -25px;
position: relative
}
.wc_equip_img_icn {
background: url(/assets/img/_screen9/equip_img_icn.png) right bottom no-repeat;
bottom: 0;
display: block;
height: 25px;
position: absolute;
right: 0;
width: 25px
}
.wc_equip_type_shield {
background: url(/assets/img/_screen9/equip_shield.png) center center no-repeat
}
.wc_equip_quality_1 {
background: url(/templates/icons/quality/1.png) center center no-repeat
}
.wc_equip_quality_2 {
background: url(/templates/icons/quality/2.png) center center no-repeat
}
.wc_equip_quality_3 {
background: url(/templates/icons/quality/3.png) center center no-repeat
}
.wc_equip_quality_4 {
background: url(/templates/icons/quality/4.png) center center no-repeat
}
.wc_equip_quality_5 {
background: url(/templates/icons/quality/5.png) center center no-repeat
}
.wc_equip_quality_6 {
background: url(/templates/icons/quality/6.png) center center no-repeat
}
.clr_quality1 {
color: #a4a2a3
}
.clr_quality2 {
color: #3da639
}
.clr_quality3 {
color: #006de1
}
.clr_quality4 {
color: #a35ee1
}
.clr_quality5 {
color: #e16b21
}
.clr_quality6 {
color: #d6003f
}
.clr_quality7 {
color: #0fcfff
}
.wc_equip_type {
display: inline-block;
height: 12px;
width: 12px
}
.equip_level {
color: #595858;
font-size: 12px
}
.wc_equip_arr_icn {
background: url(/assets/img/_screen9/equip_arr_icn.png) center center no-repeat;
display: inline-block;
height: 18px;
position: absolute;
right: 11px;
width: 12px
}
.equip_name.munchkin p {
padding: 1px;
position: relative
}
.equip_item_add a {
background: url(/assets/img/_screen9/equip_item_plus.png) center bottom no-repeat;
bottom: 10px;
display: block;
height: 50px;
position: absolute;
right: -8px;
width: 50px
}
.equip_wrap {
margin: 0 -5px
}
.equip_menu_itm {
background: url(/assets/img/_screen9/equip_border2_01.png) left top no-repeat, url(/assets/img/_screen9/equip_border2_05.png) right top no-repeat;
height: 35px;
margin-bottom: 4px;
margin-left: -6px;
margin-right: -6px;
position: relative
}
.equip_itm {
color: #8f9b9d;
display: inline-block;
font-size: 18px;
height: 35px;
line-height: 30px;
padding: 2px 2px 2px 40px;
width: 100%
}
a.equip_itm {
color: #8f9b9d
}
.equip_itm_bag {
background: url(/assets/img/_screen9/equip_item_bag.png) left center no-repeat
}
.equip_itm_shop {
background: url(/templates/icons/icons/shop.png) left center no-repeat
}
.equip_menu {
margin-top: 20px;
padding-left: 0;
position: relative
}
.shop_card.shop_card_ext.shop_card_first_wide {
background: 0;
height: 100px;
margin-bottom: 6px;
margin-top: -7px;
width: 304px
}
.shop_card.shop_card_ext.shop_card_first_wide .card_border_shop_wide {
background: url(/assets/img/_screen10/shop_item_border2_01.png) left top no-repeat, url(/assets/img/_screen10/shop_item_border2_03.png) center top repeat-x, url(/assets/img/_screen10/shop_item_border2_05.png) right top no-repeat;
height: 86px;
left: 0;
position: absolute;
right: 0;
width: 100%;
z-index: 9
}
.shop_card_image.shop_card_wide_image_bg {
background: url(/assets/img/_screen10/shop_item_wide_bg.png) left 16px no-repeat;
background-size: cover
}
.shop_card_image.shop_card_wide_image_sunduk {
background: url(/assets/img/_screen10/shop_item_sunduk.png) left center no-repeat;
position: absolute;
right: -55px;
top: 3px;
width: 115px;
z-index: 102
}
.shop_card .shop_card_title.shop_card_wide_title {
color: #fff;
height: 50px;
margin-left: 50px;
top: 16px
}
.shop_card_available_time {
bottom: 0;
height: 33px;
left: 0;
line-height: 13px;
margin-left: 50px;
position: absolute;
text-align: center;
width: 100%
}
.card_border_ext_shop {
background: url(/assets/img/_screen10/shop_item_border3_01.png) left top no-repeat, url(/assets/img/_screen10/shop_item_border3_03.png) center top repeat-x, url(/assets/img/_screen10/shop_item_border3_05.png) right top no-repeat;
display: block;
height: 112px;
left: -1px;
position: absolute;
top: 4px;
width: 152px
}
.card_image_chest {
background: url(/templates/icons/shop/chest.png) center no-repeat;
height: 84px;
left: 9px;
position: absolute;
top: 45px;
width: 88px
}
.shop_card_ext_image {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.shop_card.shop_card_ext {
height: 116px;
width: 150px
}
.shop_card.shop_card_chest {
display: block;
height: 174px;
width: 105px
}
.shop_card.shop_card_energy {
height: 111px;
width: 100%
}
.shop_card_ext_title {
background: url(/assets/img/_screen10/shop_item_badge2_01.png) left top no-repeat, url(/assets/img/_screen10/shop_item_badge2_05.png) right top no-repeat;
display: block;
height: 26px;
line-height: 28px;
margin: 0;
position: relative;
top: 0;
z-index: 9
}
.equip_menu_itm:before, .shop_card_ext_title:before {
content: "";
display: inline-block
}
.shop_card_ext_title:before {
background: url(/assets/img/_screen10/shop_item_badge2_03.png) center center repeat-x;
height: 100%;
left: 35px;
position: absolute;
right: 35px;
top: 0;
z-index: 93
}
.shop_card_ext_title>span {
color: #fddbaa;
font-size: 13px;
height: 100%;
position: relative;
width: 100%;
z-index: 94
}
.shop_card_chest_title {
color: #fff;
font-size: 15px;
height: 100%;
position: relative;
top: 7px;
width: 100%;
z-index: 9
}
.shop_card_chest_reward {
color: #fff;
font-size: 13px;
height: 100%;
position: relative;
top: -49px;
width: 100%;
z-index: 9
}
.shop_card_chest_time {
color: #fff;
font-size: 16px;
height: 100%;
left: 0;
position: absolute;
top: 130px;
width: 100%;
z-index: 9
}
.shop_card_ext_image.shop_card_ext_image_book1 {
background: url(/assets/img/_screen10/shop_card_ext_book1.png) center center no-repeat
}
.shop_card_ext_image.shop_card_ext_image_train {
background: url(/assets/img/_screen10/shop_card_ext_train.png) center center no-repeat
}
.shop_card_ext_image.shop_card_ext_image_amulet {
background: url(/assets/img/_screen10/shop_card_ext_amulet.png) center center no-repeat
}
.shop_card_ext_image.shop_card_ext_image_energy_upgrade {
background: url(/templates/icons/shop/energyUpgrade.jpg) center center no-repeat
}
.shop_card_ext_image.shop_card_ext_image_close {
background: url(/templates/icons/shop/soon.jpg) center center no-repeat
}
.shop_card_ext_image.shop_card_ext_image_sharp {
background: url(/assets/img/_screen10/shop_card_ext_sharp.jpg) center center no-repeat
}
.shop_card_ext_image.shop_card_ext_image_passive {
background: url(/templates/icons/shop/passive.jpg) center center no-repeat
}
.shop_card_ext_image.shop_card_ext_image_gold {
background: url(/assets/img/_screen10/shop_card_ext_gold.png) center center no-repeat
}
.shop_card_ext_image.shop_card_ext_image_equip {
background: url(/assets/img/_screen10/shop_card_ext_equip.png) center center no-repeat
}
.shop_card_ext_image.shop_card_ext_image_runy {
background: url(/assets/img/_screen10/shop_card_ext_runy.png) center center no-repeat
}
.shop_card_ext_image.shop_card_ext_image_chest_back {
background: url(/assets/img/_screen10/chest_background.jpg) center center no-repeat
}
.shop_card_ext_image.shop_card_ext_image_background2 {
background: url(/assets/img/_screen10/background2.jpg) center center no-repeat
}
.shop_card_ext_image.shop_card_ext_image_background3 {
background: url(/assets/img/_screen10/background3.jpg) center center no-repeat
}
.shop_card_ext_image.shop_card_ext_image_energy {
background: url(/assets/img/_screen10/energy.jpg) center center no-repeat;
background-size: contain
}
.card_ext .shop_card_wrapper {
padding-bottom: 11px
}
.equip_menu_itm:before {
background: url(/assets/img/_screen9/equip_border2_03.png) center center repeat-x;
height: 35px;
left: 6px;
position: absolute;
right: 3px;
z-index: 0
}
.equip_menu_itm a {
display: block;
left: 10px;
position: relative;
right: -4px;
top: 0
}
.shop_card_image.shop_card_wide_image_bg a {
display: block;
float: left;
height: 103px;
position: relative;
width: 20%
}
.pay:after {
color: green;
content: "$"
}
.chat_actions a.write_btn:after, .creation_hint .hint_border:after, .menu-lnk-image.locked:after, .task_solid_item:before {
content: ""
}
.write_btn span {
position: relative;
top: 3px
}
.wc_forum_icn.wc_forum_icn_queen {
background: url(/assets/img/_screen7/base_badge.png) center center no-repeat
}
.wc_forum_icn2 {
display: block;
float: left;
height: 40px;
width: 50px
}
.forum_item_text.munchkin {
color: #8f9b9d;
display: block;
font-size: 20px;
line-height: 9px;
margin-bottom: 15px;
margin-top: 17px
}
.screen12 .bg_resizer {
background: url(/assets/img/_screen12/bg.jpg) center center no-repeat;
background-size: cover;
height: 75px
}
.gray_league .league_img {
background: url(/assets/img/_screen12/gray_league_58_39.png) center center no-repeat;
height: 39px;
margin: 0 auto;
width: 58px
}
.league_data {
background: url(/assets/img/_screen12/league_caption_shadow.png) center bottom no-repeat;
margin-top: -62px
}
.gray_league .league_caption {
color: #b4b4b4;
font-size: 18px;
font-weight: 700;
line-height: 18px
}
.league_caption:after, .league_caption:before {
background: url(/assets/img/_screen12/league_level_13_13.png) center center no-repeat;
content: "";
display: inline-block;
height: 13px;
position: relative;
top: 2px;
width: 13px
}
.hunter_item>a>div {
float: left;
line-height: 40px;
margin-left: 9px;
text-align: center
}
.hunter_medal.hunter_medal_gold {
background: url(/assets/img/_screen12/gold_medal_37_47.png) center center no-repeat;
color: #fefc78;
height: 40px;
width: 37px
}
.hunter_item, .hunter_item a {
color: #939495
}
.hunter_medal>span {
position: relative;
top: 6px
}
.hunter_item {
display: table;
height: 40px;
margin-bottom: 4px;
white-space: nowrap
}
.hunter_ava {
height: 40px;
line-height: 40px
}
.hunter_ava>img {
display: inline-block;
line-height: 30px
}
.hunter_data>span>span {
display: block;
line-height: 11px;
padding-left: 4px
}
.hunter_data>span {
display: inline-block;
line-height: 36px;
margin-top: 15px
}
.hunter_item>a>div.hunter_points {
float: right
}
.hunter_item:nth-child(odd) {
background: url(/assets/img/_screen12/hunter_item_shadow_335_1.png) left top repeat-y;
background-size: contain
}
.hunter_medal.hunter_medal_silver {
background: url(/assets/img/_screen12/silver_medal_37_48.png) center center no-repeat;
color: #f7f7f7;
height: 40px;
width: 37px
}
.hunter_medal.hunter_medal_bronze {
background: url(/assets/img/_screen12/bronze_medal_37_48.png) center center no-repeat;
color: #dfba8e;
height: 40px;
width: 37px
}
.hunter_medal.hunter_medal_wood {
background: url(/assets/img/_screen12/wood_medal_35_39.png) center center no-repeat;
color: #ceaa66;
height: 40px;
width: 37px
}
.hunter_item>a>div.hunter_data {
line-height: 30px
}
.menu-lnk-image.locked:after {
background: url(/assets/img/menu_item_locked.png) center center no-repeat;
display: inline-block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.hunter_medal.hunter_medal_wood>span {
top: 4px
}
.hunter_medal.hunter_medal_wood.medal_two_digits>span {
left: 0
}
.hero-figth-mail {
padding-left: 5px
}
.b-letter {
animation: opacy ease 1.5s infinite;
background: url(/templates/icons/clan/letter.png) no-repeat;
display: inline-block;
height: 22px;
line-height: 95px;
margin: 7px 5px 0 4px;
width: 28px
}
.hero-gold-header {
padding-left: 0;
padding-right: 10px
}
.row.base_menu_pos .col-xs-4:first-child .wc-icn-menu-separator {
right: -10px
}
.bg_resizer {
background-size: cover;
height: 310px;
margin-bottom: 2px;
margin-left: -10%;
margin-right: -10%;
max-height: 310px;
overflow: hidden;
width: 120%
}
.bg_resizer img {
bottom: 0;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: 0
}
.screen2 .bg_resizer {
background: url(/assets/img/back/bg1.jpg) center center no-repeat;
background-size: cover;
height: 310px
}
.wc_buble_top {
background: url(/assets/img/_screen5/bubble_border_01.png) left center no-repeat;
display: inline-block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 18px
}
.bubble {
display: table;
height: 72px;
left: 53%;
padding-left: 10px;
position: absolute;
top: 10%;
transform: translate(-45%, 0);
width: 215px;
z-index: 100
}
.bubble p {
color: #04b5c0;
display: table-cell;
height: 100%;
line-height: 14px;
padding-left: 23px;
position: relative;
width: 100%
}
.wc_buble_bottom, .wc_buble_medium {
display: inline-block;
height: 100%;
position: absolute
}
.wc_buble_medium {
background: url(/assets/img/_screen5/bubble_border_03.png) 1px center repeat-x;
left: 17px;
top: 0;
width: 100%
}
.wc_buble_bottom {
background: url(/assets/img/_screen5/bubble_border_05.png) right center no-repeat;
right: -22px;
width: 20px
}
.wc_buble_tr {
background: url(/assets/img/_screen5/buble_borders_06.png) center center no-repeat;
display: block;
height: 7px;
left: -7px;
position: relative;
top: -10px;
width: 20px
}
.hero_with_bubble {
height: auto;
width: 100%
}
.screen1 .bg_resizer {
background: url(/assets/img/back/bg.jpg) center center no-repeat;
background-size: cover
}
.screen2 .hero {
top: 8%
}
.screen3 .hero {
top: 4%
}
.card {
display: inline-block;
margin: 0 0 0 auto;
position: relative;
text-align: center
}
.counter-spec {
background: -moz-linear-gradient(left, rgba(0, 0, 0, .29) 0, rgba(0, 0, 0, .75) 100%);
background: -webkit-gradient(left top, right top, color-stop(0, rgba(0, 0, 0, .29)), color-stop(100%, rgba(0, 0, 0, .75)));
background: -webkit-linear-gradient(left, rgba(0, 0, 0, .29) 0, rgba(0, 0, 0, .75) 100%);
background: -o-linear-gradient(left, rgba(0, 0, 0, .29) 0, rgba(0, 0, 0, .75) 100%);
background: -ms-linear-gradient(left, rgba(0, 0, 0, .29) 0, rgba(0, 0, 0, .75) 100%);
background: linear-gradient(to right, rgba(0, 0, 0, .29) 0, rgba(0, 0, 0, .75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=1);
font-size: 15px;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 75px;
z-index: 1
}
.spec-action {
color: #fff;
display: block;
padding: 1px 0;
position: relative;
text-decoration: none;
width: 70px;
z-index: 13
}
.card_border {
bottom: 0;
height: 97px;
left: -6px;
position: absolute;
top: -5px;
z-index: 2
}
.icon-spec {
height: 13px;
left: 0;
position: absolute;
top: 2px;
width: 13px;
z-index: 4
}
.icon-spec.icon-spec-1 {
background: url(/assets/img/spec-icon1.png) center center no-repeat
}
.icon-spec.icon-spec-2 {
background: url(/assets/img/spec-icon2.png) center center no-repeat
}
.icon-spec.icon-spec-3 {
background: url(/assets/img/spec-icon3.png) center center no-repeat
}
.icn-cep-hor.icn-cep-hor2, .icn-cep-hor1 {
background: url(/assets/img/cep-hor.png) center center no-repeat;
height: 20px;
right: -43px;
width: 50px
}
.col-xs-12.card-row {
padding: 0;
text-align: center;
white-space: nowrap;
width: 320px;
left: 50%;
margin-left: -160px;
position: absolute
}
.card-row .card:last-child {
margin-right: 0
}
.icn-cep-hor1 {
display: block;
position: absolute;
top: 3px
}
.icn-cep-hor.icn-cep-hor2 {
display: block;
position: absolute;
top: 71px
}
.icn-cep-diag1, .icn-cep-diag2 {
display: block;
height: 30px;
position: absolute;
width: 50px
}
.icn-cep-diag1 {
background: url(/assets/img/cep-diag1.png) center center no-repeat;
right: -44px;
top: 34px
}
.icn-cep-diag2 {
background: url(/assets/img/cep-diag2.png) center center no-repeat;
right: -42px;
top: 37px
}
.row.fight-screen {
height: 134px;
padding-top: 19px
}
.card_back1 {
height: 134px;
left: 50%;
margin-left: -194px;
margin-top: -22px;
position: absolute;
width: 380px
}
.card_back2 {
height: 93px;
left: 50%;
margin-left: -103px;
margin-top: 0;
position: absolute;
width: 195px
}
.card_combo {
display: none;
height: 101px;
left: 50%;
margin-left: -145px;
margin-top: 0;
opacity: 0;
position: absolute;
width: 290px;
z-index: 9
}
.card_combo.school2 {
margin-left: -76px
}
.card_combo.school1 {
margin-left: -222px
}
.card_combo a {
display: block;
height: 101px;
width: 290px
}
.card_back1.school1 {
background: url(/templates/icons/cards/school/back/sch_b_1.png) 0 0 no-repeat;
background-size: contain;
opacity: 0
}
.card_back2.school1 {
background: url(/templates/icons/cards/school/back/sch_b2_1.png) 0 0 no-repeat;
background-size: contain;
opacity: 0
}
.card_back1.school11 {
background: url(/templates/icons/cards/school/back/sch_b_1.png) 124px 0 no-repeat;
background-size: contain;
margin-left: -187px;
opacity: 0
}
.card_back2.school11 {
background: url(/templates/icons/cards/school/back/sch_b2_1.png) 126px 0 no-repeat;
background-size: contain;
margin-left: -89px;
opacity: 0
}
.card_back1.school2 {
background: url(/templates/icons/cards/school/back/sch_b_2.png) 0 0 no-repeat;
background-size: contain;
opacity: 0
}
.card_back2.school2 {
background: url(/templates/icons/cards/school/back/sch_b2_2.png) 0 0 no-repeat;
background-size: contain;
opacity: 0
}
.card_back1.school12 {
background: url(/templates/icons/cards/school/back/sch_b_2.png) 124px 0 no-repeat;
background-size: contain;
margin-left: -187px;
opacity: 0
}
.card_back2.school12 {
background: url(/templates/icons/cards/school/back/sch_b2_2.png) 126px 0 no-repeat;
background-size: contain;
margin-left: -89px;
opacity: 0
}
.card_back1.school3 {
background: url(/templates/icons/cards/school/back/sch_b_3.png) 0 0 no-repeat;
background-size: contain;
opacity: 0
}
.card_back2.school3 {
background: url(/templates/icons/cards/school/back/sch_b2_3.png) 0 0 no-repeat;
background-size: contain;
opacity: 0
}
.card_back1.school13 {
background: url(/templates/icons/cards/school/back/sch_b_3.png) 124px 0 no-repeat;
background-size: contain;
margin-left: -187px;
opacity: 0
}
.card_back2.school13 {
background: url(/templates/icons/cards/school/back/sch_b2_3.png) 126px 0 no-repeat;
background-size: contain;
margin-left: -89px;
opacity: 0
}
.card_back1.school21 {
background: url(/templates/icons/cards/school/back/sch_b_1.png) -2px 0 no-repeat, url(/templates/icons/cards/school/back/sch_b_1.png) 100px 0 no-repeat;
background-size: contain;
margin-left: -179px;
opacity: 0
}
.card_back2.school21 {
background: url(/templates/icons/cards/school/back/sch_b2_1.png) 11px 0 no-repeat, url(/templates/icons/cards/school/back/sch_b2_1.png) 101px 0 no-repeat;
background-size: contain;
margin-left: -89px;
opacity: 0
}
.card_back1.school22 {
background: url(/templates/icons/cards/school/back/sch_b_2.png) -2px 0 no-repeat, url(/templates/icons/cards/school/back/sch_b_2.png) 100px 0 no-repeat;
background-size: contain;
margin-left: -179px;
opacity: 0
}
.card_back2.school22 {
background: url(/templates/icons/cards/school/back/sch_b2_2.png) 11px 0 no-repeat, url(/templates/icons/cards/school/back/sch_b2_2.png) 101px 0 no-repeat;
background-size: contain;
margin-left: -89px;
opacity: 0
}
.card_back1.school23 {
background: url(/templates/icons/cards/school/back/sch_b_3.png) -2px 0 no-repeat, url(/templates/icons/cards/school/back/sch_b_3.png) 100px 0 no-repeat;
background-size: contain;
margin-left: -179px;
opacity: 0
}
.card_back2.school23 {
background: url(/templates/icons/cards/school/back/sch_b2_3.png) 11px 0 no-repeat, url(/templates/icons/cards/school/back/sch_b2_3.png) 101px 0 no-repeat;
background-size: contain;
margin-left: -89px;
opacity: 0
}
.card_dig {
background: url(/templates/icons/cards/fight/dig_fight.png) 0 0 no-repeat;
background-size: contain;
bottom: -6px;
height: 26px;
left: 16px;
line-height: 26px;
position: absolute;
width: 63px;
z-index: 2
}
.card_dig.school11 {
left: 50%;
margin-left: -102px
}
.card_dig.school12 {
left: 50%;
margin-left: 40px
}
.card_dig.school13 {
left: 50%;
margin-left: -32px
}
.spec-action.sa-red {
background: rgba(110, 34, 29, 1);
background: -moz-linear-gradient(left, rgba(110, 34, 29, 1) 0, rgba(110, 34, 29, .23) 100%);
background: -webkit-gradient(left top, right top, color-stop(0, rgba(110, 34, 29, 1)), color-stop(100%, rgba(110, 34, 29, .23)));
background: -webkit-linear-gradient(left, rgba(110, 34, 29, 1) 0, rgba(110, 34, 29, .23) 100%);
background: -o-linear-gradient(left, rgba(110, 34, 29, 1) 0, rgba(110, 34, 29, .23) 100%);
background: -ms-linear-gradient(left, rgba(110, 34, 29, 1) 0, rgba(110, 34, 29, .23) 100%);
background: linear-gradient(to right, rgba(110, 34, 29, 1) 0, rgba(110, 34, 29, .23) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e221d', endColorstr='#6e221d', GradientType=1)
}
.spec-action.sa-blue {
background: rgba(43, 108, 165, 1);
background: -moz-linear-gradient(left, rgba(43, 108, 165, 1) 0, rgba(43, 108, 165, .23) 100%);
background: -webkit-gradient(left top, right top, color-stop(0, rgba(43, 108, 165, 1)), color-stop(100%, rgba(43, 108, 165, .23)));
background: -webkit-linear-gradient(left, rgba(43, 108, 165, 1) 0, rgba(43, 108, 165, .23) 100%);
background: -o-linear-gradient(left, rgba(43, 108, 165, 1) 0, rgba(43, 108, 165, .23) 100%);
background: -ms-linear-gradient(left, rgba(43, 108, 165, 1) 0, rgba(43, 108, 165, .23) 100%);
background: linear-gradient(to right, rgba(43, 108, 165, 1) 0, rgba(43, 108, 165, .23) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b6ca5', endColorstr='#2b6ca5', GradientType=1)
}
.img-responsive.spec-img {
height: 90px
}
.spec-action.sa-green {
background: rgba(75, 115, 26, 1);
background: -moz-linear-gradient(left, rgba(75, 115, 26, 1) 0, rgba(75, 115, 26, .23) 100%);
background: -webkit-gradient(left top, right top, color-stop(0, rgba(75, 115, 26, 1)), color-stop(100%, rgba(75, 115, 26, .23)));
background: -webkit-linear-gradient(left, rgba(75, 115, 26, 1) 0, rgba(75, 115, 26, .23) 100%);
background: -o-linear-gradient(left, rgba(75, 115, 26, 1) 0, rgba(75, 115, 26, .23) 100%);
background: -ms-linear-gradient(left, rgba(75, 115, 26, 1) 0, rgba(75, 115, 26, .23) 100%);
background: linear-gradient(to right, rgba(75, 115, 26, 1) 0, rgba(75, 115, 26, .23) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b731a', endColorstr='#4b731a', GradientType=1)
}
.sa-green .counter-spec {
color: #d0ff50
}
.sa-red .counter-spec {
color: #fbbc22
}
.sa-blue .counter-spec {
color: #88f2ff
}
.enemy_stat .enemy_name {
color: #e82d2c;
font-size: 16px
}
.enemy_stat .enemy_damage {
color: #FFF;
font-size: 16px
}
.enemy_stat .enemy_health {
color: #e82d2c;
font-size: 16px;
width: 50px
}
.enemy_stat .eh_block {
margin-top: -2px;
padding-right: 0;
text-align: right
}
.enemy_stat .enemy_face {
background: url(/assets/img/ava-border2.png) center center no-repeat
}
.col-xs-2.zi0 {
z-index: 0
}
.hero_stat_wrap {
background: url(/assets/img/hero-top-border-15.png) left top repeat-y;
background-size: contain;
position: relative
}
.clanwar_land_king:hover, .clanwar_castle_king:hover {
color: #f1cb9e;
text-decoration: none
}
.footer-info {
color: #404040;
margin-top: 15px;
text-align: center
}
.footer-info p {
margin-bottom: 2px
}
.hero {
left: 53%;
margin-left: -230px;
position: absolute;
top: 12%
}
.hero_boss {
margin-left: -160px!important
}
.boss {
left: 53%;
margin-left: -230px;
position: absolute;
top: 29px!important
}
.hero_stat .enemy_name {
color: #6085ad;
display: inline-block;
font-size: 16px;
margin-top: -1px
}
.hero_stat .enemy_damage {
color: #FFF;
display: inline-block;
font-size: 16px;
margin-top: 3px
}
.hero_stat .enemy_health {
color: #6085ad;
font-size: 16px;
width: 50px
}
.hero_stat .eh_block {
margin-top: -2px;
padding-right: 0;
text-align: right
}
.row.hero_stat {
overflow: hidden;
position: relative
}
.my_face {
background: url(/assets/img/ava-border1.png) center center no-repeat;
height: 39px;
padding: 0;
text-align: center;
width: 40px;
z-index: 9
}
.enemy_name {
color: #e82d2c;
font-size: 16px;
white-space: nowrap
}
.enemy_damage {
color: #FFF;
font-size: 16px
}
.enemy_health {
color: #e82d2c;
font-size: 16px;
padding-left: 9px;
width: 50px
}
.row.enemy_stat {
background: -moz-linear-gradient(left, rgba(66, 18, 17, .75) 0, rgba(7, 3, 3, .6) 100%);
background: -webkit-linear-gradient(left, rgba(66, 18, 17, .75) 0, rgba(7, 3, 3, .6) 100%);
background: linear-gradient(to right, rgba(66, 18, 17, .75) 0, rgba(7, 3, 3, .6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#421211', endColorstr='#59421211', GradientType=1);
overflow: hidden
}
.enemy_face img {
border: 1px solid #000;
height: 39px;
width: 40px
}
.enemy_face {
height: 39px;
padding: 0;
text-align: center;
width: 40px;
z-index: 9
}
.my_face img {
border: 1px solid #000;
height: 35px;
margin-top: 2px;
width: 36px
}
.row.pt7 {
padding-top: 7px
}
.row.h50 {
height: 50%
}
.ic.icn-health-blue, .ic.icn-health-red {
display: inline-block;
height: 13px;
margin: 4px 2px 0 -5px;
position: relative;
top: 3px;
width: 13px
}
.ic.icn-health-red {
background: url(/assets/img/icns/heart-red.png) center center no-repeat
}
.ic.icn-health-blue {
background: url(/assets/img/icns/heart-blue.png) center center no-repeat
}
.icn-hint-border {
background: url(/assets/img/hint-border2.png) no-repeat;
background-size: contain, cover;
bottom: -6px;
display: block;
left: -9px;
position: absolute;
top: -8px;
width: 13px
}
.icn-log {
display: inline-block;
height: 12px;
width: 12px
}
.icn-hint-border-bottom, .icn-hint-border-middle, .icn-hint-border-top {
left: -8px;
position: absolute;
width: 13px
}
.icn_ps {
display: inline-block;
height: 20px;
width: 26px
}
.icn_ps.icn-log-ps {
background: url(/assets/img/passiveSkills/parry.png) center no-repeat
}
.icn-log-l.icn-log-l1 {
background: url(/templates/icons/icons/fight-my-log-school-1.png) center center no-repeat
}
.icn-log.icn-log-l.icn-log-l2 {
background: url(/templates/icons/icons/fight-my-log-school-2.png) center center no-repeat
}
.icn-log.icn-log-l.icn-log-l3 {
background: url(/templates/icons/icons/fight-my-log-school-3.png) center center no-repeat
}
.icn-log.icn-log-r.icn-log-r1 {
background: url(/templates/icons/icons/fight-log-school-1.png) center center no-repeat
}
.icn-log.icn-log-r.icn-log-r2 {
background: url(/templates/icons/icons/fight-log-school-2.png) center center no-repeat
}
.icn-log.icn-log-r.icn-log-r3 {
background: url(/templates/icons/icons/fight-log-school-3.png) center center no-repeat
}
.icn-hint-border-top {
background: url(/assets/img/hint-border-top.png) left top no-repeat;
height: 24px;
top: 3px
}
.icn-hint-border-bottom {
background: url(/assets/img/hint-border-bottom.png) left bottom no-repeat;
bottom: -3px;
height: 32px;
z-index: 9
}
.icn-hint-border-middle {
background: url(/assets/img/hint-border-medium.png) repeat-y;
bottom: 6px;
height: auto;
top: 27px;
z-index: 0
}
.ic.icn-mech {
background: url(/templates/icons/icons/strength.png) center center no-repeat;
display: inline-block;
height: 18px;
position: relative;
top: 5px;
width: 20px
}
.ic.icn-gold-coin, .ic.icn-energy, .ic.icn-mail, .ic.icn-silver-coin, .ic.icn-exp-coin, .ic.icn-exp, .ic.icn-gear, .ic.icn-cards, .ic.icn-join, .ic.icn-snowflake, .ic.icn-heart, .ic.icn-star, .ic.icn-event, .ic.icn-toys, .ic.icn-flower {
display: inline-block;
height: 17px;
position: relative;
top: 4px;
width: 24px
}
.ic.icn-mail {
animation: opacy ease 1.5s infinite;
background: url(/assets/img/screen3/mail_icn.png) center center no-repeat
}
.ic.icn-silver-coin {
background: url(/templates/icons/icons/silver.png) center center no-repeat;
margin: 4px 2px 0 0
}
.ic.icn-gold-coin {
background: url(/templates/icons/icons/gold.png) center center no-repeat;
margin: 4px 2px 0 0
}
.ic.icn-energy {
background: url(/templates/icons/icons/energy.png) center center no-repeat;
margin: 4px 2px 0 0
}
.ic.icn-gear {
background: url(/templates/icons/icons/userItems.png) center center no-repeat;
margin: 4px 2px 0 0
}
.ic.icn-cards {
background: url(/templates/icons/icons/userCards.png) center center no-repeat;
margin: 4px 2px 0 0
}
.ic.icn-join {
background: url(/templates/icons/icons/itemsJoin.jpg) center center no-repeat;
margin: 4px 2px 0 0
}
.ic.icn-snowflake {
background: url(/templates/icons/icons/snowflake-small.png) center center no-repeat;
margin: 4px 2px 0 0
}
.ic.icn-star {
background: url(/templates/icons/event/star_small.png) center center no-repeat;
margin: 4px 2px 0 0
}
.ic.icn-heart {
background: url(/templates/icons/event/heart_small.png) center center no-repeat;
margin: 4px 2px 0 0
}
.ic.icn-flower {
background: url(/templates/icons/mart/diamond_small.png) center center no-repeat;
margin: 4px 2px 0 0
}
.ic.icn-event {
background: url(/templates/icons/event/toy_small.png?2) center center no-repeat;
margin: 4px 2px 0 0
}
.ic.icn-toys {
background: url(/templates/icons/event/toy_small.png?2) center center no-repeat;
margin: 4px 2px 0 0
}
.wc-icn-menu-separator {
background: url(/assets/img/screen3/menu-separator.png) center center no-repeat;
display: block;
height: 68px;
position: absolute;
right: -13px;
top: -55px;
width: 21px
}
.chat_text_input {
height: 24px;
width: 100%
}
.chat_actions a {
display: block;
position: absolute
}
.chat_actions a.smiles_btn {
background: url(/assets/img/_screen7/small_btn_smile.png) center center no-repeat;
left: 0;
top: 0
}
.chat_actions a.refresh_btn {
background: url(/assets/img/_screen7/small_btn_refresh.png) center center no-repeat;
right: 0;
top: 0
}
.chat_actions a.write_btn {
background: url(/assets/img/_screen7/big_btn_01.png) left top no-repeat, url(/assets/img/_screen7/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
}
.smiles-block {
background: #000;
color: #00b7ea;
display: none;
height: auto;
margin: 0 5% 20px;
position: relative;
top: 10px;
width: 90%;
z-index: 4
}
.small_btn {
height: 33px;
width: 33px
}
.chat_actions {
margin-top: 7px;
position: relative
}
.chat_actions .bottom_decor {
background: url(/assets/img/_screen6/decor_gray_01.png) left bottom no-repeat, url(/assets/img/_screen6/decor_gray_03.png) left bottom repeat-x, url(/assets/img/_screen6/decor_gray_05.png) right bottom no-repeat, url(/assets/img/_screen7/header_grad.png) left 0 repeat-x;
height: 56px;
margin-left: -15px;
margin-right: -15px
}
.chat_actions a.write_btn:after {
background: url(/assets/img/_screen7/big_btn_03.png) left top repeat-x;
display: block;
height: 100%;
margin-left: 4px;
margin-right: 4px;
margin-top: -25px
}
.create_input_wrapper {
width: 100%
}
.input_lbl {
color: #fff;
display: block;
font-size: 13px;
margin-bottom: 1px;
margin-top: 3px
}
.hero_name_input input {
display: block;
margin: 0 auto
}
.g_input {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #20201f;
border: 1px solid #6f6e6d;
border-radius: 5px;
color: #fff;
font-size: 16px;
line-height: 19px;
margin-top: -3px;
min-width: 215px;
padding: 3px 10px
}
.screen8 .bg_resizer {
background: url(/assets/img/_screen8/bg.jpg) center center no-repeat;
background-size: cover;
height: 310px;
max-height: 310px
}
.input_hint.input_mail_hint {
color: #737373;
display: block;
margin: 0 auto;
max-width: 250px
}
.creation_hint {
color: #fff;
margin-top: 0
}
.creation_hint .hint_border {
background: url(/assets/img/_screen8/input_01.png) left top no-repeat, url(/assets/img/_screen8/input_05.png) right top no-repeat;
display: inline-block;
font-size: 14px;
padding: 4px 10px;
position: relative
}
.creation_hint .hint_border:after {
background: url(/assets/img/_screen8/input_03.png) left top repeat-x;
display: inline-block;
height: 100%;
left: 4px;
position: absolute;
right: 4px;
top: 0
}
.wc-progress, .wc-progress-yellow {
background: url(/assets/img/grad_progress1.png) center center repeat-x;
border: 1px solid #423b32;
height: 8px;
padding: 0
}
.wc-progress-value, .wc-progress-yellow-value {
display: block;
height: 6px;
overflow: hidden;
top: 0
}
.wc-progress-value {
background: url(/assets/img/grad_progress_red1.png) center center repeat-x
}
.wc-progress-yellow-value {
background: url(/assets/img/screen3/progress-yellow-bg.png) left center repeat-x
}
.progress-bar-row {
margin: 2px 0 0 40px;
padding: 0
}
.progress-bar-wrapper {
bottom: 0;
left: 15px;
position: absolute;
right: 0;
width: 100%
}
.wc-progress-fight {
background: url(/assets/img/progress_fight_gradient_bg.png) center center no-repeat;
display: inline-block;
height: 41px;
padding: 0 2px;
position: relative;
top: 2px;
width: 297px
}
.wc-progress-fight-value {
background: url(/assets/img/progress-border-white.png) -2px center no-repeat rgba(4, 4, 4, .56);
display: block;
height: 42px;
overflow: hidden;
position: absolute;
right: 0;
top: 0
}
.wc-progress-fight-wrapper {
background: url(/assets/img/progress_fight_wrapper_bg.png) center center no-repeat;
height: 45px;
text-align: center
}
.wc-progress-fight-label {
color: #8aebfe;
display: inline-block;
font-size: 25px;
height: 100%;
padding-top: 3px;
text-transform: uppercase
}
.wc-progress2 {
height: 28px;
margin: 0 auto;
padding: 0;
width: 280px
}
.wc-progress2-value {
background: url(/assets/img/screen3/progress2-bg-red.png) left center repeat-x;
display: block;
height: 20px;
overflow: hidden;
top: 0
}
.wc-progress2-itm {
display: block;
float: left;
height: 28px;
position: relative;
top: 0;
width: 28px
}
.wc-progress2-itm.wc-progress2-empty {
background: 0
}
.row.progress-bar-wrapper.pbw2 {
margin: 0 auto;
position: initial
}
.fight_count {
color: #818181;
display: table-cell;
font-size: 13px;
line-height: 24px
}
.wc-progress2-itm.wc-progress2-start {
background: url(/assets/img/screen3/map/start.png) left center no-repeat
}
.wc-progress2-itm.wc-progress2-start-first {
background: url(/assets/img/screen3/map/start_first.png) left center no-repeat
}
.wc-progress2-itm.wc-progress2-start-fail {
background: url(/assets/img/screen3/map/start_fail.png) left center no-repeat
}
.wc-progress2-itm.wc-progress2-1-ok {
background: url(/assets/img/screen3/map/1.png) left center no-repeat
}
.wc-progress2-itm.wc-progress2-2-ok {
background: url(/assets/img/screen3/map/2.png) left center no-repeat
}
.wc-progress2-itm.wc-progress2-1-no {
background: url(/assets/img/screen3/map/1_no.png) left center no-repeat
}
.wc-progress2-itm.wc-progress2-2-no {
background: url(/assets/img/screen3/map/2_no.png) left center no-repeat
}
.wc-progress2-itm.wc-progress2-1-fail {
background: url(/assets/img/screen3/map/1_fail.png) left center no-repeat
}
.wc-progress2-itm.wc-progress2-2-fail {
background: url(/assets/img/screen3/map/2_fail.png) left center no-repeat
}
.wc-progress2-itm.wc-progress2-end {
background: url(/assets/img/screen3/map/end.png) left center no-repeat
}
.wc-progress2-itm.wc-progress2-end-no {
background: url(/assets/img/screen3/map/end_no.png) left center no-repeat
}
.wc-progress2-finish {
display: block;
height: 37px;
left: 18px;
overflow: hidden;
position: absolute;
top: -4px;
width: 44px
}
.wc-progress2-here {
display: block;
height: 25px;
left: 2px;
overflow: hidden;
position: absolute;
top: -7px;
width: 20px
}
.fade-map {
background: #000;
height: 28px;
opacity: .8;
position: absolute;
width: 252px
}
.fight-boss {
background: url(/assets/img/screen3/map/end_back.png) center center no-repeat;
height: 103px;
left: 220px;
opacity: .5;
position: relative;
right: 0;
top: -34px;
width: 103px
}
.fade-boss {
background: #2a2a2a;
height: 36px;
left: 252px;
opacity: .5;
position: relative;
right: 0;
top: -4px;
width: 36px
}
.wc-progress-yellow2-value {
background: url(/assets/img/_screen6/progress_yellow2_03.jpg) left center repeat-x;
display: block;
height: 6px;
overflow: hidden;
top: 0
}
.wc-progress-blue2-value {
background: url(/assets/img/_screen6/progress_blue_value.jpg) left center repeat-x;
display: block;
height: 6px;
overflow: hidden;
top: 0
}
.progress_count_wrapper {
color: #545a60;
font-size: 12px;
padding: 3px
}
.task_bottom_decor {
background: url(/assets/img/_screen6/decor_gray_01.png) left bottom no-repeat, url(/assets/img/_screen6/decor_gray_03.png) left bottom repeat-x, url(/assets/img/_screen6/decor_gray_05.png) right bottom no-repeat;
height: 20px;
margin-left: -15px;
margin-right: -15px
}
.task_solid_item {
background: url(/assets/img/_screen6/task_bg_solid_01.png) left top no-repeat, url(/assets/img/_screen6/task_bg_solid_05.png) right top no-repeat;
height: 108px;
margin-bottom: 20px;
position: relative;
z-index: 1
}
.task_solid_item:before {
background: url(/assets/img/_screen6/task_bg_solid_03.png) left top repeat-x;
display: block;
height: 100%;
left: 31px;
position: absolute;
right: 30px;
z-index: -1
}
.task_solid_item .task_solid_action {
bottom: 16px;
margin: 0 auto;
position: relative
}
.task_solid_header_wc-progress-blue {
background: url(/assets/img/_screen6/task_sold_progress_bg.jpg) center center repeat-x;
border-left: 1px solid #423b32;
border-right: 1px solid #423b32;
height: 8px;
padding: 0
}
.task_solid_header_wc-progress-blue-value {
background: url(/assets/img/_screen6/task_sold_progress_value_bg.jpg) left center repeat-x;
display: block;
height: 7px;
overflow: hidden;
top: 0
}
.task_solid_header {
height: 108px
}
.home_decs {
height: 378px;
margin-top: 25px;
position: relative;
width: 100%
}
.home_decs_content {
background: url(/assets/img/_screen11/border22_03.png) center top repeat-y;
bottom: 50px;
position: absolute;
top: 50px;
width: 100%
}
.home_decs_return {
background: url(/assets/img/_screen11/return_arr.png) center center no-repeat;
display: block;
height: 69px;
left: 0;
margin: 0 auto;
position: relative;
top: -70px;
transform: translate(-238%);
width: 50px;
z-index: 10
}
.screen11 .level_name_progress {
float: none;
margin: 0 auto;
margin-bottom: -105px;
position: relative;
top: -114px;
width: 220px
}
.home_decs:after, .home_decs:before {
content: "";
display: inline-block;
width: 100%
}
.screen11 .level_progress {
color: #8b8b8b;
display: inline-block;
font-size: 16px;
padding-left: 10px
}
.screen11 .level_name {
color: #fddbaa;
font-size: 16px
}
.home_decs:before {
background: url(/assets/img/_screen11/border22_01.png) center top no-repeat, url(/assets/img/_screen11/home_decs_bg.png) center top no-repeat;
height: 339px;
margin-top: 0
}
.home_decs:after {
background: url(/assets/img/_screen11/border22_05.png) center bottom no-repeat;
height: 50px;
margin-top: -16px
}
.gold_data.gold_data_inline {
display: inline;
width: auto
}
.energy_data.energy_data_inline {
width: auto
}
.home_decs_btn {
background: url(/assets/img/_screen11/decs_btn.png) left top no-repeat;
bottom: -32px;
height: 39px;
left: 50%;
position: absolute;
transform: translate(-50%);
width: 198px
}
.home_decs_btn_label {
color: #68fffe;
font-size: 16px
}
.decs_hint {
color: #8b8b8b;
font-size: 13px;
margin: 0 auto;
padding-top: 7px;
width: 204px
}
.decs_bonuses {
color: #fff;
font-size: 13px;
margin: 4px auto 0;
width: 220px
}
.decs_bonus {
display: block
}
.decs_bonus_fight {
background: url(/assets/img/_screen11/mech.png) center center no-repeat;
background-size: 12px;
display: inline-block;
height: 12px;
width: 12px
}
.decs_bonus_money {
background: url(/templates/icons/icons/silver.png) center center no-repeat;
background-size: 12px;
display: inline-block;
height: 12px;
width: 12px
}
.decs_bonus_gold {
background: url(/templates/icons/icons/gold.png) center center no-repeat;
background-size: 12px;
display: inline-block;
height: 12px;
width: 12px
}
.shop_card {
background: #000;
height: 210px;
margin: 0 auto;
overflow: hidden;
position: relative;
text-align: center;
width: 160px
}
.shop_card .shop_card_title, .shop_card_price {
background: url(/assets/img/_screen5/shop_price_shadow_gray.png) center center repeat-x;
left: 0
}
.shop_card .shop_card_title {
font-size: 14px;
height: 30px;
padding-top: 5px;
position: absolute;
top: 0;
width: 100%
}
.shop_card_simple .shop_card_title {
color: #a09f9f
}
.shop_card.shop_card_not_simple .shop_card_title {
color: #22c8ff
}
.shop_card.shop_card_legend .shop_card_title {
color: #e16b21
}
.shop_card_price {
bottom: 10px;
font-size: 16px;
height: 40px;
margin: 0;
position: absolute;
width: 158px
}
.shop_card_count {
background: url(/assets/img/_screen5/shop_card_count_bg.png) right center no-repeat;
bottom: 50px;
color: #fff;
display: block;
font-size: 20px;
height: 32px;
padding-right: 10px;
position: absolute;
right: 3px;
text-align: right;
width: 100%
}
.shop_card_image.shop_card_image_book1 {
background: url(/assets/img/_screen5/book1.png) center center no-repeat, url(/assets/img/_screen5/book1_shadow.png) center center no-repeat
}
.shop_card_image {
height: 100%;
width: 100%
}
.shop_card_price.shop_card_price_silver {
color: #ededed
}
.shop_card_wrapper {
margin: 0;
padding-left: 1px;
padding-right: 0
}
.shop_card_image.shop_card_image_book2 {
background: url(/assets/img/_screen5/book2.png) center center no-repeat
}
.shop_card_rare .shop_card_title {
color: #b56efd
}
.shop_card_image.shop_card_image_book3 {
background: url(/assets/img/_screen5/book3.png) center center no-repeat
}
.shop_card_image.shop_card_image_book4 {
background: url(/assets/img/_screen5/book4.png) center center no-repeat;
z-index: -1
}
.card_border_shop {
background: url(/assets/img/_screen5/shop_card_border_01.png) 5px top no-repeat, url(/assets/img/_screen5/shop_card_border_03.png) center top repeat-y, url(/assets/img/_screen5/shop_card_border_05.png) center bottom no-repeat;
bottom: 0;
display: block;
height: 210px;
left: -5px;
margin: 4px auto 0;
position: absolute;
width: 170px
}
.shop_card_wrapper:nth-child(odd) .shop_card {
float: right
}
.shop_card_wrapper:nth-child(even) .shop_card {
float: left
}
.shop_card_wrapper:nth-child(odd) {
padding-right: 4px
}
.shop_card_wrapper:nth-child(even) {
padding-left: 4px
}
.shop_card_price .ic.icn-gold-coin, .shop_card_price .ic.icn-silver-coin {
margin-right: -7px
}
.wc_m {
margin-top: -60px
}
.row.base_menu_pos {
height: 70px;
margin-top: 70px
}
.pagination ul li, .win-label {
font-family: Munchkin
}
.ver-shadow {
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 1) 50%, rgba(255, 255, 255, 0) 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 1) 50%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 1) 50%, rgba(255, 255, 255, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=0);
margin-left: -80px;
margin-top: -60px;
width: 460px;
z-index: 50
}
.row.spec-row {
margin: 0 auto 1px;
width: 100%
}
.min320.max460 {
margin: 0 auto;
max-width: 460px
}
.hint_prev {
margin: 20px auto 0;
max-width: 460px;
width: 100%
}
.gender_wedding {
margin: 4px 4px 0 0!important;
height: 13px!important;
padding: 0!important;
min-width: 10px!important
}
.hint_block {
background: url(/assets/img/hint-shadow-full.png) no-repeat;
background-size: 35% 105%;
display: table;
margin-bottom: 5px;
margin-left: 20px;
margin-top: 5px;
min-height: 61px;
width: 90%
}
.hint_block p {
display: table-cell;
padding: 10px 35px
}
.fight-log-label {
margin-top: -5px;
text-align: center
}
.fight-log-label span {
color: #303c4e;
font-size: 14px
}
.log-l {
color: #3ead02;
text-align: right
}
.icn-log-c.icn-log-ps-rage {
background: url(/assets/img/passiveSkills/rage.png) center center no-repeat;
background-size: 25px
}
.icn-log-c.icn-log-ps-none {
width: 25px
}
.icn-log-c.icn-log-ps-breakout {
background: url(/assets/img/passiveSkills/breakout.png) center center no-repeat;
background-size: 25px
}
.icn-log-c.icn-log-ps-attackAround {
background: url(/assets/img/passiveSkills/attackAround.png) center center no-repeat;
background-size: 25px
}
.icn-log-c.icn-log-ps-block {
background: url(/assets/img/passiveSkills/block.png) center center no-repeat;
background-size: 25px
}
.icn-log-c.icn-log-ps-protection {
background: url(/assets/img/passiveSkills/protection.png) center center no-repeat;
background-size: 25px
}
.icn-log-c.icn-log-ps-parry {
background: url(/assets/img/passiveSkills/parry.png) center center no-repeat;
background-size: 25px
}
.icn-log-c.icn-log-c1 {
background: url(/assets/img/log1.png) center center no-repeat
}
.icn-log-c.icn-log-c2 {
background: url(/assets/img/log2.png) center center no-repeat
}
.icn-log-c.icn-log-c3 {
background: url(/assets/img/log3.png) center center no-repeat
}
.icn-log-c {
display: inline-block;
height: 25px;
margin-top: -4px;
width: 25%
}
.log-r {
color: #a12625;
text-align: left
}
.log-row {
opacity: .5;
padding-top: 9px
}
.log-l .log_value {
display: block;
float: right;
padding-left: 10px
}
.log-r .log_value {
display: block;
float: left;
padding-right: 10px
}
.log-last-row.log-row {
margin-top: -5px;
opacity: 1
}
.log-shadow-left {
background: url(/assets/img/log-shadow-left.png) center center no-repeat
}
.log-down {
background: url(/templates/icons/icons/log_down.png) center center no-repeat;
display: inline-block;
height: 16px;
vertical-align: middle;
width: 12px
}
.log-shadow-right {
background: url(/assets/img/log-shadow-right.png) center center no-repeat
}
.log-shadow {
display: inline-block;
height: 10px;
width: 98px
}
.fight_value {
color: #8b8b8b;
font-size: 14px
}
.hero_stat_wrap2 {
background: rgba(0, 0, 0, 0.7)
}
.gold_data {
display: inline-block;
margin-top: -3px;
text-align: right;
width: 100%
}
.energy_data {
font-size: 18px;
left: 0;
position: relative;
text-align: center;
top: -37px;
width: 100%
}
.silver {
color: #8b8b8b
}
.gold-value {
color: #efdc7a;
margin-left: -8px
}
.energy-value {
color: #fff;
font-size: 16px;
margin-left: 1px
}
.energy-desc {
left: -6px;
position: relative;
text-align: center;
top: -170px;
width: 111px
}
.energy-buy {
position: relative;
text-align: center;
top: -44px;
width: 94px
}
.location_wrapper {
background: url(/assets/img/screen3/location-bg-left.png) left center no-repeat, url(/assets/img/screen3/location-bg-right.png) right center no-repeat;
display: table;
width: 100%
}
.location_name {
color: #007e72;
display: table-cell;
font-size: 18px;
line-height: 32px
}
.location-row {
background: url(/assets/img/screen3/location-bg1.png) top center no-repeat #000;
background-size: contain
}
.no-mg {
margin: 0;
padding: 0
}
.win-block {
background: rgba(22, 29, 42, .84);
background: -moz-linear-gradient(left, rgba(22, 29, 42, .84) 0, rgba(22, 29, 42, .84) 100%);
background: -webkit-gradient(left top, right top, color-stop(0, rgba(22, 29, 42, .84)), color-stop(100%, rgba(22, 29, 42, .84)));
background: -webkit-linear-gradient(left, rgba(22, 29, 42, .84) 0, rgba(22, 29, 42, .84) 100%);
background: -o-linear-gradient(left, rgba(22, 29, 42, .84) 0, rgba(22, 29, 42, .84) 100%);
background: -ms-linear-gradient(left, rgba(22, 29, 42, .84) 0, rgba(22, 29, 42, .84) 100%);
background: linear-gradient(to right, rgba(22, 29, 42, .84) 0, rgba(22, 29, 42, .84) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#161d2a', endColorstr='#161d2a', GradientType=1)
}
.lose-block {
background: rgba(99, 29, 29, 0.84);
background: -moz-linear-gradient(left, rgba(99, 29, 29, .84) 0, rgba(99, 29, 29, .84) 100%);
background: -webkit-gradient(left top, right top, color-stop(0, rgba(99, 29, 29, .84)), color-stop(100%, rgba(99, 29, 29, .84)));
background: -webkit-linear-gradient(left, rgba(99, 29, 29, .84) 0, rgba(99, 29, 29, .84) 100%);
background: -o-linear-gradient(left, rgba(99, 29, 29, .84) 0, rgba(99, 29, 29, .84) 100%);
background: -ms-linear-gradient(left, rgba(99, 29, 29, .84) 0, rgba(99, 29, 29, .84) 100%);
background: linear-gradient(to right, rgba(99, 29, 29, .84) 0, rgba(99, 29, 29, .84) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#161d2a', endColorstr='#161d2a', GradientType=1)
}
.win-data {
margin-left: 10px;
margin-top: 6px
}
.win-label {
color: #fff;
font-size: 26px;
line-height: 30px;
margin-bottom: 0;
text-transform: uppercase
}
.win-exp, .win-money.munchkin {
color: #fff;
font-size: 16px
}
.row.win-modal {
margin-left: -15px;
max-width: 460px;
position: absolute;
top: 71px;
width: 100%
}
.enemy_name2.munchkin.text-center {
color: #9b2416;
display: table-cell;
font-size: 18px;
line-height: 29px;
vertical-align: middle
}
.wc-progress-fight2 {
background: url(/assets/img/screen3/atack-btn-bg.png) left top no-repeat;
display: block;
height: 36px;
margin: 0 auto;
overflow: hidden;
padding: 0 2px;
position: relative;
text-align: center;
width: 160px
}
.wc-progress-fight-label2 {
color: #68fffe;
display: inline-block;
font-size: 20px;
height: 100%;
padding-top: 3px
}
.action-hint>p {
color: #4a4a4a;
font-size: 13px;
text-align: center
}
.menu-row {
padding: 0;
text-align: center;
white-space: nowrap
}
.menu-itm {
margin: 0 34px 0 auto;
position: relative;
text-align: center;
width: 74px
}
.menu-lnk-image, a.menu-lnk-text {
left: 50%;
opacity: 1;
position: absolute;
text-align: center
}
a.menu-lnk-text {
bottom: -15px;
color: #8f9b9d;
font-size: 16px;
height: 10px;
margin: 0 auto 0 -50%;
text-decoration: none;
top: 18px;
width: 100%
}
.menu-link2 {
color: #505e77;
font-size: 15px;
width: 100%
}
.menu2 {
background: url(/assets/img/screen3/menu2_border.png) top center no-repeat;
margin-bottom: 10px;
padding: 5px 0
}
.menu2>.row {
background: url(/assets/img/screen3/menu2_border.png) bottom center no-repeat;
padding-bottom: 5px
}
.menu3 ul>li {
border-right: 1px solid #5f5f5f;
display: block;
float: left;
line-height: 12px;
padding: 0 4px
}
.menu3 ul>li>a {
font-size: 14px
}
.menu3 ul>li:last-child {
border: 0
}
.menu3 ul {
display: inline-block;
margin-bottom: 2px;
margin-top: 7px;
padding-left: 0
}
.btn_blue, .menu-lnk-image, .btn_grey {
display: block;
font-size: 16px
}
.menu-lnk-image {
bottom: -10px;
height: 70px;
margin: 0 auto 0 -50%;
width: 100%
}
.row.menu_fchn {
margin-top: -87px
}
.screen5 .btn_blue {
color: #68fffe;
float: none!important;
margin-top: 7px;
max-width: 186px;
overflow: hidden;
padding-left: 5px;
padding-right: 5px;
padding-top: 0;
position: relative;
text-align: center;
text-decoration: none
}
.btn_blue {
background: url(/assets/img/_screen4/btn_blue_grad.png) left top repeat-x;
color: #68fffe;
float: right;
height: 36px;
margin-top: 3px;
overflow: hidden;
padding: 5px 8px;
position: relative
}
.btn_grey {
background: url(/assets/img/_screen4/btn_grey_grad.png) left top repeat-x;
color: #686a6a;
float: right;
height: 36px;
margin-top: 3px;
min-width: 30px;
overflow: hidden;
padding: 5px 8px;
position: relative
}
.train-school .btn-m {
margin-left: -20px;
max-width: 320px
}
.btn-m {
background: url(/templates/icons/buttons/btn-main-l.png) left center no-repeat, url(/templates/icons/buttons/btn-main-r.png) right center no-repeat;
color: #68fffe;
display: block;
float: none;
font-size: 18px;
height: 37px;
line-height: 37px;
margin: 5px auto;
overflow: hidden;
padding-left: 8px;
padding-right: 8px;
position: relative;
text-align: center;
text-decoration: none
}
.btn-m:after {
background: url(/templates/icons/buttons/btn-main-gr.png) left center repeat-x;
content: "";
display: block;
height: 37px;
margin-left: 7px;
margin-right: 7px;
margin-top: -37px;
top: 10px
}
.btn-test-main {
margin: 20px 15px 30px;
position: relative
}
.btn-test-main a.smiles_btn {
background: url(/assets/img/_screen7/small_btn_smile.png) center center no-repeat;
float: right;
position: relative;
top: -15px
}
.btn-test {
background: url(/templates/icons/buttons/btn-main-gr.png) repeat-x;
bottom: -18px;
cursor: pointer;
height: 36px;
left: 0;
line-height: 36px;
margin: 0 auto;
max-width: 280px;
position: absolute;
right: 0;
text-align: left;
z-index: 1
}
.btn-test:before {
content: url(/templates/icons/buttons/btn-main-l.png);
left: -15px;
position: absolute
}
.btn-test .button_text {
color: #68fffe;
font-family: Munchkin;
font-size: 16px;
left: 0;
padding: 0!important;
position: absolute;
right: 0;
text-align: center;
white-space: nowrap;
z-index: 2
}
.btn-test:after {
background: url(/templates/icons/buttons/btn-main-r.png) left top no-repeat;
content: '';
height: 36px;
position: absolute;
right: -14px;
top: 0;
width: 15px
}
.btn-g {
background: url(/templates/icons/buttons/btn-grey-l.png) left top no-repeat, url(/templates/icons/buttons/btn-grey-r.png) right top no-repeat;
color: #68fffe;
display: block;
float: none;
font-size: 18px;
height: 36px;
line-height: 34px;
margin: 5px auto;
max-width: 420px;
overflow: hidden;
position: relative;
text-align: center;
text-decoration: none
}
.btn-g:after {
background: url(/templates/icons/buttons/btn-grey-m.png) left top repeat-x;
content: "";
display: block;
height: 36px;
margin-left: 10px;
margin-right: 10px;
margin-top: -34px
}
.icn-btn-border-left, .icn-btn-border-middle, .icn-btn-border-right, .wc_arrow_top, .icn-btn-grey-border-left, .icn-btn-grey-border-middle, .icn-btn-grey-border-right {
display: inline-block;
top: 0
}
.icn-btn-border-left {
background: url(/assets/img/_screen4/btn_border_01.png) left center no-repeat;
height: 36px;
left: 0;
position: absolute;
width: 32px
}
.icn-btn-border-middle {
background: url(/assets/img/_screen4/btn_border_02.png) left center repeat-x;
height: 36px;
left: 0;
position: absolute;
width: 100%
}
.icn-btn-border-right {
background: url(/assets/img/_screen4/btn_border_03.png) right center no-repeat;
height: 36px;
position: absolute;
right: 0;
width: 33px
}
.icn-btn-grey-border-left {
background: url(/assets/img/_screen4/btn_grey_border_01.png) left center no-repeat;
height: 36px;
left: 0;
position: absolute;
width: 32px
}
.icn-btn-grey-border-middle {
background: url(/assets/img/_screen4/btn_grey_border_02.png) left center repeat-x;
height: 36px;
left: 0;
position: absolute;
width: 100%
}
.icn-btn-grey-border-right {
background: url(/assets/img/_screen4/btn_grey_border_03.png) right center no-repeat;
height: 36px;
position: absolute;
right: 0;
width: 33px
}
.wc_arrow_top {
background: url(/assets/img/_screen4/wc_arrow_up.png) center center no-repeat;
height: 31px;
left: 6px;
position: absolute;
width: 20px
}
.level_name {
color: #fddbaa;
display: block;
font-size: 18px;
padding-top: 1px
}
.level_wrapper {
height: 44px;
padding: 2px 10px
}
.level_name_progress {
display: block;
float: left;
margin-top: 2px;
padding-bottom: 3px
}
.level_progress {
color: #8b8b8b;
display: block;
font-size: 13px;
margin-top: -3px;
padding-bottom: 2px
}
.row.level-row {
background: rgba(0, 0, 0, .64)
}
.boss_wrap_label {
color: #454444;
font-size: 18px;
margin-bottom: 3px;
padding-top: 4px
}
.btn_blue.level_value {
line-height: 27px;
margin-top: 6px;
padding-left: 27px
}
.task_desc_1, .task_desc_2 {
font-size: 12px;
line-height: 14px
}
.task_desc_3 {
color: #9a9b9b;
font-size: 13px;
line-height: 16px
}
.boss_border {
background: url(/assets/img/_screen4/boss_btn_border_01.png) left top no-repeat, url(/assets/img/_screen4/boss_btn_border_05.png) right top no-repeat, url(/assets/img/_screen4/boss_btn_border_03.png) left top repeat-x, url(/assets/img/_screen4/slim_gray_border.png) center 29px no-repeat;
height: 84px;
margin-top: 4px;
padding: 0 0 6px
}
.wc_boss_face_border.boss_face_border_green {
background: url(/assets/img/_screen4/boss_face_border_green.png) left top no-repeat;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.boss_face {
height: 72px;
position: relative;
width: 72px
}
.boss_face_border {
float: left;
margin-left: 10px;
padding-top: 6px;
width: 75px
}
.boss_face img {
height: 70px;
margin-left: 1px;
margin-top: 1px;
width: 70px
}
.boss_info {
float: left;
height: 100%;
overflow: hidden;
padding: 6px 8px 8px;
white-space: nowrap;
width: 40%
}
.boss_name_and_level .boss_name {
color: #8b8b8b;
font-size: 12px
}
.boss_name_and_level .boss_level {
color: #454444;
font-size: 12px
}
.work_status_label.work_status_done {
color: #5da843;
display: inline-block
}
.work_status {
display: inline-block;
float: none
}
.boss_name_and_level {
display: block;
padding-bottom: 5px
}
.work_status_label {
font-size: 16px;
padding-top: 4px
}
.work_status .gold_data {
color: #8b8b8b;
font-size: 13px;
margin-top: -10px;
text-align: left
}
.work_done_grad {
background: url(/assets/img/_screen4/work_done_grad.png) right top repeat-y;
height: 100%;
width: 100%
}
.boss_gift.boss_gift1 {
background: url(/assets/img/_screen4/gift1.png) center center no-repeat;
float: right;
height: 100%;
margin-left: -15px;
margin-right: 12px;
width: 70px
}
.wc_boss_face_border.boss_face_border_blue {
background: url(/assets/img/_screen4/boss_face_border_blue.png) left top no-repeat;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.work_status_label.work_status_free {
color: #0f64bc
}
.btn_blue.boss_action, .btn_grey.boss_action, .btn-g.boss_action {
margin-left: -15px;
margin-right: 18px;
margin-top: 35px
}
.gold_mined .lbl {
color: #806c55;
font-size: 16px
}
.reg-wrap {
background: url(/assets/img/_screen4/reg_btn_border_01.png) left top no-repeat, url(/assets/img/_screen4/reg_btn_border_05.png) right top no-repeat;
height: 48px
}
a.reg-btn {
background: url(/assets/img/_screen4/reg_btn_border_03.png) left top repeat-x;
display: block;
font-size: 12px;
height: 100%;
line-height: 44px;
width: 100%
}
.work_free_grad .work_status {
display: inline-block;
margin-top: 2px;
padding-top: 6px
}
.first_boss_border {
padding-bottom: 2px
}
.screen5 .bg_resizer {
background: url(/assets/img/_screen5/bg.jpg) center center no-repeat;
background-size: cover
}
.screen5 .hero {
top: 9%;
transform: translate(-175%, 0)
}
.screen4 .hero {
left: 53%;
margin: auto;
top: 37%;
transform: translate(-50%, 0)
}
.screen4 .bg_resizer {
background: url(/assets/img/_screen4/bg.jpg) center center no-repeat;
background-size: cover
}
.screen3 .bg_resizer {
background: url(/assets/img/screen3/bg.png) center center no-repeat;
background-size: cover
}
.row.base_menu {
background: url(/assets/img/screen3/menu-grad.png) center 13px no-repeat, url(/assets/img/screen3/menu-grad2.png) center 137px no-repeat;
margin: 0 auto;
max-width: 365px;
padding-bottom: 60px;
position: relative
}
.row.base_main_menu {
margin: 64px auto 28px;
position: relative;
max-width: 330px
}
.row.task_row {
background: url(/assets/img/_screen6/gray_brdr_01.png) left top no-repeat, url(/assets/img/_screen6/gray_brdr_05.png) right top no-repeat, url(/assets/img/_screen6/gray_brdr_03.png) left top repeat-x;
height: 125px
}
.row.task_daily {
background: url(/templates/icons/tasks/back.jpg) center top no-repeat;
background-size: cover;
height: 210px
}
.row.task_daily_b {
background: url(/templates/icons/tasks/bdaily.png) center top no-repeat;
height: 35px;
line-height: 35px;
margin-top: 10px;
text-align: center
}
.task_daily_p {
color: #000;
font-family: Munchkin, serif;
font-size: 18px;
height: 20px;
margin: 12px auto;
text-align: center;
width: 259px
}
.task_row_content>.task_inner {
background: #15191b;
height: 100%;
width: 100%
}
.task_daily1 {
margin-right: 21px
}
.tt {
color: #efdc7a;
display: inline-block;
font-family: Munchkin, serif;
width: 31px
}
.wc_task_border.wc_task_border_gray {
height: 100%;
left: 10px;
position: absolute;
top: 8px;
width: 100%
}
.task_row_content {
height: 100%;
padding: 5px 6px 6px
}
.task_inner>a {
display: block;
float: left;
margin-left: 5px;
margin-right: 14px;
margin-top: 1px
}
.task_desc_1 {
color: #545a60
}
.task_desc_2 {
color: #9a9b9b
}
.task_desc {
padding-top: 5px
}
.hero_header_data {
display: block;
float: left
}
.hero_header_name.munchkin {
color: #e2b152;
font-size: 16px
}
.hero_header_level.munchkin {
color: #e2b152;
display: block;
font-size: 12px;
margin-top: -6px
}
.gold_data .ic.icn-mail {
margin-left: 2px
}
.wc-progress-fight4 {
background: url(/assets/img/_screen6/task_bg4.png) left top no-repeat
}
.wc-progress-fight3 {
background: url(/assets/img/_screen6/task_bg3.png) left top no-repeat
}
.wc-progress-fight5 {
background: url(/assets/img/_screen6/task_bg5.png) left top no-repeat
}
.wc-progress-fight-label4 {
color: #b9b395
}
.chat_item {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background: #1c242f;
border-radius: 5px;
color: #fff;
font-size: 13px;
margin: 7px 0;
padding: 28px 19px 9px 13px;
position: relative
}
.chat_item:after {
border-color: #1c242f transparent;
border-style: solid;
border-width: 15px 15px 0;
bottom: -11px;
content: "";
display: block;
left: 52px;
position: absolute;
width: 0
}
.chat_item.chat_arr_left {
background: #1c242f;
margin-left: 43px
}
.chat_item.chat_arr_left:after {
border-color: transparent #1c242f;
border-width: 10px 11px 10px 0;
bottom: auto;
left: -11px;
top: 8px
}
.cat_item_answer, .chat_item_name, .chat_item_time {
position: absolute;
top: 9px
}
.chat_item_name>a {
color: #8ed0ff;
font-size: 13px
}
.chat_item_name {
left: 13px
}
.chat_item_time {
color: #656565;
right: 30px
}
.chat_ava {
float: left;
width: 27px
}
.chat_ava>a>img {
height: 25px;
margin-top: 5px;
width: 25px
}
.chat_item_user_icn {
display: inline-block;
height: 13px;
width: 15px
}
.cat_item_answer {
background: url(/assets/img/_screen7/answer_icn.png) left top no-repeat;
height: 14px;
right: 12px;
width: 13px
}
.chat_items_wrapper {
max-height: 200px;
overflow: auto
}
.forum_menu_btn {
background: url(/assets/img/_screen7/menu_btn_01.png) left top no-repeat, url(/assets/img/_screen7/menu_btn_05.png) right top no-repeat;
color: #88c8f5;
display: block;
font-size: 18px;
height: 44px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
width: auto
}
.forum_item {
display: block;
height: 44px;
margin-left: 5px;
margin-right: 5px;
margin-top: 3px;
position: relative
}
.col-xs-12.forum-items {
margin-bottom: 9px;
padding-left: 5px;
padding-right: 5px
}
.forum_menu_btn:after {
background: url(/assets/img/_screen7/menu_btn_03.png) left top repeat-x;
content: "";
display: block;
height: 100%;
margin-left: 4px;
margin-right: 4px;
margin-top: -41px
}
.forum_menu_btn.icn_circle:after {
margin-top: -43px
}
.wc_forum_icn_1 {
background: url(/assets/img/_screen7/news_badge.png) center center no-repeat
}
.wc_forum_icn_2 {
background: url(/assets/img/_screen7/base_badge.png) center center no-repeat
}
.wc_forum_icn_3 {
background: url(/assets/img/_screen7/help_badge.png) center center no-repeat
}
.wc_forum_icn_4 {
background: url(/assets/img/_screen7/art_badge.png) center center no-repeat
}
.wc_forum_icn_5 {
background: url(/assets/img/_screen7/beer_badge.png) center center no-repeat
}
.wc_forum_icn_6 {
background: url(/templates/icons/icons/i.png) center center no-repeat
}
.wc_forum_icn {
display: block;
float: left;
height: 40px;
width: 80px
}
.forum_item_head {
color: #88c8f5;
display: block;
font-size: 18px
}
.forum_item_desc {
color: #939393;
display: block;
font-size: 13px;
margin-left: 80px;
margin-top: -2px
}
.moderators_list ul li {
display: inline-block;
list-style-type: none
}
.moderators_list ul li:after {
content: ",";
display: inline-block;
margin-left: -3px
}
.moderators_list ul li:first-child:before {
content: "Модераторы: "
}
.moderators_list {
color: #999;
margin-top: -15px
}
.moderator_indigo {
color: #54869a
}
.moderators_list ul {
margin-left: 0;
padding: 0
}
.moderators_list .bottom_decor {
background: url(/assets/img/_screen7/decor_gray_rev_05.png) left top no-repeat, url(/assets/img/_screen7/decor_gray_rev_03.png) left 10px repeat-x, url(/assets/img/_screen7/decor_gray_rev_01.png) right top no-repeat, url(/assets/img/_screen7/footer_grad.png) left 14px repeat-x;
height: 75px;
margin-bottom: -79px;
margin-left: -15px;
margin-right: -15px
}
.pagination ul li {
display: inline-block;
font-size: 15px;
height: 25px;
list-style-type: none;
text-align: center;
width: 30px
}
.pagination ul li.current a {
border: 1px solid #fff;
color: #fff
}
.pagination ul li:first-child a {
background: url(/assets/img/_screen7/prev_page_icn.png) center 7px no-repeat
}
.pagination ul li:last-child a {
background: url(/assets/img/_screen7/next_page_icn.png) center 7px no-repeat
}
.pagination {
margin: 6px 0;
width: 100%
}
.pagination ul {
display: block;
margin: 0 auto;
padding: 0;
text-align: center
}
.pagination ul>li>a {
border: 1px solid #2a374b;
display: inline-block;
height: 25px;
width: 30px
}
.hero_slider ul li.head {
display: block;
float: left;
text-align: center;
width: 33%
}
.hero_slider {
display: flex;
height: 302px;
margin-top: -436px;
overflow: hidden;
width: 300%
}
.hero_slider .man_slider .head:after {
background: url(/assets/img/_screen8/man_body.png) center center no-repeat;
background-size: contain;
content: "";
display: block;
height: 141px;
margin: 0 auto 7px;
width: 320px
}
.hero_slider .woman_slider .head:after {
background: url(/assets/img/_screen8/woman_body.png) center center no-repeat;
background-size: contain;
content: "";
display: block;
height: 134px;
margin: 0 auto;
width: 320px
}
.slider_arrow {
display: block;
height: 50px;
width: 50px
}
.slider_arrows {
height: 50px;
position: relative;
top: -210px
}
.slider_arrow.slider_arrow_prev {
background: url(/assets/img/_screen8/arr_white_left.png) center center no-repeat;
float: left
}
.slider_arrow.slider_arrow_next {
background: url(/assets/img/_screen8/arr_white_right.png) center center no-repeat;
float: right
}
.sex_sel.sex_sel_male {
left: 30px;
position: absolute
}
.sex_sel.sex_sel_female {
position: absolute;
right: 30px
}
.sex_sel {
display: block;
height: 50px;
width: 60px;
z-index: 500
}
.sex_selection {
bottom: 100px;
height: 50px;
margin-left: -4%;
padding: 0;
position: absolute;
width: 100%
}
.sex_sel.selected {
display: block;
height: 50px;
width: 60px
}
.sex_sel.sex_sel_male span {
background: url(/assets/img/_screen8/male_icn.png) center center no-repeat;
display: block;
height: 100%;
width: 100%
}
.sex_sel.sex_sel_female span {
background: url(/assets/img/_screen8/female_icn.png) center center no-repeat;
display: block;
height: 100%;
width: 100%
}
.btn_blue.btn_hero_create {
float: none;
text-align: center
}
.sex_sel.sex_sel_male.selected {
background: url(/assets/img/_screen8/sex_selection_blue.png) center center no-repeat
}
.sex_sel.sex_sel_female.selected {
background: url(/assets/img/_screen8/sex_selection.png) center center no-repeat
}
.wc_forum_icn_queen {
background: url(/assets/img/_screen12/queen.png) center center no-repeat
}
.screen12 .forum_menu_btn {
height: 44px;
overflow: hidden
}
.screen12 .forum_item {
height: 44px;
margin-top: 4px
}
a.icn_circle .forum_item_text:after {
background: url(/assets/img/_screen12/menu_item_circle.png) center center no-repeat;
content: "";
display: inline-block;
height: 23px;
position: absolute;
right: 12px;
top: 10px;
width: 24px
}
.top-btn {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #c2ccca;
border-radius: 10px;
position: absolute;
right: 2%;
top: 2%
}
.top-btn a {
color: #c2ccca;
font-family: Arial;
font-size: 13px;
height: 100%;
padding: 2px 10px;
text-decoration: none;
width: 100%
}
.hero-left, .moderators_list ul li:last-child:after {
display: none
}
.ic, .menu-itm, .menu-link2, a.menu-lnk-text {
display: inline-block
}
.ic.icn-exp-coin, .ic.icn-exp {
background: url(/templates/icons/icons/exp.png) center center no-repeat;
margin: 4px 2px 0 0
}
.hero_name_input_lbl>.name_length, .input_lbl .name_length {
color: #7b7b7b
}
.col-xs-12.wc-progress-fight-col, .spec-row .col-xs-4 {
padding: 0
}
.fight_count_wrapper, .enemy_name_wrapper {
display: table;
width: 100%
}
.wc-progress-yellow2, .wc-progress-blue2 {
background: url(/assets/img/_screen6/progress_yellow2_05.png) center center repeat-x;
border: 1px solid #423b32;
height: 8px;
padding: 0
}
.decs_bonus_value, .wc-progress-fight-label3 {
color: #68fffe
}
.shop_card_price.shop_card_price_gold, .gold_count_all, .gold_count_mined, .wc-progress-fight-label5 {
color: #efdc7a
}
.base_menu_pos>.col-xs-4, .hint_block, .base_menu_back {
position: relative
}
.fight-action, .boss_gift a, .boss_gift a:hover {
display: block;
height: 100%;
width: 100%
}
.silver-value, .exp-value {
color: #8b8b8b;
margin-left: -8px
}
.blood-value {
color: #e82d2c;
margin-left: -8px
}
a.none, a.none:hover, .forum_menu_btn:hover {
text-decoration: none
}
.menu3 ul>li>a.grey, .moderator_gray {
color: #5f5f5f
}
.btn-m:hover, .btn-test:hover, .btn-g:hover, .btn_blue a, .btn_blue a:hover, a.reg-btn {
color: #68fffe;
text-decoration: none
}
@font-face {
font-family: chaos;
src: url(/fonts/chaos.ttf)
}
@font-face {
font-family: chaos2;
src: url(/fonts/chaos2.ttf)
}
@keyframes opacy {
50% {
opacity: 1
}
00%, 100% {
opacity: .5
}
}
@-moz-keyframes arrow-motion {
00% {
right: 0;
top: 0
}
100% {
right: 0;
top: 5px
}
}
@-webkit-keyframes arrow-motion {
00% {
right: 0;
top: 0
}
100% {
right: 0;
top: 5px
}
}
@keyframes arrow-motion {
00% {
right: 0;
top: 0
}
100% {
right: 0;
top: 5px
}
}
@-o-keyframes arrow-motion {
00% {
right: 0;
top: 0
}
100% {
right: 0;
top: 5px
}
}
.chaos {
font-family: chaos2, arial, verdana, tahoma, sans-serif
}
.chaos2 {
font-family: chaos, arial, verdana, tahoma, sans-serif
}
.medium {
font-size: 15px
}
.big {
font-size: 20px
}
.underline {
text-decoration: underline
}
.error {
color: #a20000;
text-align: center
}
.success {
color: green;
text-align: center
}
.clr-white2 {
color: #fff!important
}
.clr-blue {
color: #505e77!important
}
.clr-grey {
color: #5f5f5f!important
}
.clr-yell {
color: #efdc7a!important
}
.clr-green {
color: #22e200!important
}
.clr-red {
color: #e82d2c!important
}
.clr-red2 {
color: #f84653!important
}
.clr-blue2 {
color: #68fffe!important
}
.container-fluid .main {
background: url(/templates/icons/design/back-start.jpg) no-repeat top;
background-size: cover;
height: 539px
}
.main-text {
background: url(/templates/icons/design/start-text.png) no-repeat top;
height: 33px
}
.btn-start-main {
display: block;
height: 10px;
margin: 0 auto
}
.btn-start {
-moz-animation: glowBtn 3s infinite linear;
-ms-animation: glowBtn 3s infinite linear;
-o-animation: glowBtn 3s infinite linear;
-webkit-animation: glowBtn 3s infinite linear;
animation: glowBtn 3s infinite linear;
background: url(/templates/icons/buttons/button-start.png) no-repeat center, url(/templates/icons/design/back-button.png) no-repeat center;
color: #fff;
display: block;
font-size: 26px;
height: 88px;
margin: 0 auto;
padding-top: 26px;
position: relative;
text-align: center;
top: 395px
}
.blink {
-moz-animation: glowBtn 3s infinite linear;
-ms-animation: glowBtn 3s infinite linear;
-o-animation: glowBtn 3s infinite linear;
-webkit-animation: glowBtn 3s infinite linear;
animation: glowBtn 3s infinite linear
}
.btn-start:hover {
color: #fff;
text-decoration: none
}
.clb {
clear: both
}
.mt2 {
margin-top: 2px
}
.mt5 {
margin-top: 5px
}
.mt10 {
margin-top: 10px
}
.mt-12 {
margin-top: -12px
}
.mt20 {
margin-top: 20px
}
.mt30 {
margin-top: 30px
}
.mb2 {
margin-bottom: 2px
}
.mb5 {
margin-bottom: 5px
}
.mb10 {
margin-bottom: 10px
}
.mb20 {
margin-bottom: 20px
}
.mb40 {
margin-bottom: 40px
}
.ml2 {
margin-left: 2px
}
.ml5 {
margin-left: 5px
}
.mr5 {
margin-right: 5px
}
.mr20 {
margin-right: 20px
}
.mr33 {
margin-right: 33px
}
.ml45 {
margin-left: 45px
}
.ml39 {
margin-left: 39px
}
.p5 {
padding: 5px
}
.pb17 {
padding: 17px
}
.pl30 {
padding-left: 30px
}
.hr-b {
background: url(/templates/icons/design/hr-left-b.png) no-repeat left, url(/templates/icons/design/hr-right-b.png) no-repeat right, url(/templates/icons/design/hr-cntr-b.png) repeat-x center;
height: 12px;
margin-bottom: -2px;
margin-right: 0;
margin-top: 5px;
width: 100%
}
.pst-absolute {
position: absolute
}
.pgr-bckgr {
background: url(/templates/icons/design/pgrbar-l.png) no-repeat left, url(/templates/icons/design/pgrbar-r.png) no-repeat right, url(/templates/icons/design/pgrbar-main-m.png) repeat-x;
height: 8px;
position: relative;
z-index: 100
}
.pgr-bar {
background: url(/templates/icons/design/pgrbar-in-grey.png) repeat-x;
height: 8px;
position: relative;
width: 100%;
z-index: 3
}
.pgr-yell {
background: url(/templates/icons/design/pgrbar-in-yell.png) repeat-x;
height: 8px;
position: relative;
z-index: 3
}
.pgr-green {
background: url(/templates/icons/design/pgrbar-in-green.png) repeat-x;
height: 8px;
position: relative;
z-index: 3
}
.pgr-red {
background: url(/templates/icons/tower/red.png) repeat-x;
height: 8px;
position: relative;
z-index: 3
}
.fl {
float: left
}
.fr {
float: right
}
.res {
line-height: 32px
}
img.icon-ny {
background: url(/templates/icons/event/rewards/golden-line.jpg) center no-repeat;
left: 32px;
position: relative;
top: -64px
}
img.icon-menu-left {
border-spacing: 0;
margin: 0;
padding: 0;
position: relative;
top: 2px;
vertical-align: middle
}
img.icon-menu-right {
border-spacing: 0;
margin: 0;
padding: 0;
position: relative;
right: 8px;
top: 1px;
vertical-align: middle
}
.hint {
display: block;
height: 80px;
margin: 0 auto 17px;
max-width: 360px;
position: relative;
text-align: left
}
.hint .bot {
left: 3%;
position: absolute;
top: 0;
z-index: 2
}
.hint .border {
background: url(/templates/icons/design/hint-r.png) no-repeat right 10%, url(/templates/icons/design/hint-l.png) no-repeat left 10%, url(/templates/icons/design/hint-m.png) no-repeat 81%;
background-clip: border-box;
background-size: auto, auto, 90% 65px;
height: 65px;
margin-left: auto;
margin-right: auto;
position: relative;
top: 14px;
width: 97%
}
.hint .border .button_text {
color: #76feff;
display: inline-block;
font-size: 13px;
max-width: 360px;
padding-left: 115px;
padding-right: 10px;
padding-top: 2px;
text-align: left
}
.action {
background: url(/templates/icons/design/action-r.png) no-repeat right, url(/templates/icons/design/action-l.png) no-repeat left, url(/templates/icons/design/action-m.png) repeat-x;
background-clip: border-box;
height: 55px;
margin-top: 10px;
width: 100%
}
.action .button_text {
display: block;
margin: 0 auto;
padding-top: 15px;
text-align: center
}
.save {
color: #beffff;
text-decoration: underline
}
.save-reward {
color: #76feff;
color: #76feff;
text-decoration: none;
text-decoration: none
}
.gold {
color: #eedd68
}
.footer {
margin-bottom: 10px;
white-space: nowrap
}
.footer .link {
background: url(/templates/icons/design/main-footer-dlmtr.png) bottom no-repeat, url(/templates/icons/design/main-grad.png) 50% 100% no-repeat;
height: 90px;
margin-bottom: 10px;
text-align: center
}
.footer .middle a {
color: #505e77;
text-decoration: underline
}
.footer .link a {
display: inline-block;
font-family: chaos2, arial, verdana, tahoma, sans-serif
}
.footer .link .button_text {
display: block
}
.footer .uplink {
background: url(/templates/icons/design/main-footer-dlmtr.png) top no-repeat, url(/templates/icons/design/main-grad-up.png) 50% 100% no-repeat;
background-size: 100% auto;
display: block;
font-size: 14px;
height: 55px;
padding-top: 7px;
text-align: center
}
.w100 {
width: 100%
}
.w50 {
width: 50%
}
.w40 {
width: 40%
}
.w10 {
width: 10%
}
.boss-header {
background: url(/templates/icons/design/header-campany.png);
background-size: cover;
color: #fff;
font-family: chaos2, arial, verdana, tahoma, sans-serif;
font-size: 18px;
height: 27px;
left: 9px;
margin: 0 auto;
padding-top: 2px;
position: absolute;
text-align: center;
top: -8px;
width: 140px
}
.boss-border {
height: 166px;
margin-top: -63px;
overflow: hidden;
position: relative;
width: 100%
}
.boss-border .image {
height: 160px;
left: 50%;
margin-left: -82px;
position: absolute;
top: 2px;
width: 165px
}
.boss-border .border {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.boss-hint {
color: #8f9b9d;
font-family: Arial, serif;
font-size: 16px;
position: absolute;
text-align: center;
top: 151px;
width: 100%
}
.boss-hint-text {
bottom: 0;
height: 13px;
left: 50%;
margin-left: -76px;
position: absolute;
top: -25px;
width: 141px
}
.campaign .boss-image {
left: 0;
position: absolute;
top: -20px;
z-index: 0
}
.campaign .boss-image-rgt {
position: absolute;
right: 0;
top: -20px;
z-index: 0
}
.back-street-enter {
height: 90px;
margin: 0 auto;
max-width: 322px;
width: 100%;
position: relative;
top: 8px;
z-index: 11
}
.main-clanwar:after {
content: "";
display: block;
height: 84px;
margin-left: 43px;
margin-right: 43px;
margin-top: -22px
}
.campaign .save-choose {
height: 84px;
margin-left: auto;
margin-right: auto;
margin-top: -12px;
max-width: 322px;
min-width: 323px;
position: relative;
width: 100%
}
.campaign .save-choose:after {
background: url(/templates/icons/bosses/back-street/back/rc.png) left top repeat-x;
content: "";
display: block;
height: 84px;
margin-left: 43px;
margin-right: 43px;
margin-top: -48px
}
.campaign .back-street-boss .image {
left: 0;
position: absolute;
top: 0;
z-index: 1
}
.campaign .back-street-boss .border {
height: 100%;
position: absolute;
width: 100%;
z-index: 2
}
.campaign .back-street-name {
color: #fff;
font-family: chaos2, arial, verdana, tahoma, sans-serif;
font-size: 16px;
position: relative;
right: 21px;
text-align: right;
top: 10px;
z-index: 3
}
.campaign .save-name {
color: #fff;
font-family: chaos2, arial, verdana, tahoma, sans-serif;
font-size: 14px;
position: relative;
right: 21px;
text-align: right;
top: 0;
z-index: 3
}
.campaign .save-name2 {
color: #fff;
font-family: chaos2, arial, verdana, tahoma, sans-serif;
font-size: 14px;
position: relative;
right: 22px;
text-align: right;
top: -12px;
z-index: 3
}
.campaign .back-street-name-new {
height: 22px;
left: 21px;
position: relative;
text-align: left;
top: 0;
z-index: 3
}
.campaign .back-street-name-text {
color: #fff;
font-family: chaos2, arial, verdana, tahoma, sans-serif;
font-size: 16px
}
.campaign .back-street-hint {
color: #8f9b9d;
font-size: 14px;
margin: 0 auto;
position: absolute;
right: 9px;
text-align: right;
top: 37px;
z-index: 3
}
.campaign .back-street-hint-new {
color: #5f5f5f;
font-size: 14px;
left: 15px;
margin: 0 auto;
position: absolute;
text-align: center;
top: 28px;
width: 130px;
z-index: 3
}
.campaign .back-street-energy {
color: #337ab7;
font-size: 14px;
position: absolute;
right: 4px;
text-align: center;
top: 57px
}
.btn-fight {
background: url(/templates/icons/design/btn-blue-r.png) no-repeat right, url(/templates/icons/design/btn-blue-l.png) no-repeat left, url(/templates/icons/design/btn-blue-m.png) repeat-x;
height: 36px;
margin: 0 auto;
max-width: 360px;
position: relative;
width: 100%
}
.btn-grey {
background: url(/templates/icons/design/grey-btn-r.png) no-repeat right, url(/templates/icons/design/grey-btn-l.png) no-repeat left, url(/templates/icons/design/grey-btn-m.png) repeat-x;
height: 36px;
margin: 0 auto;
max-width: 360px;
position: relative;
width: 100%
}
.btn-lose {
background: url(/templates/icons/design/btn-lose-r.png) no-repeat right, url(/templates/icons/design/btn-lose-l.png) no-repeat left, url(/templates/icons/design/btn-lose-m.png) no-repeat 40px 0;
background-size: auto, auto, 108px 36px;
height: 36px;
margin: 0 auto;
max-width: 360px;
position: relative;
text-align: center;
width: 188px
}
.lose-shop {
font-size: 16px;
margin-bottom: 2px;
text-align: center
}
.lose-text {
left: 50%;
margin-left: -125px;
position: absolute;
text-align: center;
top: 306px;
width: 250px
}
.lose-text .button_text {
color: #FFF;
font-family: chaos2, arial, verdana, tahoma, sans-serif;
font-size: 18px;
margin-bottom: 10px
}
.btn-lose.mentor {
top: 232px
}
.lose-mentor {
font-size: 16px;
position: relative;
text-align: center;
top: 228px
}
.btn-lose.train {
top: 116px
}
.lose-train {
font-size: 16px;
position: relative;
text-align: center;
top: 114px
}
.btn-lose .button_text {
color: #beffff;
font-family: chaos2, arial, verdana, tahoma, sans-serif;
font-size: 20px;
line-height: 36px
}
.btn-yell {
background: url(/templates/icons/design/btn-yell-r.png) no-repeat right, url(/templates/icons/design/btn-yell-l.png) no-repeat left, url(/templates/icons/design/btn-yell-m.png) repeat-x;
height: 39px;
margin: 0 auto;
max-width: 360px;
position: relative;
width: 100%
}
.btn-yell .button_text {
color: #FFF;
font-family: chaos2, arial, verdana, tahoma, sans-serif;
font-size: 16px;
line-height: 39px
}
.top-38 {
top: -38px
}
.btn-fight .button_text {
color: #beffff;
font-family: chaos2, arial, verdana, tahoma, sans-serif;
font-size: 20px;
line-height: 35px
}
.btn-fight .text-small {
color: #beffff;
font-family: chaos2, arial, verdana, tahoma, sans-serif;
font-size: 17px;
line-height: 35px
}
.btn-grey .button_text {
color: #5f5f5f!important;
font-family: chaos2, arial, verdana, tahoma, sans-serif;
font-size: 20px;
line-height: 35px
}
.btn-grey .text-small {
color: #5f5f5f!important;
font-family: chaos2, arial, verdana, tahoma, sans-serif;
font-size: 17px;
line-height: 35px
}
.profile-brd {
background: url(/templates/icons/design/profile-brd2.png) bottom left no-repeat, url(/templates/icons/design/profile-brd1.png) bottom right no-repeat, url(/templates/icons/design/profile-brd3.png) top left no-repeat, url(/templates/icons/design/profile-brd4.png) top right no-repeat, url(/templates/icons/design/profile-brd-l.png) left repeat-y, url(/templates/icons/design/profile-brd-r.png) right repeat-y, url(/templates/icons/design/profile-brd-t.png) bottom repeat-x, url(/templates/icons/design/profile-brd-b.png) top repeat-x;
font-size: 16px;
width: 100%
}
.profile-brd .button_text {
color: #8f9b9d;
padding: 8px
}
.profile-back {
background-size: cover;
height: 435px;
margin-top: -39px;
max-height: 435px;
overflow: hidden;
width: 100%
}
.profile-slot {
background: url(/templates/icons/design/profile-slot.jpg) no-repeat;
height: 84px;
margin-bottom: 10px;
width: 51px
}
.profile-maneken {
left: 50%;
margin-left: -160px;
margin-top: 40px;
position: absolute
}
.profile-text {
color: #fff;
font-size: 15px;
left: 50%;
line-height: 15px;
margin-left: -160px;
margin-top: 40px;
padding-top: 4px;
position: absolute;
text-align: center;
width: 320px
}
.profile-slots-l {
float: left;
margin-left: 5px;
position: relative;
top: 67px
}
.profile-slots-r {
margin-right: 5px;
margin-top: 40px;
position: absolute;
right: 0;
top: 30px
}
.profile-amulet {
height: 55px
}
.cards-back {
background-size: cover;
height: 100px;
width: 100%
}
.cards {
display: table;
margin: 0 auto
}
.card-view {
background: url(/templates/icons/design/board-card.png) no-repeat center;
background-size: 100% 141px;
height: 141px;
margin-left: 2%;
width: 96%
}
.card-image {
display: inline-block;
float: left;
height: auto;
left: 0;
position: relative;
top: 0
}
.card-image-in {
left: 0;
position: relative;
top: 0
}
.card-image-view {
float: left;
margin-left: 4px;
margin-top: 4px;
width: 102px
}
.card-info {
background: url(/templates/icons/design/board-card-back.png) no-repeat center;
height: 140px;
margin-left: 108px;
position: relative;
width: 222px
}
.card-info-text {
color: #8f9b9d;
font-size: 16px;
padding-left: 26px;
padding-top: 24px
}
.card-level-up {
background-color: #000;
height: 48px;
left: 50%;
margin-left: -132px;
position: relative;
top: -25px;
width: 258px
}
.card-image-school {
font-family: chaos2, arial, verdana, tahoma, sans-serif;
font-size: 14px;
left: 26px;
margin-left: auto;
margin-right: auto;
position: absolute;
text-align: left;
top: 2px;
width: 70px
}
.card .quality {
bottom: 3px;
left: 0;
margin-left: auto;
margin-right: auto;
position: absolute;
text-align: center;
top: 77px;
width: 85px
}
.card-image .up {
bottom: 3px;
left: 28px;
margin-left: auto;
margin-right: auto;
position: absolute;
text-align: center;
width: 70px
}
.school1 {
color: #ffac4b!important
}
.school2 {
color: #d4ff58!important
}
.school3 {
color: #8fecff!important
}
.attack-button {
background: url(/templates/icons/fight/button-fight.png) center center no-repeat;
display: inline-block;
height: 49px;
line-height: 49px;
position: relative;
width: 319px
}
.attack-button .w {
float: left;
margin-left: 25px;
width: 270px
}
.attack-button .progress {
background: url(/templates/icons/fight/button-fight-p.png) no-repeat right, url(/templates/icons/fight/button-fight-full.png) no-repeat left;
height: 50px;
left: 0;
line-height: 50px;
overflow: hidden;
position: relative;
right: 0
}
.attack-button .button_text {
color: #8fecff;
font-family: chaos2, arial, verdana, tahoma, sans-serif;
font-size: 20px;
left: 0;
margin-left: auto;
margin-right: auto;
position: absolute;
right: 0;
text-align: center;
top: 2px;
width: 70px
}
.boss-main {
margin-bottom: 15px;
position: relative
}
.boss-back {
height: 270px;
overflow: hidden;
position: relative
}
.boss-back-image {
background: url(/templates/icons/bosses/fight-back1.jpg) no-repeat;
height: 270px;
left: 50%;
margin-left: -230px;
position: absolute;
width: 460px
}
.passive-skill-rage {
opacity: 0;
position: absolute;
top: 5%;
background: url(/templates/icons/fight/passiveSkills/rage.png);
width: 460px;
height: 284px
}
.passive-skill-breakout {
opacity: 0;
position: absolute;
top: 5%;
background: url(/templates/icons/fight/passiveSkills/breakout.png);
width: 460px;
height: 284px
}
.passive-skill-attackAround {
opacity: 0;
position: absolute;
top: 5%;
background: url(/templates/icons/fight/passiveSkills/attackAround.png);
width: 460px;
height: 284px
}
.passive-skill-block {
opacity: 0;
position: absolute;
top: 5%;
background: url(/templates/icons/fight/passiveSkills/block.png);
width: 460px;
height: 284px
}
.passive-skill-protection {
opacity: 0;
position: absolute;
top: 5%;
background: url(/templates/icons/fight/passiveSkills/protection.png);
width: 460px;
height: 284px
}
.passive-skill-parry {
opacity: 0;
position: absolute;
top: 5%;
background: url(/templates/icons/fight/passiveSkills/parry.png);
width: 460px;
height: 284px
}
.pvp_ava {
display: block;
height: 304px;
left: 50%;
margin-left: -230px;
overflow: hidden;
position: absolute;
top: 1px;
width: 460px
}
.dead {
left: 50%;
margin-left: -244px;
opacity: 0;
position: absolute;
top: -50px
}
.respawn {
left: 50%;
margin-left: -220px;
position: absolute;
top: 2px
}
.respawn_text {
left: 50%;
margin-left: -58px;
position: absolute;
top: 198px;
font-size: 18px
}
.dead_backstreet {
left: 50%;
margin-left: -244px;
opacity: 0;
position: absolute;
top: 0
}
.boss-fight-info {
background: url(/templates/icons/bosses/boss-back.png) repeat-y left;
background-size: cover;
color: #e82d2c;
font-family: chaos2, arial, verdana, tahoma, sans-serif;
font-size: 14px;
height: 32px;
left: 0;
position: absolute;
text-align: left;
top: 0;
width: 100%
}
.my-fight-info {
background: url(/templates/icons/fight/fight-player-back.png) no-repeat left;
background-size: cover;
bottom: 4px;
color: #6085ad;
font-family: chaos2, arial, verdana, tahoma, sans-serif;
font-size: 14px;
height: 32px;
left: 0;
position: absolute;
text-align: left;
width: 100%
}
.lft {
text-align: left
}
.rgt {
text-align: right
}
.pgr-fight {
background: url(/templates/icons/design/pgr-fight-l.png) no-repeat left, url(/templates/icons/design/pgr-fight-r.png) no-repeat right, url(/templates/icons/design/pgr-fight-m.png) repeat-x;
height: 8px;
padding-left: 4px;
padding-right: 2px;
position: relative
}
.pgr-fight-damage {
background: url(/templates/icons/design/progress-damage.png) repeat-x;
float: left;
height: 8px;
position: relative
}
.pgr-fight-health {
background: url(/templates/icons/design/progress-hp.png) repeat-x;
float: left;
height: 8px;
position: relative
}
.fight-damage {
color: #FFF;
margin-right: 5px
}
.fight-health {
margin-right: 10px
}
.fight-log-my {
color: #3ead02
}
.fight-log-boss {
color: #a92827
}
.fight-log {
color: #303c4e;
font-family: chaos2, arial, verdana, tahoma, sans-serif;
font-size: 14px;
margin-bottom: 10px;
margin-top: 2px;
white-space: nowrap
}
.lh {
line-height: 31px
}
.disable:after {
background-color: rgba(0, 0, 0, 0.5);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0
}
#reward {
-moz-transform: scale(.1);
-ms-transform: scale(.1);
-o-transform: scale(.1);
-webkit-transform: scale(.1);
opacity: 0;
transform: scale(.1)
}
.win-head {
background: url(/templates/icons/widgets/win/head.png) no-repeat center 48px, url(/templates/icons/widgets/win/background.png) no-repeat center 152px;
background-size: auto, auto, auto, 7px 191px, 7px 191px;
height: 367px;
left: 0;
position: absolute;
top: 0;
width: 360px
}
.trophy-head {
background: url(/templates/icons/widgets/trophie/back.png) no-repeat center 48px, url(/templates/icons/widgets/win/background.png) no-repeat center 152px;
background-size: auto, auto, auto, 7px 191px, 7px 191px;
height: 367px;
left: 0;
position: absolute;
top: 9px;
width: 360px
}
.trophy-head img {
left: 125px;
position: relative;
top: 38px
}
.win .button {
text-align: center;
top: 150px;
width: 150px;
z-index: 1
}
.trophy .button {
text-align: center;
top: 108px;
width: 150px;
z-index: 1
}
.reward-back {
background: rgba(0, 0, 0, 1);
bottom: 0;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
z-index: 12
}
.lose-head {
background: url(/templates/icons/widgets/lose/head.png) no-repeat center 48px, url(/templates/icons/widgets/lose/background.png) no-repeat center 118px;
background-size: auto, auto, auto, 7px 191px, 7px 191px;
height: 450px;
left: 0;
position: absolute;
top: 0;
width: 360px
}
.lose .button {
text-align: center;
top: 175px;
width: 174px;
z-index: 1
}
.levelup-head {
background: url(/templates/icons/widgets/levelup/head.png) no-repeat center 48px, url(/templates/icons/widgets/levelup/background.png) no-repeat 40px 123px;
background-size: auto, auto, auto, 7px 191px, 7px 191px;
height: 450px;
left: 0;
position: absolute;
top: 0;
width: 360px
}
.levelup .button {
text-align: center;
top: 196px;
width: 174px;
z-index: 1
}
.reward-text {
color: #FFF;
font-family: chaos2, arial, verdana, tahoma, sans-serif;
font-size: 20px;
left: 50%;
margin-left: -87px;
position: relative;
text-align: center;
width: 174px;
z-index: 10
}
.trophy .reward-text {
top: 122px
}
.trophy .reward-text2 {
color: #efdc7a;
font-family: chaos2, arial, verdana, tahoma, sans-serif;
font-size: 16px;
left: 50%;
margin-left: -79px;
position: relative;
text-align: center;
top: 9px;
width: 174px;
z-index: 10
}
.win .reward-text {
top: 142px
}
.trophy .reward-res {
left: 0;
margin-left: auto;
margin-right: auto;
position: relative;
text-align: center;
top: 119px
}
.lose .reward-text {
top: 139px
}
.levelup .reward-text {
top: 138px
}
.levelup .reward-res {
left: 0;
margin-left: auto;
margin-right: auto;
position: relative;
text-align: center;
top: 169px;
width: 270px
}
.levelup .reward-res2 {
color: #FFF;
font-family: Munchkin, serif;
font-size: 30px;
left: 0;
margin-left: auto;
margin-right: auto;
position: relative;
text-align: center;
top: 136px;
width: 270px
}
.win-reward-log {
display: none;
position: relative;
top: 190px
}
.reward-log {
display: none;
position: relative;
top: 181px
}
.chain2 {
display: none;
left: 84px;
position: absolute;
top: 30px;
width: 33px
}
.chain1 {
display: none;
left: 86px;
position: absolute;
top: 4px
}
.chain3 {
display: none;
left: 86px;
position: absolute;
top: 73px
}
.arrow_down {
-moz-animation: arrow-motion 500ms ease-in 0ms infinite alternate;
-o-animation: arrow-motion 500ms ease-in 0ms infinite alternate;
-webkit-animation: arrow-motion 500ms ease-in 0ms infinite alternate;
background-image: url(/templates/icons/design/arrow_down.png);
height: 61px;
left: 0;
position: absolute;
top: 0;
width: 48px;
z-index: 10
}
.arrow_up {
-moz-animation: arrow-motion 500ms ease-in 0ms infinite alternate;
-o-animation: arrow-motion 500ms ease-in 0ms infinite alternate;
-webkit-animation: arrow-motion 500ms ease-in 0ms infinite alternate;
animation: arrow-motion 500ms ease-in 0ms infinite alternate;
background-image: url(/templates/icons/design/arrow_down.png);
height: 61px;
left: 0;
position: absolute;
top: 0;
width: 48px;
z-index: 10000
}
.campaign-back {
background-size: cover;
height: 465px;
margin: 0 auto
}
.campaign_exit {
color: #5f5f5f;
height: 170px;
padding-top: 113px;
position: absolute;
text-align: center;
top: 41px;
width: 160px
}
.cexit1 {
padding-top: 120px
}
a.campaign_exit {
color: #5f5f5f;
text-decoration: none
}
.campaign1 {
color: #fddbaa;
font-size: 16px;
left: 30%;
padding-bottom: 16px;
padding-top: 148px;
position: absolute;
text-align: center;
top: 5px;
width: 284px
}
.campaign2 {
color: #fddbaa;
font-size: 16px;
left: 10%;
padding-bottom: 16px;
padding-top: 135px;
position: absolute;
text-align: center;
top: 223px;
width: 284px
}
a.campaign1, a.campaign2, a.clan_boss_in {
color: #fddbaa;
text-decoration: none
}
.campaign-back .info {
margin: 45px auto 5px;
padding-bottom: 10px;
position: relative;
white-space: nowrap;
width: 176px
}
.main-head {
background: url(/templates/icons/design/main-head.png) no-repeat center;
background-size: 100% 100%;
color: #5e7690;
font-family: chaos2, arial, verdana, tahoma, sans-serif;
font-size: 22px;
height: 35px;
line-height: 37px;
margin: 0 auto;
text-align: center;
white-space: nowrap;
width: 100%
}
.campaign-boss1 {
color: #67728a;
font-family: chaos2, arial, verdana, tahoma, sans-serif;
font-size: 20px;
margin-top: 15px;
text-align: center
}
.campaign-boss2 {
color: #be4545;
font-family: chaos2, arial, verdana, tahoma, sans-serif;
font-size: 20px;
margin-top: 15px;
text-align: center
}
.campaign-time {
color: #8f9b9d;
font-family: chaos2, arial, verdana, tahoma, sans-serif;
font-size: 20px;
margin-top: -32px;
position: relative;
z-index: 4
}
.campaign-link {
position: relative;
top: 5px
}
.brd-item {
background: url(/templates/icons/design/brd-item-shadow.png) no-repeat center 20px;
min-height: 100px;
width: 100%
}
.item-name {
color: #8f9b9d;
font-family: chaos2, arial, verdana, tahoma, sans-serif;
font-size: 20px;
text-align: center
}
.back-school {
font-size: 12px;
height: 15px;
line-height: 15px;
margin-bottom: 5px;
margin-top: 5px;
text-align: center
}
.back-school1 {
background: url(/templates/icons/design/back-school1.png) no-repeat center;
color: #9a372c
}
.back-school2 {
background: url(/templates/icons/design/back-school2.png) no-repeat center;
color: #667428
}
.back-school3 {
background: url(/templates/icons/design/back-school3.png) no-repeat center;
color: #455479
}
.drop {
left: 0;
margin-left: auto;
margin-right: auto;
position: absolute;
right: 0;
top: 45px
}
.main-hint {
font-size: 14px;
margin-bottom: 10px;
margin-top: 10px;
text-align: center
}
.train-school {
height: 86px;
margin: 8px auto 0;
max-width: 460px;
white-space: nowrap
}
.train-school1 {
background: url(/templates/icons/shop/trainback1.png) no-repeat 43px 0
}
.train-school2 {
background: url(/templates/icons/shop/trainback2.png) no-repeat 43px 0
}
.train-school3 {
background: url(/templates/icons/shop/trainback3.png) no-repeat 43px 0
}
.train-school-dodge {
background: url(/templates/icons/shop/trainbackdodge.png) no-repeat 43px 0
}
.train-main {
margin: 0 auto;
width: 320px
}
.grey {
color: #bec2cc!important
}
.btn-back {
background: url(/templates/icons/buttons/btn-back-l.png) left center no-repeat, url(/templates/icons/buttons/btn-back-r.png) right center no-repeat;
color: #8f9b9d;
display: block;
float: none;
font-size: 18px;
height: 48px;
margin-left: -6px;
margin-right: -6px;
margin-top: 7px;
overflow: hidden;
position: relative;
text-align: left;
text-decoration: none
}
.btn-back:after {
background: url(/templates/icons/buttons/btn-back-arrow.png) left center no-repeat, url(/templates/icons/buttons/btn-back-gr.png) left center repeat-x;
content: "";
display: block;
height: 48px;
margin-left: 4px;
margin-right: 4px;
margin-top: -37px
}
.btn-clear-mail {
background: url(/assets/img/_screen7/menu_btn_01.png) left center no-repeat, url(/assets/img/_screen7/menu_btn_05.png) right center no-repeat;
color: #8f9b9d;
display: block;
float: none;
font-size: 18px;
height: 35px;
margin-left: -6px;
margin-right: -6px;
margin-top: 7px;
max-width: 460px;
overflow: hidden;
position: relative;
text-align: left;
text-decoration: none
}
.btn-clear-mail:after {
background: url(/templates/icons/icons/i.png) left center no-repeat, url(/assets/img/_screen7/menu_btn_03.png) left center repeat-x;
content: "";
display: block;
height: 48px;
margin-left: 4px;
margin-right: 4px;
margin-top: -37px
}
.amulet {
max-width: 187px;
width: 100%
}
.amulet-info {
color: #8f9b9d;
margin: 3px auto 0;
text-align: left;
white-space: nowrap;
width: 50%
}
.campaign-tasks {
line-height: 14px;
margin: 0 auto;
text-align: center;
width: 92px
}
.exit1 {
padding-top: 6px
}
.exit2 {
padding-top: 0
}
.card-reward {
max-height: 139px;
margin: 0 auto;
padding-right: 4px;
padding-top: 13px;
width: 221px
}
.card-reward-update {
height: 160px;
margin: 0 auto;
padding-right: 4px;
padding-top: 13px;
width: 221px
}
.card-reward-school {
position: relative;
top: -93px
}
.new-card-text {
background: url(/templates/icons/cards/new_card.jpg) no-repeat center;
color: #fff;
font-size: 18px;
height: 65px;
line-height: 22px;
margin: 8px auto 0;
padding-left: 67px;
padding-top: 8px;
width: 220px
}
.reward-res-one {
background: url(/templates/icons/widgets/res.png) no-repeat center;
font-size: 18px;
height: 80px;
padding-top: 2px;
width: 80px
}
.reward-res-ones {
display: table;
margin: 0 auto;
padding-bottom: 10px;
padding-top: 17px;
position: relative
}
.popup {
background: url(/templates/icons/popup/popup_big_wom.png) left center no-repeat, url(/templates/icons/popup/popup_big_1.jpg) left center no-repeat, url(/templates/icons/popup/popup_big_3.jpg) right center no-repeat;
color: #8f9b9d;
display: block;
float: none;
font-size: 18px;
height: 114px;
margin-bottom: 2px;
margin-top: 2px;
overflow: hidden;
position: relative;
text-align: left;
text-decoration: none
}
.popup .button_text {
padding-left: 103px;
padding-top: 4px
}
.popup .text2 {
height: 120px;
margin: 0 auto;
min-width: 268px;
width: 100%
}
.popup .text3 {
line-height: 13px;
margin: 0 auto
}
.popup .text5 {
width: 171px
}
.popup:after {
background: url(/templates/icons/popup/popup_big_2.jpg) left center repeat-x;
content: "";
display: block;
height: 114px;
margin-left: 148px;
margin-right: 93px;
margin-top: -124px
}
.popup2 {
background: url(/templates/icons/popup/popup_blue_1.jpg) left center no-repeat, url(/templates/icons/popup/popup_blue_3.jpg) right center no-repeat;
color: #8f9b9d;
display: block;
float: none;
font-size: 18px;
height: 92px;
margin-bottom: 2px;
margin-top: 2px;
overflow: hidden;
position: relative;
text-align: left;
text-decoration: none
}
.popup2:after {
background: url(/templates/icons/popup/popup_blue_2.jpg) left center repeat-x;
content: "";
display: block;
height: 92px;
margin-left: 81px;
margin-right: 80px;
margin-top: -25px
}
.popup3 {
background: url(/templates/icons/popup/popup_red_1.jpg) left center no-repeat, url(/templates/icons/popup/popup_red_3.jpg) right center no-repeat;
color: #8f9b9d;
display: block;
float: none;
font-size: 18px;
height: 52px;
margin-bottom: 2px;
margin-top: 2px;
overflow: hidden;
position: relative;
text-align: left;
text-decoration: none
}
.popup3 .text5 {
margin-top: -3px;
padding-top: 18px
}
.popup3:after {
background: url(/templates/icons/popup/popup_red_2.jpg) left center repeat-x;
content: "";
display: block;
height: 52px;
margin-left: 73px;
margin-right: 74px;
margin-top: -25px
}
.popup4 {
background: url(/templates/icons/popup/popup_blue2_1.jpg) left center no-repeat, url(/templates/icons/popup/popup_blue2_2.jpg) right center no-repeat;
color: #8f9b9d;
display: block;
float: none;
font-size: 18px;
height: 52px;
margin-bottom: 0;
margin-top: 0;
overflow: hidden;
position: relative;
text-align: left;
text-decoration: none
}
.popup4 .text5 {
color: #fff;
font-size: 20px;
margin-top: -3px;
padding-top: 16px;
text-decoration: none
}
.popup4:after {
background: url(/templates/icons/popup/popup_blue2_3.jpg) left center repeat-x;
content: "";
display: block;
height: 52px;
margin-left: 93px;
margin-right: 93px;
margin-top: -25px
}
.popup5 {
background: url(/templates/icons/popup/popup_violet_1.jpg) left center no-repeat, url(/templates/icons/popup/popup_violet_2.jpg) right center no-repeat;
color: #8f9b9d;
display: block;
float: none;
font-size: 18px;
height: 92px;
margin-bottom: -7px;
margin-top: -7px;
overflow: hidden;
position: relative;
text-align: left;
text-decoration: none
}
.popup5 .text6 {
padding-top: 16px
}
.popup5:after {
background: url(/templates/icons/popup/popup_violet_3.jpg) left center repeat-x;
content: "";
display: block;
height: 92px;
margin-left: 81px;
margin-right: 80px;
margin-top: -25px
}
button {
background: 0;
border: 0
}
.profile_amulet_text {
color: #8f9b9d;
font-size: 18px;
margin-top: -25px;
text-align: center
}
.profile_amulet_text_name {
color: #eedd68;
font-family: chaos2, arial, verdana, tahoma, sans-serif;
font-size: 16px;
position: relative;
right: 21px;
text-align: right;
top: 7px;
z-index: 3
}
.profile_amulet_text_hint {
color: #8f9b9d;
font-size: 14px;
position: absolute;
right: 21px;
text-align: right;
top: 34px;
width: 200px;
z-index: 3
}
.profile_amulet {
height: 84px;
margin-left: auto;
margin-right: auto;
position: relative;
width: 100%
}
.btn-y {
background: url(/templates/icons/buttons/btn-y-l.png) left top no-repeat, url(/templates/icons/buttons/btn-y-r.png) right top no-repeat;
color: #68fffe;
display: block;
float: none;
font-size: 18px;
height: 36px;
line-height: 34px;
margin: 5px auto;
max-width: 420px;
overflow: hidden;
position: relative;
text-align: center;
text-decoration: none
}
.btn-y:after {
background: url(/templates/icons/buttons/btn-y-m.png) left top repeat-x;
content: "";
display: block;
height: 36px;
margin-left: 46px;
margin-right: 46px;
margin-top: -34px
}
.btn-f {
background: url(/templates/icons/buttons/btn-f-l.png) left top no-repeat, url(/templates/icons/buttons/btn-f-r.png) right top no-repeat;
color: #68fffe;
display: block;
float: none;
font-size: 18px;
height: 41px;
line-height: 39px;
margin: 5px auto;
max-width: 420px;
overflow: hidden;
position: relative;
text-align: center;
text-decoration: none
}
.btn-f:after {
background: url(/templates/icons/buttons/btn-f-m.png) left top repeat-x;
content: "";
display: block;
height: 41px;
margin-left: 14px;
margin-right: 14px;
margin-top: -39px
}
.row-gold {
margin: 12px auto 24px;
max-width: 327px
}
.row-energy {
margin-left: auto;
margin-right: auto;
margin-top: 25px;
width: 327px
}
.w33 {
width: 33%
}
.collections {
background: url(/templates/icons/collections/r.png) no-repeat right 99px, url(/templates/icons/collections/l.png) no-repeat left 99px;
background-size: auto, auto;
margin: 0 auto 36px;
max-width: 354px;
min-width: 320px;
width: 100%
}
.collections:after {
background: url(/templates/icons/collections/c.png) repeat-x center 0;
background-size: auto;
content: "";
display: block;
height: 24px;
margin-left: 50px;
margin-right: 50px;
margin-top: -48px
}
.collection {
font-size: 15px;
height: 130px;
margin-top: 13px;
padding-top: 101px;
text-align: center;
width: 90px
}
.collection_in {
background: url(/templates/icons/collections/l_3.png) no-repeat right 4px, url(/templates/icons/collections/l_1.png) no-repeat left 4px;
background-size: auto, auto;
margin: 0 auto;
max-width: 280px;
width: 100%
}
.collection_in:after {
background: url(/templates/icons/collections/l_2.png) repeat-x center 0;
background-size: auto;
content: "";
display: block;
height: 24px;
margin-left: 36px;
margin-right: 36px;
margin-top: -24px
}
.equip_text_plus {
margin-right: 2px;
margin-top: -19px;
text-align: right
}
.equip_rune {
margin-right: 0;
margin-top: -24px;
text-align: right
}
.equip_rune_set {
margin-right: -8px;
margin-top: -35px;
text-align: right
}
.equip_profile_rune_set {
margin-right: -8px;
margin-top: 3px;
position: relative;
text-align: right;
top: 49px
}
.equip_profile_rune {
margin-right: 1px;
margin-top: 3px;
position: relative;
text-align: right;
top: 60px
}
.boss-stigma {
position: relative;
text-align: center;
top: 100px;
z-index: 10
}
.buble_tutor {
background: url(/templates/icons/design/bubble_03.png) no-repeat center;
color: #000;
display: block;
font-family: Munchkin;
font-size: 13px;
height: 88px;
left: 48%;
line-height: 18px;
margin: 8px auto 0;
padding-left: 28px;
padding-top: 11px;
position: absolute;
top: 10%;
width: 220px;
z-index: 10
}
.inbl, .footer .link img {
display: inline-block
}
.center, .footer .middle {
text-align: center
}
.clr-white, .school1off, .school2off, .school3off {
color: #8f9b9d!important
}
.pl5, .btn-main .url {
padding-left: 5px
}
.pst-relative, .disable {
position: relative
}
.text-typing-value, .first-log {
display: none
}
a.boss, a.boss-hint {
color: #8f9b9d;
text-decoration: none
}
.back-street, .main-clanwar {
height: 84px;
max-width: 322px;
width: 100%;
position: absolute
}
.back-street:after, .profile_amulet:after {
background: url(/templates/icons/bosses/back-street/back/rc.png) left top repeat-x;
content: "";
display: block;
height: 84px;
margin-left: 43px;
margin-right: 43px;
margin-top: -22px
}
.boss-name, .fight-name {
font-size: 18px;
margin-left: 7px
}
.margin-auto, .popup2 .text5, .popup5 .text5 {
margin: 0 auto
}
a.campaign-link, .collection:hover {
text-decoration: none
}
.btn-back:hover, .btn-clear-mail:hover {
color: #8f9b9d;
text-decoration: none
}
.btn-back .back-text, .btn-clear-mail .clear-mail-text {
padding-left: 60px;
padding-top: 12px
}
.popup .text4, .popup2 .text4, .popup5 .text4 {
line-height: 17px;
margin-bottom: 13px
}
.popup2 .text2, .popup5 .text2 {
height: 25px;
text-align: center
}
.popup2 .text3, .popup5 .text3 {
line-height: 13px;
margin: 0 auto;
padding-bottom: 4px;
padding-top: 8px
}
.popup3 .button_text, .btn-y:hover, .btn-f:hover {
color: #68fffe;
text-decoration: none
}
.popup3 .text2, .popup4 .text2 {
height: 28px;
text-align: center
}
.popup3 .text3, .popup4 .text3 {
margin-top: -3px
}
.popup3 .text4, .popup4 .text4 {
margin-top: -14px
}
.new_small_gift {
position: absolute;
right: -7px;
top: 152px
}
.new_small {
position: absolute;
right: -16px;
top: 44px
}
.new_small2 {
position: absolute;
right: -34px;
top: 5px
}
.new_small3 {
position: absolute;
right: -184px;
top: -32px
}
.new_small4 {
position: relative;
right: -56px;
top: -24px
}
.new_small5 {
position: absolute;
right: -3px;
top: 6px
}
.faster-btn {
background: url(/templates/icons/clan/blue-line.png) repeat-x;
bottom: -18px;
cursor: pointer;
height: 36px;
left: 0;
margin: 0 auto;
max-width: 280px;
position: absolute;
right: 0;
z-index: 1
}
.faster-text {
left: 0;
position: absolute;
right: 0;
text-align: center;
top: 7px
}
.faster-btn p {
color: #b7fdfd;
font-family: "Munchkin";
font-size: 16px
}
.faster-btn p span {
color: #fde87e;
margin-left: 23px;
position: relative
}
.faster-btn p span:before {
content: url('/templates/icons/clan/gold.png');
left: -20px;
position: absolute;
top: -1px
}
.faster-btn:before {
content: url('/templates/icons/clan/left-blue.png')
}
.faster-btn:after {
content: url('/templates/icons/clan/right-blue.png');
position: absolute;
right: 0;
top: 0
}
.newbie {
background: url(/templates/icons/newbie/back.jpg) center center no-repeat;
background-size: cover;
height: 380px;
position: relative
}
.newbie_chapter {
background: url(/templates/icons/newbie/back2.jpg) center center no-repeat;
background-size: cover;
height: 380px;
position: relative
}
.newbie2 {
background: url(/templates/icons/newbie/right.png) right center no-repeat;
background-size: initial;
height: 380px;
position: relative;
right: -17px
}
.newbie3 {
background: url(/templates/icons/newbie/gold.png) left top no-repeat, url(/templates/icons/newbie/red.png) center bottom no-repeat;
background-size: initial;
height: 134px;
margin-bottom: 10px;
margin-top: -74px;
position: relative
}
.newbieCard1 {
background: url(/templates/icons/newbie/1.jpg) right center no-repeat;
background-size: initial;
height: 165px;
width: 131px
}
.newbieCard2 {
background: url(/templates/icons/newbie/2.jpg) right center no-repeat;
background-size: initial;
height: 165px;
width: 131px
}
.newbieCard2_3 {
background: url(/templates/icons/newbie/2_3.jpg) right center no-repeat;
background-size: initial;
height: 165px;
width: 131px
}
.newbieCard2_4 {
background: url(/templates/icons/newbie/2_4.jpg) right center no-repeat;
background-size: initial;
height: 165px;
width: 131px
}
.newbieCard3 {
background: url(/templates/icons/newbie/3.jpg) right center no-repeat;
background-size: initial;
height: 165px;
width: 131px
}
.newbieCard3_3 {
background: url(/templates/icons/newbie/3_3.jpg) right center no-repeat;
background-size: initial;
height: 165px;
width: 131px
}
.newbieCard4_3 {
background: url(/templates/icons/newbie/4_3.jpg) center center no-repeat;
background-size: initial;
height: 195px;
position: relative;
width: 448px
}
.newbieCard4_4 {
background: url(/templates/icons/newbie/4_4.jpg) center center no-repeat;
background-size: initial;
height: 195px;
position: relative;
width: 448px
}
.newbie_time {
color: #fff;
font-family: Munchkin;
font-size: 22px;
position: absolute;
right: 60px;
top: 65px
}
.newbie_text1 {
color: #fff;
font-family: Munchkin;
font-size: 16px;
position: absolute;
right: 100px;
top: 157px
}
.newbie_text2 {
color: #fff;
font-family: Munchkin;
font-size: 32px;
position: absolute;
right: 53px;
top: 189px
}
.newbie_text3 {
color: #efdc7a;
font-family: Munchkin;
font-size: 16px;
position: absolute;
right: 55px;
text-align: center;
top: 243px
}
.newbie_text4 {
color: #efdc7a;
font-family: Munchkin;
font-size: 22px;
left: 165px;
position: absolute;
text-align: center;
top: 77px
}
.newbie_text5 {
color: #FFF;
font-family: Munchkin;
font-size: 34px;
position: absolute;
right: 14%;
text-align: center;
top: 92px
}
.old_price {
color: #5f5f5f!important;
text-decoration: line-through
}
.sale_inner_content {
height: 64px;
left: -13px;
max-width: 460px;
position: relative
}
.sale_border_img {
background: url(/templates/icons/sale/f_left.png) left top no-repeat;
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.sale_border_img:after {
background: url(/templates/icons/sale/f_middle.png) center repeat-x, url(/templates/icons/sale/f_right.png) right top no-repeat;
content: "";
height: 100%;
left: 43px;
position: absolute;
top: 0;
width: 96%
}
.sale-text {
height: 100%;
position: absolute;
right: 18px;
text-align: center;
top: -4px;
white-space: nowrap;
width: 217px
}
.sale-link {
color: #e4f959;
font-family: Munchkin;
font-size: 18px;
position: relative;
top: 15px
}
.sale-link:hover {
color: #e4f959;
text-decoration: none
}
.sale-link2 {
color: #fff;
position: relative;
top: 10px
}
.sale-arrow {
position: absolute;
right: -3%;
top: 22px
}
.sale-plus {
position: absolute;
right: -26px;
top: 1px
}
.header-section_p {
background: rgba(0, 0, 0, .7);
display: flex;
position: relative
}
.vip_icon {
background: url(/templates/icons/newbie/vips.png) no-repeat;
height: 25px;
line-height: 35px;
margin-left: 3px;
margin-top: 7px;
width: 27px
}
.b-coin_p span:nth-child(1):before {
content: url('/templates/icons/clan/energy.png');
left: -18px;
position: absolute;
top: 4px
}
.b-coin_p span:nth-child(2):before {
content: url('/templates/icons/clan/silver.png');
left: -19px;
position: absolute;
top: 4px
}
.b-coin_p span:nth-child(3):before {
content: url('/templates/icons/clan/gold.png');
left: -19px;
position: absolute;
top: 4px
}
.header-section_p:after {
border: 1px solid #423b32;
bottom: 0;
content: '';
height: 5px;
left: 8px;
position: absolute;
width: 98.1%
}
.b-progress_p {
border: 1px solid #423b32
}
.b-coin span:nth-child(1):before {
content: url('/templates/icons/clan/energy.png');
left: -18px;
position: absolute;
top: 3px
}
.b-coin span:nth-child(2):before {
content: url('/templates/icons/clan/silver.png');
left: -18px;
position: absolute;
top: 3px
}
.b-coin span:nth-child(3):before {
content: url('/templates/icons/clan/gold.png');
left: -18px;
position: absolute;
top: 3px
}
.header-section:after {
border: 1px solid #423b32;
bottom: 0;
content: '';
height: 5px;
left: 0;
position: absolute;
width: 100%
}
.b-progress--top {
background: url(/templates/icons/clan/progress-yellow-bg.png);
bottom: 1px;
height: 5px;
position: absolute
}
.b-progress--top2 {
height: 5px;
left: 9%;
position: absolute;
right: -41px;
top: 35px;
width: 91%
}
.header-section {
background: #000;
display: flex;
max-width: 460px;
position: relative
}
.b-crown-online__border {
background: url(/templates/icons/clan/rating-avatar-border-online.png) no-repeat;
height: 39px;
position: relative;
width: 40px
}
.b-button {
color: #32373b;
display: flex;
font-family: "Munchkin", Tahoma;
font-size: 18px;
justify-content: center;
margin-bottom: 5px;
margin-top: 1px;
margin-top: 5px
}
.b-first__button--exper:hover {
color: #efdc7a;
text-decoration: none
}
.b-first__button--school:hover {
color: #7c8688;
text-decoration: none
}
.b-first__button--school {
align-items: center;
background: url(/templates/icons/clan/btn-back-gr.png);
border-radius: 5px;
color: #7c8688;
cursor: pointer;
cursor: pointer!important;
display: flex;
height: 40px;
height: 35px;
justify-content: center;
margin-left: 4px;
margin-right: 2px;
position: relative;
width: 48%;
width: 49%;
z-index: 1
}
.b-first__button--exper {
align-items: center;
background: url(/templates/icons/clan/btn-back-gr.png);
border-radius: 5px;
color: #efdc7a;
cursor: pointer;
display: flex;
height: 40px;
height: 35px;
justify-content: center;
margin-left: 2px;
margin-right: 4px;
position: relative;
width: 48%;
width: 49%
}
.price_short {
font-family: Arial, serif
}
.clan_invite {
margin-bottom: 68px
}
.clan_invite_name {
color: #fff;
display: inline-block;
font-family: Munchkin, Serif;
font-size: 22px;
margin-top: 124px;
text-align: center
}
.clan_invite_level {
color: #fceb92;
display: inline-block;
font-family: Munchkin, Serif;
font-size: 22px;
text-align: center
}
.clan_invite_bonus_text {
color: #fff;
font-family: Munchkin;
font-size: 14px;
margin-bottom: 8px;
margin-top: -2px;
text-align: center
}
.clan_invite_builds {
text-align: center
}
.clan_invite_green {
color: #b5fc4a
}
.clan_invite_text {
color: #f7dc9b;
font-family: Munchkin, Serif;
font-size: 18px;
padding-top: 7px;
text-align: center;
z-index: 1
}
.clan_invite_text2 {
color: #fff;
font-family: Munchkin, Serif;
font-size: 14px;
line-height: 1px;
margin: 0 auto;
text-align: left;
width: fit-content
}
.clan_invite_decline {
background: url(/templates/icons/clan/decline.jpg) center no-repeat;
color: #68fffe;
display: inline-block;
float: left;
font-size: 18px;
height: 36px;
line-height: 34px;
overflow: hidden;
position: relative;
text-align: center;
width: 130px
}
.clan_invite_accept {
background: url(/templates/icons/clan/accept.jpg) center no-repeat;
color: #68fffe;
display: inline-block;
float: right;
font-size: 18px;
height: 36px;
line-height: 34px;
overflow: hidden;
position: relative;
text-align: center;
width: 130px
}
.hunter_avatar {
align-items: center;
background: url(/assets/img/hunter-avatar-border.png) no-repeat;
display: flex;
height: 40px;
justify-content: center;
margin-left: 4%;
margin-right: 3%;
width: 40px
}
.pvpChange {
position: absolute;
right: 0;
top: 189px
}
.pvpMyCount {
left: 6px;
position: absolute;
text-shadow: 1px 2px 2px black, 0 0 1em #000;
top: 42px
}
.pvpEnemyCount {
position: absolute;
right: 6px;
text-shadow: 1px 2px 2px black, 0 0 1em #000;
top: 42px
}
.pvpDodge {
position: absolute;
right: 7px;
top: 189px
}
#tt_text {
background: #000000c4;
color: #fff;
height: 71px;
margin: 0 auto;
padding: 5px;
position: absolute;
right: 0;
text-align: center;
top: 27px;
width: 189px;
z-index: 10
}
#vip_text {
background: #000000c4;
color: #fff;
height: 71px;
left: 58px;
margin: 0 auto;
padding: 5px;
position: absolute;
text-align: center;
top: 27px;
width: 189px;
z-index: 10
}
.main-chat-inner:after {
background: url(/templates/icons/main/chatl.png) left no-repeat, url(/templates/icons/main/chatr.png) right no-repeat;
content: "";
height: 34px;
left: 0;
margin-top: -28px;
position: absolute;
width: 100%
}
.main-chat-inner {
border: 1px solid #333;
font-size: 12px;
height: 32px;
margin-top: -6px;
overflow: hidden;
padding-left: 42px;
position: relative;
white-space: nowrap
}
.tower_reward {
background: url(/templates/icons/tower/find.jpg) center no-repeat;
background-size: initial;
height: 175px;
margin: 0 auto;
text-align: center
}
.tower_doors {
background: url(/templates/icons/tower/doors.jpg) center no-repeat;
background-size: initial;
height: 244px
}
.tower_stage {
background: url(/templates/icons/tower/stage.png) center no-repeat;
background-size: initial;
color: #fff;
font-family: munchkin;
font-size: 20px;
height: 33px;
text-align: center
}
.tower_health {
height: 5px;
position: relative
}
.tower_health_inner {
height: 5px;
position: absolute;
width: 100%
}
.tower_doors_inner {
margin: 0 auto;
position: relative;
width: 247px
}
.tower_door1_img {
background: url(/templates/icons/tower/1.png) center no-repeat;
background-size: initial
}
.tower_door2_img {
background: url(/templates/icons/tower/2.png) center no-repeat;
background-size: initial
}
.tower_door3_img {
background: url(/templates/icons/tower/3.png) center no-repeat;
background-size: initial
}
.tower_door1_img.open {
background: url(/templates/icons/tower/1_open.png) center no-repeat;
background-size: initial
}
.tower_door2_img.open {
background: url(/templates/icons/tower/2_open.png) center no-repeat;
background-size: initial
}
.tower_door3_img.open {
background: url(/templates/icons/tower/3_open.png) center no-repeat;
background-size: initial
}
.tower_door1_img.bossTower {
background: url(/templates/icons/tower/uh.png) center no-repeat, url(/templates/icons/tower/1_open.png) center no-repeat;
background-size: 147px 138px, auto
}
.tower_door2_img.bossTower {
background: url(/templates/icons/tower/uh.png) center no-repeat, url(/templates/icons/tower/2_open.png) center no-repeat;
background-size: 147px 138px, auto
}
.tower_door3_img.bossTower {
background: url(/templates/icons/tower/uh.png) center no-repeat, url(/templates/icons/tower/3_open.png) center no-repeat;
background-size: 147px 138px, auto
}
.tower_door1 {
height: 136px;
left: -41px;
position: absolute;
top: 34px;
width: 93px
}
.tower_door2 {
height: 136px;
left: 80px;
position: absolute;
top: 34px;
width: 93px
}
.tower_door3 {
height: 136px;
left: 202px;
position: absolute;
top: 34px;
width: 93px
}
.tower_door1.door_open {
height: 136px;
left: -57px;
position: absolute;
top: 34px;
width: 114px
}
.tower_door2.door_open {
height: 136px;
left: 66px;
position: absolute;
top: 34px;
width: 114px
}
.tower_door3.door_open {
height: 136px;
left: 191px;
position: absolute;
top: 34px;
width: 114px
}
.tower_health_text {
color: red;
font-size: 16px;
line-height: 22px;
text-align: center
}
.tower_button {
height: 50px
}
.tower_menu {
margin: 55px auto 80px;
position: relative;
width: 330px
}
.tower_reward_one {
display: inline-block;
margin: 0 auto;
position: relative;
text-align: center;
width: 56px
}
.tower_reward_text {
color: #8f9b9d;
font-family: munchkin;
font-size: 21px;
line-height: 43px;
position: relative;
text-align: center;
top: 12px
}
.tower_reward_img {
left: 8px;
position: absolute;
top: 0
}
.tower_reward_all {
position: relative;
top: 21px
}
.tower_open {
color: #8f9b9d;
font-family: munchkin;
font-size: 16px;
left: 50%;
margin: 0 auto 0 -100px;
position: absolute;
text-align: center;
width: 200px
}
.tower_reward_plus {
color: #22e200;
display: none;
font-size: 16px;
margin: 0 auto;
position: absolute;
text-align: center;
top: -20px;
width: 56px
}
.table-head {
color: #3e3e3f;
font-family: "Munchkin", Tahoma;
font-size: 16px;
font-weight: 400
}
.rating-table-head-left {
width: 48%
}
.rating-table-head-right {
text-align: right;
width: 50%
}
.location-name {
background: #000;
border-top: 3px solid #000;
display: flex;
font-size: 18px;
height: 32px;
justify-content: space-between;
position: relative;
z-index: 15
}
.location-name:before {
content: url('/templates/icons/clan/location-bg-left.png')
}
.location-name:after {
content: url('/templates/icons/clan/location-bg-right.png')
}
.b-location__bg:before {
background: url(/templates/icons/clan/line-1px-left.png) no-repeat;
content: "";
height: 30px;
left: 0;
position: absolute;
width: 118px
}
.b-location__bg:after {
background: url(/templates/icons/clan/line-1px-right.png) no-repeat;
content: "";
height: 30px;
position: absolute;
right: 0;
width: 118px
}
.b-location__bg {
align-items: center;
background: url(/templates/icons/clan/line-1px.png);
color: #007e72;
display: flex;
font-family: "Munchkin", Tahoma;
height: 30px;
justify-content: center;
position: relative;
width: 100%
}
.b-location__bg span {
z-index: 1
}
#energy {
font-style: normal
}
.gift-img img {
height: 70px;
margin-left: 5px;
margin-right: 5px
}
.gift_img_border {
float: left;
height: 100%;
margin: -25px 10px;
width: 50px
}
.gift_info {
color: #adadad;
float: left;
font-size: 13px;
font-weight: 600;
margin: -5px 30px
}
.gift_grad {
background: url(/assets/img/_screen9/equip_back_grad.png) center 20px no-repeat;
height: 100%;
width: 100%
}
.gift_name {
background: url(/assets/img/_screen9/equip_bottom_gray_border.png) center bottom no-repeat #000;
color: #fff;
font-size: 14px;
margin: 0 1%;
text-align: center;
width: 98%
}
#card_shade1, #card_shade2, #card_shade3 {
background: #000;
height: 0;
opacity: .5;
position: absolute;
width: 95px;
z-index: 3
}
#dodge_shade {
background-image: url(/templates/icons/pvp/dodge_grey.png);
height: 0;
position: absolute;
width: 91px;
z-index: 3
}
.dodge_time, .change_time {
color: #fff;
font-family: Munchkin;
font-size: 28px;
height: 32px;
position: absolute;
text-shadow: 1px 3px 2px black, 0 0 1em #000;
top: 27px;
width: 92px;
z-index: 4
}
.dodge_text, .change_text {
color: #efdc7a;
font-family: Munchkin;
font-size: 14px;
height: 32px;
position: absolute;
top: 64px;
width: 92px;
z-index: 4
}
#change_shade {
background-image: url(/templates/icons/pvp/change_grey.png);
height: 0;
position: absolute;
width: 91px;
z-index: 3
}
.ny_chest {
background: url(/templates/icons/hwevent/back.jpg?3) center no-repeat;
background-size: cover;
height: 460px
}
.ny_tree {
background: url(/templates/icons/event/tree.jpg?2) center no-repeat;
background-size: initial;
height: 460px
}
.ny_timer {
background: url(/templates/icons/event/timer.png) center no-repeat;
background-size: initial;
color: #fff;
font-size: 16px;
height: 35px;
padding-left: 33px;
padding-top: 6px;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 108px
}
.ny_snowflake {
color: #fff;
font-size: 16px;
height: 35px;
left: 7px;
padding-top: 6px;
position: absolute;
text-align: center;
top: 50px
}
.ny_text {
color: #fff;
font-family: Munchkin;
font-size: 18px;
height: 35px;
left: 50%;
line-height: 18px;
margin-left: -154px;
padding-top: 6px;
position: absolute;
text-align: center;
text-shadow: 1px 1px 1px #000;
top: 34px;
width: 308px
}
.ny_text2 {
color: #fff;
font-family: Munchkin;
font-size: 23px;
height: 35px;
left: 50%;
line-height: 30px;
margin-left: -154px;
padding-top: 6px;
position: absolute;
text-align: center;
text-shadow: 1px 1px 1px #000;
top: 203px;
width: 308px
}
.ny_rating {
color: #fff;
font-size: 14px;
position: absolute;
text-align: center;
text-shadow: 1px 1px 1px #000;
top: 244px;
width: 55px
}
.ny_info {
color: #fff;
font-size: 14px;
position: absolute;
right: 9px;
text-shadow: 1px 1px 1px #000;
top: 244px;
width: 55px;
z-index: 2
}
.ny_reward:after {
background: url(/templates/icons/event/rewards/golden-line.jpg) center no-repeat;
content: "";
height: 5px;
left: 53px;
position: absolute;
top: 31px;
width: 16px
}
.ny_rewards {
display: inline-flex;
font-size: 23px;
height: 35px;
left: 50%;
line-height: 30px;
margin-left: -172px;
padding-top: 6px;
position: absolute;
text-align: center;
top: 71px;
width: 351px
}
.ny_in_chest {
left: 50%;
margin-left: -130px;
position: absolute;
text-align: center;
top: 265px;
width: 260px
}
.ny_reward_text1 {
color: #efdc7a!important;
font-size: 12px;
left: 3px;
position: relative;
text-align: center;
top: -43px
}
.ny_reward_text2 {
color: #efdc7a!important;
font-size: 10px;
left: 0;
position: relative;
text-align: center;
top: -54px
}
.ny_bests {
background: url(/templates/icons/event/bests.jpg) center no-repeat;
background-size: initial;
color: #fedb6f;
font-family: Munchkin;
font-size: 18px;
height: 44px;
padding-top: 9px;
position: relative;
text-align: center;
width: 100%
}
.event_stars {
color: #fff;
font-family: Munchkin;
font-size: 20px;
left: 0;
padding-left: 19px;
padding-top: 3px;
position: absolute;
text-align: center;
top: 2px
}
.shop_card_url {
display: block;
height: 172px;
margin-top: -39px
}
.shop_card_img {
display: block;
height: 161px;
margin-top: -40px;
width: 88px
}
.clanwar_main_text {
left: 12px;
position: relative;
top: 57px
}
.sale_special {
background: url(/templates/icons/sale/special2.jpg) center center no-repeat;
background-size: cover;
height: 434px;
position: relative
}
.sale_special_friday_gold {
background: url(/templates/icons/shop/fon_03.jpg) center center no-repeat;
background-size: cover;
height: 540px;
position: relative
}
.sale_special_time {
background: url(/templates/icons/sale/special4.png) center center no-repeat;
background-size: cover;
color: #fff;
font-family: Munchkin;
font-size: 22px;
height: 50px;
line-height: 22px;
padding-left: 34px;
padding-top: 6px;
position: absolute;
right: -5px;
text-align: center;
top: 20px;
width: 175px
}
.sale_special_time_name {
color: #fbea8f;
font-size: 16px
}
.sale_special_text {
color: #99f6fc;
font-family: Munchkin;
font-size: 32px;
line-height: 30px;
padding-top: 14px;
position: absolute;
right: 0;
text-align: center;
top: 189px;
width: 222px
}
.sale_special_text2 {
color: #fff;
font-family: Munchkin;
font-size: 20px;
line-height: 18px;
padding-top: 28px;
position: absolute;
right: 0;
text-align: center;
top: 226px;
width: 222px
}
.sale_special_text3 {
color: #fff;
font-family: Arial;
font-size: 27px;
font-weight: 700;
line-height: 18px;
position: absolute;
right: 28px;
text-align: center;
top: 396px
}
.sale_special_back {
background: url(/templates/icons/sale/special7.jpg) center center no-repeat;
background-size: cover;
height: 509px
}
.sale_special1 {
background: url(/templates/icons/sale/special5.png) right center no-repeat;
background-size: initial;
height: 165px;
width: 115px
}
.sale_special2 {
background: url(/templates/icons/sale/special6.png) right center no-repeat;
background-size: initial;
height: 165px;
width: 115px
}
.sale_special3 {
background: url(/templates/icons/sale/special8.png) right center no-repeat;
background-size: initial;
height: 165px;
width: 115px
}
.sale_special_text_get {
color: #fbea8f;
font-family: Munchkin;
font-size: 24px;
font-weight: 700;
height: 48px;
line-height: 46px;
text-align: center
}
.btn-sale-special {
background: url(/templates/icons/sale/special10.png) right center no-repeat;
background-size: initial;
height: 36px;
margin: 0 auto;
position: relative;
top: 20px;
width: 357px
}
.btn-sale-special-url {
color: #89f703;
display: block;
font-family: Munchkin;
font-size: 24px;
height: 36px;
line-height: 36px;
text-align: center
}
.btn-sale-special-url:hover {
color: #89f703;
text-decoration: none
}
.sale_special_gold {
display: flex;
height: 55px;
justify-content: space-between;
margin: 14px auto 0;
width: 223px
}
.sale_special_gold_text {
color: #fbea8f;
font-family: Munchkin;
font-size: 16px;
line-height: 24px;
text-align: center
}
.main-sale-special {
background: url(/templates/icons/sale/special1.jpg) center center no-repeat;
background-size: initial;
color: #fff;
font-family: Munchkin;
font-size: 22px;
height: 30px;
max-width: 460px;
text-align: center
}
.foot-sale-special {
background: url(/templates/icons/sale/special11.png) center center no-repeat;
background-size: initial;
color: #89f703;
font-family: Munchkin;
font-size: 18px;
height: 178px;
line-height: 29px;
margin: 0 auto;
max-width: 480px;
padding-top: 49px;
position: relative;
text-align: center;
top: 19px
}
.foot-sale-special-daily {
color: #89f703;
font-family: Munchkin;
font-size: 18px;
height: 34px;
line-height: 18px;
margin: 0 auto;
max-width: 480px;
position: relative;
text-align: center;
top: 19px
}
.deadwar_count {
background: url(/templates/icons/deadWar/fraction_back.png) center center no-repeat;
height: 89px;
padding-left: 24px;
padding-top: 23px;
position: absolute;
top: 40px;
width: 94px
}
.deadwar_dead_stone {
background: url(/templates/icons/deadWar/deadStone.png) center center no-repeat;
color: #8fecff;
font-family: Munchkin;
height: 89px;
padding-top: 59px;
position: absolute;
right: 0;
text-align: center;
top: 40px;
width: 94px
}
.deadwar_boss {
margin-left: -204px
}
.deadwar_ava {
display: block;
height: 304px;
left: 50%;
margin-left: -160px;
overflow: hidden;
position: absolute;
top: 1px;
width: 360px
}
.fight_text {
background: url(/templates/icons/deadWar/deadWarBackText.png) center center no-repeat;
color: #8fecff;
font-family: Munchkin;
font-size: 16px;
height: 112px;
line-height: 18px;
padding-top: 33px;
position: absolute;
text-align: center;
top: 112px;
width: 100%
}
.deadwar_fight_view {
color: #5f5f5f;
font-family: Munchkin;
font-size: 18px;
margin-top: 15px;
text-align: center
}
.reward_uniq_key44 {
color: #efdc7a!important;
font-family: Munchkin
}
.reward_uniq_key45 {
color: #e82d2c!important;
font-family: Munchkin
}
.reward_uniq_key46, .reward_uniq_key47 {
color: #8fecff!important;
font-family: Munchkin
}
.newbie_text6, .sale_special_text6 {
color: #FFF;
font-family: Munchkin;
font-size: 15px;
position: relative;
text-align: center;
top: 3px
}
.newbie_text7, .sale_special_text7 {
color: #FFF;
font-family: Munchkin;
font-size: 15px;
position: relative;
text-align: center;
top: 99px
}
.b-crown__border_p, .b-crown__border {
background: url(/templates/icons/clan/ava-border1.png) no-repeat;
height: 39px;
position: relative;
width: 40px
}
.b-crow__img_p, .b-crow__img {
background: url(/templates/icons/clan/nosave.jpg);
height: 35px;
left: 2px;
position: absolute;
top: 2px;
width: 35px
}
.b-sword_p, .b-sword {
color: #8b8b8b;
display: flex;
font-size: 14px;
line-height: 35px;
width: 50%
}
.sword-icon_p, .sword-icon {
background: url(/templates/icons/clan/strength.png) no-repeat;
height: 18px;
line-height: 35px;
margin-left: 3px;
margin-top: 7px;
width: 20px
}
.b-coin_p, .b-coin {
color: #8b8b8b;
display: flex;
font-size: 14px;
justify-content: flex-end;
line-height: 35px;
width: 50%
}
.b-coin_p span, .b-coin span {
margin-left: 20px;
margin-right: 5px;
position: relative;
white-space: nowrap
}
.b-crown_p, .b-crown {
z-index: 5
}
.b-first__button--school:before, .b-first__button--exper:before {
bottom: -10px;
content: url('/templates/icons/clan/btn-back-l.png');
left: 0;
position: absolute
}
.b-first__button--school:after, .b-first__button--exper:after {
bottom: -10px;
content: url('/templates/icons/clan/btn-back-r.png');
position: absolute;
right: 0
}
.hunter_avatar_border_online, .rating-avatar-online {
align-items: center;
background: url(/templates/icons/clan/rating-avatar-border-online.png) no-repeat;
display: flex;
height: 40px;
justify-content: center;
margin-left: 4%;
margin-right: 3%;
min-width: 40px
}
.new_hunter_name--top, .rating-score-top, .rating-name--top {
color: #fff
}
.new_hunter_name:before, .rating-name:before {
left: -16px;
position: absolute
}
.ny_reward-main, .ny_reward {
padding-left: 5px;
padding-right: 5px;
position: relative
}
.valor_reward {
width: 254px;
height: 71px
}
.valor_name {
margin-left: 84px;
margin-top: 5px;
font-size: 14px;
font-family: Munchkin;
color: #efdc7a;
line-height: 17px;
padding-top: 8px
}
.valor_stats {
margin-left: 84px;
font-size: 12px;
color: #fff
}
.valor_level {
margin-left: 70px;
margin-top: 5px;
font-family: Munchkin;
font-size: 18px;
color: #fff
}
.valor_reward.valor_current {
background: url(/templates/icons/valor/valor_current.png) no-repeat top center;
background-size: 254px 71px
}
.valor_reward.valor51 {
background: url(/templates/icons/valor/valor1.png) no-repeat top center;
background-size: 254px 71px
}
.valor_reward.valor52 {
background: url(/templates/icons/valor/valor2.png) no-repeat top center;
background-size: 254px 71px
}
.valor_reward.valor53 {
background: url(/templates/icons/valor/valor3.png) no-repeat top center;
background-size: 254px 71px
}
.valor_reward.valor54 {
background: url(/templates/icons/valor/valor4.png) no-repeat top center;
background-size: 254px 71px
}
.valor_reward.valor55 {
background: url(/templates/icons/valor/valor5.png) no-repeat top center;
background-size: 254px 71px;
padding-top: 1px
}
.valor_bot {
margin-bottom: 40px
}
.valor_rewards {
height: 756px
}
.valor_rewards_in {
margin: 0 auto;
width: 254px
}
.valor_level_top {
margin-top: 16px;
margin-left: 15px;
color: #fff;
padding-top: 28px
}
.tree_reward {
position: absolute;
top: 378px;
width: 224px;
left: 50%;
margin-left: -110px
}
.tree_reward_text {
font-size: 12px;
color: #fff;
text-align: center;
font-family: Munchkin;
text-shadow: 1px 1px 1px #000;
padding-top: 11px
}
.gift-silver {
background: url('/templates/icons/shop/daily/silver.png') no-repeat center;
background-size: contain
}
.gift-gold {
background: url('/templates/icons/shop/daily/gold.png') no-repeat center;
background-size: contain
}
.gift-energy {
background: url('/templates/icons/shop/daily/energy.png') no-repeat center;
background-size: contain
}
.gift-premium {
background: url('/templates/icons/shop/daily/premium.png') no-repeat center;
background-size: contain
}
.gift-item {
background: url('/templates/icons/shop/daily/item.png') no-repeat center;
background-size: contain
}
.gift-trophy {
background: url('/templates/icons/shop/daily/trophy.png') no-repeat center;
background-size: contain;
height: 57px;
width: 305px!important
}
.gift-silver-get {
background: url('/templates/icons/shop/daily/silver_get.png') no-repeat center;
background-size: contain
}
.gift-gold-get {
background: url('/templates/icons/shop/daily/gold_get.png') no-repeat center;
background-size: contain
}
.gift-energy-get {
background: url('/templates/icons/shop/daily/energy_get.png') no-repeat center;
background-size: contain
}
.gift-premium-get {
background: url('/templates/icons/shop/daily/premium_get.png') no-repeat center;
background-size: contain
}
.gift-item-get {
background: url('/templates/icons/shop/daily/item_get.png') no-repeat center;
background-size: contain
}
.gift-trophy-get {
background: url('/templates/icons/shop/daily/trophy_get.png') no-repeat center;
background-size: contain;
height: 57px;
width: 305px!important
}
.gifts {
height: 100px;
width: 57px;
position: relative
}
.gift-text {
text-align: center;
color: #6894c7;
font-family: Munchkin;
font-size: 16px;
white-space: nowrap
}
.gift-text2 {
padding-top: 35px;
text-align: center;
color: #fff;
font-family: Munchkin;
font-size: 16px
}
.gift-text3 {
color: #fff;
font-family: Munchkin;
font-size: 16px;
text-align: right;
padding-right: 16px;
padding-top: 3px
}
.gift-text-main {
font-size: 27px;
color: #fff;
font-family: Munchkin
}
.dailyTask {
position: absolute;
right: -18px;
top: -5px;
z-index: 11;
width: 366px;
height: 70px
}
.valor_profile {
background: url('/templates/icons/valor/valor_back.jpg') no-repeat center;
background-size: cover
}
.snow:before {
content: " ";
display: block;
position: absolute;
top: 0;
width: 21%;
height: 138%;
z-index: 1;
-webkit-background-size: 40rem 40rem;
-moz-background-size: 40rem 40rem;
background-size: 40rem 40rem;
background-image: url(/templates/icons/design/falling-snow2.png);
-webkit-animation: snow 28s linear infinite;
-moz-animation: snow 28s linear infinite;
-o-animation: snow 28s linear infinite;
-ms-animation: snow 28s linear infinite;
animation: snow 28s linear infinite;
opacity: .3;
-ms-filter: "alpha(opacity=0)";
filter: alpha(opacity=0);
-webkit-transition: opacity 10s;
-moz-transition: opacity 10s;
-o-transition: opacity 10s;
-ms-transition: opacity 10s;
transition: opacity 10s
}
.snow:after {
content: " ";
display: block;
position: absolute;
top: 0;
width: 21%;
height: 138%;
z-index: 10;
-webkit-background-size: 40rem 40rem;
-moz-background-size: 40rem 40rem;
background-size: 40rem 40rem;
background-image: url(/templates/icons/design/falling-snow1.png);
-webkit-animation: snow 18s linear infinite;
-moz-animation: snow 18s linear infinite;
-o-animation: snow 18s linear infinite;
-ms-animation: snow 18s linear infinite;
animation: snow 18s linear infinite;
animation-name: snow;
animation-duration: 18s;
animation-timing-function: linear;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-fill-mode: none;
animation-play-state: running;
opacity: .3;
-ms-filter: "alpha(opacity=0)";
filter: alpha(opacity=0);
-webkit-transition: opacity 5s;
-moz-transition: opacity 5s;
-o-transition: opacity 5s;
-ms-transition: opacity 5s;
transition: opacity 5s
}
.snow-clan:before {
content: " ";
display: block;
position: absolute;
top: 56px;
left: -50%;
width: 200%;
height: 525px;
z-index: 1;
-webkit-background-size: 40rem 40rem;
-moz-background-size: 40rem 40rem;
background-size: 40rem 40rem;
background-image: url(/templates/icons/design/falling-snow2.png);
-webkit-animation: snow 28s linear infinite;
-moz-animation: snow 28s linear infinite;
-o-animation: snow 28s linear infinite;
-ms-animation: snow 28s linear infinite;
animation: snow 28s linear infinite;
opacity: .3;
-ms-filter: "alpha(opacity=0)";
filter: alpha(opacity=0);
-webkit-transition: opacity 10s;
-moz-transition: opacity 10s;
-o-transition: opacity 10s;
-ms-transition: opacity 10s;
transition: opacity 10s
}
.snow-clan:after {
content: " ";
display: block;
position: absolute;
top: 56px;
left: -50%;
width: 200%;
height: 252px;
z-index: 10;
-webkit-background-size: 40rem 40rem;
-moz-background-size: 40rem 40rem;
background-size: 40rem 40rem;
background-image: url(/templates/icons/design/falling-snow1.png);
-webkit-animation: snow 18s linear infinite;
-moz-animation: snow 18s linear infinite;
-o-animation: snow 18s linear infinite;
-ms-animation: snow 18s linear infinite;
animation: snow 18s linear infinite;
animation-name: snow;
animation-duration: 18s;
animation-timing-function: linear;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-fill-mode: none;
animation-play-state: running;
opacity: .3;
-ms-filter: "alpha(opacity=0)";
filter: alpha(opacity=0);
-webkit-transition: opacity 5s;
-moz-transition: opacity 5s;
-o-transition: opacity 5s;
-ms-transition: opacity 5s;
transition: opacity 5s
}
.clan_boss {
background: url(/templates/icons/clan/back.jpg) center no-repeat;
background-size: cover;
height: 1395px
}
.clan_boss_rewards_all {
background: url(/templates/icons/clan/back_rewards.jpg) center no-repeat;
background-size: cover;
height: 435px
}
.clan_fial {
background: url(/templates/icons/clan/fial_clan.png) center no-repeat;
background-size: cover;
height: 130px;
margin: 0 -15px;
position: relative;
top: -38px
}
.clan_boss_img_clan {
position: absolute;
top: -170px;
left: 50%;
margin-left: -149px;
width: 300px
}
.clan_boss_enter {
background: url(/templates/icons/clan/enter.png) center no-repeat;
background-size: cover;
height: 347px
}
.clan_boss_closed {
margin-left: -83px;
position: absolute;
top: -15px;
left: 16px
}
.clan_boss_title {
width: 250px;
text-align: center;
margin: 0 auto;
font-family: munchkin;
line-height: 26px
}
.clan_boss_title_text {
font-size: 22px!important;
color: #fff!important
}
.clan_boss_level {
background: url(/templates/icons/clanBoss/level.png) center no-repeat;
background-size: cover;
font-size: 28px;
font-family: Munchkin;
width: 41px;
height: 40px;
position: absolute;
top: 369px;
text-align: center;
color: #fff;
left: 50%;
margin-left: -20px
}
.clan_boss_level_prev {
font-size: 28px;
font-family: Munchkin;
width: 41px;
height: 40px;
position: absolute;
top: 369px;
text-align: center;
left: 50%;
margin-left: 16px
}
.clan_boss_level_not {
background: url(/templates/icons/clanBoss/level_not.png) center no-repeat;
background-size: cover;
font-size: 28px;
font-family: Munchkin;
width: 41px;
height: 40px;
position: absolute;
top: 369px;
text-align: center;
color: #fff;
left: 50%;
margin-left: -20px
}
.clan_boss_img {
position: absolute;
top: 4px;
left: 50%;
margin-left: -226px
}
.clan_boss_best {
background: url(/templates/icons/clanBoss/best.png) center no-repeat;
background-size: cover;
font-size: 28px;
font-family: Munchkin;
width: 85px;
height: 110px;
position: absolute;
top: 271px;
text-align: center;
color: #fff;
left: 50%;
margin-left: 80px
}
.clan_boss_rewards {
background: url(/templates/icons/clanBoss/rewards.png) center no-repeat;
background-size: cover;
font-size: 28px;
font-family: Munchkin;
width: 100px;
height: 110px;
position: absolute;
top: 271px;
text-align: center;
color: #fff;
left: 50%;
margin-left: -157px
}
.clan_boss_rewards.get {
background: url(/templates/icons/clanBoss/rewards_get.png) center no-repeat;
background-size: cover
}
.clan_boss_level_text {
font-size: 18px;
font-family: Munchkin;
width: 136px;
left: -46px;
position: relative;
top: 2px
}
.clan_boss_best_link {
display: block;
margin-top: 0;
font-size: 18px;
color: #efdc7a!important;
height: 102px;
padding-top: 105px
}
.clan_boss_best_link:hover {
color: #efdc7a!important;
text-decoration: none
}
.clan_boss_title2 {
font-size: 16px;
margin: 5px auto;
width: 300px;
text-align: center
}
.clan_boss_title3 {
font-size: 16px;
margin: 0 auto;
width: 256px;
text-align: center
}
.clan_bosses {
position: relative;
top: 416px
}
.clan_boss_in {
color: #fddbaa;
font-size: 16px;
font-family: Munchkin;
left: 30%;
padding-bottom: 16px;
padding-top: 148px;
position: absolute;
text-align: center;
top: 5px;
width: 460px;
height: 255px
}
.clan_boss_in_text1 {
position: relative;
top: 147px;
left: 59px;
text-align: left
}
.clan_boss_in_text2 {
position: relative;
top: 128px;
left: 71px;
text-align: left
}
.clan_boss_in_text3 {
position: relative;
top: 130px;
left: 54px;
text-align: left
}
.clan_boss_in_text4 {
position: relative;
top: 145px;
left: 42px;
text-align: left
}
.clan_boss_autofight1 {
position: relative;
top: -261px;
left: 117px
}
.clan_boss_autofight2 {
position: relative;
top: -261px;
left: -156px
}
.clan_boss_link1 {
position: relative;
width: 192px;
height: 202px;
display: block;
left: -48px;
top: -101px;
margin: 0 auto
}
.clan_boss_link2 {
position: relative;
width: 192px;
height: 202px;
display: block;
left: 59px;
top: -120px;
margin: 0 auto
}
.clan_boss_link3 {
position: relative;
width: 192px;
height: 202px;
display: block;
left: -16px;
top: -119px;
margin: 0 auto
}
.clan_boss_link4 {
position: relative;
width: 192px;
height: 202px;
display: block;
left: -20px;
top: -133px;
margin: 0 auto
}
.clan_boss_in_x1 {
position: relative;
top: 79px;
left: -11px
}
.clan_boss_in_x2 {
position: relative;
top: -15px;
left: 53px
}
.clan_boss_in_x3 {
position: relative;
top: -13px;
left: -32px
}
.clan_boss_in_x4 {
position: relative;
top: -15px;
left: -46px
}
.clan_boss_enter1 {
left: 50%;
top: 194px;
margin-left: -231px;
top: -36px
}
.clan_boss_enter_boss {
position: relative;
top: 3px;
left: 50%;
margin-left: -231px
}
.clan_boss1 {
background: url(/templates/icons/clanBoss/map/boss1.png) no-repeat center;
left: 50%;
top: 194px;
margin-left: -231px;
top: -36px
}
.clan_boss2 {
background: url(/templates/icons/clanBoss/map/boss2.png) no-repeat center;
left: 50%;
top: 194px;
margin-left: -231px;
top: 194px
}
.clan_boss3 {
background: url(/templates/icons/clanBoss/map/boss3.png) no-repeat center;
left: 50%;
top: 194px;
margin-left: -231px;
top: 398px
}
.clan_boss4 {
background: url(/templates/icons/clanBoss/map/boss4.png) no-repeat center;
left: 50%;
top: 194px;
margin-left: -231px;
top: 657px
}
.clan_boss1.grey {
background: url(/templates/icons/clanBoss/map/boss1.png) no-repeat center!important
}
.clan_boss2.grey {
background: url(/templates/icons/clanBoss/map/boss2_grey.png) no-repeat center!important
}
.clan_boss3.grey {
background: url(/templates/icons/clanBoss/map/boss3_grey.png) no-repeat center!important
}
.clan_boss4.grey {
background: url(/templates/icons/clanBoss/map/boss4_grey.png) no-repeat center!important
}
@-moz-keyframes snow {
00% {
background-position-x: 0;
background-position-y: 0
}
50% {
background-position-y: 40rem
}
100% {
background-position-x: 40rem;
background-position-y: 80rem
}
}
@-webkit-keyframes snow {
00% {
background-position-x: 0;
background-position-y: 0
}
50% {
background-position-y: 40rem
}
100% {
background-position-x: 40rem;
background-position-y: 80rem
}
}
@-o-keyframes snow {
00% {
background-position-x: 0;
background-position-y: 0
}
50% {
background-position-y: 40rem
}
100% {
background-position-x: 40rem;
background-position-y: 80rem
}
}
@keyframes snow {
00% {
background-position-x: 0;
background-position-y: 0
}
50% {
background-position-y: 40rem
}
100% {
background-position-x: 40rem;
background-position-y: 80rem
}
}
.clan_boss_autofight_link {
width: 316px;
margin: 0 auto
}
.clan_boss_bonus1 {
color: #fff!important
}
.clan_boss_bonus2 {
font-size: 14px
}
.clan_boss_bonus {
font-family: Munchkin;
position: relative;
top: 85px;
text-align: center
}
.clan_boss_chest {
position: relative;
left: 23px;
top: -16px;
text-align: center;
font-size: 12px
}
.clan_boss_chest_rewards {
display: flex;
width: 262px;
text-align: center;
margin: 0 auto;
color: #fff!important
}
.clan_boss_op {
opacity: .4
}
.clan_boss_stats {
background: url(/templates/icons/clanBoss/klaksa.png) no-repeat center!important;
width: 263px;
height: 78px;
position: absolute;
top: 224px;
margin: 0 auto;
left: 50%;
margin-left: -135px;
text-align: center;
padding-top: 26px;
font-family: Munchkin;
color: red;
font-size: 18px
}
.clan_boss_reward_line {
background: url(/templates/icons/clanBoss/reward_line.png) no-repeat center;
width: 263px;
height: 78px;
position: relative;
top: 0;
margin: 0 auto;
text-align: center;
padding-top: 26px;
font-family: Munchkin;
color: #fff;
font-size: 18px
}
.clan_boss_chest_back {
background: url(/templates/icons/widgets/levelup/background.png) no-repeat center;
width: 283px;
height: 354px;
position: relative;
top: 0;
margin: 0 auto;
text-align: center;
padding-top: 26px;
color: #fff;
font-size: 18px
}
.ingredient_count {
position: relative;
top: -22px;
left: 25px;
color: #fff;
text-align: center;
background: #000000ab;
border-radius: 21px;
width: 37px;
white-space: nowrap;
text-align: center;
left: 50%;
margin-left: -21px
}
.ingredient_quality1 {
border: 1px solid #a4a2a3
}
.ingredient_quality2 {
border: 1px solid #3da639
}
.ingredient_quality3 {
border: 1px solid #006de1
}
.ingredient_quality4 {
border: 1px solid #a35ee1
}
.ingredient_quality5 {
border: 1px solid #e16b21
}
.ingredient_quality6 {
border: 1px solid #d6003f
}
.ingredient_quality7 {
border: 1px solid #0fcfff
}
.ingredient_image {
width: 64px;
border-radius: 8px
}
.ingredient_view {
left: 50%;
position: relative;
margin-left: -55px;
margin-top: 12px
}
.sell-container * {
box-sizing: border-box;
outline: 0
}
.sell-container {
padding: 10px 50px
}
.sell-container .ui-slider {
position: relative;
background: #044351;
height: 8px;
border-radius: 10px;
box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.3), 1px 1px 5px rgba(255, 255, 255, 1);
}
.sell-container .ui-slider .ui-slider-handle {
position: absolute;
margin-left: -18px;
margin-top: 3px;
text-align: center;
width: 28px;
height: 28px;
font-size: 18px;
line-height: 18px;
padding-top: 4px;
cursor: pointer;
border-radius: 10px;
border: 4px solid #73fdfd;
top: -13px;
background: #044351;
z-index: 2;
color: #000;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2), 0 4px 6px rgba(0, 0, 0, 0.2)
}
.sell-container .ui-slider .ui-slider-handle b {
padding: 0 8px;
font-family: Courier, monospace;
color: #bfe2ff
}
.sell-container .ui-slider .ui-slider-handle:hover b {
color: #337ab7
}
.sell-container .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
height: 8px;
display: block;
border: 0;
background: #73fdfd;
border-radius: 10px;
box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.3), 1px 1px 5px rgba(255, 255, 255, 1)
}
.sell-container .ui-slider-horizontal .ui-slider-range-min {
left: 0
}
.sell-container .ui-slider-horizontal .ui-slider-range-max {
right: 0
}
.campaign_raid {
top: 156px;
right: 190px;
position: absolute;
width: 100px;
height: 100px;
z-index: 0
}
.raid_mansion_link {
width: 40px;
top: 0;
right: 180px;
display: inline-block;
position: absolute
}
.shop_ingridients {
display: flex;
flex-wrap: wrap;
justify-content: center
}
.fs15 {
font-size: 15px;
}
.main-menu {
position: relative;
width: 100%;
padding-top: 19.8%;
z-index: 10001;
margin-top: 3%;
}
.main-menu * {
background-size: 100% auto;
background-repeat: no-repeat;
}
.main-menu .main-menu-ava {
position: absolute;
width: 15%;
padding-bottom: 15%;
margin-top: 2.5%;
top: 0;
left: 42.7%;
border-radius: 50%
}
.main-menu .main-menu-bg {
background-image: url(/templates/icons/style/foot_menu.png);
background-position: 100% 0;
}
.main-menu .main-menu-bg:before {
position: absolute;
width: 100%;
bottom: 0;
background-color: #373737;
}
.main-menu .link-text, .main-menu .main-menu-lvl {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
font-family: 'Trajan', Arial, sans-serif;
color: #ffe04f;
font-size: 10px!important;
background: #000;
border-radius: 25px;
padding: 3px 3% 0 4%;
line-height: 100%;
text-shadow: rgba(255, 108, 0, .3) 1px 0 0, rgba(255, 108, 0, .3) 0 1px 0, rgba(255, 108, 0, .3) -1px 0 0, rgba(255, 108, 0, .3) 0 -1px 0;
z-index: 1;
white-space: nowrap;
}
.main-menu .main-menu-lvl {
margin-bottom: 5%;
}
.main-menu .link-text {
margin-bottom: 10%;
}
.main-menu .main-menu-exp {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
margin-top: 18%;
width: 14.794%;
padding-bottom: 1.46%;
}
.main-menu .main-menu-exp .main-menu-exp-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 2% 3.6% 0;
width: 92%!important;
}
.main-menu .main-menu-exp .main-menu-exp-inner .main-menu-exp-fill {
position: relative;
height: 40%;
background: #ffb400;
border-radius: 25px;
-webkit-transition: all .2s linear;
transition: all .2s linear;
-webkit-box-shadow: 0 0 2px 1px #ff6c00;
box-shadow: 0 0 2px 1px #ff6c00;
}
.main-menu .main-menu-exp .main-menu-exp-inner .main-menu-exp-end {
position: relative;
top: 0;
right: 0;
background: #ffe04f;
width: 4.6%;
padding-bottom: 4.6%;
height: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 50%;
-webkit-box-shadow: 0 0 3px 2px #f08800;
box-shadow: 0 0 3px 2px #f08800;
}
.main-menu .main-menu-link {
position: absolute;
top: 0;
margin-top: 1.9%;
width: 17.917%;
padding-bottom: 17.917%;
border-radius: 50%;
}
.main-menu .main-menu-link .link-img {
background-image: url(/templates/icons/style/icons_foot.png);
-webkit-transition: -webkit-transform .2s linear, -webkit-filter .2s linear;
transition: transform .2s linear, filter .2s linear;
transition: transform .2s linear, filter .2s linear, -webkit-transform .2s linear, -webkit-filter .2s linear;
}
.main-menu .main-menu-link .linkEffect {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 75%;
height: 75%;
border-radius: 50%;
opacity: 0;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.main-menu .main-menu-link._active {
pointer-events: none;
cursor: default;
}
.main-menu .main-menu-link._active .link-img {
-webkit-transform: scale(.9);
transform: scale(.9);
opacity: .6;
}
.main-menu .main-menu-link._active .linkEffect {
opacity: 1;
-webkit-box-shadow: 0 0 6px 0 #b88500, inset 0 0 6px 0 #b88500;
box-shadow: 0 0 6px 0 #b88500, inset 0 0 6px 0 #b88500;
}
.main-menu .main-menu-link:active .link-img {
-webkit-transform: scale(.9);
transform: scale(.9);
}
.main-menu .main-menu-link._profile {
margin-top: .9%;
left: 41.1%;
}
.main-menu .main-menu-link._profile .link-img {
background-position: 0 0%;
}
.main-menu .main-menu-link:after {
border-radius: 50%;
}
.main-menu .main-menu-link._1 {
left: 3%;
}
.main-menu .main-menu-link._2 {
left: 21.3%;
}
.main-menu .main-menu-link._3 {
left: 61.1%;
}
.main-menu .main-menu-link._4 {
left: 79.5%;
}
.main-menu .main-menu-link._map .link-img {
background-position: 0 35%;
}
.main-menu .main-menu-link._ratings .link-img {
background-position: 0 5%;
}
.main-menu .main-menu-link._mail .link-img {
background-position: 0 15%;
}
.main-menu .main-menu-link._mailn .link-img {
background-position: 0 20%;
}
.main-menu .main-menu-link._mansion .link-img {
background-position: 0 45%;
}
.main-menu .main-menu-link._guild .link-img {
background-position: 0 25%;
}
.main-menu .main-menu-link._guildn .link-img {
background-position: 0 30%;
}
.main-menu .main-menu-link._rack .link-img {
background-position: 0 55%;
}
.main-menu .main-menu-link .navigator {
position: absolute;
top: 5%;
right: 5%;
width: 25.59%!important;
height: 25.59%;
background-size: 100% auto;
font-size: 11px!important;
line-height: 1.9em;
}
.main-menu .main-menu-link .navigator._mail {
background-image: url(https://img3.vten.ru/images/menu/foot-menu-icon-strip.png);
background-position: 0 25%;
}
.main-menu-item {
position: relative;
width: 100%;
padding-bottom: 8.335%;
background: url(https://img1.vten.ru/images/menu/ui-strip3.png) 1% -171px no-repeat, url(https://img1.vten.ru/images/menu/ui-strip3.png) 99% -251px no-repeat;
}
.main-menu-item .main-menu-item-inner a {
text-decoration: none;
height: 100%;
width: 49.168%;
font-family: 'Trajan', Arial, sans-serif;
font-size: 16px!important;
text-align: center;
color: #e3cfb6;
background-position: 50% 50%;
}
.main-menu-item .main-menu-item-inner a .item-text {
margin-top: 3%;
}
.main-menu-item._map-link a {
background-image: url(https://img1.vten.ru/images/cities/map/map-link.png);
}
.main-menu-item._map-link a .item-text {
display: none;
}
.main-menu-item._city-link a {
background: url(https://img1.vten.ru/images/menu/ui-strip3.png) 50% 13.5%/204% auto no-repeat;
}
.main-menu-resources {
position: relative;
width: 100%;
padding-bottom: 8.544%;
background: url(https://img1.vten.ru/images/menu/ui-strip3.png) 1% 18.7% no-repeat, url(https://img1.vten.ru/images/menu/ui-strip3.png) 99% 24.05% no-repeat, url(https://img1.vten.ru/images/menu/ui-strip3.png) 50% 21.4% no-repeat;
z-index: 1002;
background-size: 100% auto;
}
.main-menu-resources .main-menu-resources-inner .va-m {
margin-right: 4px;
}
.main-menu-bottom {
height: 20px;
background: #fff;
}
._notifications-present ._notification-suppresses-content::after, ._shade-layer:after, .attack-button, .attack-button-link, .attack-button:after, .attack-plume::after, .attack-plume::before, .battlefield, .battlefield-effect-part, .battlefield-effect-part-2, .battlefield-effect-part-3, .battlefield-effect-part-4, .battlefield-modal, .battlefield-mutable-parts .battlefield-mutable-part:after, .battlefield-mutable-parts .battlefield-mutable-part:before, .bite-img-1::after, .bite-img-1::before, .btn-rich3 .btn-rich3-bg, .btn-rich3 .btn-rich3-link, .btn-rich3._details .btn-rich3-bg:after, .buff-counter, .buff-img-1::after, .buff-img-1::before, .buff-img-2::after, .buff-img-2::before, .buff-img-3::after, .buff-img-3::before, .cast-aura-1::after, .cast-aura-1::before, .cast-img-1::after, .cast-img-1::before, .cast-img-2::after, .cast-img-2::before, .cast-img-3::after, .cast-img-3::before, .cast-img-4::after, .cast-img-4::before, .cast-img-wrap::after, .cast-img-wrap::before, .cast-plume::after, .cast-plume::before, .circle-progress-fill, .debuff-img-1::after, .debuff-img-1::before, .debuff-img-2::after, .debuff-img-2::before, .debuff-img-3::after, .debuff-img-3::before, .device-link, .device-link-img, .frames-img::after, .frames-img::before, .get-aura-1::after, .get-aura-1::before, .get-img-1::after, .get-img-1::before, .get-img-2::after, .get-img-2::before, .get-img-3::after, .get-img-3::before, .main-menu .main-menu-bg, .main-menu .main-menu-link .link-img, .main-menu-item .main-menu-item-inner, .main-menu-resources .main-menu-resources-inner, .minimap-sector-left, .minimap-sector-right, .npc-lock, .npc-wrap .npc-inner, .npc-wrap .npc-note-bg .npc-note-condition .svg-icon svg, .npc-wrap .npc-note-bg .npc-note-inner, .npc-wrap .npc-note-wrap .npc-note-condition .svg-icon svg, .npc-wrap .npc-note-wrap .npc-note-inner, .potion-link, .potion-link-img, .preload-img, .proc-img-1::after, .proc-img-1::before, .side-effect-1::after, .side-effect-1::before, .side-effect-2::after, .side-effect-2::before, .side-effect-3::after, .side-effect-3::before, .side-menu .side-menu-item .side-menu-link .link-img, .skill-upgrade, .unit-death-img, .unit-img::after, .unit-img::before, .unit-layer-1, .unit-layer-2, .unit-layer-3, .wrap-popup._sphere-open .popup-image .popup-image-part, .wrap-popup._sphere-open .popup-image .popup-image-parts, .wrap-popup._sphere-open .popup-video .popup-image-part, .wrap-popup._sphere-open .popup-video .popup-image-parts {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.main-menu-exp {
position: relative;
margin: 7.5% 0% 0% 0.3%;
}
.main-menu-exp-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%!important;
}
.main-menu-exp-fill {
position: relative;
height: 40%;
background: #ffb400;
border-radius: 25px;
-webkit-transition: all .2s linear;
transition: all .2s linear;
-webkit-box-shadow: 0 0 2px 1px #2cb2eb;
box-shadow: 0 0 2px 1px #2cb2eb;
}
.main-menu-exp-end {
position: relative;
top: -2px;
right: 0;
background: #ffe04f;
width: 1.6%;
padding-bottom: 1.6%;
height: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 50%;
-webkit-box-shadow: 0 0 3px 2px #f08800;
box-shadow: 0 0 3px 2px #f08800;
}
.head-res {
vertical-align: middle;
text-decoration: none;
/* background: rgba(255,255,255,0.15); */
background: linear-gradient(to bottom,rgb(126 126 126 / 31%) 49.999%,rgb(204 195 195 / 30%) 50%,rgb(36 36 38 / 30%) 100%);
border: 1px solid rgb(71 71 71 / 65%);
box-shadow: inset 0 0 6px rgb(0 0 0 / 64%);
border-radius: 0 41px 41px 0;
}
.head-res._coin {
display: block;
position: absolute;
top: 10px;
right: 26%;
right: calc(19.2% - -32px);
width: 19%;
max-width: 88px;
height: 19px;
margin: 0;
padding: 0;
}
.head-res._sob {
display: block;
position: absolute;
top: 10px;
right: calc(44.2% - -32px);
width: 15%;
max-width: 88px;
height: 19px;
margin: 0;
padding: 0;
}
.head-res._sob .head-res-text {
width: 74%;
width: calc(100% - 23px);
padding: 0 8px 0 15px;
left: 0;
}
.head-res._sob:after {
background: url(/templates/icons/resources/sn.png) 50% 0 no-repeat;
background-size: 30px auto;
}
.head-res-text {
position: absolute;
font-weight: 500;
color: #fff;
top: 3px;
font-size: 12px;
box-sizing: content-box;
text-align: center;
white-space: nowrap;
overflow: hidden;
}
.head-res._coin .head-res-text {
width: 74%;
width: calc(100% - 23px);
padding: 0 8px 0 15px;
left: 0;
}
.head-res:after {
content: "";
position: absolute;
width: 32px;
height: 32px;
top: -8px;
left: -17px;
}
.head-res._coin:after {
background: url(/templates/icons/resources/silver63.png) 50% 0 no-repeat;
background-size: 35px auto;
}
.wrap-lvl-prg {
display: block;
position: absolute;
margin: 0;
top: 10px;
left: 32px;
}
.lvl-prg {
position: relative;
overflow: hidden!important;
height: 20px;
background: rgba(255,255,255,0.15);
background: linear-gradient(to bottom,rgba(255,255,255,0.15) 49.999%,rgba(0,100,177,0.3) 50%,rgba(0,100,177,0.3) 100%);
border: 1px solid rgba(0,60,117,0.6);
box-shadow: inset 0 0 6px rgb(0 96 185 / 50%);
border-radius: 0 41px 41px 0;
}
.lvl-prg-num {
position: absolute;
text-align: center;
padding: 6px 0 0 0px;
height: 24px;
width: 30px;
font-size: 14px;
color: #fff;
font-weight: bold;
text-shadow: -1px -1px 0 #ba2d00, 1px -1px 0 #ba2d00, -1px 1px 0 #ba2d00, 1px 1px 0 #ba2d00;
top: -7px;
left: -29px;
background-size: auto 34px!important;
-webkit-transition: all .4s;
transition: all .4s;
}
.lvl-prg-fill {
position: relative;
-webkit-transition: all .4s;
transition: all .4s;
height: 20px;
background: #fe8a02;
background: linear-gradient(to bottom,#fead30 10%,#fdb23f 49.999%,#fb9209 50%,#f85d1a 100%);
}
.lvl-prg-fill:after {
content: "";
position: absolute;
width: 34px;
height: 36px;
top: -9px;
right: -6px;
background: url(/css/images-480/ui/exp-prg-fire.png) 0 0 no-repeat;
background-size: auto 100%;
opacity: 0;
-webkit-transition: all .2s;
transition: all .2s;
}
.lvl-prg-txt {
position: absolute;
width: 100%;
top: 3px;
left: 0;
font-size: 12px;
color: #fff;
font-weight: 500;
text-align: center;
}
.head-res._diamond {
display: block;
position: absolute;
top: 10px;
right: 9px;
width: 17%;
max-width: 88px;
height: 19px;
margin: 0;
padding: 0;
background: url(/templates/icons/header-bank-link.png) 101% 50% no-repeat rgba(255,255,255,0.15)!important;
background: url(/templates/icons/header-bank-link.png) 103% 50% no-repeat,linear-gradient(to bottom,rgb(126 126 126 / 31%) 49.999%,rgb(14 160 185 / 55%) 50%,rgb(9 8 1) 100%)!important;
background-size: 22px auto,auto auto!important;
}
.head-res._diamond .head-res-text {
width: 59%;
width: calc(100% - 36px);
left: 0;
padding: 0 22px 0 12px;
}
.head-res-text {
position: absolute;
font-weight: 500;
color: #fff;
top: 2px;
font-size: 12px;
box-sizing: content-box;
text-align: center;
white-space: nowrap;
overflow: hidden;
}
.head-res._diamond:after {
background: url(/templates/icons/resources/nefrit.png) 50% 0 no-repeat;
background-size: 24px auto;
top:-4px;
}
.head-res:after {
content: "";
position: absolute;
width: 32px;
height: 32px;
top: -9px;
left: -17px;
}
.w300 {
width: 300px;
height: 120px;
}
.wi32 {
width: 20px;
}
#radios {
position:relative;
width:50%;
margin:0 auto;
}
#radios label{
float:left;
width:15%; padding-bottom:15%;
margin:3px 2.5%;
background:rgba(255,255,255,.2);
border-radius:50%;
cursor:pointer;
}
.dn {
display: none;
}
#slider{
position:absolute;
left:0%; top:0;
width:10%; padding-bottom:10%;
margin:4% 0 0 5%;
background:#fff;
transition:transform 1s;
border-radius:50%;
animation-timing-function: ease-in-out;
animation-duration:.3s;
animation-fill-mode: forwards;
transition: 0.2s .05s ease-in-out;
}
#input1:checked ~ #slider{ animation-name: input1; left:0; }
#input2:checked ~ #slider{ animation-name: input2; left:20%; }
#input3:checked ~ #slider{ animation-name: input3; left:40%; }
#input4:checked ~ #slider{ animation-name: input4; left:60%; }
#input5:checked ~ #slider{ animation-name: input5; left:80%; }
#input6:checked ~ #slider{ animation-name: input6; left:0%; top:33px;}
#input7:checked ~ #slider{ animation-name: input7; left:20%; top:33px;}
#input8:checked ~ #slider{ animation-name: input8; left:40%; top:33px;}
#input9:checked ~ #slider{ animation-name: input9; left:60%; top:33px;}
#input10:checked ~ #slider{ animation-name: input10; left:80%; top:33px;}
@keyframes input1{ 30%, 70% { transform:scale(0.5); } }
@keyframes input2{ 30%, 70% { transform:scale(0.5); } }
@keyframes input3{ 30%, 70% { transform:scale(0.5); } }
@keyframes input4{ 30%, 70% { transform:scale(0.5); } }
@keyframes input5{ 30%, 70% { transform:scale(0.5); } }
@keyframes input6{ 30%, 70% { transform:scale(0.5); } }
@keyframes input7{ 30%, 70% { transform:scale(0.5); } }
@keyframes input8{ 30%, 70% { transform:scale(0.5); } }
@keyframes input9{ 30%, 70% { transform:scale(0.5); } }
@keyframes input10{ 30%, 70% { transform:scale(0.5); } }
.avatar_size_s {
width: 48px;
height: 48px;
}
.avatar_size_l {
width: 128px;
height: 128px;
}
.avatar-form__list,
.form-gender {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.form-gender {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 10px;
}
.form-gender label {
margin: 0 18px;
}
.avatar-form__list {
-ms-flex-pack: distribute;
justify-content: space-around;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0px;
}
.avatar-form__item {
width: 33.33%;
margin: 10px 0;
text-align: center;
}
li, ul {
margin: 0;
list-style: none;
}
.league {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 4px 0 2px;
background-color: #232429;
}
.league__view {
padding: 4px 12px;
}
.league-view {
display: inline-block;
width: 64px;
height: 64px;
border: 2px solid #111;
border-radius: 10px;
}
.league-view__img {
width: 100%;
height: 100%;
border-radius: 10px;
}
.league__info {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-top: 10px;
line-height: 1.4;
text-align: left;
}
.league__name, .user-clan a {
color: #ececec;
}
.nev4 {
color: #898888;
background-color: #323b43;
padding: 5px;
margin: 5px;
border-radius: 5px;
background: linear-gradient(to bottom, #000 0, #0a2a41 70%, #000 100%);
}