body {margin: 0 auto;max-width:520px;
    background-color:#ededed;
	background: #ededed url('/style/images/pattern2-96x96.png?3') 
repeat;
	color:#0058A9;}
	
::-webkit-scrollbar {
    width: 7px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgb(100,55,93);
}
::-webkit-scrollbar-thumb {
    background: rgb(100,45,93);
    box-shadow: inset 0 0 5px black;
    border-radius: 2px;
}
::-webkit-scrollbar-track {
    background: #353a3a;
    border-left: 1px solid rgb(80,80,80);
}
 span, form, p, img, ul, li, a {padding: 0;margin: 0;}

 a{text-decoration: none;}

   .gradi {
    background: linear-gradient(to right, #ffffff, #b5b5b5);
   }
body, input, textarea, select {font-family: Verdana, Arial, Tahoma, 
Sans-Serif;font-size:1em;}
img {border: 0;max-width:100%;vertical-align:middle;font-size:0.5em;}
li {list-style:none;margin:0;}
#story_bottons a, #payment a,.btnl, .btni, .pg {
    text-decoration: none;
    text-align:center;
    position: relative;
     transition: 0.4s;

}

._p{
padding:0 0 0 0;

}
._m{
margin: 0 0 0 0;
}
._p4{
padding-left: 4px !important;
padding-right: 4px !important;
}
.mpr{
margin: 0 0 0 0 ; position: relative;
}
input[type~='text'],
input[type~='email'],
input[type~='password'],
input[type~='number'],
input[type~='select'],
textarea {
    -webkit-box-shadow: inset 2px 2px 8px #E2E2E2;
    -moz-box-shadow: inset 2px 2px 8px #E2E2E2;
     box-shadow: inset 2px 2px 8px #E2E2E2; 
	border: 1px solid #d8d8d8;
	font-family : Tahoma;
	color: #928484;
	padding: 7px;
	margin:1px;
	border-radius: 3px;
	width:95%;
}
.ajax_load {
    display: block;
    padding: 5px 5px ;
    background: url('/img/loading.gif') repeat-y 50% 0px;
    text-align: center;
}
/* big mars pidori tolko poprobyite spizdit, ybiy!!! */
/* дизайн писал ddarder  */
.btnl,#story_bottons a, #payment a {
  /* дизайн писал ddarder  */   display: block; /* дизайн писал ddarder  */
 /* дизайн писал ddarder  */    background-color: #4075cc; /* дизайн писал ddarder  */
 /* дизайн писал ddarder  */    font-size:1em;
 /* дизайн писал ddarder  */    line-height: 36px; /* дизайн писал ddarder  */
 /* дизайн писал ddarder  */    padding: 4px 8px; /* дизайн писал ddarder  */
 /* дизайн писал ddarder  */    border-radius: 5px;color:#ffffff; /* дизайн писал ddarder  */
  /* дизайн писал ddarder  */ /* дизайн писал ddarder  */   
}
/* idite nahyi yebki, пизда вам сука!!*/
.btnl:hover {
color:#ffffff;
}
.btni:hover {
box-shadow: inset 0px 0px 10px rgba(0,0,0,0.9);
}
.vlad_corp {
    display: block;
    background-color: #4075cc;
    font-size: 1em;
    line-height: 20px;
    padding: 2px 8px;
}
.btni, .pg {
    font-size: 0.8em;
    display: inline-block;
    background-color: #4075cc;
    line-height: 29px;
    border-radius: 5px;font-family: 'CyrillicHover', Verdana, Arial, Tahoma, Sans-Serif;
}
input.btni{border-width: 0;}

