html {overflow-y: scroll !important; height: 100% !important}
html::-webkit-scrollbar {display: none}
body {
padding: 0px;
margin: 0px;
font-size: 16px !important;
background-color: #006db7 !important;
color: white;
word-wrap: break-word;
min-height: 100vh;
min-height: 100%;
height: 100vh;
height: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
background: url('https://img3.iboss.mobi/icons/nd/bg-spring-mobile.jpg') fixed center no-repeat;
background-size: cover;
box-sizing: border-box;
}
* {touch-action: manipulation;}
input,textarea,input:focus,textarea:focus { font-size: 16px!important; max-width: 100%!important}
@media screen and (min-width: 441px) {
body {
height: 100% !important;
}
}
body::-webkit-scrollbar {display: none}
div.main-container {
width: auto!important;
max-width: 320px!important;
min-width: 240px!important;
margin: 0 auto;
min-height: 100vh !important;
min-height: 100%;
position: relative;
background-color: rgba(0,144,222,0.1);
box-shadow: 0px 0px 25px rgb(0,0,0,.35);
}
@media screen and (max-width: 279px) {
div.business-trip-progress {
padding-left: 90px !important;
transform: scale(.8);
}
}
@media screen and (min-width: 280px) {
body {padding: 0px; margin: 0px; font-size: 16px !important; background-color: #006db7 !important; color: white; word-wrap: break-word}
div.message-notice {max-width: 320px}
.sbtn_active_label.avail {left: 65% !important}
div.business-trip-progress { padding-left: 100px !important; transform: scale(.8) }
}
@media screen and (min-width: 320px) {
div.business-trip-progress { padding-left: 110px !important; transform: scale(.9) }
}
@media screen and (min-width: 360px) {
body {padding: 0px; margin: 0px; font-size: 16px !important; background-color: #006db7 !important; color: white; word-wrap: break-word}
div.main-container { max-width: 350px !important }
div.message-notice {max-width: 350px}
.sbtn_active_label.avail {left: 65% !important}
div.business-trip-progress { padding-left: 128px !important }
}
@media screen and (min-width: 400px) {
body {padding: 0px; margin: 0px; font-size: 16px !important; background-color: #006db7 !important; color: white; word-wrap: break-word}
div.main-container { max-width: 390px !important }
div.message-notice {max-width: 390px}
}
body {font-family: helvetica, arial, verdana, tahoma, sans-serif; text-shadow: 0 1px 5px black; margin: 0 auto; will-change: text-shadow}
input {padding: 2px; margin: 3px 0; border-radius: 4px; font-size: medium; text-align: center;}
img {vertical-align: middle; border: 0px}
a:hover {outline: 0;-webkit-filter: brightness(110%); filter: brightness(110%)}
a:active{-webkit-transform:translateY(1px) scale(.99);transform:translateY(1px) scale(.99);will-change:transform}
a, span, div, input, button {-webkit-tap-highlight-color: rgba(255,255,255,0);}
a {cursor: pointer; touch-action: manipulation;}
table {
border-collapse: collapse;
border-spacing: 0;
border: 0;
padding: 0;
}
img.currency-icon { margin-bottom: 2px; height: 16px; width: auto !important; }
.adapted-height {}
@media screen and (max-height: 420px) {
.adapted-height { transform: scale(.75) translateY(-15%); transition: .3s; }
}
.err {color: #CE6634}
.hidden {display: none !important}
.big {font-size: 125% !important}
.small {font-size: 85% !important}
.black {color: #c1c1c1 !important}
.red {color: #CE6634}
.active {color: cyan !important}
.white {color: #FFF !important}
.normal {color: #DDD !important}
.prize {color: #0F0 !important}
.altprize {color: #3B8430 !important}
.sysmsg {color: #548CAE}
.bold {font-weight: bold}
.row{display: table-row}
.cell{display: table-cell}
.tdn {text-decoration: none !important}
.tdu {text-decoration: underline !important}
.alc {text-align: center !important}
.alr {text-align: right !important}
.all {text-align: left !important}
.d-b {display: block}
.d-ib {display: inline-block}
.pos-r {position: relative}
.pos-a {position: absolute}
.fr {float: right}
.fl {float: left}
.cfb {clear: both}
.ovh {overflow: hidden}
.bg {position: relative; margin: 0 auto; width: 98%; background-color: #2D71B3; padding: 0px; overflow: hidden; z-index: 1; text-align: center; border-radius: 4px}
.bluebg {position: relative; margin: 0 auto; width: 98%; background-color: #548CAE; padding: 0px; overflow: hidden; z-index: 1; border-radius: 4px}
.neutralbg, div.main_panel {position: relative; margin: 0 auto; width: 98%; padding: 0px; overflow: hidden; z-index: 1; border-radius: 4px;background-color: rgba(0,144,222,0.9);}
.bgpanel {display: block; position: relative; margin: 0 auto; width: 98%; background-color: #004392; padding: 0px; overflow: hidden; z-index: 1; margin-bottom: 5px; margin-top: 5px; min-height: 20px; color: #999}
.mw200 {max-width: 200px !important}
.wp200 {width: 200px !important}
.wp100 {width: 80px !important}
.op50 { opacity: 0.5; }
.no-select {-ms-user-select: none;-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;user-select: none;}
.sbtn_active_label {
position: absolute;
right: 0px;
top: 0px;
background-color: #0D0;
border-radius: 20px;
padding: 2px;
padding-right: 3px;
text-shadow: 1px 1px 2px #222;
border: 1px solid rgba(110, 81, 32, 1);
color: #EEE;
min-width: 12px;
line-height: 1em;
}
.sbtn_active_label.blue {
background-color: #3190cc !important;
}
.sbtn_active_label.avail {
padding: 0px !important;
width: 12px !important;
height: 12px !important;
top: 3% !important;
left: 60% !important;
}
.sbtn_active_label.order {
padding: 0px;
width: 12px;
height: 12px;
top: 0px;
right: 5px;
}
@media screen and (max-width: 360px) {
.sbtn_active_label.avail {left: 65% !important}
}
.bgpanel .sbtn_active_label { background-color: #090; }
.m0auto {margin: 0 auto !important}
.m10 {margin: 10px !important}
.mt2 {margin-top: 2px !important}
.mt5 {margin-top: 5px !important}
.mb2 {margin-bottom: 2px !important}
.mb5 {margin-bottom: 5px !important}
.mt10 {margin-top: 10px !important}
.mb10 {margin-bottom: 10px !important}
.mr3 {margin-right: 3px !important}
.mr5 {margin-right: 5px !important}
.ml5 {margin-left: 5px !important}
.m5 {margin: 5px !important}
.vam {vertical-align: middle}
.pad0 {padding: 0px !important}
.w100 {width: 100% !important}
.w90 {width: 90% !important}
.w80 {width: 80% !important}
.submit {padding: 2px 20px; margin: 3px 0; border-radius: 4px; text-align: center}
a:link, a:visited {text-decoration: none; color: #4BF}
a.blue-link {color: #006db7!important;text-decoration: underline;}
.standard_button {position: relative; padding: 0px; max-width: 210px; overflow: hidden; width: 65%; z-index: 1; text-align: center; margin: 6px auto; height: 28px; font-size: 14px !important; box-shadow: 1px 1px 2px black; border-radius: 15px;}
.standard_button a {padding: 5px 0; color: #FFF; font-weight: normal; text-decoration: none; display: block; text-shadow: 1px 1px 3px #000 !important}
.standard_button.red {
background-color: #9D3300;
border: 1px solid;
border-color: #285688 #072757 #072757 #285688;
}
.standard_button.green {
background-color: #00BB00;
border: 1px solid;
border-color: #285688 #072757 #072757 #285688;
background: linear-gradient(to top, #009900, #00CC00, #009900);
font-weight: bold !important;
}
.standard_button.blue {
background-color: #5082B3;
border: 1px solid;
border-color: #285688 #072757 #072757 #285688;
}
.btn {
background-color: #548CAE;
border-radius: 6px;
border: 1px solid;
border-color: #285688 #072757 #072757 #285688;
}
.pag_container {
padding: 5px;
margin: 5px 0;
text-align: center;
}
.pag {
border: 1px solid #3380AE;
padding: 5px 9px;
margin: 1px;
color: #CCC;
text-decoration: none;
background-color: #548CAE;
}
.pag:hover, span.pag {
background-color: #3380AE;
color: #6FCD72;
}
.forum_label, a.forum_label, .imp {
color: #FFDF8C !important;
}
.gold { color: #FF9 !important }
a:hover {
color: #FFFFFF;
}
.forum-button {
display: block;
padding: 7px 25px 7px 5px;
border-top: 2px solid #e7cb93;
border-bottom: 1px solid #6b441b;
text-decoration: none;
text-shadow: none !important;
background: url('https://img2.iboss.mobi/icons/frmarr.png') 98% 50% no-repeat #f5deb3 !important;
color: #6b441b !important;
}
.frmblock{
display: block;
padding: 7px 5px 7px 5px;
border-top: 1px solid #555;
border-bottom: 1px solid #011320;
background-color: #e7cb93 !important;
text-decoration: none;
text-shadow: none !important;
color: #6b441b !important;
}
.frmblock a {
color: #6b441b !important;
text-decoration: underline;
}
.forum-theme-title {
font-size: 100%;
font-weight: bold;
}
.forum-theme-description {
display: block;
font-size: 85%;
font-style: italic;
}
.forum-message {
display: block;
position: relative;
margin: 0 auto;
margin-top: 5px;
padding: 5px;
overflow: hidden;
z-index: 1;
border-radius: 0px;
background-color: #f5deb3 !important;
color: #6b441b !important;
text-shadow: none;
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
word-break: break-word;
}
.forum-message a {
color: #6b441b !important;
text-decoration: underline;
}
.mdcolor {
color: #5c7e02 !important;
}
.ft {
color: #58400b !important
}
div.delim {
margin: 5px;
border-top: 1px solid #0F7441;
border-bottom: 1px solid #80D9AC;
}
div.hr {
margin: 5px 0;
border-bottom: 1px dotted #2DB36E;
}
.tutor-container {
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
}
@media screen and (min-width: 800px) {
.tutor-container {
position: absolute !important;
}
}
.tutor-girl {
width: 200px;
height: 200px;
opacity: 0;
position: absolute;
top: 50px;
left: 50%;
margin-left: -100px;
z-index: 100;
box-shadow: 0px 10px 20px #000;
border-radius: 100%;
}
.tutor-container .tutor-girl {
width: 100px;
height: 100px;
opacity: 1;
position: absolute;
top: 10px;
left: 10px;
margin: 0px;
}
.tutor-girl-bubble {
opacity: 0;
position: absolute;
top: 19px;
left: 120px;
width: 67%;
width: calc(100% - 130px);
min-height: 65px;
background: #fff;
border-radius: 10px;
box-shadow: 0px 10px 20px #000;
z-index: 100;
}
.tutor-girl-bubble:after {
content: '';
width: 0;
height: 0;
display: block;
position: absolute;
left: -22px;
top: 24px;
border-style: solid;
border-width: 8px 12px;
border-color: rgba(255,255,255,0) #fff rgba(255,255,255,0) rgba(255,255,255,0);
}
.tutor-girl-bubble-tech {
display: table;
width: 100%;
}
.tutor-girl-bubble-textarea {
display: table-cell;
vertical-align: middle;
color: #6B441B;
padding: 10px;
text-shadow: none;
}
div.arrow-bounce {
opacity: 0;
}
.main_panel_header {
line-height: 20px;
}
.mail_list_header {
line-height: 30px;
}
.mail_list_item_title {
line-height: 40px !important;
}
a.main_panel_header img {
margin-left: 5px;
margin-right: 5px;
width: 20px;
height: 20px;
vertical-align: middle;
}
a.main_panel_header div {
position: absolute;
top: 0px;
right: 5px;
vertical-align: middle;
color: #FFF;
font-size: 75%;
}
a.main_panel_header div img {
margin-left: 3px;
margin-right: 3px;
width: 12px;
height: 12px;
vertical-align: middle;
padding-bottom: 4px;
}
div.profile-vip {
background: url('https://img1.iboss.mobi/icons/vip.png') 98% 0% no-repeat !important;
background-size: 36px !important;
}
div.profile-vip {
position: absolute;
top: 10px;
right: 5px;
height: 40px;
width: 40px;
}
img.vip {
width: 26px;
vertical-align: top;
margin-left: 2px;
margin-right: 2px;
}
div.new_platform_panel {
border: 1px solid #4D91D3;
margin-top: 5px;
margin-bottom: 5px;
background-color: #3B6186;
background-image: url('https://img2.iboss.mobi/icons/newplatform.png');
background-repeat: no-repeat;
background-position: 0 50%;
background-size: cover;
}
.progress-bar {
height: 3px;
padding: 0px;
width: 100%;
}
.progress-bar span {
display: block;
height: 3px;
width: 100%;
}
.stripes span {
background-color: #CE8F34;
}
.stripes_blue span {
background-color: #2D71B3;
}
.stripes_green span {
background-color: #00D000;
}
.stripes span, .stripes_blue span, .stripes_green span {
background-size: 20px 20px;
background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);
}
.platform_bg_4 {background-color: #F0823F !important}
.platform_bg_3 {background-color: rgba(226, 199, 93, 0.95) !important}
.platform_bg_2 {background-color: rgba(81, 180, 145, 0.85) !important}
.platform_bg_0 {background-color: rgba(98, 92, 192, 1) !important}
.platform_bg_1 {background-color: rgba(00, 255, 255, 0.45) !important}
.tdud {border-bottom: 1px dashed #777}
img.service_icon {
margin: 0 auto;
margin-bottom: 3px;
display: block;
position: relative;
border: 1px solid rgba(110, 81, 32, 1);
background: #44a4ee;
border-radius: 15px;
line-height: 64px;
vertical-align: middle;
text-align: center;
height: 64px;
width: 64px;
padding: 3px;
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 360px) {
img.service_icon{width:50px!important;height:50px!important;line-height:50px!important}
}
.panel_shadow{
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
will-change: box-shadow;
}
.new-platform-button {
display: block;
position: relative;
height: 24px;
border: 1px solid #615c47;
line-height: 24px;
text-decoration: none;
cursor: pointer;
color: #fff !important;
text-align: center;
border-radius: 15px;
padding: 2px;
width: 150px;
margin-right: 5px;
background: #0AAC8E;
background: linear-gradient(180deg,#1AD0AD 0,#0AAC8E 100%);
box-shadow: 0 2px 0 rgba(0,0,0,0.35), inset 0 2px 0 rgba(113,255,228,0.5);
}
.main_panel_border { border: 1px solid #53799E }
.main_panel_bg {background: url('https://img1.iboss.mobi/icons/bg_blue.png') no-repeat center center; background-size: cover;}
.standard_panel_bg {background: url('https://img1.iboss.mobi/icons/bg_standard.png')}
.bg_main_header {background-color: #004392; margin-top: 0px !important; color: #EEE !important; font-weight: bold; font-size: 85%; width: 100%}
a.bg_main_header span {border-bottom: 1px dashed #777}
div.business_block {
display: block;
margin-top: 5px;
margin-bottom: 5px;
}
.modal-bg {z-index: 100; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.55; position: fixed; transition: 2s}
.modal-area {z-index: 101; top: 0; left: 0; width: 100%; text-shadow: none}
.modal-dialog-container {z-index: 101; top: 20px; width:80%; min-width: 220px; max-width: 300px; height: 100%;
display: block;
box-sizing: border-box;
border-radius: 7px;
box-shadow: 0 0 25px #000;
color: #5c7e02!important;
background: #effad4!important;
padding: 5px;
text-align: center;
}
.modal-dialog-inner-data {max-height: 500px; max-height: 80vh; overflow-y: auto; overflow-x: hidden}
.modal-dialog-inner-block {background: #e7cb93 !important; color: #6b441b !important}
.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 {
height: 24px;
line-height: 24px;
display: block;
text-decoration: none;
cursor: pointer;
color: #fff !important;
text-align: center;
position: relative;
border-radius: 15px;
padding: 3px;
width: 90%;
margin: 3px auto;
}
.modal-dialog-button.ok {
background: #0AAC8E;
background: linear-gradient(180deg, #1AD0AD 0%, #0AAC8E 100%);
box-shadow: 0 2px 0 rgba(0,0,0,0.1), inset 0 2px 0 rgba(113,255,228,0.7);
}
.modal-dialog-button.cancel {
background: #B73648;
background: linear-gradient(180deg,#C76567 0,#B73648 100%);
box-shadow: 0 2px 0 rgba(0,0,0,0.1), inset 0 2px 0 rgb(243, 153, 92, 0.9);
}
.modal-dialog-button.blue {
background: #3190cc;
background: linear-gradient(180deg,#54b6f3 0,#3190cc 100%);
box-shadow: 0 2px 0 rgba(0,0,0,0.1), inset 0 2px 0 rgba(165,220,255,0.4);
}
.modal-dialog-button-close {
content: '';
position: absolute;
top: 7px;
right: 7px;
width: 18px;
height: 18px;
background: url('https://img2.iboss.mobi/icons/modal-close.png') 0 69.697% no-repeat!important;
background-size: 18px auto!important;
}
.tab { position: relative; margin: 0 auto; width: 100%; padding: 0px; overflow: hidden; z-index: 1; text-align: center}
.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: #004392;
background: background: linear-gradient(180deg,#0f5bb5 0,#004392 100%);
box-shadow: 0 0 0 1px rgba(175, 156, 107, 0.45); color: white;
}
.tabItem.tabActive {
background: #3190cc;
background: linear-gradient(180deg,#54b6f3 0,#3190cc 100%);
}
.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; }
.tabMark{ display: none; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 7px solid #fb9209; position: absolute; top: -1px; left: 50%; margin-left: -8px }
.top-menu-btn,.def-btn {
display: block;
text-decoration: none;
cursor: pointer;
color: #fff !important;
text-align: center;
position: relative;
border-radius: 4px;
}
.def-btn {
padding: 12px;
background: #54b6f3 linear-gradient(#DDDDDD, #54b6f3 50%, #3190cc);
box-shadow: inset rgba(255,255,255,.5) 1px 1px;
max-height: 45px!important;
}
.sub-menu-btn {
display: block;
text-decoration: none;
cursor: pointer;
position: relative;
color: #F5F5F5;
text-align: center;
background: url('https://img3.iboss.mobi/icons/nd/200px_button_empty.png') 0 0 no-repeat;
background-size: 100% 100%;
line-height: 44px;
height: 44px;
font-size: 90%;
font-weight: bold;
}
.top-menu-resource.coins {
display: block;
position: absolute;
top: 10px;
right: 26%;
right: calc(20.2% - -32px);
width: 22%;
max-width: 88px;
height: 16px;
margin: 0;
padding: 0px;
background:
linear-gradient(to bottom,#b7d6ec 10%, #94caf2 49.999%,#71b8ed 50%,#3e9bce 100%);
background-size: 18px auto,auto auto!important;
}
.top-menu-buy-coins {
position: absolute;
top: 50%;
right: 0px;
width: 22px;
height: 22px;
background: url('https://img1.iboss.mobi/icons/nd/add_coins.png') center / cover no-repeat;
transform: translate(15%,-50%);
}
.top-menu-logo-coins {
position: absolute;
top: 50%;
left: 0px;
width: 30px;
height: 30px;
background: url('https://img1.iboss.mobi/icons/coin.png') center / cover no-repeat;
transform: translate(-70%,-50%);
}
.top-menu-resource.bucks {
display: block;
position: absolute;
top: 10px;
right: 9px;
width: 19%;
max-width: 88px;
height: 16px;
margin: 0;
padding: 0px;
background:
linear-gradient(to bottom,#b7d6ec 10%, #94caf2 49.999%,#71b8ed 50%,#3e9bce 100%);
background-size: 18px auto,auto auto!important;
}
.top-menu-buy-bucks {
position: absolute;
top: 50%;
right: 0px;
width:22px;
height: 22px;
background: url('https://img1.iboss.mobi/icons/nd/add_bucks.png') center / cover no-repeat;
transform: translate(15%,-50%);
}
.top-menu-logo-bucks {
position: absolute;
top: 50%;
left: 0px;
width: 30px;
height: 30px;
background: url('https://img1.iboss.mobi/icons/gold.png') center / cover no-repeat;
transform: translate(-70%,-50%);
}
.top-menu-resource.bucks .top-menu-resource-label, .top-menu-resource.coins .top-menu-resource-label {
width: 90%;
left: 0;
}
.top-menu-resource {
vertical-align: middle;
text-decoration: none;
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 rgba(0,96,185,0.5);
*/
border-radius: 0 6px 6px 0;
}
.top-menu-resource-label {
position: absolute;
font-weight: 500;
color: #fff;
top: 2px;
font-size: 65%;
box-sizing: content-box;
text-align: center;
white-space: nowrap;
overflow: hidden;
width: 100%;
padding: 0px;
}
div.resource-menu {
position: relative;
background: #44a4ee;
background: linear-gradient(180deg,#45a6ed 0,rgba(69,166,237,0) 100%);
margin-bottom: 0px;
height: 42px;
width: 100%;
padding: 0px;
background:
url('https://img3.iboss.mobi/icons/nd/top_menu_center.png') 0 0 repeat-x;
}
.top-menu-level-container {
display: block;
position: absolute;
margin: 0;
top: 10px;
left: 10%;
max-width: 100px;
width: 28%;
height: 16px;
padding: 0px;
}
.top-menu-level-progressbar {
position: relative;
overflow: hidden!important;
height: 16px;
background: linear-gradient(to bottom,#b7d6ec 10%, #94caf2 49.999%,#71b8ed 50%,#3e9bce 100%);
border: 1px solid #0d5083;
border-radius: 0 6px 6px 0;
}
.top-menu-level-progressbar-progress {
position: absolute;
top: -1px;
left: 0px;
bottom: 0px;
height: 16px;
background: linear-gradient(to bottom,#ffd5a0 10%,#ffa435 49.999%,#ea8c1a 50%,#d47604 100%);
border: 1px solid #703e01;
border-radius: 0 6px 6px 0;
}
.top-menu-level-progressbar-label {
position: absolute;
width: 100%;
top: 2px;
left: 0;
font-size: 65%;
color: #fff;
font-weight: 500;
text-align: center;
}
.top-menu-level-progressbar-logo {
position: absolute;
text-align: center;
padding: 10px 0 0 0px;
height: 22px;
width: 30px;
font-size: 12px !important;
color: #fff;
font-weight: bold;
text-shadow: -1px -1px 0 #ba2d00, 1px -1px 0 #ba2d00, -1px 1px 0 #ba2d00, 1px 1px 0 #ba2d00;
top: -8px;
left: -23px;
background: url('https://img2.iboss.mobi/icons/nd/expirience-progress.png') 50% 50% no-repeat;
background-size: auto 32px!important;
}
.bottom-menu{
display: block;
position: fixed;
bottom: 0px;
height: 120px;
z-index: 10000;
margin: 0 auto;
width: 100%;
left: 0;
right: 0;
}
div.bottom-menu-block {
height: 120px;
}
@media screen and (max-width: 360px) {
div.bottom-menu-block {height: 120px !important}
.bottom-menu {height: 100px;}
.bottom-menu-top {height: 60px !important}
.bottom-menu-link.main {
width: 60px !important;
height: 60px !important;
left: calc(50% - 30px)!important;
background-size: 60px auto !important;
}
.bottom-menu-link.tasks, .bottom-menu-link.alliance {
background-size: 38px auto !important;
}
.bottom-menu-link-title {
font-size: 11px !important;
}
.bottom-menu-footer {
height: 45px !important;
}
.bottom-menu-link.shop, .bottom-menu-link.talk, .bottom-menu-link.tender, .bottom-menu-link.rating {
background-size: 28px auto !important;
}
}
@media screen and (max-height: 449px) {
div.bottom-menu-block {height: 110px !important}
.bottom-menu {height: 90px; position: relative !important}
.bottom-menu-top {height: 50px !important}
.bottom-menu-link.main {
width: 50px !important;
height: 50px !important;
left: calc(50% - 25px)!important;
background-size: 50px auto !important;
}
.bottom-menu-link.tasks, .bottom-menu-link.alliance {
background-size: 32px auto !important;
}
.bottom-menu-link-title {
font-size: 10px !important;
}
.bottom-menu-footer {
height: 40px !important;
}
.bottom-menu-link.shop, .bottom-menu-link.talk, .bottom-menu-link.tender, .bottom-menu-link.rating {
background-size: 24px auto !important;
}
}
@media screen and (max-width: 440px) and (min-height: 480px) {
.bottom-menu{
position: fixed !important;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 10000;
width: 100%;
/* max-width: 100%;
will-change: transform; */
}
div.bottom-menu-block {
display: block;
height: 135px;
}
}
.bottom-menu-top {
position: relative;
height: 70px;
background: #004392;
background: linear-gradient(180deg,#0f5bb5 0,#004392 100%);
box-shadow: inset 0 -4px 1px #003076, inset 0 3px 1px #308adc;
}
.bottom-menu-link {
display: inline-block;
position: relative;
text-align: center;
-webkit-tap-highlight-color: rgba(0,0,0,0);
position: absolute;
height: 100%;
top: 0;
font-size: 0;
}
.bottom-menu-link .sbtn_active_label {
font-size: 12px !important;
font-weight: bold !important;
color: #FFF !important;
right: 10px;
}
.bottom-menu-link.main {
width: 75px;
height: 75px;
left: 40%;
left: calc(50% - 37px);
top: -3px;
background: url('https://img2.iboss.mobi/icons/main_home.png') 50% 50% no-repeat;
background-size: 74px auto;
}
.bottom-menu-link-a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.bottom-menu-link.tasks {
width: 38%;
left: 0;
background: url('https://img2.iboss.mobi/icons/main_tasks.png') 50% 25% no-repeat;
background-size: 46px auto;
}
.bottom-menu-link-title {
text-align: center;
position: absolute;
width: 100%;
bottom: 5px;
left: 0;
font-size: 12px !important;
color: #fff;
}
.bottom-menu-link.alliance {
width: 38%;
right: 0;
background: url('https://img2.iboss.mobi/icons/main_alliance.png') 50% 25% no-repeat;
background-size: 46px auto;
}
.bottom-menu-footer {
position: relative;
height: 50px;
background: #003b82;
}
.bottom-menu-link.shop {
width: 25%;
left: 0;
background: url('https://img2.iboss.mobi/icons/main_shop.png') 50% 15% no-repeat;
background-size: 32px 32px;
opacity: 0.85;
}
.bottom-menu-link.talk {
width: 25%;
left: 25%;
background: url('https://img2.iboss.mobi/icons/main_talk.png') 50% 15% no-repeat;
background-size: 32px 32px;
opacity: 0.85;
}
.bottom-menu-link.tender {
width: 25%;
right: 25%;
background: url('https://img2.iboss.mobi/icons/main_tender.png') 50% 15% no-repeat;
background-size: 32px 32px;
opacity: 0.85;
}
.bottom-menu-link.rating {
width: 25%;
right: 0;
background: url('https://img2.iboss.mobi/icons/main_rating.png') 50% 15% no-repeat;
background-size: 32px 32px;
opacity: 0.85;
}
.bottom-menu-attention-icon, .attention-icon {
display: block;
position: absolute;
top: 3%;
left: 50%;
width: 30px;
height: 30px;
background: url('https://img2.iboss.mobi/icons/attention.png') 0 0 no-repeat;
background-size: 100% auto!important;
}
.attention-icon {
top: 0px !important;
right: 5px !important;
left: auto !important;
}
@media screen and (max-width: 360px) {
.bottom-menu-attention-icon, .attention-icon {width:24px!important;height:24px!important}
}
.clan-menu-button {
display: block;
text-decoration: none;
text-align: center;
position: relative;
color: #fff;
background: #45a9e7;
border-color: #0090d5;
border-style: solid;
height: 64px;
}
a.clan-want-to-clan-button {
background: #6aa925 !important;
background: linear-gradient(180deg,#92cc52 0,#6aa925 100%) !important;
box-shadow: 0 2px 0 rgba(0,0,0,0.1), inset 0 2px 0 rgba(177,238,110,0.7) !important;
}
ul.clan-profit-list li {
padding: 5px 0;
}
.clan-menu-button-title {
text-align: center;
position: absolute;
width: 100%;
bottom: 6px;
left: 0;
font-size: 12px !important;
color: #fff;
}
.clan-menu-button.chest {
right: 0;
background: url('https://img1.iboss.mobi/icons/clan_chest.png') 50% 25% no-repeat #45a9e7;
background-size: 36px 36px;
}
.clan-menu-button.tasks {
right: 0;
background: url('https://img1.iboss.mobi/icons/clan_tasks.png') 50% 25% no-repeat #45a9e7;
background-size: 36px 36px;
}
.clan-menu-button.kassa {
right: 0;
background: url('https://img1.iboss.mobi/icons/nd/coin.png') 50% 25% no-repeat #45a9e7;
background-size: 36px 36px;
}
.clan-menu-button.forum {
right: 0;
background: url('https://img1.iboss.mobi/icons/clan_forum.png') 50% 25% no-repeat #45a9e7;
background-size: 36px 36px;
}
.clan-menu-button.buffs {
right: 0;
background: url('https://img1.iboss.mobi/icons/clan_buffs.png') 50% 25% no-repeat #45a9e7;
background-size: 36px 36px;
}
.clan-menu-button.members {
right: 0;
background: url('https://img2.iboss.mobi/icons/main_alliance.png') 50% 25% no-repeat #45a9e7;
background-size: 36px 36px;
}
.clan-chest-panel, .clan-tasks-panel {
position: relative;
margin: 0 auto;
margin-bottom: 5px;
padding: 5px;
overflow: hidden;
z-index: 1;
border-radius: 4px;
background: #f5deb3 !important;
color: #6b441b;
text-shadow: none;
}
.clan-chest-button {
display: block;
text-decoration: none;
text-align: center;
position: relative;
color: #fff;
background: #45a9e7;
border-color: #0090d5;
border-style: solid;
height: 72px;
}
.clan-chest-button.chest {
right: 0;
background: url('https://img1.iboss.mobi/icons/clan_chest.png') 50% 25% no-repeat #45a9e7;
background-size: 36px 36px;
}
.clan-chest-winners-panel, .clan-members-panel {
position: relative;
margin: 0 auto;
margin-top: 5px;
padding: 5px;
overflow: hidden;
z-index: 1;
border-radius: 4px;
background: #f5deb3 !important;
color: #6b441b;
text-shadow: none;
}
.clan-chest-winners-header {
text-align: center;
font-size: 14px !important;
margin: 0!important;
padding: 5px!important;
font-weight: normal!important;
text-shadow: none!important;
background: #e7cb93!important;
display: block!important;
color: #6b441b!important;
height: auto!important;
}
.clan-members-panel-header {
text-align: left;
font-size: 14px !important;
margin: 0!important;
padding: 5px!important;
font-weight: normal!important;
text-shadow: none!important;
background: #e7cb93!important;
display: block!important;
color: #6b441b!important;
height: auto!important;
}
.clan-chest-winners-item {
position: relative;
margin: 0 auto;
padding: 5px;
overflow: hidden;
z-index: 1;
border-radius: 0px;
color: #6b441b;
text-shadow: none;
font-size: 85%;
}
.clan-chest-winners-delim, div.tender-delim {
margin: 5px 0!important;
padding: 0!important;
height: 1px!important;
background: #e7cb93!important;
}
.clan-task-footer {
background-color: #004392;
margin-top: 0px !important;
color: #EEE !important;
font-weight: normal;
width: 100%;
}
.form-comment, div.clan-about, div.clan-log-item {
display: block;
position: relative;
margin: 0 auto;
margin-top: 5px;
padding: 5px;
overflow: hidden;
z-index: 1;
border-radius: 0px;
background-color: #f5deb3 !important;
color: #6b441b !important;
text-shadow: none;
}
div.form-comment textarea {
width: 100% !important;
box-sizing: border-box;
}
div.form-comment-header, div.clan-about-header {
display: block;
position: relative;
padding: 2px;
background-color: #e7cb93 !important;
margin-bottom: 5px;
text-decoration: none;
text-shadow: none !important;
text-align: center;
color: #6b441b !important;
margin-left: -5px;
margin-right: -5px;
margin-top: -5px;
padding: 5px;
}
div.form-comment-header {
text-align: left !important;
}
div.form-comment-header a {
display: block;
position: absolute;
top: 2px;
right: 2px;
text-decoration: underline;
color: #6b441b !important;
}
div.form-comment-header a img {
width: 16px;
height: 16px;
margin-left: 5px;
}
.form-comment-button-submit, .form-comment-button-smile, .clan-about-button-submit, a.shop-item-buy-button, a.shop-item-sell-button, input.create-clan-button, a.clan-want-to-clan-button, a.clan-create-clan-button {
display: block;
text-decoration: none;
cursor: pointer;
color: #fff;
text-align: center;
background: #3190cc;
background: linear-gradient(180deg,#54b6f3 0,#3190cc 100%);
box-shadow: 0 2px 0 rgba(0,0,0,0.1), inset 0 2px 0 rgba(165,220,255,0.4);
position: relative;
border-radius: 15px;
width: 100%;
border: 0;
box-sizing: content-box;
padding: 8px 0;
}
.form-comment-button-smile {
background: url('https://img1.iboss.mobi/icons/smile.png') 50% 50% no-repeat #3190cc;
background-size: 20px auto;
padding: 7px 0 !important;
}
.form-comment-smiles-panel {
background: #fdeed0;
position: relative;
border: 1px solid #e7cb93;
padding: .4em;
}
.form-comment-smiles-panel:before {
border-color: transparent transparent #e7cb93 transparent;
z-index: 1;
top: -17px;
right: 23px;
border-width: 8px;
}
.form-comment-smiles-panel:after {
content: '';
width: 0;
height: 0;
display: block;
position: absolute;
border-style: solid;
border-color: transparent transparent #fdeed0 transparent;
z-index: 2;
top: -16px;
right: 23px;
border-width: 8px;
}
.form-comment-smiles-panel a {
color: #6b441b!important;
text-decoration: none;
}
a.shop-item-buy-button, input.create-clan-button {
background: #0AAC8E !important;
background: linear-gradient(180deg,#1AD0AD 0,#0AAC8E 100%) !important;
box-shadow: 0 2px 0 rgba(0,0,0,0.1), inset 0 2px 0 rgba(113,255,228,0.7) !important;
max-width: 200px !important;
margin: 0 auto;
margin-bottom: 5px;
padding: 5px 0 !important;
}
a.shop-item-sell-button {
max-width: 200px !important;
margin: 0 auto;
margin-bottom: 5px;
padding: 5px 0 !important;
}
.smiles {
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
background: url('https://img1.iboss.mobi/icons/smiles_sprite.png') 0 0 no-repeat;
background-size: 30px auto;
}
.smiles._1 { background-position: 0 0}
.smiles._2 { background-position: 0 -30px}
.smiles._3 { background-position: 0 -60px}
.smiles._4 { background-position: 0 -90px}
.smiles._5 { background-position: 0 -120px}
.smiles._6 { background-position: 0 -150px}
.smiles._7 { background-position: 0 -180px}
.smiles._8 { background-position: 0 -210px}
.smiles._9 { background-position: 0 -240px}
.smiles._10 { background-position: 0 -270px}
.smiles._11 { background-position: 0 -300px}
.smiles._12 { background-position: 0 -330px}
.smiles._13 { background-position: 0 -360px}
.smiles._14 { background-position: 0 -390px}
.smiles._15 { background-position: 0 -420px}
.smiles._16 { background-position: 0 -450px}
.smiles._17 { background-position: 0 -480px}
.smiles._18 { background-position: 0 -510px}
.smiles._19 { background-position: 0 -540px}
.smiles._20 { background-position: 0 -570px}
.smiles._21 { background-position: 0 -600px}
.smiles._22 { background-position: 0 -630px}
.smiles._23 { background-position: 0 -660px}
.smiles._24 { background-position: 0 -690px}
div.clan-buff-banner {
display: block;
position: relative;
width: 100%;
}
div.clan-buff-banner-item {
display: inline-block;
position: relative;
margin: 0 auto;
width: 35px;
height: 35px;
padding: 5px;
}
div.clan-buff-banner-item img {
width: 100%;
}
div.clan-buff-banner-status {
width: 100%;
height: 16px;
padding: 2px;
font-size: 12px !important;
text-decoration: none;
text-align: center;
}
a.clan-buff-button, a.shop-buff-button {
display: block;
padding: 5px;
border-top: 2px solid #e7cb93;
border-bottom: 1px solid #6b441b;
text-decoration: none;
text-shadow: none !important;
background: url('https://img2.iboss.mobi/icons/frmarr.png') 98% 50% no-repeat #f5deb3 !important;
color: #6b441b !important;
z-index: 100;
}
div.clan-buff-item, div.shop-buff-item, div.shop-item-buy {
display: block;
padding: 5px;
border-top: 2px solid #e7cb93;
border-bottom: 1px solid #6b441b;
text-shadow: none !important;
background-color: #f5deb3 !important;
color: #6b441b !important;
}
div.shop-item-buy {
border-radius: 5px;
}
div.clan-buff-item-title, div.shop-buff-item-title {
position: relative;
text-align: center;
font-size: 14px!important;
margin: 0!important;
padding: 5px!important;
font-weight: normal!important;
text-shadow: none!important;
background: #e7cb93!important;
display: block!important;
color: #6b441b!important;
height: auto!important;
}
div.clan-buff-item-content, div.shop-buff-item-content {
position: relative;
min-height: 74px;
padding: 5px 20px 5px 75px;
}
img.clan-buff-item-icon, img.shop-buff-item-icon {
width: 64px;
height: 64px;
position: absolute;
top: 5px;
left: 5px;
}
@media screen and (max-width: 360px) {
img.shop-buff-item-icon{width:50px!important;height:50px!important}
}
div.clan-buff-item-description, div.shop-buff-item-description {
min-height: 60px;
}
div.clan-buff-item-status, div.shop-buff-item-status {
text-align: center;
font-size: 10px!important;
margin: 0!important;
padding: 1px !important;
font-weight: normal !important;
text-shadow: none !important;
background: #e7cb93!important;
display: block!important;
color: #6b441b!important;
height: auto!important;
border-radius: 5px;
}
div.chat_panel {
display: block;
position: relative;
margin: 0 auto;
margin-top: 5px;
padding: 5px;
overflow: hidden;
z-index: 1;
border-radius: 0px;
background-color: #bfe2eb !important;
color: #6b441b !important;
text-shadow: none;
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
word-break: break-word;
box-sizing: border-box;
}
a.chat_user {
padding: 1px 5px 3px 5px;
border-radius: 5px;
background-color: #e7cb93 !important;
color: #6b441b !important;
text-decoration: none;
}
a.chat_reply {
margin-left: 5px;
margin-right: 5px;
}
span.chat_message, span.char_message {
display: block;
padding-top: 2px;
padding-bottom: 7px;
}
div.msg-chat span.message i,span.char_message i {
color: #0D183C !important;
font-style: normal !important;
}
a.chat_del {
display: block;
position: absolute;
top: 12px;
right: 10px;
z-index: 100;
}
div.msg-chat.odd {
background: #f5deb3;
}
div.msg-chat {
position: relative;
background: #e7cb93;
margin: 15px 0px 15px 0px;
border-radius: 20px;
box-shadow: 1px 1px 4px #777;
}
div.msg-chat div.title {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
height: 40px;
background: #43ade7;
border-radius: 20px 20px 0px 20px;
padding-left: 70px;
padding-right: 5px;
color: #FFF;
line-height: 40px;
border: 2px outset #FFFFFF99;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
z-index: 10;
}
div.msg-chat div.title img.avatar {
position: absolute;
left: 0px;
top: 0px;
height: 75px;
width: auto;
margin-left: -5px;
margin-top: -10px;
border: 5px solid #43ade7;
border-radius: 100%;
box-sizing: border-box;
background: #FFF;
padding: 2px;
z-index: 15;
cursor: pointer;
}
div.msg-chat div.title img.vip {
height: 40px;
width: auto;
}
div.msg-chat div.title span.nickname {
font-weight: bold;
}
div.msg-chat span.message {
display: block;
position: relative;
padding: 50px 5px 20px 65px;
}
div.msg-chat span.message > span.timestamp {
position: absolute;
bottom: 5px;
right: 10px;
font-size: 70%;
}
div.shop-item-buy-desc {
margin: 7px;
text-align: center;
}
div.tender-block, div.registration-block, div.profile-friends-block, div.action-block, div.cinema-block {
position: relative;
padding: 0px;
text-decoration: none;
text-shadow: none !important;
background-color: #f5deb3 !important;
color: #6b441b !important;
border-radius: 5px 5px 0px 0px !important;
}
div.tender-banner, div.registration-banner {
width: 100%;
height: 120px;
background-color: #f5deb3;
background: url('https://img0.iboss.mobi/icons/tender-banner.png') 50% 50% no-repeat #f5deb3;
background-size: cover;
border-radius: 5px 5px 0px 0px;
}
div.cinema-banner {
background-color: #f5deb3;
border-radius: 5px 5px 0px 0px;
margin-bottom: 10px;
}
div.tender-status, div.registration-status, div.profile-friends-title, div.action-title, div.cinema-status {
position: relative;
text-align: center;
font-size: 14px!important;
margin: 0!important;
margin-top: 3px !important;
padding: 5px!important;
font-weight: normal!important;
background: #e7cb93!important;
display: block!important;
color: #6b441b!important;
height: auto!important;
}
div.tender-desc, div.profile-friends-desc, div.action-desc, div.cinema-desc {
text-align: center;
padding: 5px !important;
}
div.tender-avail-desc, div.profile-friends-social-block, div.action-desc-light, div.cinema-shop-block {
background-color: #fdeed0;
border: 1px solid #e7cb93;
margin-top: 10px;
margin-bottom: 10px;
padding: 5px;
}
div.action-desc-light {
background-color: #1D577C;
border-radius: 10px;
}
div.tender-footer, div.profile-friends-header {
position: relative;
display: block;
margin-top: 10px;
border-bottom: 2px solid #e7cb93;
border-top: 1px solid #6b441b;
width: 100%;
min-height: 5em;
}
div.profile-friends-header { border: none !important }
div.tender-footer-manager, div.profile-friends-manager {
display: inline-block;
width: 64px;
height: 64px;
background: url('https://img0.iboss.mobi/icons/tender-manager.png') 50% 50% no-repeat #f5deb3;
background-size: auto 100%;
position: relative;
vertical-align: middle;
}
div.tender-footer-desc, div.profile-friends-header-desc {
display: inline-block;
position: absolute;
top: 3px;
left: 70px;
right: 5px;
border-radius: 5px;
background: #fdeed0;
border: 1px solid #e7cb93;
padding: .4em;
font-size: 80%;
min-height: 48px;
max-width: 300px;
}
div.cinema-shop-container {
display: inline-block;
position: relative;
text-decoration: none;
text-shadow: none;
height: 140px;
width: 100px;
margin: 25px 5px;
}
div.cinema-shop-item {
background: #54b6f3;
background: linear-gradient(180deg,#54b6f3 0,#3190cc 100%);
box-shadow: 0 3px 0 rgb(0, 0, 0, .2), inset 0 2px 0 rgb(165, 220, 255, .7);
border-radius: 4px;
color: #694424;
font-size: 14px;
padding: 5px;
}
div.cinema-shop-item-icon {
display: block;
position: relative;
margin: 10px auto 5px auto;
width: 60px;
height: 60px;
line-height: 60px;
background: #fdeed0;
border-radius: 100%;
}
div.cinema-shop-item-icon img {
width: 50px;
height: 50px;
vertical-align: middle;
}
div.cinema-shop-item-title-container {
display: table;
width: 95%;
margin: 0 auto;
}
div.cinema-shop-item-title {
display: table-cell;
background: #fff0d2;
border-radius: 2px;
text-align: center;
height: 45px;
font-weight: bold;
padding: 4px 0;
vertical-align: middle;
font-size: 11px;
}
a.rate-row, tr.ban-row {
display: block;
position: relative;
cursor: pointer;
text-align: left;
background: #e7cb93;
text-decoration: none;
text-shadow: none;
padding: 9px 5px;
color: #6b441b;
margin-top:2px;
margin-bottom: 2px;
min-height: 45px;
}
tr.ban-row {
display: table-row !important;
}
div.rate-row-l1 {
position: absolute;
top: 5px;
right: 5px;
width: 45px;
height: 45px;
background: url('https://img1.iboss.mobi/icons/rate1.png') 50% 50% no-repeat;
background-size: cover;
}
div.rate-row-l2 {
position: absolute;
top: 5px;
right: 5px;
width: 45px;
height: 45px;
background: url('https://img1.iboss.mobi/icons/rate2.png') 50% 50% no-repeat;
background-size: cover;
}
div.rate-row-l3 {
position: absolute;
top: 5px;
right: 5px;
width: 45px;
height: 45px;
background: url('https://img1.iboss.mobi/icons/rate3.png') 50% 50% no-repeat;
background-size: cover;
}
a.rate-row.odd, .ban-row.odd {
background: #f5deb3;
}
span.rate-row-num {
font-size: 85%;
}
span.rate-row-user {
font-size: 105%;
font-weight: normal;
color: #503A23;
text-decoration: underline;
}
span.rate-row-user.my {
color: #283F6A;
font-weight: bold;
}
span.rate-row-value {
font-size: 85%;
font-style: italic;
}
div.rate-row-note {
font-size: 85%;
padding: 2px 0px 2px 10px;
}
div.platform-update-panel {
position: relative;
margin: 0 auto;
margin-top: 5px;
padding: 5px;
overflow: hidden;
z-index: 1;
border-radius: 4px;
border: 1px solid #6b441b;
background: #f5deb3 !important;
color: #6b441b;
text-shadow: none;
box-shadow: 1px 1px 5px #333;
}
div.platform-update-panel img.service_icon {
display: block;
position: absolute;
top: 5px;
left: 5px;
}
span.platform-update-panel-title {
display: block;
padding-left: 80px;
}
span.platform-update-panel-title-desc {
display: block;
padding-left: 80px;
font-size: 80%;
font-style: italic;
min-height: 60px;
}
div.platform-update-panel-status {
text-align: center;
}
div.platform-update-panel-bonus {
text-align: center;
}
div.platform-update-panel-bonus-desc {
text-align: center;
margin-bottom: 10px;
color: #5c7e02;
}
span.price {
white-space: nowrap !important;
}
img.small-avatar {
width: 16px;
height: 16px;
margin-right: 3px;
margin-left: 3px;
}
img.small-avatar.away { opacity: 0.75; }
img.small-avatar.offline {
filter: grayscale(100%);
filter: gray;
opacity: 0.35;
}
div.tasks-back-panel {
background-color: #d9bc81;
padding: 10px 3px 5px 3px;
color: #6b441b;
text-shadow: none !important;
}
div.task-panel {
position: relative;
color: #6b441b;
text-shadow: none !important;
}
div.task-title {
background: #fcedce;
position: relative;
border-bottom: 2px solid #e3cead;
padding-left: 5px;
height: 25px;
line-height: 25px;
font-weight: bold;
}
div.task-description {
background: #fff8e8;
position: relative;
padding: 15px 15px 15px 15px;
border-bottom: 3px solid #a99263;
margin: 0 0 7px 0;
text-align: center;
}
div.task-description-details {
margin-left: 65px;
}
div.task-description-details:after {
content:'';
display: block;
height: 0px;
clear: both;
}
div.task-icon {
display: inline-block;
float: left;
width: 80px;
height: 80px;
margin: 0 15px 2px 0;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 78px auto;
filter: drop-shadow(2px 2px 2px #333);
}
div.task-icon._investor {
background-image: url('https://img0.iboss.mobi/icons/task-investor.png');
}
div.task-icon._kassa_ticket {
background-image: url('https://img1.iboss.mobi/icons/task-kassa-ticket.png');
}
div.task-icon._kassa_bucks {
background-image: url('https://img2.iboss.mobi/icons/task-kassa-bucks.png');
}
div.task-icon._kassa_vip {
background-image: url('https://img0.iboss.mobi/icons/task-kassa-vip.png');
}
div.task-icon._service {
background-image: url('https://img1.iboss.mobi/icons/task-service.png');
}
div.task-icon._depo {
background-image: url('https://img2.iboss.mobi/icons/task-depo.png');
}
div.task-icon._platform {
background-image: url('https://img0.iboss.mobi/icons/task-platform.png');
}
div.task-icon._platform_pr {
background-image: url('https://img1.iboss.mobi/icons/task-platform-pr.png');
}
div.task-icon._platform_m {
background-image: url('https://img2.iboss.mobi/icons/task-platform-m.png');
}
div.task-icon._platform_sk {
background-image: url('https://img0.iboss.mobi/icons/task-platform-sk.png');
}
div.task-icon._platform_gr {
background-image: url('https://img1.iboss.mobi/icons/task-platform-gr.png');
}
div.task-icon._new_platform {
background-image: url('https://img2.iboss.mobi/icons/task-new-platform.png');
}
div.task-icon._tender {
background-image: url('https://img0.iboss.mobi/icons/task-tender.png');
}
div.task-icon._alliance {
background-image: url('https://img1.iboss.mobi/icons/task-alliance.png');
}
div.task-icon._clan_expirience {
background-image: url('https://img2.iboss.mobi/icons/task-expirience.png');
}
div.task-icon._empty {
background-image: url('https://img2.iboss.mobi/icons/task-empty.png');
}
div.task-icon._complete {
background-image: url('https://img2.iboss.mobi/icons/task-complete.png');
}
div.task-progress-title {
text-align: center;
font-size: 85%;
}
div.task-reward, div.daily-gift-reward {
padding: 7px;
margin: 7px 0;
background: #FFF;
text-align: center;
}
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;
animation:ani-message-hide 1.25s ease-in forwards;
}
span.message-small {
display: inline-block;
background: rgba(0,55,114,0.75);
padding: 3px 15px;
border-radius: 5px;
border: 1px solid #333;
box-shadow: 3px 3px 10px rgba(0,0,0,0.75);
}
@keyframes ani-message-hide{
0%{opacity:1;}
35%{opacity:1;transform:translateY(0px)}
50%{opacity:1;}
100%{transform:translateY(-200px); opacity:0;}
}
div.message-notice {
position: fixed;
top: 10vh;
margin: 0 auto;
z-index: 10010;
padding: 10px 15px;
display: block;
box-sizing: border-box;
border-radius: 15px;
box-shadow: 0 0 25px #000;
color: #5c7e02 !important;
background: #effad4 !important;
text-align: center;
text-shadow: none !important;
width: 100%;
}
a.message-notice-close-btn {
display: inline-block;
float: right;
margin-right: -15px;
margin-top: -10px;
width: 26px;
height: 26px;
line-height: 26px;
font-size: 20px !important;
text-align: center;
text-decoration: none;
text-shadow: 0 1px rgba(255,255,255,.2), 0 -1px rgba(0,0,0,.45);
outline: none;
border: none;
border-radius: 100px;
background-color: rgb(228,97,94);
background: rgb(228,97,94) radial-gradient(150% 100% at 25% 5px, rgba(255,255,255,.55), rgba(0,0,0,0));
box-shadow: inset rgba(0,0,0,.6) 0 -1px 3px, inset rgba(252,255,255,.7) 0 2px 5px, rgba(0,0,0,.8) 0 1px 3px -1px;
color: rgb(255,255,255);
user-select: none;
font-weight: bold;
}
@media screen and (max-height: 360px) {
div.message-notice {
position: fixed;
top: 45px;
margin: 0 auto;
z-index: 10010;
padding: 10px 15px;
display: block;
box-sizing: border-box;
border-radius: 7px;
box-shadow: 0 0 25px #000;
color: #5c7e02 !important;
background: #effad4 !important;
text-align: center;
text-shadow: none !important;
width: 100%;
overflow-y: auto;
max-height: 260px;
}
}
.platform-panel {
border: 1px solid;
border-color: #199bf3 #2970a9 #2970a9 #199bf3;
border-radius: 6px;
outline: none;
background: #54b6f3 linear-gradient(#54b6f3, #54b6f3 25%, #3190cc);
box-shadow: inset rgba(255,255,255,.5) 1px 1px;
}
div.message-drop {
display: block;
position: fixed;
top: 0px;
left: 50%;
margin-left: -100px;
padding: 10px 5px 5px 5px;
border-radius: 0px 0px 5px 5px;
border: 1px solid #6b441b;
border-top: 0px;
min-height: 30px;
width: 200px;
overflow: hidden;
text-align: center;
background-color: #f5deb3 !important;
color: #6b441b !important;
text-shadow: none;
z-index: 10001;
animation:ani-message-drop 3.5s ease-in forwards;
}
div.message-drop a {
color: #6b441b !important;
border-bottom: 1px dashed #6b441b;
}
@keyframes ani-message-drop{
0%{opacity:1;top:-300px}
10%{top:0px}
89%{top:0px}
99%{opacity:1;top:-300px}
100%{opacity:0;display:none}
}
div.new-level-area {
top: 150px !important;
padding: 15px !important;
color: #694424 !important;
animation: ani-new-level-area 1.5s forwards;}
.new-level-button, a.kassa-info-platform-panel-link {
display: block;
font-size: 14px !important;
text-decoration: none;
cursor: pointer;
color: #fff !important;
padding: 12px 0;
text-align: center;
position: relative;
border-radius: 4px;
border: none;
width: 85%!important;
margin: 0 auto!important;
background: #6AA925;
background: linear-gradient(180deg, #92CC52 0%, #6AA925 100%);
box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1), inset 0px 2px 0px rgba(177, 238, 110, 0.7);
}
.call-btn {
animation: ani-btn-call 5s infinite;
}
@keyframes ani-btn-call {
from, 80%, 85%,93% {
transform: scale(1);
}
82%, 89% {
transform: scale(0.95);
}
}
@keyframes ani-new-level-area {
from { transform: scale(0.3);}
to { transform: scale(1); }
}
div.bank-menu-header {
display: block;
background: #1b4f9e !important;
color: #82b9f9 !important;
text-align: center;
padding: 5px 0px;
}
div.bank-menu-item, div.distribution-info {
background: #073170!important;
border-bottom: 1px solid #020f22!important;
border-top: 1px solid #1f529f!important;
overflow: hidden;
padding: 8px 0px 8px 0px;
}
div.bank-menu-item-icon {
text-align: center;
margin-right: 5px;
margin-left: 5px;
}
div.bank-menu-item-icon img {
display: block;
width: 82px;
height: 82px;
}
div.bank-menu-item-icon span {
display: block;
position: relative;
z-index: 12;
color: #fff;
margin: -10px 0 0 0;
font-weight: bold;
}
div.bank-menu-buy {
padding: 0px 0px 0px 5px;
}
a.bank-menu-buy-button, a.pay-item-button {
display: block;
padding: 7px 0;
margin: 0;
text-decoration: none;
color: rgba(255,255,255,0.8)!important;
border-radius: 4px;
background: #005bbb;
background: linear-gradient(to bottom,#0673dd 5.26%,#005bbb 100%);
box-shadow: 0 2px 0 rgba(0,0,0,0.25), inset 0 2px 0 #1787f4;
text-align: center;
width: 94%;
}
div.pay-item table td {
padding: 7px;
font-size: 14px !important;
}
div.pay-item {
background: #092754!important;
border-bottom: 1px solid #020f22!important;
border-top: 1px solid #134083!important;
overflow: hidden;
}
div.pay-item-icon {
background-size: 40px auto!important;
width: 50px!important;
height: 50px!important;
}
div.pay-item-icon._robokassa {
background: url('https://img1.iboss.mobi/icons/bank_robokassa.png') no-repeat center;
}
div.pay-item-icon._visamaster {
background: url('https://img1.iboss.mobi/icons/bank_visa_master.png') no-repeat center;
}
div.pay-item-icon._mobile {
background: url('https://img1.iboss.mobi/icons/bank_mobile.png') no-repeat center;
}
div.pay-item-icon._qiwi {
background: url('https://img1.iboss.mobi/icons/bank_qiwi.png') no-repeat center;
}
div.pay-item-icon._webmoney {
background: url('https://img1.iboss.mobi/icons/bank_webmoney.png') no-repeat center;
}
div.pay-item-icon._yandex {
background: url('https://img1.iboss.mobi/icons/bank_yandex.png') no-repeat center;
}
div.pay-item-icon._xsolla {
background: url('https://img1.iboss.mobi/icons/bank_xsolla.jpg') no-repeat center;
}
div.pay-item-name {
display: block;
color: rgba(255,255,255,0.8);
font-weight: bold;
padding-bottom: 4px;
font-size: 80%!important;
}
div.pay-item-desc {
font-size: 80%!important;
color: #6b7d98;
}
a.pay-item-button {
background: #6aa925;
color: rgba(255,255,255,1)!important;
background: linear-gradient(180deg,#92cc52 0,#6aa925 100%);
box-shadow: 0 2px 0 rgba(0,0,0,0.1), inset 0 2px 0 rgba(177,238,110,0.7);
}
div.distribution-info {
text-align: center;
color: #82b9f9 !important;
font-size: 80%;
padding: 7px 0px 14px 0px;
}
div.distribution-logo {
text-align: center;
padding: 7px;
}
div.distribution-logo img {
display: block;
margin: 0 auto;
width: 50px;
height: 50px;
}
div.distribution-info span {
display: block;
margin: 0 auto;
max-width: 200px;
}
div.user-buffs-banner {
display: block;
position: relative;
text-align: center;
padding: 5px;
font-size: 70%;
border-radius: 4px;
margin-top: 10px;
background-color: rgba(0,144,222,0.8);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
div.user-buffs-banner a.coins {
display: inline-block;
color: #FFF !important;
width: 70px;
height: 45px;
background: url('https://img1.iboss.mobi/icons/nd/coin.png') no-repeat;
background-position: center 1px;
background-size: 29px;
}
div.user-buffs-banner a.coins.inactive, div.user-buffs-banner a.expirience.inactive, div.user-buffs-banner a.badmin.inactive {
filter: brightness(0.75) grayscale(1);
}
div.user-buffs-banner a.expirience {
display: inline-block;
color: #FFF !important;
width: 70px;
height: 45px;
background: url('https://img2.iboss.mobi/icons/nd/expirience-progress.png') no-repeat center top;
background-size: 30px;
}
div.user-buffs-banner a.badmin {
display: inline-block;
color: #FFF !important;
width: 80px;
height: 45px;
background: url('https://img1.iboss.mobi/icons/shop-admin.png') no-repeat center top;
background-size: 30px;
}
div.user-buffs-banner a.coins span, div.user-buffs-banner a.expirience span, div.user-buffs-banner a.badmin span {
display: block;
text-align: center;
margin-top: 30px;
}
div.user-buffs-banner a.coins-inactive span, div.user-buffs-banner a.expirience-inactive span, div.user-buffs-banner a.badmin-inactive span {
display: block;
color: #AAA !important;
text-align: center;
margin-top: 30px;
}
div.action-banner {
text-align: center;
margin: 10px 0px;
font-size: 15px !important;
padding: 15px 5px;
background: url('https://img3.iboss.mobi/icons/act-logo.png') no-repeat top right;
background-size: 45px;
background-color: rgba(0,144,222,0.9);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
div.special-task {
position: relative;
background: #ececec !important;
padding: 5px;
color: #5c5c5c;
text-shadow: none !important;
text-align: center;
font-size: 80%;
border-radius: 5px;
margin-top: 15px;
}
div.special-task-title, div.clan-treasure-status {
display: block;
background: #C6C6C6;
margin: -3px -3px 8px -3px;
text-align: center;
font-size: 14px !important;
font-weight: bold;
padding: 5px 0 5px !important;
border-radius: 3px 3px 0px 0px;
}
div.widget {
text-shadow: none;
}
div.kassa-info-platform-panel {
width: 200px !important;
margin: 0 auto;
margin-top: 10px !important;
font-size: 80%;
text-align: center;
border-radius: 5px;
padding: 10px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
a.kassa-info-platform-panel-link {
padding: 5px !important;
width: 75px !important;
margin-top: 10px !important;
}
div.desktop-menu-left, div.desktop-menu-right {display: none}
div.desktop-adv-right {display: none}
@media screen and (min-width: 1050px) {div.desktop-adv-right {display: block}}
@media screen and (min-width: 940px) and (max-width: 1200px) {
div.desktop-menu-container {
transform-origin: 100% 0;
transform: scale(0.8);
}
div.desktop-menu-left {
left: -40px !important;
}
div.desktop-menu-right {
}
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
div.desktop-menu-container {
transform-origin: 100% 0;
transform: scale(0.9);
}
div.desktop-menu-left {
left: -40px !important;
}
div.desktop-menu-right {
}
}
@media screen and (min-width: 940px) {
body {
background: url('https://img3.iboss.mobi/icons/nd/bg-spring-desktop.jpg') fixed center no-repeat;
background-size: cover;
}
div.main-container{
box-shadow: 0px 0px 25px black;
}
div.bottom-menu-block {
display: block;
height: 45px;
}
div.bottom-menu {
display: none;
}
div.landing-about {
position: fixed;
bottom: 0px;
max-width: 390px;
}
div.desktop-menu-left {
display: block;
width: 300px;
position: fixed;
top: 45px;
left: 20px;
}
div.desktop-menu-right {
display: block;
width: 300px;
height: 100%;
position: fixed;
top: 55px;
right: 20px;
}
div.desktop-menu-container {
}
div.desktop-logo {
width: 280px;
height: 85px;
background: url('https://img3.iboss.mobi/icons/desktop-logo.png') 50% 0 no-repeat;
background-size: 280px auto;
margin: 0 auto;
margin-bottom: 20px;
}
a.desktop-menu-link {
height: 70px;
width: 300px;
display: block;
text-decoration: none;
position: relative;
background: #15a3f3;
background: linear-gradient(to bottom,#15a3f3,#0739bf);
border: 1px solid #114fc0;
border-radius: 7px;
margin-bottom: 2px;
}
div.desktop-menu-link-icon {
display: block;
width: 46px;
height: 46px;
position: absolute;
left: 33px;
top: 12px;
background-repeat: no-repeat;
background-position: 0 0;
}
div.desktop-menu-link-title {
color: #FFF;
font-size: 14px !important;
font-style: normal!important;
display: block;
position: absolute;
width: 180px;
top: 25px;
left: 112px;
}
.desktop-menu-link-icon.main {
background: url('https://img2.iboss.mobi/icons/main_home.png') 50% 50% no-repeat;
background-size: 46px auto;
}
.desktop-menu-link-icon.tasks {
background: url('https://img2.iboss.mobi/icons/main_tasks.png') 50% 25% no-repeat;
background-size: 46px auto;
}
.desktop-menu-link-icon.alliance {
background: url('https://img2.iboss.mobi/icons/main_alliance.png') 50% 25% no-repeat;
background-size: 46px auto;
}
.desktop-menu-link-icon.shop {
background: url('https://img2.iboss.mobi/icons/main_shop.png') 50% 15% no-repeat;
background-size: 46px auto;
}
.desktop-menu-link-icon.talk {
background: url('https://img2.iboss.mobi/icons/main_talk.png') 50% 15% no-repeat;
background-size: 46px auto;
}
.desktop-menu-link-icon.tender {
background: url('https://img2.iboss.mobi/icons/main_tender.png') 50% 15% no-repeat;
background-size: 46px auto;
}
.desktop-menu-link-icon.rating {
background: url('https://img2.iboss.mobi/icons/main_rating.png') 50% 15% no-repeat;
background-size: 46px auto;
}
.desktop-menu-link-icon.profile-man {
background: url('https://img0.iboss.mobi/icons/avatars/1-1.png') 50% 15% no-repeat;
background-size: 46px auto;
}
.desktop-menu-link-icon.profile-woman {
background: url('https://img0.iboss.mobi/icons/avatars/2-1.png') 50% 15% no-repeat;
background-size: 46px auto;
}
.desktop-menu-link-icon.friends {
background: url('https://img1.iboss.mobi/icons/kassa_visitors.png') 50% 15% no-repeat;
background-size: 46px auto;
}
.bottom-menu-attention-icon {
display: block;
position: absolute;
top: 5px;
left: 68px;
width: 30px;
height: 30px;
background: url('https://img2.iboss.mobi/icons/attention.png') 0 0 no-repeat;
background-size: 100% auto!important;
}
.sbtn_active_label.avail {
top: 5px !important;
left: 77px !important;
}
div.desktop-stat-panel {
position: relative;
width: 300px;
min-height: 200px;
display: block;
text-decoration: none!important;
border-radius: 7px;
background: rgba(0,0,0,0.5);
box-shadow: 0 0 8px black;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #333;
}
}
ul.profile-desc-list {
display: block;
list-style-type: none;
margin: 0px;
padding: 0;
line-height: 1.8em!important;
}
@keyframes bbounce {
to { transform: translateY(-10px)}
}
div.arrow-bounce {
display: block;
position: absolute;
bottom: -20px;
height: 64px;
animation: bbounce .7s ease infinite alternate;
}
.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}
@keyframes rotation {
0% {transform:rotate(0deg);}
100% {transform:rotate(360deg);}
}
a.profile-cup{
display: inline-block;
margin: 5px;
}
img.profile-cup-icon {
width:60px;
height:70px;
}
span.clan-log-date{
display: block;
color: #c1c1c1;
font-size: 75%;
margin-left: 5px;
}
span.clan-log-message{
display: block;
margin: 5px;
}
span.clan-log-message a {
text-decoration: underline;
}
span.clan-log-message span.prize {
color: #090 !important;
}
span.clan-log-message span.black {
color: #888 !important;
}
div.chest-bonus-widget {
margin-top: 20px;
margin-bottom: 10px;
background: url('https://img1.iboss.mobi/icons/bg_depo.png') no-repeat center center;
background-size: cover;
}
img.chest-bonus-icon {
width: 90px;
height: auto;
}
div.chest-bonus-desc {
margin-left: 10px;
text-align: center;
background: #FFF;
border-radius: 5px;
color: #6b441b;
text-shadow: none !important;
min-height: 40px;
padding: 10px;
}
div.clan-treasure-banner-container {
display: block;
position: relative;
padding: 5px 5px 0px 5px;
}
div.clan-treasure-map-container {
display: block;
position: relative;
padding: 0px;
margin: 0px 0px 10px 0px;
}
div.clan-treasure-manager {
display: inline-block;
width: 80px;
height: 80px;
background: url('https://img2.iboss.mobi/icons/bonus_manager.png') 50% 50% no-repeat #f5deb3;
background-size: auto 100%;
position: relative;
vertical-align: middle;
}
div.clan-treasure-status {
margin-bottom: 3px !important;
}
img.treasure-progress {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
width: 100%;
height: auto;
}
.slider-button-icon img {
width: 100%;
}
.slider-button-icon-info {
position: absolute;
right: 0px;
bottom: -20px;
}
.slider-button-icon-info img {
width: 20px;
height: auto;
}
a.slider-button-payment-btn {
display: block;
position: relative;
padding: 7px 0;
margin: 0 auto;
margin-top: -15px;
text-decoration: none;
color: #fff !important;
font-weight: bold;
border-radius: 4px;
background: #1bff00;
background: linear-gradient(to bottom,#1bff00 5.26%,#22ad00 100%);
box-shadow: 0 2px 0 rgb(0 0 0 / 25%), inset 0 2px 0 rgb(214 255 225);
text-align: center;
width: 120px;
z-index: 99;
animation: pulsate 5.5s linear infinite;
}
@keyframes pulsate {
50% {color: #fff; text-shadow: 0 0px rgba(0,0,0,.3), 0 0 8px #ffd, 0 0 12px #fff;}
}
.firework-container {
margin: 0 auto;
height: 1px;
}
.firework {
width: 100%;
text-align: center;
padding: 10px 0;
cursor: pointer;
position: relative;
}
.firework i {
position: absolute;
display: block;
left: 50%;
top: 0;
width: 5px;
height: 10px;
background: red;
opacity: 0;
}
.firework i:nth-of-type(1) {transform: translate3d(200px, -22px, 0) rotate(195deg);background: #ff7700;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(2) {transform: translate3d(-40px, 203px, 0) rotate(103deg);background: #00d0ff;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(3) {transform: translate3d(-200px, 24px, 0) rotate(149deg);background: #ffb300;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(4) {transform: translate3d(137px, 10px, 0) rotate(121deg);background: #ff00b7;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(5) {transform: translate3d(-189px, -6px, 0) rotate(301deg);background: #ae00ff;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(6) {transform: translate3d(154px, 140px, 0) rotate(171deg);background: #84ff00;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(7) {transform: translate3d(144px, 189px, 0) rotate(1deg);background: #2f00ff;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(8) {transform: translate3d(142px, -81px, 0) rotate(51deg);background: #00f2ff;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(9) {transform: translate3d(-160px, 1px, 0) rotate(28deg);background: #51ff00;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(10) {transform: translate3d(-152px, 20px, 0) rotate(191deg);background: #00bbff;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(11) {transform: translate3d(181px, 64px, 0) rotate(217deg);background: #4400ff;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(12) {transform: translate3d(146px, 71px, 0) rotate(289deg);background: #2fff00;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(13) {transform: translate3d(-140px, -77px, 0) rotate(242deg);background: #91ff00;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(14) {transform: translate3d(132px, 99px, 0) rotate(301deg);background: #00ff9d;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(15) {transform: translate3d(-160px, 26px, 0) rotate(6deg);background: #ff00ee;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(16) {transform: translate3d(127px, 79px, 0) rotate(272deg);background: #00ff37;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(17) {transform: translate3d(-185px, 18px, 0) rotate(203deg);background: #1e00ff;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(18) {transform: translate3d(126px, -43px, 0) rotate(255deg);background: #2b00ff;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(19) {transform: translate3d(160px, -51px, 0) rotate(329deg);background: #8cff00;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(20) {transform: translate3d(-187px, 65px, 0) rotate(206deg);background: #0066ff;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(21) {transform: translate3d(143px, -34px, 0) rotate(61deg);background: #0004ff;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(22) {transform: translate3d(138px, -85px, 0) rotate(181deg);background: #ff00f7;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(23) {transform: translate3d(-163px, -97px, 0) rotate(270deg);background: #ffd000;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(24) {transform: translate3d(-167px, -56px, 0) rotate(331deg);background: #ff6600;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(25) {transform: translate3d(-158px, -79px, 0) rotate(353deg);background: #00ffa2;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(26) {transform: translate3d(-3px, -5px, 0) rotate(296deg);background: #51ff00;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(27) {transform: translate3d(-75px, -61px, 0) rotate(173deg);background: #ff007b;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(28) {transform: translate3d(-33px, -26px, 0) rotate(171deg);background: #00d9ff;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(29) {transform: translate3d(-89px, -39px, 0) rotate(153deg);background: #1a00ff;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(30) {transform: translate3d(9px, -17px, 0) rotate(41deg);background: #00ffae;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(31) {transform: translate3d(-99px, -99px, 0) rotate(146deg);background: #00ffe1;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(32) {transform: translate3d(74px, -7px, 0) rotate(117deg);background: #00ffe6;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(33) {transform: translate3d(71px, 9px, 0) rotate(8deg);background: #00ff2f;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(34) {transform: translate3d(-78px, -16px, 0) rotate(32deg);background: #00ff55;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(35) {transform: translate3d(-49px, -86px, 0) rotate(275deg);background: #ff00ee;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(36) {transform: translate3d(-92px, 50px, 0) rotate(204deg);background: #ff2f00;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(37) {transform: translate3d(63px, -64px, 0) rotate(156deg);background: #ff3c00;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(38) {transform: translate3d(65px, -40px, 0) rotate(238deg);background: #2600ff;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(39) {transform: translate3d(-19px, -53px, 0) rotate(217deg);background: #fffb00;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(40) {transform: translate3d(58px, 19px, 0) rotate(219deg);background: fuchsia;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(41) {transform: translate3d(41px, 19px, 0) rotate(143deg);background: fuchsia;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(42) {transform: translate3d(64px, 9px, 0) rotate(60deg);background: #ff00ae;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(43) {transform: translate3d(-50px, -59px, 0) rotate(45deg);background: #a2ff00;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(44) {transform: translate3d(-63px, 78px, 0) rotate(160deg);background: #ccff00;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(45) {transform: translate3d(-96px, 35px, 0) rotate(101deg);background: #ffcc00;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(46) {transform: translate3d(-12px, 85px, 0) rotate(288deg);background: #00ff2f;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(47) {transform: translate3d(-4px, -2px, 0) rotate(203deg);background: #51ff00;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(48) {transform: translate3d(-31px, 85px, 0) rotate(162deg);background: #ff0077;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(49) {transform: translate3d(-53px, -46px, 0) rotate(55deg);background: #ffbf00;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
.firework i:nth-of-type(50) {transform: translate3d(17px, 23px, 0) rotate(239deg);background: #ff5900;animation: firework-bang 1700ms ease-out forwards;opacity: 0}
@keyframes firework-bang {
from {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
div.personal_actions_banner {
position: fixed;
top: 33%;
left: 5px;
z-index: 10005;
}
a.personal_action {
display: block;
background-color: rgb(255,255,255,0.55);
box-shadow: 0px 0px 20px 2px white;
border-radius: 33%;
margin-bottom: 20px;
}
a.personal_action img.logo {
width: 35px;
height: auto;
margin: 0 auto;
}
a.personal_action div.label {
display: block;
text-align: center;
background-color: #000;
padding: 1px 5px 0px 5px;
border-radius: 5px;
margin-top: 0px;
margin-bottom: 5px;
line-height: 15px;
font-size: 12px;
color: #FFF;
}
@media screen and (min-width: 560px) {
div.personal_actions_banner {
position: fixed;
top: 10%;
left: calc(50% - 270px);
}
}
@media screen and (max-height: 490px) {
div.personal_actions_banner {
position: fixed;
top: 33%;
left: 2px;
z-index: 10005;
}
a.personal_action img.logo {
width: 25px;
height: auto;
margin: 0 auto;
}
a.personal_action div.label {
display: block;
text-align: center;
background-color: #000;
padding: 1px 5px 0px 5px;
border-radius: 5px;
margin-top: 0px;
margin-bottom: 5px;
line-height: 15px;
font-size: 10px;
color: #FFF;
}
}
div.ach-group {
padding: 5px;
margin: 10px 5px 10px 5px;
border-radius: 3px;
border: 1px solid #333;
background-color: #fff8e8;
}
div.ach-group-details {
padding-left: 20px;
}
div.ach-group-title .ach-item, div.ach-group-details .ach-item {
display: inline-block;
padding: 0px;
margin: 0px;
background: none;
border: none;
}
div.ach-item {
padding: 5px;
margin: 10px 5px 10px 5px;
background-color: #fff8e8;
border-radius: 3px;
border: 1px solid #333;
text-shadow: none;
color: #6b441b;
}
div.ach-group-details .ach-item-title {
text-align: left;
}
div.ach-item-title {
text-align: center;
background-color: #fcedce;
}
div.ach-item-title-complete-indicator {
width: 20px;
height: 20px;
border: 1px solid #555;
margin-right: 5px;
}
span.ach-group-title-open-indicator {
margin-right: 5px;
border: 1px solid #555;
width: 18px;
display: inline-block;
text-align: center;
vertical-align: top;
}
div.opened .ach-group-title-open-indicator:after {
content: '-';
}
div.closed .ach-group-title-open-indicator:after {
content: '+';
}
div.ach-reward-title {
padding: 3px;
margin: 7px 0;
text-align: center;
color: #6b441b;
font-size: 75%;
text-shadow: none;
background-color: #FFF;
border-radius: 5px;
}
div.ach-reward-title.dark {
background-color: #EEE;
}
.top-selected-item {
background-color: rgba(0, 0, 0, .5) !important;
box-shadow: 0 0 0 99999px rgba(0, 0, 0, .5) !important; /* fallback for IE */
box-shadow: 0 0 0 100vmax rgba(0, 0, 0, .5) !important;
transition: 1.5s;
}
div.lic-modal {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
overflow: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
z-index: 999999;
padding:30px 0;
background-color: rgb(0,0,0,0.5);
}
div.lic-modal-wrap {
flex-shrink: 0;
flex-grow: 0;
width: 100%;
min-height: 100%;
margin: auto;
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
}
button.lic-modal-close-btn {
float: right;
}
div.lic-modal-inner {
flex-shrink: 0;
flex-grow: 0;
width: 430px;
max-width: 100%;
height: 100%;
overflow: visible;
transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
opacity: 1;
box-shadow: 5px 5px 5px #333;
}
div.tasks-sprint-task-title {
font-weight: bold;
}
div.tasks-sprint-task-desc {
font-size: 85%;
}
img.order-icon {
height: 100%;
}
a.order-link {
height: 100%;
padding: 0px 5px 0px 5px;
max-width: 20%;
}
div.order-panel {
display: block;
position: absolute;
top: 29%;
left: 2%;
bottom: 5%;
right: 2%;
text-align: center;
}
div.gift-main-container {
display: block;
position: absolute;
top: 5%;
bottom: 184px;
left: 5%;
right: 5%;
z-index: 102;
max-height: 100vh;
}
@media screen and (min-height: 450px) {
div.gift-main-container {
display: block;
position: absolute;
top: 3%;
bottom: calc(100vh - 184px);
left: 5%;
right: 5%;
z-index: 102;
min-height: calc(100vh - 184px);
max-height: calc(100vh - 184px);
}
}
div.gift-bg-animated {
display: block;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
background-color: #00A;
border-radius: 40px;
background: url(https://img2.iboss.mobi/icons/platform4.png) 0% 0%;
background-size: 150px;
z-index: 10;
animation: ani-gift-bg 100s linear infinite;
}
@keyframes ani-gift-bg {
100% {
background-position: -600% 400%;
}
}
div.gift-bg-gradient {
display: block;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
border-radius: 40px;
background-color: rgba(0,0,200,.75);
background: linear-gradient(rgba(0,0,200,.75), rgba(200,0,200,.75));
z-index: 15;
}
img.gift-icon {
display: block;
position: absolute;
left: 0%;
right: 0%;
bottom: 8vh;
margin: 0 auto;
height: 25vh;
width: auto;
z-index: 20;
}
img.gift-boom {
display: block;
position: absolute;
left: 0%;
right: 0%;
bottom: 15vh;
margin: 0 auto;
height: 20vh;
width: auto;
z-index: 21;
transform: scale(0.1);
animation: ani-gift-boom .75s forwards;
}
@keyframes ani-gift-boom {
100% {
transform: scale(2.5);
opacity: 0;
}
}
img.gift-jump {
animation: ani-gift-jump .75s forwards;
}
@keyframes ani-gift-jump {
10% {
transform: scaleY(.9) translateY(10px);
}
80% {
transform: scaleY(1.25) translateY(-25vh);
}
95% {
transform: scaleY(.9) translateY(10px);
}
100% {
transform: scaleY(1) translateY(0px);
}
}
div.gift-prize-list {
display: block;
position: absolute;
top: 10%;
left: 5%;
right: 5%;
text-align: center;
z-index: 20;
}
div.business-trip-page-header {
width: 100%;
}
div.business-trip-page-header > img {
height: auto;
width: 100%;
}
div.business-trip-container {
position: relative;
color: #5C5C5C;
text-shadow: none;
margin: 0 auto;
margin-top: 5px;
margin-bottom: 5px;
}
div.business-trip-desc {
position: absolute;
left: 42%;
top: 23%;
padding-right: 7px;
color: #5C5C5C;
font-weight: bold;
font-size: 15px;
transition: .5s;
}
div.business-trip-button {
position: absolute;
left: 45%;
right: 5%;
bottom: 2%;
color: #5C5C5C;
font-weight: bold;
text-shadow: none;
font-size: 15px;
text-align: center;
}
div.business-trip-button a img {
filter: drop-shadow(1px 2px 2px #555555);
}
span.business-trip-wait-time {
font-size: 115%;
}
@media screen and (max-width: 390px) {
div.business-trip-desc, div.business-trip-button { font-size: 14px; }
}
@media screen and (max-width: 360px) {
div.business-trip-desc, div.business-trip-button { font-size: 13px; }
}
@media screen and (max-width: 340px) {
div.business-trip-desc, div.business-trip-button { font-size: 12px; }
}
@media screen and (max-width: 319px) {
div.business-trip-desc, div.business-trip-button { font-size: 11px; }
}
div.business-trip-prize-msg {
display: block;
margin: 10px;
background-color: rgba(255,255,255,1);
border-radius: 5px;
color: #6b441b;
background-color: rgba(255,255,255,.5);
padding: 20px 0px 20px 0px;
}
div.business-trip-prize-msg::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: .25;
background:
url(https://img1.iboss.mobi/icons/nd/coin.png) 10% 50% no-repeat,
url(https://img1.iboss.mobi/icons/nd/gold.png) 50% 10% no-repeat,
url(https://img1.iboss.mobi/icons/crystal.png) 90% 50% no-repeat;
background-size: auto, auto, auto;
z-index: -1;
}
div.new {
background: url(https://img3.iboss.mobi/icons/new.png) 0% 0% no-repeat;
background-size: contain;
position: absolute;
top: -3px;
left: -3px;
}
a.special-event-plugin {
display: block;
margin: 0 auto;
margin-top: 5px;
text-align: center;
padding: 5px 0px 5px 0px;
color: #5c5c5c;
text-shadow: 1px 1px #555;
background: #ececec;
border: 1px outset #555;
border-radius: 5px;
}
div.special-event-container {
position: relative;
background: #5b90e5;
padding: 0px;
color: #FFF;
text-shadow: 1px 1px #555;
border: 1px solid;
border-color: #199bf3 #2970a9 #2970a9 #199bf3;
border-radius: 20px;
outline: none;
margin: 0 auto;
margin-top: 5px;
margin-bottom: 10px;
overflow: hidden;
}
div.special-event-title {
display: block;
background: #5b90e5;
text-align: center;
padding-bottom: 5px;
}
div.special-event-data {
display: block;
position: relative;
min-height: 100px;
}
img.special-event-icon {
position: absolute;
top: 20px;
left: 20px;
width: 48px;
height: auto;
animation: ani-special-event-icon 20s infinite;
}
@keyframes ani-special-event-icon {
25% {transform: scale(1.15);}
50% {transform: scale(.95);}
75% {transform: scale(1.15);}
}
div.special-event-desc {
padding-left: 88px;
padding-top: 5px;
}
div.special-event-desc-where {
margin-top: 15px;
text-align: left;
text-decoration: underline;
font-weight: bold;
cursor: pointer;
}
div.special-event-desc-cur {
position: absolute;
top: 10vh;
left: 10%;
right: 10%;
z-index: 1000;
color: #6b441b;
text-shadow: none;
background: #fff8e8 !important;
padding: 15px;
border-radius: 10px;
z-index: 100001;
}
div.special-event-desc-cur > div.desc-title {
background: #fcedce;
position: relative;
border-bottom: 2px solid #e3cead;
padding: 10px 0px 10px 0px;
}
div.special-event-ruby-main {
display: block;
position: relative;
padding: 10px 5px 10px 5px;
border: 1px outset #333;
border-radius: 5px;
background: #fff8e8;
color: #6b441b;
text-shadow: none;}
div.special-event-item-ruby {
position: absolute;
}
div.special-event-item-ruby > span {
display: block;
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
text-align: center;
font-size: 75%;
color: #6b441b;
text-shadow: none;
}
div.special-event-item-ruby > img.received {
opacity: 0.5;
}
div.special-event-item-ruby.item1 {
top: -12px;
left: calc(9% - 15px);
height: 45px;
}
div.special-event-item-ruby.item2 {
top: -12px;
left: calc(27% - 15px);
height: 45px;
}
div.special-event-item-ruby.item3 {
top: -10px;
left: calc(48% - 15px);
height: 43px;
}
div.special-event-item-ruby.item4 {
top: -4px;
left: calc(72% - 15px);
height: 37px;
}
div.special-event-item-ruby.item5 {
top: -10px;
left: calc(100% - 15px);
height: 43px;
}
div.special-event-ruby-prize-desc {
background-color: #fdeed0;
border: 1px solid #e7cb93;
border-radius: 10px;
text-align: center;
color: #6b441b;
text-shadow: none;
margin: 10px 20px 20px 20px;
padding: 5px;
}
img.special-event-ruby-prize-icon {
width: 48px;
height: auto;
}
div.special-event-ruby-prize-title {
padding: 5px;
margin-bottom: 10px;
}
div.special-event-ruby-rating-rec {
display: block;
}
div.special-event-ruby-rating-rec > div.rate {
display: inline-block;
width: 10%;
}
div.special-event-ruby-rating-rec > div.name {
display: inline-block;
font-size: 115%;
width: 70%;
}
div.special-event-ruby-rating-rec > div.result {
display: inline-block;
width: 20%;
}
div.special-event-summer-item {
position: relative;
display: inline-block;
margin: 15px;
width: 100px;
height: 150px;
text-align: center;
background: #fff8e8;
border-radius: 15px;
border: 1px outset #333;
padding: 5px;
vertical-align: top;
}
div.special-event-summer-item.disabled, div.cinema-shop-container.disabled {
filter: gray;
filter: grayscale(1);
opacity: 0.55;
}
img.special-event-summer-item-icon {
max-width: 64px;
height: auto;
max-height: 64px;
}
div.special-event-summer-item-desc {
position: absolute;
top: 74px;
left: 5px;
right: 5px;
text-align: center;
color: #6b441b;
font-size: 14px;
text-shadow: none;
}
div.special-event-summer-item-button {
position: absolute;
left: 5px;
right: 5px;
bottom: 5px;
text-align: center;
}
img.action-center {
animation: ani-action-center 2.35s ease infinite alternate;
}
img.action-left {
animation: ani-action-left 2.75s ease infinite alternate;
}
img.action-right {
animation: ani-action-right 2.15s ease infinite alternate;
}
@keyframes ani-action-center {
from {}
to {transform: translateY(-5px) scale(1.1) rotate(5deg);}
}
@keyframes ani-action-left {
from {}
to {transform: translateY(5px) rotate(-5deg) scale(.95);}
}
@keyframes ani-action-right {
from {}
to {transform: translateY(5px) rotate(5deg) scale(.95);}
}
@keyframes ani-button-shine {
from { left: -600%; }
to { left: 600%; }
}
.button-shine {
position: absolute;
top: 0;
height: 100%;
width: 25px;
transform: skewX(-30deg);
left: -600%;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.4));
animation: ani-button-shine 4s infinite linear;
}
div.new-level-container {
position: absolute;
left: 50%;
top: 0%;
transform: translateX(-50%);
height: 100vh;
width: 100%;
z-index: 100000;
}
div.new-level {
display: block;
position: absolute;
width: 80%;
top: 30vh;
left: 50%;
min-height: 35vh;
transform: translate(-50%, 0%);
opacity: 0;
background: #effad4;
color: #5c7e02;
box-shadow: 0 0 25px #333;
border-radius: 30px;
animation: ani-new-level .8s linear forwards;
z-index: 5;
}
@keyframes ani-new-level {
from { opacity: 0; transform: translate(-50%, 0%) scaleY(.5); }
45% { opacity: .7; width: 100%; transform: translate(-50%, -10%) scaleY(1); }
to { opacity: 1; width: 80%; transform: translate(-50%, -10%); }
}
div.new-level-container div.lent,
div.new-level-container div.nl-stars {
position: absolute;
width: 124%;
top: -30px;
left: -12%;
right: 0px;
opacity: 0;
margin: 0 auto;
animation: ani-new-level-lent 1s linear forwards .05s;
z-index: 10;
}
div.new-level-container div.nl-stars {
z-index: 4;
height: 10vh;
}
@keyframes ani-new-level-lent {
from { opacity: 0; }
50% { opacity: .85; transform: translateY(10px); }
to { opacity: 1; transform: translateY(-10px); }
}
div.new-level-container div.new-level div.rays {
position: absolute;
top: 0px;
left: 50%;
width: 140%;
transform: translate(-50%, -50%);
opacity: 0;
animation: ani-new-level-rays 20s linear forwards .6s;
z-index: -1;
}
@keyframes ani-new-level-rays {
from { opacity: 0; }
10% { opacity: 1; transform: translate(-50%,-50%) rotate(50deg); }
to { opacity: 1; transform: translate(-50%,-50%) rotate(500deg); }
}
div.new-level-container div.sun {
position: absolute;
width: 86%;
top: -10px;
left: 7%;
background: #f7d47a;
height: 100px;
border-radius: 100%;
box-shadow: 1px 4px 4px white;
animation: ani-new-level-sun .55s linear forwards .25s;
opacity: 0;
z-index: 7;
}
@keyframes ani-new-level-sun {
from { opacity: 0; transform: translateY(-40px) scale(.15); }
to { opacity: 1; transform: translateY(0px) scale(1); }
}
@media screen and (max-width: 340px) {
div.new-level-container div.sun { top: -20px; }
div.new-level-container div.sun-top { top: -70px; }
}
@media screen and (max-width: 300px) {
div.new-level-container div.sun { top: -30px; }
div.new-level-container div.sun-top { top: -60px; }
}
div.new-level-container div.sun-top {
position: absolute;
width: 68%;
top: -80px;
left: 16%;
background: #f7d47a;
height: 160px;
border-radius: 100%;
box-shadow: 0px -6px 2px white;
animation: ani-new-level-sun-top .55s linear forwards .25s;
opacity: 0;
z-index: 5;
}
@keyframes ani-new-level-sun-top {
from { opacity: 0; transform: translateY(20px) scale(.15); }
to { opacity: 1; transform: translateY(0px) scale(1); }
}
div.new-level-container div.nl-stars div.star img { width: 100%; }
div.new-level-container div.nl-stars div.star {
width: 15%;
position: absolute;
top: 0px;
transform: translate(-50%, 0);
opacity: 0;
}
div.new-level-container div.nl-stars div.star._1 {
animation: ani-new-level-star1 .5s linear forwards 1.2s;
}
div.new-level-container div.nl-stars div.star._2 {
animation: ani-new-level-star2 .5s linear forwards 1.1s;
}
div.new-level-container div.nl-stars div.star._3 {
animation: ani-new-level-star3 .5s linear forwards 1s;
}
div.new-level-container div.nl-stars div.star._4 {
animation: ani-new-level-star4 .5s linear forwards .9s;
}
div.new-level-container div.nl-stars div.star._5 {
animation: ani-new-level-star5 .5s linear forwards .8s;
}
@keyframes ani-new-level-star1 {
from { left: 50%; top: 0px; }
to { left: 7%; top: 50%; opacity: 1; }
}
@keyframes ani-new-level-star2 {
from { left: 50%; top: 75%; }
to { left: 26%; top: -5%; opacity: 1; }
}
@keyframes ani-new-level-star3 {
from { left: 50%; top: 75%; }
to { left: 50%; top: -28%; opacity: 1; }
}
@keyframes ani-new-level-star4 {
from { left: 50%; top: 75%; }
to { left: 74%; top: -5%; opacity: 1; }
}
@keyframes ani-new-level-star5 {
from { left: 50%; top: 75%; }
to { left: 93%; top: 50%; opacity: 1; }
}
div.new-level-container div.konfetti {
position: absolute;
top: 20vh;
left: 50%;
width: 128px;
height: 85px;
transform: translate(-50%, 0);
background: url('https://img2.iboss.mobi/icons/nd/newlevel/konfetti.png') 100% / cover no-repeat;
opacity: 0;
animation: ani-new-level-konfetti 1.5s linear forwards .5s;
z-index: 1;
}
@keyframes ani-new-level-konfetti {
from { transform: translate(-50%, 0); opacity: 1; }
30% { transform: translate(-50%, -7vh) scale(4); opacity: 1; }
to { transform: translate(-50%, 50vh) scale(6); opacity: 0; }
}
div.new-level-container div.sun div.levelbg {
position: absolute;
top: 0;
left: calc(50% - 70px);
width: 140px;
height: 60px;
line-height: 60px;
text-align: center;
font-size: 50px;
color: #FFF;
text-shadow:
-1px -1px 0 #722,
0 -1px 0 #722,
1px -1px 0 #722,
1px 0 0 #722,
1px 1px 0 #722,
0 1px 0 #722,
-1px 1px 0 #722,
-1px 0 0 #722;
border-radius: 100%;
box-shadow: 0px 1px 2px #8b5702;
background: #f7cb75;
z-index: 7;
opacity: 0;
animation: ani-new-level-levelbg 1s linear forwards 1.5s;
}
@keyframes ani-new-level-levelbg {
10% { transform: translate(0, 25%); opacity: 1; background: #ff9968; box-shadow: 0px 1px 2px #f6765a;}
35% { transform: translate(0, 100%); opacity: 1; background: #ff9968; box-shadow: 0px 1px 2px #f6765a; }
60% { transform: translate(0, 100%); opacity: 1; background: #f7cb75; box-shadow: 0px 1px 2px #8b5702; }
to { transform: translate(0, 100%); opacity: 1; background: #ff9968; box-shadow: 0px 1px 2px #a6260a; }
}
div.new-level-container div.sun div.levelbg span{
opacity: 0;
animation: ani-new-level-levelbg-title 1s linear forwards 2s;
}
@keyframes ani-new-level-levelbg-title {
from { opacity: 0; }
to { opacity: 1; }
}
div.new-level-container div.new-level-desc {
width: 80%;
margin-left: 10%;
margin-top: 125px;
margin-bottom: 20px;
min-height: 60px;
border-radius: 30px;
background: #f5deb3;
text-align: center;
color: #6f491e;
text-shadow: none;
padding-bottom: 10px;
}
div.new-level-container div.new-level-desc div.new-level-desc-title {
width: 100%;
height: 25px;
font-size: 16px;
font-weight: bold;
background: #e8cb94;
text-align: center;
border-radius: 30px 30px 0 0;
line-height: 25px;
margin-bottom: 10px;
}
div.profile-shop-avatar, div.profile-shop-fon {
position: relative;
display: inline-block;
width: 29%;
box-shadow: 1px 1px 4px #333;
margin: 2%;
border-radius: 10px;
padding: 5px;
box-sizing: border-box;
vertical-align: top;
background: #66b3f4;
}
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;
margin: 0 auto;
margin-top: 5px;
margin-bottom: 5px;
background: #41e348;
border-radius: 10px;
padding: 5px 3px 5px 3px;
box-sizing: border-box;
box-shadow: 1px 1px 4px #333;
color: #FFF;
font-size: 75%;
font-weight: bold;
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.profile-shop-buy-panel {
background: #66b3f4;
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;
}
div.shop-button-buy-bucks {
position: relative;
background: #196eb1;
border-radius: 20px;
margin: 0 auto;
margin-top: 5px;
margin-bottom: 5px;
width: 95%;
height: 100%;
min-height: 40px;
border: 2px outset;
border-color: #DDD #96c0e8 #18598f #196eb1;
overflow: hidden;
}
div.shop-button-buy-bucks-bonus {
position: relative;
width: 45%;
height: 100%;
margin-left: -5%;
background: #18598f;
z-index: 1;
border-radius: 15% / 50%;
text-align: center;
padding: 5px;
box-sizing: border-box;
}
div.shop-button-buy-bucks-bonus img.icon-bucks {
width: 50%;
height: auto;
display: block;
margin: 0 auto;
}
div.shop-button-buy-bucks-bonus div.bucks-count {
font-size: 135%;
font-weight: bold;
color: #FFF;
text-shadow: 0px 0px 2px #000;
margin: 0 auto;
}
a.shop-button-buy-bucks-btn {
display: block;
position: absolute;
height: 3em;
line-height: 3em;
text-align: center;
width: 50%;
top: 50%;
left: 72.5%;
transform: translate(-50%, -50%);
background: url('https://img3.iboss.mobi/icons/nd/shop/button_buy.png') 100% / 100% no-repeat;
z-index: 2;
color: #FFF;
font-weight: bold;
}
a.shop-button-buy-bucks-btn span.sum {
color: yellow;
font-size: 110%;
}
div.shop-button-buy-bucks.hit, div.shop-button-buy-bucks.goodoffer {
border-color: yellow;
}
div.shop-button-buy-bucks.hit::after {
content: '';
position: absolute;
top: -2px;
bottom: 25%;
left: -2px;
width: 30%;
background: url('https://img3.iboss.mobi/icons/nd/shop/flag_popular.png') 0 0 no-repeat;
background-size: contain;
z-index: 2;
}
div.shop-button-buy-bucks.goodoffer::after {
content: '';
position: absolute;
top: -2px;
bottom: 25%;
left: -2px;
width: 30%;
background: url('https://img3.iboss.mobi/icons/nd/shop/flag_profit.png') 0 0 no-repeat;
background-size: contain;
z-index: 2;
}
div.shop-pack {
position: relative;
width: 95%;
margin: 0 auto;
margin-top: 25px;
margin-bottom: 5px;
border: 2px outset white;
border-radius: 20px;
min-height: 40px;
}
div.shop-pack.business {
background: url('https://img3.iboss.mobi/icons/nd/shop/background_business.png') 0 0 no-repeat;
background-size: cover;
}
div.shop-pack.profi {
background: url('https://img3.iboss.mobi/icons/nd/shop/background_profi.png') 0 0 no-repeat;
background-size: cover;
}
div.shop-pack.mega {
background: url('https://img3.iboss.mobi/icons/nd/shop/background_mega.png') 0 0 no-repeat;
background-size: cover;
}
div.shop-pack div.header {
margin-top: -20px;
margin-left: -2px;
width: calc(100% + 4px);
}
div.shop-pack div.details {
width: 80%;
text-align: center;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
border: 2px solid yellow;
min-height: 20px;
border-radius: 20px;
color: #FFF;
font-weight: bold;
font-size: 85%;
box-sizing: border-box;
padding: 5px;
line-height: 150%;
}
div.shop-pack.business div.details {
background: #076437;
}
div.shop-pack.mega div.details {
background: #1b7899;
}
div.shop-pack.profi div.details {
background: #065866;
}
div.shop-pack div.details span.mark {
color: #93e61a;
font-size: 125%;
}
div.shop-pack a.btn-buy {
display: block;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
width: 50%;
height: 3em;
background: url('https://img3.iboss.mobi/icons/nd/shop/button_buy.png') 100% / 100% no-repeat;
z-index: 2;
color: #FFF;
font-weight: bold;
text-align: center;
line-height: 3em;
}
div.shop-pack a.btn-buy span.sum {
color: yellow;
font-size: 110%;
}
div.actions-banner {
position: relative;
border: 2px outset #ff4b4c;
border-radius: 100px;
background-color: #0e5990;
min-height: 80px;
padding-left: 25%;
padding-right: 25%;
width: 95%;
margin: 0 auto;
margin-top: 5px;
margin-bottom: 5px;
overflow: hidden;
box-sizing: border-box;
}
div.actions-banner div.actions-star {
position: absolute;
left: 2%;
top: 5%;
bottom: 5%;
right: 70%;
}
div.actions-banner div.actions-star img, div.actions-banner div.actions-girl img {
max-height: 100%;
max-width: 100%;
}
div.actions-banner div.actions-girl {
position: absolute;
right: -2%;
top: 0px;
bottom: 0px;
}
div.actions-banner div.actions-data {
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}
@media screen and (max-width: 360px) {
div.actions-banner { min-height: 80px; }
div.actions-banner div.actions-data {
font-size: 95%;
}
}
@media screen and (max-width: 340px) {
div.actions-banner { min-height: 75px; }
div.actions-banner div.actions-data {
font-size: 90%;
}
}
@media screen and (max-width: 320px) {
div.actions-banner { min-height: 70px; }
div.actions-banner div.actions-data {
font-size: 85%;
}
}
@media screen and (max-width: 300px) {
div.actions-banner { min-height: 65px; }
div.actions-banner div.actions-data {
font-size: 80%;
}
}
@media screen and (max-width: 280px) {
div.actions-banner { min-height: 60px; }
div.actions-banner div.actions-data {
font-size: 70%;
}
}
div.action-header {
position: relative;
margin: 0 auto;
margin-bottom: 10px;
width: 90%;
border: 5px solid;
border-color: #CCC #BBB #BBB #DDD;
border-radius: 100px 100px 30px 30px;
overflow: hidden;
}
div.action-header img {
width: 100%;
}
div.action-header span.action-title {
display: block;
text-align: center;
position: absolute;
top: 50%;
bottom: 0px;
left: 20%;
right: 20%;
transform: translateY(-50%);
font-weight: bold;
font-size: 110%;
}
div.action-data {
position: relative;
margin: 0 auto;
width: 90%;
border: 5px solid;
border-color: #CCC #BBB #BBB #DDD;
border-radius: 30px 30px 100px 100px;
overflow: hidden;
background-color: #5a97bf;
font-size: 90%;
font-weight: bold;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 0px;
}
div.action-data div.action-duration {
margin-top: 20px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
background-color: #3d779c;
}
a.btn-buy {
display: block;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
width: 50%;
height: 3em;
background: url(https://img3.iboss.mobi/icons/nd/shop/button_buy.png) 100% / 100% no-repeat;
z-index: 2;
color: #FFF;
font-weight: bold;
text-align: center;
line-height: 3em;
}