/* === Basic === */

body, h1, h2, form, html, p, div, span, table, tbody, td, tr, ul, img { margin: 0; padding: 0;}
html {border: 0; height: 100%; margin: 0 auto;}
body, table, td, th, input, textarea, select {font-family: Arial, Tahoma, sans-serif;}
ul {list-style: none;}
a, img, a img {outline: 0;border: 0;-moz-outline: 0;}
img {vertical-align: middle;}


.b{ font-weight: bold; }
.fz0{font-size:0 !important}
.fz8{font-size:8pt !important}
.fz9{font-size:9pt !important}
.fz10{font-size:10pt !important}
.fz11{font-size:11pt !important}
.fz12{font-size:12pt !important}
.fz16{font-size:16pt !important}
.m5{margin:5px !important}
.ml-5{margin-left:-5px !important}
.mr2{margin-right:2px !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr90{margin-right:84px !important}
.ml10{margin-left:10px !important}
.ml5{margin-left:5px !important}
.ml3{margin-left:3px !important}
.mt-1{margin-top:-1px !important}
.mt-3{margin-top:-3px !important}
.mt2{margin-top:2px !important}
.mr2{margin-right:2px !important}
.mt3{margin-top:3px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt-10{margin-top:-10px !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.m0{margin:0px !important}
.pl10{padding-left:10px !important}
.p2{padding:2px !important}
.p5{padding:5px !important}
.ptb6{padding-top:6px;padding-bottom:6px !important}
.ptb7{padding-top:7px;padding-bottom:7px !important}
.ptb10{padding-top:10px;padding-bottom:10px !important}
.pt5{padding-top:5px !important}
.pt1{padding-top:1px !important}
.p10{padding:10px !important}
.plr10{padding-left:10px;padding-right:10px !important}
.pb5{padding-bottom:5px !important}
.pb7{padding-bottom:7px !important}
.pb3{padding-bottom:3px !important}
.pb10{padding-bottom:10px !important}
.pb0{padding-bottom:0 !important}
.pr5{padding-right:5px !important}
.pr10{padding-right:10px !important}
.pr18{padding-right:18px !important}
.pl3{padding-left:3px !important}
.pl5{padding-left:5px !important}
.h16{height:16px !important}
.h20{height:20px !important}
.h54{height:54px !important}
.h70{height:70px !important}
.h77{height:77px !important}
.h80{height:80px !important}
.h100{height:100px !important}
.h100pc{height:100% !important}
.w77{width:77px !important}
.w100{width:100px !important}
.w70{width:70px !important}
.w32pc{width:33% !important}
.w47pc{width:47% !important}
.w50pc{width:50% !important}
.w54pc{width:54% !important}
.w75pc{width:65% !important}
.w95pc{width:96% !important}
.w96{width:96% !important}
.w15{width:15px !important}
.w30{width:30px !important}
.w40{width:40px !important}
.w54{width:54px !important}
.w64{width:64px !important}
.w80{width:80px !important}
.w140{width:140px !important}


.none_max_900{
	display: none;
}






    @-webkit-keyframes animateArrowRight {
        0%   { left: 265px; }
        75%  { left: 275px; }
        100% { left: 265px; }
    }
    @keyframes animateArrowRight {
        0%   { left: 265px; }
        75%  { left: 275px; }
        100% { left: 265px; }
    }
	
    @-webkit-keyframes animateArrowTop {
        0%   { top: -25px; }
        75%  { top: -35px; }
        100% { top: -25px; }
    }
    @keyframes animateArrowTop {
        0%   { top: -25px; }
        75%  { top: -35px; }
        100% { top: -25px; }
    }

	.tutorial-arrow:after{
		content: '';
		width: 60px;
		height: 80px;
		position: absolute;
		z-index: 100;
	}
	.tutorial-arrow.topArrow:after{
		top: -25px;
		-webkit-animation: animateArrowTop 1s linear 1s infinite;
		animation: animateArrowTop 1s linear 1s infinite;
		background: url(/theme/i/icons/start/arrow-bottom.png) 0 0 no-repeat;
	}
	.tutorial-arrow.rightArrow:after{
		top: -40px;
		left: 265px;
		-webkit-animation: animateArrowRight 1s linear 1s infinite!important;
		animation: animateArrowRight 1s linear 1s infinite!important;
		background: url(/theme/i/icons/start/arrow-left.png) 0 0 no-repeat;
	}
	
	
	

	
	



.vspliv { 
	-webkit-animation: sk-scaleout 0.5s;
	-moz-animation: sk-scaleout 0.5s;
	animation: sk-scaleout 0.5s;
}

@-webkit-keyframes sk-scaleout {
  0% {
	-webkit-transform: scale(0);
	transform: scale(0);
}

  100% {
	-webkit-transform: scale(1);
	transform: scale(1);
	}
}

@keyframes sk-scaleout {
  0% {
	-webkit-transform: scale(0);
	transform: scale(0);
  }
  100% {
	-webkit-transform: scale(1);
	transform: scale(1);
  }
}












.EBE3B3, .n1{
	background: #EBE3B3 !important;
	color: #635B49;
}
.ABA273, .n2{
	background: #ABA273 !important;
	color: #635B49;
}










a.close_ob{
	float: right;
	margin: -17px -17px 0px -17px;
	padding: 6px;
	border: 2px solid #777;
	background: #ddd;
	border-radius: 50%;
}


.center_ob{
	position: fixed;
	background: rgb(22, 64, 88);
	border: 1px solid #49788e;
	border-radius: 15px;
	min-height: 350px;
	color: #fff;
	font-size: 13px;
	padding: 9px;
	text-decoration: none; 
	margin-left: -50px;
	margin-top: 50px;
	display: block;
	max-width: 400px;
	z-index: 1001;
}

	
@media all and (max-width: 420px){
	.center_ob{
		max-width: 290px !important;
		margin-left: 5px !important;
		margin-top: 10px !important;
		position: absolute;
	}
}

@media all and (max-width: 240px){
	.center_ob{
		max-width: 216px !important;
		margin-left: 2px !important;
		margin-top: 10px !important;
		position: absolute;
	}
}

@media all and (max-height: 700px){
	.center_ob{
		position: absolute;
	}
}




@media all and (min-width: 901px){
	.menuZag{
		z-index: -1;
		position: fixed;
		padding: 6px;
		color: #ddd;
		border-radius: 5px;
		background: url('../img/bg.png') #051546;
		border: 1px solid #0c1e4c;
		width: 220px;
		height: 210px;
		margin: 222px;
		margin-top: -170px;
	}
	.menuZag.leftMenu{
		right: 50%;
		margin-left: 0;
		margin-bottom: 0;
		box-shadow: 0px 0px 15px 5px #fff;
	}
	.menuZag.rightMenu{
		/*
		left: 50%;
		margin-right: 0;
		margin-bottom: 0;
		box-shadow: 0px 0px 15px 5px #a9ac3e;
		*/
		right: 50%;
		margin-left: 0;
		margin-bottom: 0;
		box-shadow: 0px 0px 15px 5px #fff;
		margin-top: 70px;
	}
}
@media all and (max-width: 900px){
	.menuZag{
		display: none;
	}
}












.zatemnenie{
	position: absolute;
	margin-top: -1200px;
	margin-left: -1200px;
	padding: 2500px;
	z-index: 1000;
	background: #777;
	opacity: 0.5;
}











.sms{
	white-space:normal;
	word-warp: break-word;
	overflow: hidden;
	text-align: justify;
}

.casino_inner{
	background: #EBE3B3;
	padding: 2px;
	border: 5px solid #C0B081;
	color: #635B49;
}


.delete_inner
{
background: #C0B081;
padding: 2px;
border: 5px solid #C0B081;
color: #635B49;
}

.private_inner
{
background: #C9B081;
padding: 2px;
border: 5px solid #C9B081;
color: #635B49;
}


.chat_panel{
	background-color:#C0B681; 
	color:#635b49;
	clear:both;
	overflow:hidden;
	padding:5px; }


.inner_chat { padding: 5px;  background: #EBE3B3; color: #635B49;  }
.inner_chat.odd {  background: #D9D09A; }



.start_image{
	position: absolute;
	bottom: -35px;
	right: 70px;
	line-height: 1px; 
}



.statok img {
	transition: 0.5s;
	opacity: .2;
}

.statok:hover  img {
	transition: 0.5s;
	opacity: .6;
}

 img.flip {
   -moz-transform: scaleX(-1);
   -o-transform: scaleX(-1);
   -webkit-transform: scaleX(-1);
   transform: scaleX(-1);
   filter: FlipH;
   -ms-filter: "FlipH";
}



#scroller_container {
	position: relative;
	width: 200px;
	height: 40px;
	overflow: hidden;
}

#scroller {
	white-space: nowrap;
	line-height: 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* Scoller Box */

/* === Mafia Street Criminal global dark refresh v2 === */
body {
    color: #d8e5f4 !important;
    background: #040914 url('../img/bg4.png') repeat !important;
}

a:link,
a:active,
a:visited {
    color: #9ed4ff !important;
}

a:hover,
a:focus {
    color: #ffffff !important;
}

.balka-top,
.balka-bot,
.border-top {
    background: linear-gradient(180deg, #243850, #07101c) !important;
    border-top: 1px solid #3e668f !important;
    border-bottom: 1px solid #02050a !important;
}

.razdelt,
.rating,
.b-stats,
h1.center,
h2.green,
.boss_title,
.quests_title {
    background: linear-gradient(180deg, #1a2a41, #08101b) !important;
    color: #e7f0fb !important;
    border-top: 1px solid rgba(99, 142, 191, .45) !important;
    border-bottom: 1px solid rgba(0, 0, 0, .85) !important;
    text-shadow: 0 1px 0 #000 !important;
}

.inner-content,
.inner-content-two,
.b-profile,
.profile-inner,
.new_inner,
.content_panel,
.chat_panel,
.inner_chat,
.inner_chat.odd,
.inner_content_chat_mod_default_1,
.inner_content_chat_mod_default_2,
.inner_content_raids_mod_key_1,
.inner_content_raids_mod_key_2,
.inner_content_raids_mod_raid_1,
.inner_content_raids_mod_raid_2,
.inner_content_boi_mod_raiting_1,
.inner_content_boi_mod_raiting_2,
.boss_info_default,
.list_row,
.list_row.odd,
.newstyle-list-el,
.newstyle-list-el-info {
    background: linear-gradient(180deg, #111c2c, #070c14) !important;
    color: #cddbeb !important;
    border-color: #24384f !important;
    text-shadow: none !important;
}

.inner_content_raids_mod_key_2,
.inner_content_raids_mod_raid_2,
.inner_chat.odd,
.list_row.odd {
    background: linear-gradient(180deg, #16243a, #0a111c) !important;
}

.baloon-inner,
.cookie_inner {
    background: linear-gradient(180deg, #112a20, #07120d) !important;
    border: 1px solid #237246 !important;
    color: #bcffd4 !important;
}

.baloon-inner-red {
    background: linear-gradient(180deg, #3a141c, #15070b) !important;
    border: 1px solid #b43a4a !important;
    color: #ffe3e7 !important;
}

a.bttn,
a.bttn_g,
a.bttn_green,
a.bttn_red,
a.bttn_sea,
a.bttn_gray,
a.bttn_blue,
a.bttn_navi,
a.bttn_nav,
button.bttn_green,
input.bttn_green,
input.bttn,
input[type="submit"].auth {
    color: #eff7ff !important;
    background: linear-gradient(180deg, #1972b6, #0b2f55) !important;
    border: 1px solid #2d74b3 !important;
    border-bottom-color: #09253d !important;
    border-radius: 7px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 1px 8px rgba(0,0,0,.4) !important;
    text-shadow: 0 1px 0 #000 !important;
}

a.bttn_red {
    background: linear-gradient(180deg, #a32232, #4b1018) !important;
    border-color: #cf3b4e !important;
}

a.bttn_green,
button.bttn_green,
input.bttn_green {
    background: linear-gradient(180deg, #118248, #06301c) !important;
    border-color: #24a864 !important;
}

a.bttn_gray,
.bttn_gray {
    background: linear-gradient(180deg, #293442, #0e141c) !important;
    border-color: #445467 !important;
    color: #c4cfdd !important;
}

input[type~="tel"],
input[type~="text"],
input[type~="select"],
input[type~="password"],
input[type~="number"],
textarea,
select {
    background: #07101b !important;
    color: #e7f1ff !important;
    border: 1px solid #2a4968 !important;
    box-shadow: inset 0 1px 4px rgba(0,0,0,.75) !important;
}

.switcher_link,
.switcher_link.left,
.switcher_link.right,
.switcher_link.selected,
.sw_link,
.sw_link.selected,
td.td_sw,
td.td_sw.selected {
    background: linear-gradient(180deg, #17243a, #070d16) !important;
    color: #cfddec !important;
    border-color: #263b56 !important;
}

.switcher_link a,
a.sw_link,
td.td_sw a {
    color: #9fd1ff !important;
}

.menutext {
    color: #d9e8f8 !important;
    background: linear-gradient(180deg, #0d1725, #040810) !important;
}

.html,
.gray_italic,
.g_online {
    color: #93a8bf !important;
}