btni {padding: 3px;}
.pg {padding: 3px 10px;}
input.btni, a.btnl, a.btni, .pg, span.btnl, #story_bottons a, #payment a, 
span.btni, span.pg {color: #ffffff;}
a {color: #2b572f;}
span.btnl, span.btni, span.pg {background-color: #b5b5b5;}
.devpanel, .feedback, .confirm {padding: 4px;}
.fl{float:left;}
.fr{float:right;}
.cb{clear: both}
.portrait{float:left;margin-right:4px;margin-bottom:4px;}
.center, .feedback, .confirm{text-align:center;}
.left{text-align:left;}
.small, .minor {font-size:0.8em;font-weight:normal;}
.minor {color: #2b572f;}
.big {font-size:1.2em;font-weight:normal;}
.bordered {border-width: 1px; border-style: solid; border-color: 
#bbbbbb; padding: 4px;}
.show350 {display: none; visibility: hidden;}
@media (min-width: 350px) {
    .show350 {display: block; visibility: visible;}
}
a.avatar {text-decoration: none;}
.admin{color:#F74223;}
.moderator{color:#5e5786;}
.moderator2{color:#ff8c00;}
.banned{color:#777777;}
.user {color: #0058A9;}
#payment a,.mt4 {margin-top: 4px;}
#payment a,.wt50 {width: 50%;}
.mb4 {margin-bottom: 4px;}
.nobr{white-space: nowrap;}
.feedback, .confirm{margin: 4px; border: 1px solid #0058A9;border-
radius:4px;}
.tbrown {color: #8d652a;}
.tdbrown {color: #2a2b2b;}
/*/
#mail_icon{display: inline-block;width:46px;height:46px;vertical-align: 
middle;text-align:center;text-decoration: none;background-
color:#2b572f;}
#mail_icon img{width:36px;height:36px;margin:5px;}*/
#friends,#chat_icon,#forum_icon,#corp_icon,#union_icon,#mail_icon,
#rating_icon,#profile_icon,#help_icon,#lvl_us
	{display: inline-block;width:46px;height:46px;vertical-align: 
middle;text-decoration: none;background-color:#4075cc;border-
radius: 5px;}
#head_reload_bar a{min-height: 23px;background-color:#4075cc;}
#chat_icon{background-image: url('img/chat2.png');}
#forum_icon{background-image: url('mg/forum2.png');}
#corp_icon{background-image: url('img/corp_ang2.png');}
#mail_icon{background-image: 
url('img/mmars.mobi_mail.png');background-position:center;background-repeat: no-repeat;}
#union_icon{background-image: url('img/corp2.png');}
#rating_icon{background-image: url('img/rating_2.png');}
#profile_icon{background-image: url('img/profile2.png');}
#friends{background-image: url('img/friends.png');}
#help_icon{background-image: url('img/help2.png');}
#chat_icon b,#forum_icon b,#corp_icon b,#union_icon b,#mail_icon b{
	border-color: #4075cc;
	background-color: #4075cc;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	text-decoration: none;
	text-align:center;
	margin-top: 50%;
	margin-left: 50%;
	color: black;
	display:block;
	font-size:105%;
}

/*mars_map*/
#mars_map td{height:32px;width:32px;text-align:center;vertical-
align:middle;}
#mars_map tr#sectors td{border: solid black 1px;}
#mars_map tr#sector td,#mars_map_ td.a{border: solid gold 1px;}
#mars_map tr#sector td.bleft_1{border-left: solid black 1px;}
#mars_map tr#sector td.bright_1{border-right: solid black 1px;}
#mars_map tr#sector td.btop_1{border-top: solid black 1px;}
#mars_map tr#sector td.bbottom_1{border-bottom: solid black 1px;}
#mars_map a,#mars_map div,#mars_map_ a,#mars_map_ 
div{height:100%;width:100%;display:block;}
#mars_map_ td.h16{height:16px;}
#mars_map_ td.w16{width:16px;}
#mars_map .rover_this_user{background-color:grey;}

#head_reload_bar .marsgame_rewrite_money{color:#FFFFFF;}
#head_reload_bar .small{line-height: 0.8em;color: #FFCF54;}
.biss_right{padding: 2px 4px; color: #ffffff; width: 45px; display: inline-
block; background-color: #4075cc;border-radius: 5px;}
#menu a{margin-left: 8px;margin-right: 8px;}
.small_mode_1{padding: 1px 1px;margin-left:1px;display:inline-block;}
.message {color: #800000;}

.task img {margin:5px;float:left;}
.task span div.head {text-shadow:black 0 1px 1px;}
.task span div.bar {margin-left:58px;font-size:0;line-
height:0;height:15px;background-color:#b5b5b5;}
.task span div.bar div {height:15px;display:inline-block;background-
color:#2e5dab;}

.mafia div.bar {line-height:0;height:16px;font-size:16px;background-
color:#b5b5b5;margin-bottom:1px;}
.mafia div.bar div {height:16px;display:inline-block;background-
color:#2e5dab;text-align:center;}

div.angels tr:nth-child(even) {color: black;}


#casino {
	min-width: 157px;
	height: 180px;
	border: 1px solid gold;
	background-color:green;
	overflow: hidden;
	color:gold;
	border-radius: 15px;
	font-family:'segoe print';
}
#casino div{
	font-size: 55px;
	height: 180px;
    line-height: 180px;
	width: 100%;
	text-align: center;
	font-family:inherit;
}
#casino_panel th,#casino_panel{padding:0 0 0 0;}
.casino_left{border-radius: 15px 0 0 15px;}
.casino_right{border-radius: 0 15px 15px 0;}

.element{
clear: both;
height:150px;
width: 128px;
}
.col {
width: 32px;
height: 28px;
text-align: center;
border-radius: 10px;
background-image: linear-gradient(white, orange);
}



.comm_link {
padding: 3px;
margin: 1px;
color: #88bc21;
background: #FFFFFF;
box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.19);
border-radius: 4px;
border: 1px solid #DADADA;
display: inline-block;
}


.comm_answer_main {padding: 4px;font-size: 12px;background: 
#f3f3f3;margin: 0 0px;border: 1px solid #E0E0E0; border-left: 4px solid 
#E0E0E0;}
.menuverh{border-top:1px solid #ddd;border-bottom:1px solid 
#aeaeae;padding:4px 8px;margin:0px 0px 
0px;background:#efefef;background:-moz-linear-gradient(top, #efefef 
0%, #dddddd 100%);background: -webkit-gradient(linear, left top, left 
bottom, color-stop(0%,#efefef), color-stop(100%,#dddddd));}
.comm_answer_title {background: #E8E8E8;border-bottom: 0;border-
left: 4px solid #E0E0E0;color: #000;font-size: 12px;padding: 
4px;margin: 2px -6px 0;}
.save1{clear:both;border:2px solid #ddd;border-bottom:2px solid 
#aeaeae;padding:6px;margin:2px;border-
radius:8px;background:#efefef;background:-moz-linear-gradient(top,  
#efefef 0%, #dddddd 100%);background:-webkit-gradient(linear, left 
top, left bottom, color-stop(0%,#efefef), color-
stop(100%,#dddddd));background:-webkit-linear-gradient(top,  
#efefef 0%,#dddddd 100%);background:-o-linear-gradient(top,  
#efefef 0%,#dddddd 100%);background:-ms-linear-gradient(top,  
#efefef 0%,#dddddd 100%);background:linear-gradient(to bottom,  
#efefef 0%,#dddddd 100%);text-align:center}
.adm_menu {
    background: #009933;
    border-radius: 5px;
    border: 4px solid #009933;
}/*///////////////////////////////////////*/

.block {

   color: #686868;
   background: #FFF;

   padding: 7px;
   line-height: 1.4;

   border-bottom: 1px solid #eee;

   overflow: hidden;
   word-wrap: break-word;

}

#avatar { /* Левая РєР
ѕР»РѕРЅРєР° */
float: left; /* ОбтекаРР
…РёРµ справР
Р’В° */
margin-right: 5px;
}
#content {
  overflow: hidden;
}
.wrap {


    margin: 0 auto;
}
.avafon {
background-size: 100% 100%;
overflow:hidden;
position:relative;
height:auto;
background-position:center center;
background-repeat:no-repeat;
border-radius: 5px 5px 5px 5px;
}

.photo {

border:1px solid #E5E5E5;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius:7px;
border-radius: 7px;

}
#top_v {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 10px solid #DDEBF6;
display: block;
margin-left: 32px;
margin-top: 10px;
}
.status {

  background-color: #DDEBF7;
  color: #242C2F;
  padding: 10px;
  border-radius: 7px;
  margin-bottom: 5px;

}

.private_info {
color: #97AAB2;
}
#right {
   float: right;
   display: inline-block;
}
a.home-s {

    color: #75898E;
    background: #DAE7FF;
    padding: 9px;
    padding-left: 9px;
    word-wrap: break-word;
    display: block;
    border-bottom: 2px solid #eee;
    overflow: hidden;
    line-height: 1.6;
}

a.home-s:hover {

  background:#a7c0d9;
  color: #869499;
   transition: .5s;
   color: white;

}
.background_place {

  background: #F5F5F5;

  padding: 1px;

}
a.home-s {

    color: #75898E;
    background: #DAE7FF;
    padding: 9px;
    padding-left: 9px;
    word-wrap: break-word;
    display: block;
    border-bottom: 2px solid #eee;
    overflow: hidden;
    line-height: 1.6;
}

a.home-s:hover {

  background:#a7c0d9;
  color: #869499;
   transition: .5s;
   color: white;

}


.blocks {
font-size: 13px;
background: #91DCE4;
padding: 10px;
margin: 5px;
color: #fff;
border-radius: 3px;
}
.blocks-2 {
font-size: 13px;
background: #0062c7;
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
color: #fff;
border-radius: 3px;
}
.raz {
text-align: center;
padding: 1px;
font-family: WillametteSF;
font-size: 20px;
}
.lider {
font-size: 13px;
background: #111e2e;
padding: 10px;
margin: 5px;
color: #fff;
border-radius: 3px;
}

.meter {
box-shadow: 0 0 10px rgba(3, 3, 3, 0.35) inset;

    border: 5px solid #EFF2F2;
    height: 10px;
    margin: 2px 1px 2px 0px;
    -moz-border-radius: 5px; /*Mozilla-FireFox*/
    -webkit-border-radius: 5px; /* Safari and Chrome*/
    -khtml-border-radius: 5px; /* Linux browsers */
    border-radius: 10px;
		}
		.meter > span {
			display: block;
			height: 100%;
			   -webkit-border-top-right-radius: 20px;
			-webkit-border-bottom-right-radius: 20px;
			       -moz-border-radius-topright: 20px;
			    -moz-border-radius-bottomright: 20px;
			           border-top-right-radius: 20px;
			        border-bottom-right-radius: 20px;
			    -webkit-border-top-left-radius: 20px;
			 -webkit-border-bottom-left-radius: 20px;
			        -moz-border-radius-topleft: 20px;
			     -moz-border-radius-bottomleft: 20px;
			            border-top-left-radius: 20px;
			         border-bottom-left-radius: 20px;
			background-color: rgb(43,194,83);
			background-image: -webkit-gradient(
			  linear,
			  left bottom,
			  left top,
			  color-stop(0, rgb(43,194,83)),
			  color-stop(1, rgb(84,240,84))
			 );
			background-image: -moz-linear-gradient(
			  center bottom,
			  rgb(43,194,83) 37%,
			  rgb(84,240,84) 69%
			 );
			-webkit-box-shadow:
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			-moz-box-shadow:
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			box-shadow:
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			position: relative;
			overflow: hidden;
		}
		.meter > span:after, .animate > span > span {
			content: '';
			position: absolute;
			top: 0; left: 0; bottom: 0; right: 0;
			background-image:
			   -webkit-gradient(linear, 0 0, 100% 100%,
			      color-stop(.25, rgba(255, 255, 255, .2)),
			      color-stop(.25, transparent), color-stop(.5, 
transparent),
			      color-stop(.5, rgba(255, 255, 255, .2)),
			      color-stop(.75, rgba(255, 255, 255, .2)),
			      color-stop(.75, transparent), to(transparent)
			   );
			background-image:
				-moz-linear-gradient(
				  -45deg,
			      rgba(255, 255, 255, .2) 25%,
			      transparent 25%,
			      transparent 50%,
			      rgba(255, 255, 255, .2) 50%,
			      rgba(255, 255, 255, .2) 75%,
			      transparent 75%,
			      transparent
			   );
			z-index: 1;
			-webkit-background-size: 15px 15px;
			-moz-background-size: 15px 15px;
			-webkit-animation: move 2s linear infinite;
			   -webkit-border-top-right-radius: 8px;
			-webkit-border-bottom-right-radius: 8px;
			       -moz-border-radius-topright: 8px;
			    -moz-border-radius-bottomright: 8px;
			           border-top-right-radius: 8px;
			        border-bottom-right-radius: 8px;
			    -webkit-border-top-left-radius: 20px;
			 -webkit-border-bottom-left-radius: 20px;
			        -moz-border-radius-topleft: 20px;
			     -moz-border-radius-bottomleft: 20px;
			            border-top-left-radius: 20px;
			         border-bottom-left-radius: 20px;
			overflow: hidden;
		}
		.menu-right {
font-size: 15px;
background: #111e2e;
padding: 10px;
margin: 5px;
color: #fff;
border-radius: 3px;
text-align: center;
font-family: BravoRG;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.menu-right:hover {
box-shadow: inset 0px 0px 10px rgba(0,0,0,0.9);
}
.menu-left {
font-size: 15px;
background: #111e2e;
padding: 10px;
margin: 5px;
color: #fff;
border-radius: 3px;
text-align: center;
font-family: BravoRG;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.menu-left:hover {
box-shadow: inset 0px 0px 10px rgba(0,0,0,0.9);
}
.menu-center {
font-size: 15px;
background: #00008B;
padding: 10px;
margin: 5px;
color: #fff;
border-radius: 3px;
text-align: center;
font-family: BravoRG;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.menu-center:hover {
box-shadow: inset 0px 0px 15px rgba(0,0,0,0.9);
}

.message{
    background-size: 40px 40px;
    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 
255, .05) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 
255, .05) 75%,
    transparent 75%, transparent);
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 
255, .05) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 
255, .05) 75%,
    transparent 75%, transparent);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 
.05) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 
255, .05) 75%,
    transparent 75%, transparent);
    box-shadow: 0 0 8px rgba(0,0,0,.3);
    font:16px 'Open Sans';
    width: 85%;
    margin: 10px auto;
    padding:15px;
    -moz-animation: bg-animate 5s linear infinite;
    -webkit-animation: bg-animate 5s linear infinite;
    -ms-animation: bg-animate 5s linear infinite;
    animation: bg-animate 5s linear infinite;
}


.message span{font-weight:600;font-size: 13;}


.message #close{float:right; color:inherit; text-decoration:none;}


.message#error{
    background-color:tomato;
    border-left:7px #dc3d21 solid;
    color:white;
}


.message#warning{
    background-color: #eaaf51;
    border-left:7px #df8b00 solid;
    color:#6b6d31;
}


.message#info{
    background-color: #4ea5cd;
    border-left:7px #3b8eb5 solid;
    color:#beecfc;
}

.message#success{
    background-color: #61b832;
    border-left:7px #55a12c solid;
    color:#296829;
}




.count2 {
  border: 1px solid #BECEDD;
  text-align: center;

  border-radius: 2px;
  padding: 0px 3px 2px 3px;
  font-size: 95%;

}



    .index_logo {
background-size: 100% 100%;
overflow:hidden;
position:relative;
height:auto;
background-position:center center;
background-repeat:no-repeat;
border-radius: 5px 5px 5px 5px;
}
.k-st {
background: #9dd53a;
background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, 
#80c217 51%, #7cbc0a 100%);
background: -webkit-linear-gradient(top, #9dd53a 0%,#a1d54f 
50%,#80c217 51%,#7cbc0a 100%);
background: linear-gradient(to bottom, #9dd53a 0%,#a1d54f 
50%,#80c217 51%,#7cbc0a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( 
startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 );
color: #fff;
padding:10px;
text-shadow: 1px 1px 1px #5e7f22;
border-radius: 20px;
text-align: center;
}
.k-gl {
border-radius: 20px;
margin-bottom: 5px;
}
.k-vh {
background: #ffb76b;
background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 50%, 
#ff7c00 51%, #ff7f04 100%);
background: -webkit-linear-gradient(top, #ffb76b 0%,#ffa73d 
50%,#ff7c00 51%,#ff7f04 100%);
background: linear-gradient(to bottom, #ffb76b 0%,#ffa73d 
50%,#ff7c00 51%,#ff7f04 100%);
filter: progid:DXImageTransform.Microsoft.gradient( 
startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 );
color: #fff;
padding:10px;
text-shadow: 1px 1px 1px #cc6401;
border-radius: 20px;
text-align: center;
}



.cit {
    border: 1px solid #e9ebec;
    border-left: 4px solid #8394b2;
    color: #878787;
    font-size: 12;
    padding-left: 6px;
    margin-top: 5px;
    padding: 3px;
    background: #ffffff8a;
}
.smile-panel{
	border: 1px solid #7f7f7f;
	background-color: #ececec;
	position: relative;
	margin: 4px 4px;
	padding: 1px;
	display: none;
}

.smiles-title{
	background-color: #b9cee8;
	padding: 5px;
  position: relative;
  min-height: 18px;
}

#smiles-content{
	background-color: #ffffff;
  padding: 4px;
  text-align: center;
}

.s-links {
  cursor: pointer;
}

.smiles-title a{
	position: absolute;
  right: 2px;
  top: 2px;
}

.textarea {
	position: relative;
	margin: 4px 4px;
  padding-right: 4px;
}

textarea {
  width: 100%;
  margin: 0px;
}

input[type=submit] {
  margin-left: 4px;
}

.category_wrap_smiles {
  max-width: 280px;
  margin: auto;
  text-align: left;
}

.sm-cat {
  display: inline-block;
  margin: 0px;
  position: relative;
  vertical-align: top;
  width: 50%;
}

.sm-foot {
  display: block;
  margin: 2px;
  padding: 4px;
  position: relative;
  border-top: 1px solid #bfbfbf;
  text-align: left;
}

#toolbar {
	position: relative;
	display: block;
}

.bb_hide{background-color: #d9d9d9; padding: 5px; border-radius: 
3px; border: 1px solid #708090; display: none; overflow: auto; max-
width: 300px; max-height: 350px; position: absolute; position: 
absolute; z-index: 2;}
.bb_opt:hover .bb_hide{display: block;}
.bb_color a {float:left;  width:9px; height:9px; margin:1px; border: 1px 
solid black;padding: 0 !important;}
.bb_color a.categorySelect{width:auto; height:auto; border:none; 
float:none;}
    .head {
            line-height: 11px; 
    }
    .count_room {
    height: 15px;
    width: 15px;
    background: #de990e  no-repeat center center scroll;
    background-image: none\9;
    position: absolute;
    margin-top: -2px;
    margin-left: -2px;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
    text-align: center;
    font-size: 7px;
    line-height: 15px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .17), 0 1px 1px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .17), 0 1px 1px rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .17), 0 1px 1px rgba(0, 0, 0, .2);
    border-radius: 9px;
    font-weight: bold;
}
.transition-scale {
  position: relative;
  z-index: 2;
  color: #FFF;
  margin: 0 auto;
  /*padding: 10px;*/
  text-align: center;
  max-width: 500px;
  font-size: 20px;
  cursor: pointer;
  transition: 3s linear;
}
.transition-scale:hover {
  -webkit-transform: scale(2);
  transform: scale(2);
}


.mail_icon {
    background-image: url(img/mmars.mobi_mail.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 37px;
    width: 37px;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}
    .comp_menu_right {
    position: fixed;
    right: 50%;
    top: 100px;
    margin-right: -340px;
}
.comp_menu_left {
    position: fixed;
    left: 50%;
    top: 40px;
    margin-left: -440px;
}
.round_image {
    border-radius: 100px;
    border: 1px solid rgba(110, 81, 32, 1);
    box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.vent {
    text-align: center;
    background: url(//img0.flibu.mobi/img/fvenzt.png) no-repeat bottom center;
    border: 0px solid #FFF;
    padding: 15px 35px 15px 35px;
    color: #FFF;
    font-weight: bold;
}
.ven {
    text-align: center;
    background: url(//img3.flibu.mobi/img/fvenz.png) no-repeat bottom center;
    border: 0px solid #FFF;
    padding: 15px 35px 15px 35px;
    color: #FFF;
    font-weight: bold;
}


.fplus{
margin-top: 23px;
	margin-left: -17px;
    background-color: #de990e;
	border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
    text-decoration: none;
    text-align: center;
    color: black;
    font-size: 105%;
	border-color: #de990e;
	position:absolute;
	
}






























































.garden-module {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.garden-nav {
    display: flex;
    flex-wrap: wrap; /* Разрешаем перенос */
    gap: 8px;
    margin-bottom: 20px;
    padding: 10px;
    background: #f8f9fa;
    border-radius: 8px;
    justify-content: center; /* Центрируем элементы */
}

.nav-link {
    padding: 10px 15px;
    text-decoration: none;
    color: #333;
    border-radius: 5px;
    transition: background 0.3s;
    white-space: nowrap; /* Запрещаем перенос текста внутри ссылки */
    flex-shrink: 0; /* Запрещаем сжатие */
}

.nav-link:hover {
    background: #e9ecef;
}

.nav-link.active {
    background: #007bff;
    color: white;
}

/* Для мобильных */
@media (max-width: 768px) {
    .garden-nav {
        gap: 5px;
        padding: 8px;
    }

    .nav-link {
        padding: 8px 12px;
        font-size: 14px;
    }
}

/* Для очень маленьких экранов */
@media (max-width: 480px) {
    .garden-nav {
        flex-direction: column; /* Вертикальное расположение */
        align-items: stretch;
    }

    .nav-link {
        text-align: center;
        padding: 10px;
    }
}

/* Progress bars */
.progress-bar {
    width: 100%;
    height: 20px;
    background: #ddd;
    border-radius: 10px;
    margin: 10px 0;
    overflow: hidden;
}

.progress {
    height: 100%;
    background: linear-gradient(90deg, #4CAF50, #8BC34A);
    transition: width 0.3s;
}

/* Basket styles */
.basket-items {
    display: grid;
    gap: 15px;
}

.basket-item {
    display: flex;
    align-items: center;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: white;
}

.item-icon {
    font-size: 2em;
    margin-right: 15px;
}

.empty-basket {
    text-align: center;
    padding: 40px;
    color: #666;
}

/* Plant cards */
.plants-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.plant-card {
    padding: 20px;
    border: 2px solid #ddd;
    border-radius: 10px;
    background: white;
}

.plant-card.unlocked {
    border-color: #4CAF50;
    background: #f8fff8;
}

.plant-card.locked {
    border-color: #ccc;
    background: #f9f9f9;
}

.plant-header {
    display: flex;
    justify-content: between;
    align-items: center;
    margin-bottom: 15px;
}

.requirement-met {
    color: #4CAF50;
}

.requirement-not-met {
    color: #f44336;
}

/* Shop styles */
.shop-item, .shop-plant-item, .shop-bed-item {
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-bottom: 20px;
    background: white;
}

.item-header {
    display: flex;
    justify-content: between;
    align-items: center;
    margin-bottom: 10px;
}

.price {
    font-weight: bold;
    color: #007bff;
}

.already-owned {
    color: #4CAF50;
    font-weight: bold;
}

/* Beds grid */
.beds-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.bed {
    padding: 20px;
    border: 2px solid #ddd;
    border-radius: 10px;
    text-align: center;
}

.bed.unlocked {
    background: #f8fff8;
    border-color: #4CAF50;
}

.bed.locked {
    background: #f0f0f0;
    border-color: #ccc;
    opacity: 0.7;
}

/* Buttons */
.btn {
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin: 5px;
    transition: background 0.3s;
}

.btn-primary { background: #007bff; color: white; }
.btn-success { background: #28a745; color: white; }
.btn-warning { background: #ffc107; color: black; }
.btn-info { background: #17a2b8; color: white; }
.btn-secondary { background: #6c757d; color: white; }

.btn:hover {
    opacity: 0.9;
}

.btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Alerts */
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 5px;
}

.alert-success { background: #d4edda; color: #155724; }
.alert-danger { background: #f8d7da; color: #721c24; }


/* Стили для картинок растений */
.plant-image {
    margin: 10px 0;
    text-align: center;
}

.plant-img {
    border-radius: 10px;
    border: 3px solid #ddd;
    transition: all 0.3s ease;
}

.plant-img.watering {
    border-color: #17a2b8;
    box-shadow: 0 0 10px rgba(23, 162, 184, 0.5);
}

.plant-img.weeding {
    border-color: #ffc107;
    box-shadow: 0 0 10px rgba(255, 193, 7, 0.5);
}

.plant-img.ready {
    border-color: #28a745;
    box-shadow: 0 0 10px rgba(40, 167, 69, 0.5);
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.plant-image-title {
    display: flex;
    align-items: center;
    gap: 10px;
}

.plant-image-title h3,
.plant-image-title h4 {
    margin: 0;
}

/* Стили для корзинки */
.basket-img {
    border-radius: 8px;
    border: 2px solid #ddd;
}

.basket-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: white;
}

.item-info h4 {
    margin: 0 0 5px 0;
    color: #333;
}

/* Стили для требований с картинками */
.unlock-requirements ul li {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 5px;
}

.unlock-requirements img {
    border-radius: 4px;
    border: 1px solid #ddd;
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
    .plant-image-title {
        flex-direction: column;
        text-align: center;
    }

    .basket-item {
        flex-direction: column;
        text-align: center;
    }

    .plant-img {
        width: 48px;
        height: 48px;
    }
}

.time-value {
    font-weight: bold;
    color: #28a745;
    font-family: 'Courier New', monospace;
    background: rgba(0, 0, 0, 0.05);
    padding: 2px 8px;
    border-radius: 4px;
    display: inline-block;
    min-width: 85px;
    text-align: center;
    transition: all 0.3s ease;
}

.time-value.time-warning {
    color: #ff9800;
    background: rgba(255, 152, 0, 0.1);
}

.time-value.time-expired {
    color: #f44336;
    background: rgba(244, 67, 54, 0.1);
}

.progress-bar {
    width: 100%;
    height: 20px;
    background: #f0f0f0;
    border-radius: 10px;
    margin: 10px 0;
    overflow: hidden;
}

.progress {
    height: 100%;
    background: linear-gradient(90deg, #4CAF50, #8BC34A);
    border-radius: 10px;
    transition: width 0.5s ease-in-out;
}

/* Кнопка ручной перезагрузки */
.manual-reload {
    text-align: center;
    margin: 20px 0;
}

#manual-reload-btn {
    display: none;
    padding: 10px 20px;
    background: #2196F3;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
}

#manual-reload-btn:hover {
    background: #1976D2;
}

/* Адаптивность */
@media (max-width: 768px) {
    .time-value {
        font-size: 12px;
        padding: 1px 6px;
        min-width: 70px;
    }
}

.harvest-message {
    border-left: 4px solid #28a745;
    padding: 15px;
    margin: 20px 0;
}

.harvest-main {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}

.harvest-img {
    border-radius: 6px;
    border: 2px solid #ddd;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.harvest-text {
    font-size: 16px;
}

.harvest-bonus {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: rgba(40, 167, 69, 0.1);
    border-radius: 8px;
    border-left: 3px solid #ffc107;
    margin-top: 10px;
}

.bonus-icon {
    font-size: 24px;
    animation: bounce 1s infinite;
}

.bonus-text {
    font-size: 14px;
}

.bonus-text small {
    color: #6c757d;
    font-size: 12px;
}

@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-3px); }
}

/* Анимация появления */
.harvest-message {
    animation: slideIn 0.5s ease;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Адаптивность */
@media (max-width: 768px) {
    .harvest-main {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }

    .harvest-bonus {
        flex-direction: column;
        text-align: center;
    }
}

/* Анимация многоточия */
.animated-dots {
    display: inline-block;
    position: relative;
}

.animated-dots::after {
    content: '...';
    animation: dotsAnimation 1.5s infinite steps(4, end);
}

@keyframes dotsAnimation {
    0% { content: ''; }
    25% { content: '.'; }
    50% { content: '..'; }
    75% { content: '...'; }
    100% { content: ''; }
}

/* Альтернативная анимация */
.dots-pulse {
    display: inline-block;
    position: relative;
}

.dots-pulse::after {
    content: '...';
    animation: pulseDots 2s infinite;
}

@keyframes pulseDots {
    0%, 20% { content: '.'; opacity: 0.3; }
    40% { content: '..'; opacity: 0.6; }
    60%, 100% { content: '...'; opacity: 1; }
}