html{overflow-y: scroll !important;height:100% !important}
body,input,select,textarea{font-family: arial, verdana, tahoma, sans-serif !important;}
body{padding: 0; margin: 0; font-size: 14px; background-color: black !important; color: white; word-wrap: break-word; height: 100%; min-height: 100vh; touch-action: auto !important}
h1{font-size: 120%; font-weight: bold; color: white;}
h2{font-size: 75%; font-weight: bold; margin-top: -10px; margin: 0 auto;}
a{text-decoration: underline; cursor:pointer; touch-action: manipulation;}
a:active{-webkit-transform:translateY(1px);transform:translateY(1px)}
a, span, div, input, button {-webkit-tap-highlight-color: rgba(255,255,255,0);}

.bw{font-size: 145%; font-weight: bold; color: #FFFFFF; padding: 0px; text-decoration: none;}
.ht{font-size: 120%; color: #FFFFFF;}
.ft{color: #D4CEAB}
.red{color: #FF2C2F}
.white{color: #FFFFFF}
.green{color: #17FF00}
.yellow{color: #FFEF00}
.violet{color: #B561FF}
.pink{color: #FF5A9B}
.blue{color: #008FFF}
.orange{color: #FF9427}
.dblue{color: #06060D}
.black{color: #777777}
.gray{color: #868482}
.cyan{color: #00dff4}
.mh100vh {min-height: 98vh}

.bigbtntxt {display: block; white-space: normal}

img{border: none; vertical-align: middle}
.btn{vertical-align: text-top; margin: 0 5px 0 5px}
.noicon{border: 1px solid #A6987A; border-radius: 5px}
.b{border: 1px solid #A6987A; border-radius: 3px}
.h{margin: 0 5px 0 0}

.bold{font-weight: bold}
.sysmsg{color: #2772FB}
.table{display: table}
.row{display: table-row}
.cell{display: table-cell}
.small{font-size: 75%}
.cerr, .death{color: #FF0000}
.innerkick{color: #FF9999}
.outerkick{color: #FFFFFF}

.heal{color: #BFB}
.inactive{color: #777777}
.active, .buff{color: #0DF}
.newlevel{font-weight: bold; color: #0F0}
.prize{color: #AFA}
.imp{color: #FFDD77}
.list{text-decoration: none; color: #777777}

.bgblack{background: linear-gradient(180deg, #2A2A2A 0, #000 100%);}

.scrll{background-repeat: no-repeat; background-position: 0px 0px; background-image: url("https://img0.flibu.mobi/img/scrollleft.png"); margin-left: -5px; height: 180px}
.scrlr{background-repeat: no-repeat; background-position: 100% 0px; background-image: url("https://img0.flibu.mobi/img/scrollright.png"); margin-right: -5px; height: 180px}
.scrlb{background-repeat: repeat-x; background-image: url("https://img0.flibu.mobi/img/scrollbody.png"); margin: 0 auto; height: 180px}

.checkbox{display: none}
.checkbox-lvl{position: relative; width: 15px; height: 15px; border: 2px solid #999; border-radius: 3px}
.checkbox-lvl, .label{display: inline-block; vertical-align: middle}
.checkbox:checked + .checkbox-lvl::before{content: ""; display: block; position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; background: #7F7; border-radius: 2px}

.chbtn{
position: relative;
display: inline-block;
color: #FFF;
background-color: #1d1b18;
text-decoration: none;
padding-left: 0px;
padding-right: 0px;
padding-top: 3px;
padding-bottom: 4px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 5px;
border: 1px solid #3C3832;
border-radius: 5px;
margin: 0 auto;
word-break: break-word;
hyphens: auto;
width: 100%;
}

.mbtn{
display: block;
color: #FFF;
background-color: #1d1b18;
text-decoration: none;
padding-top:2px;
padding-bottom:2px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 5px;
border: 1px solid #3C3832;
word-break: break-word;
margin: 0 auto;
width: 99%;
}

.ftbtn{
display: inline-block;
color: #FFF;
background-color: #111;
text-decoration: none;
padding-left: 3px;
padding-right: 3px;
padding-top: 0px;
padding-bottom: 0px;
margin-left: 5px;
margin-top: 0px;
margin-bottom: 0px;
white-space: nowrap;
border: 1px solid #A6987A;
border-radius: 5px;
margin: 5 auto;
max-width: 97%;
text-align: center;
}

.noselect{
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
}

.bg{
position: relative;
max-width: 480px;
margin: 0 auto;
background-color: #161D1E;
padding: 5px;
overflow: hidden;
z-index: 1;
}
.bgvkm {padding-bottom: 85px !important;}

.hdrrlr{
text-align: center;
background: url("https://img0.flibu.mobi/img/lent/rl.png") no-repeat top left, url("https://img0.flibu.mobi/img/lent/rr.png") no-repeat top right;
padding: 0px 41px 0px 41px;
}

.hdrcr{
height: 31px;
width: 100%;
border: 0px solid #FFF;
background: url("https://img0.flibu.mobi/img/lent/rc.png") repeat-x top;
text-align: center;
color: #FFF;
font-weight: bold;
padding-top: 4px;
}

.delim{position: relative; background-color: #555; height: 1px; max-width: 96%; padding: 0px; margin: 5px}
.delim:before, .delim:after {content: ''; position: absolute; width: 100%; border-bottom: 1px solid #43372c; background: linear-gradient(to left, #6E5829 0%, #D4CFB6 50%, #6E5829 100%); height: 1px; left: 0}

.info{
display: block;
margin: 0 auto;
color: #FFF;
background-color: #161D1E;
background: -webkit-linear-gradient(left, #161D1E, #393B41, #161D1E);
background: -moz-linear-gradient(left, #161D1E, #393B41, #161D1E);
background: -o-linear-gradient(left, #161D1E, #393B41, #161D1E);
background: linear-gradient(to right, #161D1E, #393B41, #161D1E);
text-decoration: none;
padding-left: 5px;
padding-right: 0px;
padding-top: 3px;
padding-bottom: 4px;
margin-top: 2px;
margin-bottom: 2px;
border-radius: 5px;
border: 1px solid #6C5628;
box-shadow: 2px 2px 2px black;
text-shadow: 1px 1px 1px #222;
width: 98%;
}
.violet_info {
    display: block;
    margin: 0 auto;
    color: #FFF;
    background-color: #161D1E;
    background: -webkit-linear-gradient(left, #1E222C, #595B61, #1E222C);
    background: -moz-linear-gradient(left, #1E222C, #595B61, #1E222C);
    background: -o-linear-gradient(left, #1E222C, #595B61, #1E222C);
    background: linear-gradient(to right, #1E222C, #595B61, #1E222C);
    text-decoration: none;
    padding-left: 5px;
    padding-right: 0px;
    padding-top: 3px;
    padding-bottom: 4px;
    margin-top: 2px;
    margin-bottom: 2px;
    border-radius: 5px;
    border: 1px solid #6C5628;
    box-shadow: 2px 2px 2px black;
    text-shadow: 1px 1px 1px #222;
    width: 98%;
}
.infobg .info {
background: #161D1E;
background-image: url("https://img3.flibu.mobi/img/infobg.png");
background-image: url("https://img3.flibu.mobi/img/infobg.png"), linear-gradient(to right, #161D1E, #393B41, #161D1E);
}


.ven{text-align: center; background: url("https://img3.flibu.mobi/img/fvenz.png") no-repeat bottom center; border: 0px solid #FFF; padding: 15px 35px 15px 35px; color: #FFF; font-weight: bold}
.vent{text-align: center; background: url("https://img0.flibu.mobi/img/fvenzt.png") no-repeat bottom center; border: 0px solid #FFF; padding: 15px 35px 15px 35px; color: #FFF; font-weight: bold}
.comment{position: relative; width: 90%; text-align: center; min-height: 50px; border: 1px solid #6C5628; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 5px; background: #161D1E; background-image: linear-gradient(to right, #161D1E, #393B41, #161D1E); box-shadow: 1px 1px 2px black;}
.comment:before{content: ' '; position: absolute; width: 0; height: 0; left: -14px; top: 23px; border: 7px solid; border-color: #6C5628 #6C5628 transparent transparent}
.comment:after{content: ' '; position: absolute; width: 0; height: 0; left: -10px; top: 25px; border: 5px solid; border-color: #33302C #33302C transparent transparent}

.lptp{display: none}
.mmenu{display: block; width: 220px; background-color: black; z-index: 1; position: fixed; left: -220px; top: 0; bottom: 0; overflow-y: scroll; text-align: center}
div.mmenu_btn { display: block }
@media screen and (min-width: 960px) {
.lptp{display: block}
.mmenu{display: none}
div.mmenu_btn { display: none }
}

.icon-12px {
display: inline-block;
width: 12px;
height: 12px;
vertical-align: middle;
background: url('https://img3.flibu.mobi/img/12pxsprite.png') 0 0 no-repeat;
}
.icon-12px._premlvl1 { background-position: 0 0}
.icon-12px._premlvl2 { background-position: 0 -13px}
.icon-12px._premlvl3 { background-position: 0 -26px}
.icon-12px._premlvl4 { background-position: 0 -39px}
.icon-12px._premlvl5 { background-position: 0 -52px}
.icon-12px._premlvl6 { background-position: 0 -65px}
.icon-12px._academy_small { background-position: 0 -78px}
.icon-12px._achiev { background-position: 0 -90px}
.icon-12px._armor { background-position: 0 -102px}
.icon-12px._battle_small { background-position: 0 -114px}
.icon-12px._bottle_small { background-position: 0 -126px}
.icon-12px._cancel { background-position: 0 -138px}
.icon-12px._chat { background-position: 0 -150px}
.icon-12px._clock { background-position: 0 -162px}
.icon-12px._crystal { background-position: 0 -174px}
.icon-12px._dragonyeye { background-position: 0 -186px}
.icon-12px._energy { background-position: 0 -198px}
.icon-12px._energy_red { background-position: 0 -210px}
.icon-12px._equip { background-position: 0 -222px}
.icon-12px._expirience { background-position: 0 -234px}
.icon-12px._forum { background-position: 0 -246px}
.icon-12px._gold { background-position: 0 -258px}
.icon-12px._health { background-position: 0 -270px}
.icon-12px._health_gray { background-position: 0 -282px}
.icon-12px._health_red { background-position: 0 -294px}
.icon-12px._innheal { background-position: 0 -306px}
.icon-12px._innkick_small { background-position: 0 -318px}
.icon-12px._journal { background-position: 0 -330px}
.icon-12px._list { background-position: 0 -342px}
.icon-12px._mail { background-position: 0 -354px}
.icon-12px._metal { background-position: 0 -366px}
.icon-12px._ok { background-position: 0 -378px}
.icon-12px._outheal { background-position: 0 -390px}
.icon-12px._outkick_small { background-position: 0 -402px}
.icon-12px._pearl { background-position: 0 -414px}
.icon-12px._pochet { background-position: 0 -426px}
.icon-12px._power { background-position: 0 -438px}
.icon-12px._rack { background-position: 0 -450px}
.icon-12px._regen { background-position: 0 -462px}
.icon-12px._rip { background-position: 0 -474px}
.icon-12px._settings { background-position: 0 -486px}
.icon-12px._shest { background-position: 0 -498px}
.icon-12px._silver { background-position: 0 -510px}
.icon-12px._star { background-position: 0 -522px}
.icon-12px._stat { background-position: 0 -534px}

.icon-20px-all {
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
background: url('https://img1.flibu.mobi/img/20pxspriteall.png') 0 0 no-repeat;
background-size: 100% auto !important;
}
.icon-20px-all._assistant { background-position: 0 0}
.icon-20px-all._back { background-position: 0 -20px}
.icon-20px-all._book20 { background-position: 0 -40px}
.icon-20px-all._bottle { background-position: 0 -60px}
.icon-20px-all._burn { background-position: 0 -80px}
.icon-20px-all._crown { background-position: 0 -100px}
.icon-20px-all._done { background-position: 0 -120px}
.icon-20px-all._find { background-position: 0 -140px}
.icon-20px-all._forward { background-position: 0 -160px}
.icon-20px-all._gift { background-position: 0 -180px}
.icon-20px-all._heal { background-position: 0 -200px}
.icon-20px-all._innkick { background-position: 0 -220px}
.icon-20px-all._mail { background-position: 0 -240px}
.icon-20px-all._minus { background-position: 0 -260px}
.icon-20px-all._minus_gray { background-position: 0 -280px}
.icon-20px-all._naming { background-position: 0 -300px}
.icon-20px-all._next { background-position: 0 -320px}
.icon-20px-all._outkick { background-position: 0 -340px}
.icon-20px-all._plus { background-position: 0 -360px}
.icon-20px-all._plus_gray { background-position: 0 -380px}
.icon-20px-all._prev { background-position: 0 -400px}
.icon-20px-all._scroll20 { background-position: 0 -420px}

.icon-20px-menu {
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
background: url('https://img2.flibu.mobi/img/20pxspritemenu.png') 0 0 no-repeat;
}
.icon-20px-menu._arena { background-position: 0 0}
.icon-20px-menu._battle { background-position: 0 -20px}
.icon-20px-menu._blood { background-position: 0 -40px}
.icon-20px-menu._career { background-position: 0 -60px}
.icon-20px-menu._charodei { background-position: 0 -80px}
.icon-20px-menu._clan { background-position: 0 -100px}
.icon-20px-menu._grinder { background-position: 0 -120px}
.icon-20px-menu._home { background-position: 0 -140px}
.icon-20px-menu._journey { background-position: 0 -160px}
.icon-20px-menu._koldun { background-position: 0 -180px}
.icon-20px-menu._main { background-position: 0 -200px}
.icon-20px-menu._masters { background-position: 0 -220px}
.icon-20px-menu._monsters { background-position: 0 -240px}
.icon-20px-menu._portnoi { background-position: 0 -260px}
.icon-20px-menu._professor { background-position: 0 -280px}
.icon-20px-menu._profile { background-position: 0 -300px}
.icon-20px-menu._ratings { background-position: 0 -320px}
.icon-20px-menu._refresh { background-position: 0 -340px}
.icon-20px-menu._sched { background-position: 0 -360px}
.icon-20px-menu._sea { background-position: 0 -380px}
.icon-20px-menu._shop { background-position: 0 -400px}
.icon-20px-menu._shop_avatar { background-position: 0 -420px}
.icon-20px-menu._shop_equipment { background-position: 0 -440px}
.icon-20px-menu._shop_resource { background-position: 0 -460px}
.icon-20px-menu._taverna { background-position: 0 -480px}

.button_content {
display: inline-block;
vertical-align: middle;
margin-left: 5px;
margin-right: 5px;
margin-top: 3px;
margin-bottom: 3px;
}

input,select,textarea{border: 1px solid dotted #333; font-size: 90%; color: #000; background-color: #FFC; max-width: 474px;}
.w20{width: 20%}
.w25{width: 25%}
.w30{width: 30%}
.w50{width: 50%}
.w70{width: 70%}
.w95{width: 95%}
.w100{width: 100%}
.wp20{width: 20px}
.wp70{width: 70px}
.wp200{width: 200px}
.hp20{height: 20px}
.hp30{height: 30px}
.h100{height: 100%}
.alr{text-align: right}
.all{text-align: left}
.alc{text-align: center}
.mw90{max-width: 90px}
.mw100{max-width: 100px}
.mw120{max-width: 120px}
.mw200{max-width: 200px}
.mw250{max-width: 250px}
.mh100{max-height: 100px}
.minw200{min-width: 200px}
.ml5{margin-left: 5px}
.ml10{margin-left: 10px}
.mr5{margin-right: 5px}
.mr10{margin-right: 10px}
.mt5{margin-top: 5px}
.mt10{margin-top: 10px}
.mb10{margin-bottom: 10px}
.mb5{margin-bottom: 5px}
.mb3{margin-bottom: 3px}
.mb2{margin-bottom: 2px}
.m15{margin: 15px}
.m10{margin: 10px}
.m5{margin: 5px}
.m3{margin: 3px}
.m0{margin: 0px}
.m0auto{margin: 0 auto}
.ul{list-style-type: disc;margin-left: -10px}
.tbs2{border-spacing: 2px}
.tbs0{border-spacing: 0px}
.font120{font-size: 120%}
.fl{float: left}
.fr{float: right}
.cfl{clear: left}
.cfr{clear: right}
.vm, .vam{vertical-align: middle}
.vat{vertical-align: top}
.vatt{vertical-align: text-top}
.vatm{vertical-align: text-middle}
.hidden{display: none}
.d-ib{display: inline-block}
.d-b{display: block}
.pos-r{position: relative}
.pos-a{position: absolute}
.lot{width: 72px; height: 72px}
.rot10{transform: rotate(-10deg); -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg);}
.frmbtn{display: block; padding: 7px 25px 7px 5px; border-top: 1px solid #555; border-bottom: 1px solid #011320; text-decoration: none; background: url('https://img0.flibu.mobi/img/frmarr.png') 98% 50% no-repeat #202325;}
.frmblock{display: block; padding: 7px 5px 7px 5px; border-top: 1px solid #555; border-bottom: 1px solid #011320; background-color: #202325;}
.tdn{text-decoration: none}
.op25{opacity: .25; -moz-opacity: .25; filter: alpha(opacity=25);}
.op40{opacity: .4; -moz-opacity: .4; filter: alpha(opacity=40);}
.op50{opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50);}
.op100{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}
.ovh{overflow:hidden}
.award_a {animation: awarda 0.4s forwards linear; -webkit-animation: awarda 0.4s forwards linear; transform: translateZ(0);}
@-webkit-keyframes awarda {from { transform: scaleX(0.75) scaleY(0.9)} to { transform: scaleX(1) scaleY(1)}}
@keyframes awarda { from { transform: scaleX(0.75) scaleY(0.9)} to { transform: scaleX(1) scaleY(1)}}
.btl_btn_hdr{background:url('https://img0.flibu.mobi/img/battle/btn-top.png') 0 0 repeat-x #51432e; overflow: hidden; border-radius: 10px; margin: 5px;}
.pt1{padding-top: 1px}
.pt3{padding-top: 3px}
.pb1{padding-bottom: 1px}
.pb3{padding-bottom: 3px}
.bgc333{background-color: #333}
.bgc_btl_me{background-color: #251C10}
.bgc_btl_enemy{background-color: #202325}
.pad0{padding: 0}
.top0{top: 0px}
.left0{left: 0px}
.right0{right: 0px}
.btl_header{width: 100%; margin-top: -5px; margin-bottom: -5px; padding: 0px}
.btl_effect{left: 0; right: 0; top: 0; bottom: 0; margin: auto}
.btn_flat_modern_lbl {border: 1px solid #3C3832}
.btn_main_menu_bigi_icon {vertical-align: middle; position: relative; padding: 0px; margin: 0px; border-spacing: 0px; top: -1px}
.a_sc{ position: absolute; left: -1000px; bottom: 0px; font-size: 1px }
.clan_menu, .profile_menu{padding:3px;width:95%;display:block}
.comp_menu_left{position:fixed;left:50%;top:10px;margin-left:-470px}
.comp_menu_right{position:fixed;right:50%;top:75px;margin-right:-470px}
.round_image{border-radius: 100px;border: 1px solid rgba(110, 81, 32, 1);box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.5);}
.shadow{box-shadow: 4px 4px 6px black; -webkit-box-shadow: 4px 4px 6px black; -moz-box-shadow: 4px 4px 6px black}
.shadowbox{position: relative; padding: 0px; margin: 5px; z-index: 0; margin: 0 auto}
.shadowbox:before, .shadowbox:after {content: ''; position: absolute; width: 100%;
background: -webkit-linear-gradient(right, #393632 0%, #000000 50%, #393632 100%);
background: -moz-linear-gradient(right, #393632 0%, #000000 50%, #393632 100%);
background: -o-linear-gradient(right, #393632 0%, #000000 50%, #393632 100%);
background: linear-gradient(to left, #393632 0%, #000000 50%, #393632 100%);
height: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0.5}
.shadowbox-border{position: relative; padding: 0px; margin: 5px; z-index: 0; height: 1px}
.shadowbox-border:before, .shadowbox-border:after {content: ''; position: absolute; width: 100%;
background: -webkit-linear-gradient(right, #393632 0%, #777 50%, #393632 100%);
background: -moz-linear-gradient(right, #393632 0%, #777 50%, #393632 100%);
background: -o-linear-gradient(right, #393632 0%, #777 50%, #393632 100%);
background: linear-gradient(to left, #393632 0%, #777 50%, #393632 100%);
height: 100%; left: 0; top: 0; bottom: 0; right: 0}
.shadowbox div {z-index: 1}
.prof-slot-container{width:80px; height:80px; border: 1px solid #af9c6b}
.prof-slot-data{height: 60px;background-color: #1a2728}
.prof-slot-data-container{top: 5px; width: 40px; height: 40px}
.prof-slot-data-container a{line-height:40px}
.prof-slot-footer{line-height: 18px; height: 18px; background-color: #101819; border: 1px solid #000a0c}
.modal-bg {z-index: 100; top: 0; left: 0; width: 100%; height: 100%; background-color: #000}
.modal-area {z-index: 101; top: 0; left: 0; width: 100%}
.modal-dialog-container {z-index: 101; top: 20px; width:80%; min-width: 220px; height: 100%}
.modal-dialog-outer-container {border: 1px solid #af9c6b}
.modal-dialog-inner-container {border: 1px solid #422907; background-color: #1a2728}
.modal-dialog-inner-data {max-height: 185px; overflow-y: auto; overflow-x: hidden}
.modal-dialog-inner-block {background-color: #101819; border: 1px solid #000a0c}
.modal-dialog-button {display: block; position: relative; margin: 0 auto; height: 24px; border: 1px solid #615c47}
.modal-dialog-button-container {height: 21px; border: 1px solid #2d2100}
.modal-dialog-button-ok {height: 20px; line-height: 20px; border-top: 2px solid #3F86AC; background-color: #0e3e59; text-align: center}
.modal-dialog-button-inactive {height: 20px; line-height: 20px; border-top: 2px solid #202325; background-color: #191B1C; text-align: center}
.modal-dialog-button-cancel {height: 20px; line-height: 20px; border-top: 2px solid #C65F42; background-color: #8C2C10; text-align: center}
.tab { display: inline-block; width: 100%; padding: 0px; margin: 0 auto; }
.tab>li { position: relative; float: left; list-style: none; margin-top: 2px}
.tabItem{ font-size: 90%; margin: 0px; padding: 7px 0px; min-height: 20px; text-align: center; background: #000; background: linear-gradient(to top, #000, #1a2728, #000); box-shadow: 0 0 0 1px rgba(175, 156, 107, 0.45); color: white; }
.tabItem span { display:block; margin: 0 auto; padding: 0px }
.tabItem>a, .tabItem .tabTitle {display: block; width: 100%; height: 100%; text-decoration: none; padding: 7px 0px; }
.tabItem.tabActive .tabMark { display: block; }
.tabItem:hover { background: linear-gradient(to top, #000, #1a2728, #222) }
.tabItem.tabActive:hover { background: linear-gradient(to top, #000, #1a2728, #000) }
.tabMark{ display: none; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 7px solid #af9c6b; position: absolute; top: -1px; left: 50%; margin-left: -8px }
.paginator { text-align: center; }
.paginator .button { display:inline-block; margin: 1px; min-width: 25px; height: 25px; line-height: 25px; vertical-align: middle; text-decoration: none; color: #E4C770; background: #000; background: linear-gradient(to top, #000, #1a2728, #000); box-shadow: 0 0 0 1px rgba(175, 156, 107, 0.45); }
.paginator .button:hover { background: linear-gradient(to top, #000, #1a2728, #222) !important; }
.paginator span { font-size: 125%; color: #CCC !important; background: #555 !important; background: linear-gradient(to top, #555, #1a2728, #555) !important; }
.menu_button {
 display: block;
 border: 1px solid rgba(110, 81, 32, 1);
 border-radius: 30px 0px 0px 30px;
 background: #1a2728;
 background: linear-gradient(to right, #1a2728, #3a4748, #1a2728);
 height: 38px;
 line-height: 38px;
 vertical-align: middle;
 text-decoration: none;
 color: white;
 margin-top: 3px;
 margin-bottom: 4px;
 box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.5);
 white-space: nowrap;
 overflow: hidden;
}
a.menu_button.centered {
 background: url('https://img0.flibu.mobi/img/frmarr.png') 98% 50% no-repeat, linear-gradient(to right, #1a2728, #3a4748, #1a2728);
}
.menu_button_content {
 display: inline-block;
 vertical-align: middle;
 margin-left: 5px;
 margin-right: 5px;
 padding-bottom: 3px;
}
.menu_button_image {
 display: inline-block;
 position: relative;
 top: -2px;
 left: -1px;
 border: 1px solid rgba(110, 81, 32, 1);
 background: #1a2728;
 border-radius: 40px;
 line-height: 40px;
 vertical-align: middle;
 text-align: center;
 height: 40px;
 width: 40px;
 padding: 0px;
 box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.menu_button_image span, .menu_button_image img { margin: 0px; }
.lhn {line-height: normal}
.main_menu_section {
 width: 100%;
 text-align: center;
 display: table;
 margin-top: 10px;
 border-spacing: 5px;
}
.main_monster {
 text-align: center;
 text-decoration: none;
 display: table-cell;
 margin: auto;
 width: 80px;
 height: 85px;
 vertical-align: text-top;
}
.main_monster_image {
 margin: 0 auto;
 margin-bottom: 3px;
 display: block;
 position: relative;
 border: 1px solid rgba(110, 81, 32, 1);
 background: #1a2728;
 border-radius: 100px;
 line-height: 80px;
 vertical-align: middle;
 text-align: center;
 height: 80px;
 width: 80px;
 padding: 0px;
 box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.5);  
}
.battle_icon {
    width: 100px;
    height: 100px;
}
.skill_icon {
    width: 35px;
    height: 35px;
}

@media screen and (max-width: 280px) {
    body {
	font-size: 12px !important;
    }
    .main_monster {
	width: 60px;
	height: 65px;
    }
    .main_monster_image {
	line-height: 55px !important;
	height: 55px !important;
	width: 55px !important;
    }
    .footer_block {
	margin-top: 0px !important;
    }
    .footer_button {
	max-width: 25px !important;
    }
    .footer_button_image {
	line-height: 25px !important;
	height: 25px !important;
	width: 25px !important;
	margin-top: 0px !important;
    }
    .footer_button_content {
	font-size: 70% !important;
    }
    .slider_button {
	height: 40px !important;
    }
    .main_menu_button {
	height: 50px !important;
    }
    .main_menu_button_content {
	margin-top: -20px !important;
    }
    .btn_main_menu_bigi_icon {
	top: -3px !important;
	width: 30px !important;
	height: 30px !important;
    }
    .menu_button {
	height: 33px !important;
	/*Iline-height: 30px !important;*/
    }
    .menu_button_image {
	top: -4px !important;
	height: 33px !important;
	width: 33px !important;
	line-height: 33px !important;
    }
    .battle_icon {
	width: 60px;
	height: 60px;
    }
    .skill_icon {
	width: 20px;
	height: 20px;
    }
}
@media screen and (min-width: 281px) and (max-width: 310px) {
    body {
	font-size: 13px !important;
    }
    .main_monster {
	width: 70px;
	height: 75px;
    }
    .main_monster_image {
	line-height: 65px !important;
	height: 65px !important;
	width: 65px !important;
    }
    .slider_button {
	height: 50px !important;
    }
    .main_menu_button {
	height: 60px !important;
    }
    .main_menu_button_content {
	margin-top: -15px !important;
    }
    .btn_main_menu_bigi_icon {
	top: -3px !important;
	width: 33px !important;
	height: 33px !important;
    }
    .menu_button {
	height: 35px !important;
	/*Iline-height: 30px !important;*/
    }
    .menu_button_image {
	top: -2px !important;
	height: 36px !important;
	width: 36px !important;
	line-height: 36px !important;
    }
    .battle_icon {
	width: 75px;
	height: 75px;
    }
    .skill_icon {
	width: 30px;
	height: 30px;
    }
}

.main_monster_content {
 font-size: 75%;
 color: #777;
 text-shadow: 1px 1px 2px black;
}
.main_monster_content.active {
 color: #7F7;
}
.slider {
 position: relative;
 overflow: hidden;
 padding: 0px;
 width: 80%;
 margin: 0 auto;
}
.slider > li {
 display: none;
}
.slider > li.active {
 display: block;
 padding: 0px;
 margin-top: 20px;
 margin-bottom: 10px;
 list-style: none;
}
.slider_block {
 position: relative;
 overflow: hidden;
 width: 100%;
}
.slider_block > a {
 margin-top:-13px;
 width:15px;
 height:20px;
 display:block;
 position:absolute;
 top:50%;
 cursor:pointer;
 font-size: 25px;
 font-weight: bold;
 color: #888;
 text-decoration: none;
 text-shadow: 1px 1px 2px black;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 -o-user-select: none;
 user-select: none;
}
.slider_block a.next {
 display: block;
 position: absolute;
 right: 10px;
 top: 50%;
 background: url('https://img3.flibu.mobi/img/arrow-right.png') 0 0 no-repeat;
 width: 30px;
 height: 30px;
 margin-top: -20px;
}
.slider_block a.next:active {-webkit-transform:translateX(2px);transform:translateX(2px)}
.slider_block a.prev {
 display: block;
 position: absolute;
 left: 10px;
 top: 50%;
 background: url('https://img2.flibu.mobi/img/arrow-left.png') 0 0 no-repeat;
 width: 30px;
 height: 30px;
 margin-top: -20px;
}
.slider_block a.prev:active {-webkit-transform:translateX(-2px);transform:translateX(-2px)}
.slider_button {
 display: block;
 position: relative;
 width: 90%;
 height: 60px;
 min-width: 60px;
 border: 1px solid rgba(110, 81, 32, 1);
 border-radius: 10px;
 background: #1a2728;
 background: linear-gradient(to right, #161D1E, #28393A, #161D1E);
 vertical-align: middle;
 text-decoration: none;
 color: white;
 margin: 0 auto;
 margin-top: 20px;
 margin-bottom: 4px;
 box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.slider_block .controls a {
 cursor: pointer;
 display: inline-block;
 height: 8px;
 margin: 5px 5px 5px 15px;
 position: relative;
 width: 8px;
 background-color: #312D24;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 -o-border-radius: 50%;
 border-radius: 50%;
 -webkit-transition: background ease-in-out .5s;
 -moz-transition: background ease-in-out .5s;
 -o-transition: background ease-in-out .5s;
 transition: background ease-in-out .5s;
}
.slider_block .controls a:after {
 border: 2px solid rgba(110, 81, 32, 1);
 content: " ";
 display: block;
 height: 12px;
 left: -4px;
 position: absolute;
 top: -4px;
 width: 12px;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 -o-border-radius: 50%;
 border-radius: 50%;
}
.slider_block .controls a:hover, .slider_block .controls a.active { background: #0D0; }
a:hover {outline: 0;-webkit-filter: brightness(115%);filter: brightness(115%)}
.main_menu_button {
 display: table-cell;
 width: 80px;
 height: 60px;
 min-width: 60px;
 border: 1px solid rgba(110, 81, 32, 1);
 border-radius: 10px;
 background: #1a2728;
 background: linear-gradient(to right, #1a2728, #3a4748, #1a2728);
 vertical-align: middle;
 text-decoration: none;
 color: white;
 margin: 0 auto;
 margin-top: 20px;
 margin-bottom: 4px;
 box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.main_menu_button_content {
 display: block;
 position: relative;
 margin-top: -10px;
 margin-bottom: 5px;
 text-align: center;
 width: 100%;
 font-size: 75%;
}
.main_menu_button_image {
 display: block;
 position: relative;
 top: -20px;
 margin: 0 auto;
 /*border: 1px solid rgba(110, 81, 32, 1);
 background: #1a2728;
 border-radius: 32px;*/
 line-height: 35px;
 vertical-align: middle;
 text-align: center;
 height: 37px;
 width: 35px;
 padding: 0px;
 padding-right: 2px;
 background: url(https://img3.flibu.mobi/img/main_menu_button_icon_bg.png) no-repeat;
 background-size: cover;
 /*box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.5);*/
}
.main_menu_button_image.active:after, .footer_button_image.active:after {
 content: '';
 display: block;
 position: absolute;
 top:0px;
 right: 0px;
 height: 7px;
 width: 7px;
 border-radius: 7px;
 background-color: #0D0;
 border: 1px solid rgba(110, 81, 32, 1);
 box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.main_menu_button_image span, .menu_button_image img { margin: 0px; }
.footer_block {
 width: 100%;
 text-align: center;
 display: table;
 margin-top: 5px;
 border-spacing: 5px;
}
.footer_button {
 display: table-cell;
 text-decoration: none;
 max-width: 40px;
}
.footer_button_image {
 display: inline-block;
 position: relative;
 border: 2px solid rgba(110, 81, 32, 1);
 background: #1a2728;
 border-radius: 36px;
 line-height: 36px;
 vertical-align: middle;
 text-align: center;
 height: 36px;
 width: 36px;
 padding: 0px;
 box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.footer_button_content {
 position: relative;
 color: white;
 font-size: 75%;
 white-space: nowrap;
 overflow: hidden;
}
.button_200px {
 display: block;
 position: relative;
 min-height: 34px;
 border: 1px solid rgba(110, 81, 32, 1);
 background: #1a2728;
 background: linear-gradient(to right, #1a2728, #3a4748, #1a2728);
 vertical-align: middle;
 text-decoration: none;
 color: white;
 margin-top: 3px;
 margin-bottom: 4px;
 box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.5);
 width: 100%;
 max-width: 200px;
}
.button_200px_content {
 display: inline-block;
 margin-top: 10px;
 margin-left: 5px;
 margin-right: 5px;
 vertical-align: middle;
}
.button_200px_image {
 display: inline-block;
 position: absolute;
 top: -2px;
 left: -2px;
 border: 1px solid rgba(110, 81, 32, 1);
 background: #1a2728;
 border-radius: 34px;
 line-height: 34px;
 vertical-align: middle;
 text-align: center;
 height: 34px;
 width: 34px;
 padding: 0px;
 box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.button_200px_image span, .button_200px_image img { margin: 0px; }
.standard_button {
 display: block;
 position: relative;
 margin: 0 auto;
 height: 30px;
 border: 1px solid #615c47;
 max-width: 200px;
 text-decoration: none;
 text-align: center;
}
.standard_button_container {
 height: 27px;
 border: 1px solid #191B21;
}
.standard_button_blue {
 height: 25px;
 line-height: 25px;
 border-top: 2px solid #3F86AC;
 border-bottom: 2px solid #191B21;
 background-color: #0e3e59;
 background: linear-gradient(to right, #0e3e59, #2e5e79, #0e3e59);
 color: #CCC;
}
.standard_button_red {
 height: 25px;
 line-height: 25px;
 border-top: 2px solid #C65F42;
 border-bottom: 2px solid #191B21;
 background-color: #8C2C10;
 background: linear-gradient(to right, #8C2C10, #AC4C30, #8C2C10);
 color: #CCC;
}
.standard_button_green {
 height: 25px;
 line-height: 25px;
 border-top: 2px solid #278666;
 border-bottom: 2px solid #191B21;
 background-color: #0d3c2c;
 background: linear-gradient(to right, #0d3c2c, #2d5c4c, #0d3c2c);
 color: #CCC;
}
.standard_button_gray {
 height: 25px;
 line-height: 25px;
 border-top: 2px solid #333230;
 border-bottom: 2px solid #191B21;
 background-color: #333230;
 background: linear-gradient(to right, #333230, #535250, #333230);
 color: #AAA;
}
div.vkmblock {}
div.vksmblock {display: none}
@media screen and (max-width: 959px) and (min-height: 420px) {
div.vkmblock {
 position: fixed;
 bottom: 0px;
 width: 100%;
 left: 0%;
 z-index: 30000;
 background-color: #161D1E;
}
div.vksmblock {
    display: block;
    height: 85px;
}
}
.vkmblock div {z-index: 30000}
@-webkit-keyframes bounce {
 from { }
 to { -webkit-transform: translateY(-10px); }
}
@-moz-keyframes bounce {
 from { }
 to { -moz-transform: translateY(-10px); }
}
@-ms-keyframes bounce {
 from { }
 to { -ms-transform: translateY(-10px); }
}
@-o-keyframes bounce {
 from { }
 to { -o-transform: translateY(-10px); }
}
@keyframes bounce {
 from { }
 to { transform: translateY(-10px); }
}
.arrow_bounce {
 display: block;
 position: relative;
 top: -20px;
 height: 1px;
 padding: 0px;
 margin: 0 auto;
 -webkit-animation: bounce .4s ease infinite alternate;
 -moz-animation: bounce .4s ease infinite alternate;
 -ms-animation: bounce .4s ease infinite alternate;
 -o-animation: bounce .4s ease infinite alternate;
 animation: bounce .4s ease infinite alternate;
}
.battle_header_background {
 background-color: #161D1E;
 background: -webkit-linear-gradient(left, #161D1E, #393B41, #161D1E);
 background: -moz-linear-gradient(left, #161D1E, #393B41, #161D1E);
 background: -o-linear-gradient(left, #161D1E, #393B41, #161D1E);
 background: linear-gradient(to right, #161D1E, #393B41, #161D1E);
 text-decoration: none;
}
.inner_kick{
 content:'';
 display:block;
 position:relative; 
 float:left;
 background:#641F22;
 height:5px;
 width:0px;
 -webkit-animation:animate-inner-kick 0.7s ease-in;
 -moz-animation:animate-inner-kick 0.7s ease-in;
 animation:animate-inner-kick 0.7s ease-in;
}
.enemy_kick{
 content:'';
 display:block;
 position:relative;
 float:left;
 background:#641F22;
 height:5px;
 width:0px;
 -webkit-animation:animate-enemy-kick 0.7s ease-in;
 -moz-animation:animate-enemy-kick 0.7s ease-in;
 animation:animate-enemy-kick 0.7s ease-in;
}
.enemy_kick_damage{
 content:'';
 display:block;
 position:absolute;
 bottom:20%;
 left:25%;
 color:red;
 font-size:0;
 -webkit-animation:animate-enemy-damage 1s ease-in;
 -moz-animation:animate-enemy-damage 1s ease-in;
 animation:animate-enemy-damage 1s ease-in;
}
.crit_kick_effect{
 content:'';
 opacity:0;-moz-opacity:0;filter:alpha(opacity=0);
 -webkit-animation:animate-crit-kick-effect 1.5s ease-in;
 -moz-animation:animate-crit-kick-effect 1.5s ease-in;
 animation:animate-crit-kick-effect 1.5s ease-in;
}
@-webkit-keyframes animate-enemy-damage{
 0%{font-size:25px;bottom:20%;opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}
 70%{font-size:25px;bottom:30%;opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}
 100%{font-size:25px;bottom:50%;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
}
@-moz-keyframes animate-enemy-damage{
 0%{font-size:25px;bottom:20%;opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}
 70%{font-size:25px;bottom:30%;opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}
 100%{font-size:25px;bottom:50%;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
}
@keyframes animate-enemy-damage{
 0%{font-size:25px;bottom:20%;opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}
 70%{font-size:25px;bottom:30%;opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}
 100%{font-size:25px;bottom:50%;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
}
@-webkit-keyframes animate-crit-kick-effect{
 0%{opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}
 100%{opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
}
@-moz-keyframes animate-crit-kick-effect{
 0%{opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}
 100%{opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
}
@keyframes animate-crit-kick-effect{
 0%{opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}
 100%{opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
}

div.message-small {
    content: '';
    display: block;
    position: fixed;
    float: none;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 1000;
    color: #fff;
    top: 10% !important;
    background: transparent;
    -webkit-animation:ani-message-hide 1.25s ease-in forwards;
    -moz-animation:ani-message-hide 1.25s ease-in forwards;
    animation:ani-message-hide 1.25s ease-in forwards;
}
span.message-small {
    display: inline-block;
    background: rgba(22,29,30,0.75);
    padding: 3px 15px;
    border-radius: 5px;
    border: 1px solid #333;
    -webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 10px rgba(0,0,0,0.75);
}
@-webkit-keyframes ani-message-hide{
    0%{opacity:1;}
    35%{opacity:1;transform:translateY(0px);}
    50%{opacity:1;}
    100%{transform:translateY(-200px); opacity:0;}
}
@-moz-keyframes ani-message-hide{
    0%{opacity:1;}
    35%{opacity:1;transform:translateY(0px);}
    50%{opacity:1;}
    100%{transform:translateY(-200px); opacity:0;}
}
@keyframes ani-message-hide{
    0%{opacity:1;}
    35%{opacity:1;transform:translateY(0px)}
    50%{opacity:1;}
    100%{transform:translateY(-200px); opacity:0;}
}

div.message-drop {
    display: block;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -100px;
    padding: 10px 5px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    border: 1px solid #6C5628;
    border-top: 0px;
    min-height: 30px;
    width: 200px;
    overflow: hidden;
    text-align: center;
    background-color: #161D1E !important;
    color: #6b441b !important;
    text-shadow: none;
    z-index: 10001;

    -webkit-animation:ani-message-drop 3.5s ease-in forwards;
    -moz-animation:ani-message-drop 3.5s ease-in forwards;
    animation:ani-message-drop 3.5s ease-in forwards;
}
div.message-drop a {
    color: #FFDD77 !important;
    border-bottom: 1px dashed #6b441b;
}
@-webkit-keyframes ani-message-drop{
    0%{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);top:-300px}
    10%{top:0px}
    89%{top:0px}
    99%{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);top:-300px}
    100%{opacity:0;-moz-opacity:0;filter:alpha(opacity=0);display:none}
}
@-moz-keyframes ani-message-drop{
    0%{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);top:-300px}
    10%{top:0px}
    89%{top:0px}
    99%{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);top:-300px}
    100%{opacity:0;-moz-opacity:0;filter:alpha(opacity=0);display:none}
}
@keyframes ani-message-drop{
    0%{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);top:-300px}
    10%{top:0px}
    89%{top:0px}
    99%{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);top:-300px}
    100%{opacity:0;-moz-opacity:0;filter:alpha(opacity=0);display:none}
}
.call-btn, img.sea-trip-monster.monster {
    -webkit-animation: ani-btn-call 5s infinite;
    animation: ani-btn-call 5s infinite;
}
@-webkit-keyframes ani-btn-call {
    from, 80%, 85%,93% {
        -webkit-transform: scale(1);
    }

    82%, 89% {
        -webkit-transform: scale(0.97);
    }
}
@keyframes ani-btn-call {
    from, 80%, 85%,93% {
        transform: scale(1);
    }

    82%, 89% {
        transform: scale(0.95);
    }
}
div.sea-trip-container {
    display:block;
    position: relative;
    width: 100%;
    padding: 0px 0px 10px 0px;
    margin: 0px auto;
    overflow: hidden;
}
img.sea-trip-bg {
    display: block;
    width: 100%;
    height: auto;
}
img.sea-trip-sea, img.sea-trip-ship, img.sea-trip-enemy, img.sea-trip-monster, img.sea-trip-rif, img.sea-trip-artefact {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: auto;
}
img.sea-trip-ship, sea-trip-enemy {z-index: 1000;}
img.sea-trip-bg {z-inedx: 100;}
img.sea-trip-sea {z-index: 1100;}
img.sea-trip-monster, img.sea-trip-rif, img.sea-trip-artefact {z-index: 1200;}
img.sea-trip-ship.trip {
    animation: sea-trip-ship-animation 7s linear forwards;
}
@keyframes sea-trip-ship-animation {
    from {left: 0%; top: 0px}
    25% {transform: rotate(-2deg); left: 25%}
    50% {transform: rotate(0deg); left: 50%}
    75% {transform: rotate(-2deg); left: 75%}
    100% {transform: rotate(0deg); top: 0px; left: 100%}
}
img.sea-trip-ship.enemy {
    animation: sea-trip-ship-enemy-animation 3s linear infinite;
}
@keyframes sea-trip-ship-enemy-animation {
    from {transform: rotate(0deg)}
    50% {transform: rotate(-1deg)}
    100% {transform: rotate(0deg)}
}
img.sea-trip-enemy.enemy {
    animation: sea-trip-enemy-enemy-animation 3s linear infinite;
    animation-delay: 1.2s;
}
@keyframes sea-trip-enemy-enemy-animation {
    from {transform: rotate(0deg)}
    50% {transform: rotate(1deg)}
    100% {transform: rotate(0deg)}
}
img.sea-trip-artefact.trip {
    animation: sea-trip-artefact-trip-animation 40s linear forwards;
}
@keyframes sea-trip-artefact-trip-animation {
    from {left: 0%}
    100% {left: -100%}
}

/* ND */

div.profile-shop-avatar, div.profile-shop-fon {
    position: relative;
    display: inline-block;
    width: 100px;
    box-shadow: 1px 1px 4px #333;
    margin: 2%;
    border-radius: 10px;
    padding: 5px;
    box-sizing: border-box;
    vertical-align: top;
    background: #333;
}
div.profile-shop-avatar.disabled {
    filter: grayscale(1);
}
div.profile-shop-avatar > img.avatar, div.profile-shop-fon > img.icon {
    width: 100%;
    height: auto;
    border-radius: 5px;
}
div.profile-shop-avatar > div.price, div.profile-shop-fon > div.price {
    width: 100%;
    text-align: center;
    margin-top: 5px;
}
div.profile-shop-avatar > a.btn, div.profile-shop-fon > a.btn {
    display: block;
    color: #FFF;
    background-color: #111;
    text-decoration: none;
    padding: 3px;
    white-space: nowrap;
    border: 1px solid #A6987A;
    border-radius: 5px;
    margin: 5px auto;
    max-width: 97%;
    text-align: center;
}
div.profile-shop-avatar-delim {
    width: 75%;
    margin: 0 auto;
    height: 2px;
    box-shadow: 1px 1px 4px #333;
    background: #DDDDDD;
    margin-top: 10px;
    margin-bottom: 10px;
}
div.profile-shop-fon {
    width: 46%;
}
div.nd-profile-user-panel {
    position: relative;
    border: 1px solid #777;
    border-radius: 10px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 5px;
    background-color: #333;
    background-position: center;
    background-size: cover;
    box-sizing: border-box;
    overflow: hidden;
    min-height: 100px;
}
@media screen and (max-width: 319px) {
div.nd-profile-user-panel {
    min-height: 82px !important;
}
div.nd-profile-user-avatar {
    max-width: 80px !important;
    max-height: 95% !important;
}
}
div.nd-profile-user-avatar {
    position: absolute;
    top: 50%;
    left: -2px;
    z-index: 1;
    border: 1px solid #777;
    border-radius: 5px;
    max-width: 100px;
    width: 33.33%;
    height: auto;
    max-height: 100%;
    overflow: hidden;
    transform: translateY(-50%);
}
div.profile-shop-buy-panel {
    background: #333;
    width: 90%;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    box-shadow: 1px 1px 4px #333;
    box-sizing: border-box;
    border-radius: 10px;
    text-align: center;
}
div.profile-shop-buy-panel > div.title {
    font-weight: bold;
    margin-bottom: 5px;
}
div.profile-shop-buy-panel > div.price {
    margin-bottom: 10px;
}
a.nd-profile-settings {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    max-width: 9%;
}
div.battle-avatar-container {
    padding: 5px;
    position: relative;
    box-sizing: border-box;
    background: url('https://img0.flibu.mobi/img/nd/battle/frame_avatar.png') center no-repeat;
    background-size: 100% 100%;
}
div.battle-avatar-container, .battle-avatar, div.battle-progress-container {
    max-width: 125px;
    width: 100%;
}
img.battle-avatar {
    filter: contrast(1.1) brightness(1.1);
}
.battle-skill-button {
    width: 90%;
    max-width: 64px;
    height: auto;
    margin-top: 5px;
}