/* colors

	green:	#0AA699;
	blue:	#65C3DF;
	red: 	#FF6B6B;

*/

@font-face {
	font-family: 'Open Sans';
	src: local('Open Sans Light'), local('OpenSans-Light'), url('../fonts/opensanslight.woff2') format('woff2'), url('../fonts/opensanslight.woff') format('woff'), url('../fonts/opensanslight.ttf') format('truetype');
	font-weight: 300;
	font-style: normal
}
@font-face {
	font-family: 'Open Sans';
	src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url('../fonts/opensanslightitalic.woff2') format('woff2'), url('../fonts/opensanslightitalic.woff') format('woff'), url('../fonts/opensanslightitalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic
}
@font-face {
	font-family: 'Open Sans';
	src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url('../fonts/opensansextrabold.woff2') format('woff2'), url('../fonts/opensansextrabold.woff') format('woff'), url('../fonts/opensansextrabold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal
}
@font-face {
	font-family: 'links';
	src: local('Airborne Pilot'), url('../fonts/airbornepilot.woff2') format('woff2'), url('../fonts/airbornepilot.woff') format('woff'), url('../fonts/airbornepilot.ttf') format('truetype');
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: 'nav';
	src: local('Airborne'), url('../fonts/airborne.woff2') format('woff2'), url('../fonts/airborne.woff') format('woff'), url('../fonts/airborne.ttf') format('truetype');
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: 'menu';
	src: local('Arimo'), url('../fonts/arimo.woff2') format('woff2'), url('../fonts/arimo.woff') format('woff'), url('../fonts/arimo.ttf') format('truetype');
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: 'logo';
	src: local('Cantarell Regular'), local('Cantarell-Regular'), url('../fonts/cantarellregular.woff2') format('woff2'), url('../fonts/cantarellregular.woff') format('woff'), url('../fonts/cantarellregular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal
}
.miniscreen
{
	display: none
}

/* @media */
@media screen and (max-width: 1024px)
{
	.all
	{
		width: 1000px !important;
	}
	.main
	{
		width: 1000px !important;
	}
	.block
	{
		display: none !important;
	}

	.miniscreen
	{
		display: inline-block !important;
	}

	.server_list table
	{
		width: 100% !important;
	}
	.server_img
	{
		display: none !important;
	}
}

*
{
	padding: 0;
	margin: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	box-sizing: content-box
}
body {
background :#2c2c2c url(../images/bg.jpg) no-repeat center top;
min-width:1200px;
color : #111111;
padding : 0 0 51px 0;
margin : 0;
font : 11px 'tahoma';
}
a {
color : #111111;
text-decoration : none;
}
ul, li, li a {
text-decoration : none;
}

hr {
background : #2D2D2D;
height : 1px;
border : none;
margin : 0;
}
input, textarea, div {
outline : none;
}
.aligncenter {margin:0 auto;display:block;}
.left {
float : left !important ;
}
.right {
float : right !important ;
}
.center {
text-align : center !important ;
}
.hidden2 {
overflow : hidden !important ;
}
.inner {
margin : 0 auto;
width : 1060px;
position : relative;
}
header {width:1137px;margin : 0 auto;overflow:hidden;}
.h_menu {background:url(../images/h_menu.png) no-repeat;height:41px;margin:0 0 89px 0;}

.h_feedback {float:left;overflow:hidden;margin:7px 0 0 78px;}
.h_skype {float:left;background:url(../images/Skype.png) no-repeat;width:49px;height:25px;display:block;margin:0 3px 0 0;}
.h_vk {float:left;background:url(../images/vk.png) no-repeat;width:49px;height:25px;display:block;}
.h_skype:hover {background:url(../images/Skype_h.png) no-repeat;}
.h_vk:hover {background:url(../images/vk_h.png) no-repeat;}


.h_profile {float:right;margin:7px 56px 0 0}
.h_profile a {float:left;background:#111111;height:25px;display:block;margin:0 0 0 3px;border-radius:15px 5px 15px 5px;padding:0 17px;font:12px/25px 'tahoma';color:#fff;}
.h_profile a:hover {background: #b94141;}
.h_lk {    background: url(../images/lk.png) no-repeat 0 2px;padding: 0px 0 0 20px;}
.h_purse {    background: url(../images/purse.png) no-repeat 0 2px;padding: 0px 0 0 23px;}
.h_logout {    background: url(../images/logout.png) no-repeat 0 2px;padding: 0px 0 0 20px;}
.h_exit {    background: url(../images/exit.png) no-repeat 0 2px;padding: 0px 0 0 20px;}

.logo {float:left;background:url(../images/logo_bg.png) no-repeat;width:463px;height:87px;}
.logo_p {
  background: url(../images/logo.png) no-repeat center;
  background-size: contain;
  width: 100%;
  height: 197px;
  margin-top: -60px;
  display: block;
}



.content {overflow:hidden;background:#fff;border-radius:5px 5px 0 0;padding:0 0 10px 0;}

.side_top {background:url(../images/side_top.png) no-repeat;height:60px;overflow:hidden;}
.side_top nav {margin:0 0 0 6px; }
.side_top nav ul {padding:0;margin:0;}
.side_top nav ul li {float:left;display:inline-block;height:60px;padding:0 0 0 0;background:url(../images/nav.png) no-repeat right 8px;}
.side_top nav ul li  a {padding:0 17px;display:inline-block;margin:0 2px 0 0;height:60px;font:12px/54px 'tahoma'; color:#fff;text-transform:uppercase}
.side_top nav ul li  a:hover { background: rgba(0, 0, 0, 0.22);}
.side_content {overflow:hidden;padding:0 10px;}
.side_left {float:left;width:800px;margin:10px 0 0 0;}
aside {float:right;width:230px;margin:10px 0 0 0;}


.l_block {
	margin-bottom: 10px;border-radius:5px;overflow:hidden;
}
.l_block .l_block_head {
background:url(../images/block_t.png) no-repeat;height:50px;
	line-height:45px;color:#fff;padding:0 0 0 15px;font-size:12px;text-transform:uppercase;
	}
.l_block .l_block_head img {float:right;margin:10px 8px 0 0;}
.l_block .l_block_head a, .l_block .l_block_head a:hover {
	
}
.mar-2 {margin:-2px 0 0 0!important;}
.l_block .l_block_c {
	
	background:#e3e3e3;
	padding:0 0 5px 0;
	overflow:hidden;
}


.block_menu {width:230px;margin:0 auto;}
.block_menu ul {
margin : 0;
padding : 0;
    list-style: none;list-style:none;

}
.block_menu ul li a {
background:url(../images/b_nav.png) no-repeat;height:30px;display:block;margin:0 0 0 0;padding:0 0 0 38px;color:#000;font-size:12px;line-height:30px;
}
.block_menu ul li a:hover {
background:url(../images/b_nav_h.png) no-repeat;color:#fff;
}

.stats {
	border-radius:10px;
margin : 0 0 10px 0;
overflow : hidden;
	background:#e3e3e3;
	padding:15px 0 15px 0;
	overflow:hidden;
}
.stats ul {
margin : 0;
padding : 0;
}
.stats ul li {
color : #111111;
list-style : none;
margin : 0 0 0 15px;
font : 12px 'tahoma';
}
.stats ul li a {
color : #111111;
display : block;

}
.stats ul li.stats_servers {
background : url(../images/stat1.png) 0 2px no-repeat;
padding : 0 0 0 22px;
margin : 0 0 18px 15px;
}
.stats ul li.stats_onservers {
background : url(../images/stat2.png) 0 2px no-repeat;
padding : 0 0 0 22px;
margin : 0 0 18px 15px;
}
.stats ul li.stats_online {
background : url(../images/stat3.png) 0 2px no-repeat;
padding : 0 0 0 22px;
margin : 0 0 0 15px;
}
.mar10 {margin:0 0 10px 0;}
.pad3030 {    padding: 3px 0 3px 0!important;}
.pad010 {padding:3px 10px 0 10px!important;}
table.servers_p {width:620px;}

table.servers_p td {
          padding: 9px 0px 5px 0;
    font-size: 11px;font-weight:normal;
	   color: rgb(28, 113, 51);}
}
table.servers_p td span {font-weight: normal;
    color: rgb(28, 113, 51);}






.e3e3e3 {background:#e3e3e3;}
.view {overflow:hidden;border-radius:5px;margin:0 0 10px 0;}
.news_title {
   
    padding: 10px 15px;
    background-color: #343434;
    color: #ffffff;  font: normal 14px 'tahoma';
    display: block;
    border-radius: 5px;
    
}
.v_title2 { background: url(../images/v_title.png) no-repeat left 0,url(../images/v_title.png) no-repeat right -90px,url(../images/v_title.png) repeat-x 0 -45px; height:45px;padding:0 13px;font:12px/40px 'tahoma';color:#fff;}
.v_title {
  
    margin: 10px 5px;
    font: bold 15px 'tahoma';
   
}
.v_title a {display:inline-block;text-decoration:underline;}
.v_title:hover a {text-decoration:none;}
.v_title .v_title_date {float:right;background:url(../images2/title_right.png) no-repeat left 4px;padding:0 0 0 18px;}
.v_content {padding:3px 5px 3px 5px;overflow:hidden;}
.v_content  a {}
.v_poster {float:left;width:150px;height:85px;margin:0 10px 0 10px;}
.v_poster img {width:150px;height:85px;}
.v_poster2 {float:left;width: 150px;
    height: 113px;margin:0 10px 0 10px;}
.v_poster2 img {width: 150px;
    height: 113px;}
.v_content .hidden2 {margin:0 0 7px 0;}
.v_mess {overflow:hidden;font:12px 'tahoma';margin:0 0 10px 0;}
.v_mess a {}
.v_info {border-top:1px dashed #d7d7d7;padding:0 0 0 0;overflow: hidden;}
.v_info  span {float:left;margin:8px 12px 0 0;font:12px 'tahoma';}
.v_info  span.v_date {background:url(../images/date.png) no-repeat left 2px;padding:0 0 0 20px;}
.v_info  span.v_read  {background:url(../images/read.png) no-repeat left 3px;padding:0 0 0 20px;}



.v_more {float:right;width:80px;background:url(../images/more.png) no-repeat; margin:3px 3px 0 0;height:24px;text-align:center;display:block;}
.v_more:hover {background:url(../images/more_h.png) no-repeat;}














.page-selector{background:#e5e5e5;padding:5px;border-radius:5px;overflow:hidden;display:block;margin:0 0 10px 0;}
.page-selector .left a  {text-decoration:none;width:18px;height:18px;background:url(../images/pag.png);color:#fff;display:block;float:left;margin-right:5px;font-size:12.35px;    box-sizing: border-box;
    padding: 1px 0 0 6px;}
 .page-selector .left span {text-decoration:none;width:18px;height:18px;background:url(../images/pag_h.png);color:#fff;display:block;float:left;margin-right:5px;font-size:12.35px;    box-sizing: border-box;
    padding: 1px 0 0 6px;}
 .page-selector .left a:hover {background:url(../images/pag_h.png);}
 

.page-selector .right a {background:url(../images/but.png) no-repeat;height:18px;border-radius:5px;padding:0 5px;display:inline-block;line-height:18px;color:#fff;}
.page-selector .right span {background:url(../images/but.png) no-repeat;height:18px;border-radius:5px;padding:0 5px;display:inline-block;line-height:18px;color:#fff;}
.page-selector .right a:hover,.page-selector .right span:hover {background:url(../images/but_h.png) no-repeat;}

.side_descr {background:#e3e3e3;border-radius:5px;} 
.side_descr_t {font:bold 12px 'tahoma';background:url(../images/line.png) repeat-x bottom,url(../images/descr.png) no-repeat 1017px 10px;padding:9px 10px;}
.side_descr_c {font:12px 'tahoma';padding:10px 10px 15px 10px;}


footer {height:151px;    background: url(../images/footer.png) no-repeat;position:relative;overflow:hidden}
.f_logo {position:absolute;left:15px;top:-5px;    background: url(../images/logo.png) no-repeat;width:241px;height:154px;}
.f_text {text-align:center;font:10px 'tahoma';color:#fff;top:66px;left:312px;position:absolute;}
.f_banners {float:right;margin:10px 0 0 0;top:73px;right:57px;position:absolute;}




.prime {
    background: #e5e5e5;
    margin-bottom: 10px;
    overflow: hidden;
    border-radius: 5px;
    padding: 15px 0px 15px 0;
}
.prime .prime-item {
    width: 333px;
    margin-left: 13px;
    height: 109px;
    float: left;
    overflow: hidden;
}
.prime .prime-item:nth-of-type(4), .prime .prime-item:nth-of-type(5), .prime .prime-item:nth-of-type(6){height:auto !important}
.prime .prime-item .left-p {
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 10px;
    margin: 10px 10px 0 0;
}
.prime .prime-item .right-p {
    font-size: 11px;
    line-height: 16px;
    width: 253px;
    color: #464646;
    overflow: hidden;
}
.prime .prime-item .right-p span {font-weight:bold}
.prime .prime-item .right-p p {
    margin: 0;
}
.prime .prime-itemspan{font-size:12px;font-weight:bold}


.services {overflow:hidden;margin:0 0 5px -5px;}
.service_block {float:left; width:152px;height:196px;border:2px solid #d7d7d7;border-radius:5px;margin:0 0 6px 5px;}

.service_block .poster {width:100px;height:100px;margin:9px auto 10px auto;display:block;border-radius:50%;border:2px solid #3a365e!important;}
.service_block .service_game {text-align:center;font:12px 'tahoma';text-transform:uppercase;color:#3a365e;}
.service_slot {color:#3a365e;text-align:center;font:12px 'tahoma';text-transform:uppercase;}
.read_more {width:140px;height:28px;background:url(../images/but.png) no-repeat center;margin:8px auto 0 auto;border-radius:5px;font:11px/28px 'tahoma';text-align:center; text-transform:uppercase;color:#fff;display:block;}

.read_more:hover {background:url(../images/but_h.png) no-repeat center;}




.m-10 {margin:0 0 10px 0;}

	#slides {
				  display: none;
				}

#slides{width:796px;height:213px;text-align:center;margin:0 0 10px 0;border:2px solid #3d3d3d;border-radius:5px;}
#slidesimg{width:796px;height:213px;border-radius:5px;}
.slidesjs-stop,.slidesjs-play{display:none}
ul.slidesjs-pagination{float:left;left:50%;margin:0 auto;position:relative;height:12px;top:-28px;z-index:9999;padding:0;list-style:none;}
ul.slidesjs-pagination li{float:left;position:relative;right:50%;height:12px}
ul.slidesjs-pagination li a{text-decoration:none;font-size:0;display:block;height:12px;width:12px;margin-left:2px;margin-right:2px;background:url(../images/slide.png) no-repeat 0px 0px}
ul.slidesjs-pagination li a:hover{background:url(../images/slide_h.png) no-repeat 0px 0px}
#news-title{margin-left:10px;border-bottom:1px solid #ededed;display:block;padding-bottom:5px;font-weight:normal}

ul.slidesjs-pagination li .active {background:url(../images/slide_h.png) no-repeat 0px 0px}


.test_servers {overflow:hidden;margin:5px 0 0 10px;}
.test_servers ul {padding:0;margin:0;list-style:none;}
.test_servers ul li {margin:0 0 10px 0;color:#a14343;}
.test_servers ul li  a {color:#a14343;}
.test_servers ul li span {color:#3a3a3a;}
.test_servers ul li .serv_img {width:70px;height:55px;float:left;margin:0 3px 0 0;}
.test_servers ul li .hidden2 {margin:-3px 0 0 0;}
.test_servers ul li .serv_row {font:12px/14px 'tahoma';}
.c-3a3a3a {color:#3a3a3a!important;}

.csblockimg img {
    width: 107px;
}


.item-game {
      width: 249px;
  float: left;
  display: block;
  
  overflow: hidden;
  height: 205px;
  display: block;
  background: #e5e5e5;
  margin:0 0 15px 14px;
  padding: 10px;box-sizing:border-box;
  border-radius: 7px;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3); }
  .item-game img {
    border: 7px solid #2c2c2a!important;width:214px;height:105px;
    border-radius: 4px; }
.item-game .item-b {
    margin-top: 14px;
    margin-bottom: 39px;
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    color: #c84644;
    margin-left: 5px;
    margin-right: 5px;
    clear: both;
}
  .item-game .item-br {
    margin-top: 10px; }
    .item-game .item-br a {
      width: 106px;
      height: 24px;
	  font-size:12px;
      display: block;
      line-height: 24px;
      text-transform: uppercase;
      color: #fff;box-sizing:border-box;
      text-decoration: none;
      padding-left: 11px;
    background: url(/templates/new/img/nfewnfkw.png) no-repeat; }
	.item-game .item-br a.button {background:url(../images/button.png) no-repeat;width:106px;height:24px;}
      .item-game .item-br a.button:hover {
       background:url(../images/button2.png) no-repeat;}
      

.description-web {display:block;overflow:hidden;background:#e5e5e5;border-radius:5px;}
.top{height:40px;background:url(../images/top.png) no-repeat;color:#fff;font-size:12px;text-transform:uppercase;padding-left:11px;line-height:40px;position:relative;z-index:1}
.qwerty{color:#003c4f;font-size:12px;padding:0 10px;}

.mar00100 {margin:0 0 10px 0;}

.block1 {float:left;overflow:hidden;width:300px;height:216px;background:#fff;border-radius:5px;padding:7px;box-sizing:border-box;position:relative;margin:0 10px 0 0;}
.block2 {float:left;overflow:hidden;width:300px;height:216px;background:#fff;border-radius:5px;padding:7px;box-sizing:border-box;position:relative;margin:0 10px 0 0;}
.block3 {float:left;overflow:hidden;width:400px;height:216px;background:#fff;border-radius:5px;padding:7px;box-sizing:border-box;position:relative;margin:0 0 0 0;}
.block4 {float:left;overflow:hidden;width:300px;height:216px;background:#fff;border-radius:5px;padding:7px;box-sizing:border-box;position:relative;margin:0 12px 0 0;}
.block5 {float:left;overflow:hidden;width: 320px;height:216px;border-radius:5px;padding:0px;box-sizing:border-box;position:relative;margin:0 0 0 0;}
.block_t {background:url(../images/icos.png) no-repeat 0 3px;padding:0 0 0 15px;font:12px 'Segoe UI';text-transform:uppercase;margin:0 0 5px 0;}
.block_t_f {background:url(../images/icoss2.png) no-repeat 0 3px;padding:0 0 0 15px;font:12px 'Segoe UI';text-transform:uppercase;margin:0 0 5px 6px;}
.block_t_p {font:12px 'Segoe UI';text-transform:uppercase;margin:0 0 5px 6px;}
ul.list {padding:0;margin:0;}
ul.list li {background:url(../images/navig.png) no-repeat 0 7px;padding:0 0 0 18px; color:#383838;   margin: 0 0 3.6px 0;font:12px 'Segoe UI';text-transform:uppercase;white-space:nowrap}
ul.list2 {padding:0;margin:0;}
ul.list2 li { color:#383838;   padding:5px 5px;font:12px 'Segoe UI';text-transform:uppercase;white-space:nowrap}
ul.list2 li a {display:block;background:url(../images/icoss.png) no-repeat 0 2px;padding:0 0 0 18px;}
ul.list2 li:hover {background:#e9e9e9 url(../images/strel.png) no-repeat right 10px;}
.block_test {margin:20px 0 0 0;}
span.test_t {background:url(../images/icoss.png) no-repeat 0 1px;padding:0 0 0 15px;font:bold 12px 'tahoma';text-transform:uppercase;margin:0 0 5px 0;display:block;}

.pay_order {position:absolute;bottom:15px;left:67px;background:url(../images/order.png) no-repeat;width:165px;height:30px;}

.blue_b {float:right;background:url(../images/blue_b.png) no-repeat;width:103px;height:16px;font:10px/16px 'tahoma';padding:0 0 0 28px;color:#fff;text-transform:uppercase;box-sizing:border-box;margin:-2px 0 0 0;}
.gold_b {float:right;background:url(../images/gold_b.png) no-repeat;width:103px;height:16px;font:10px/16px 'tahoma';padding:0 0 0 28px;color:#fff;text-transform:uppercase;box-sizing:border-box;margin:-2px 0 0 0;}



.screens1 {
    overflow: hidden;
    margin: 4px 0 0 4px;
}
.screens1 img {width:102px;height:75px;border-radius:5px;border:3px solid #363636!important;margin:0 0 11px 12px;}

.screens2 {
    overflow: hidden;
    margin: 4px 0 0 0px;
}
.screens2 img {
    width: 93px;
    height: 87px;
    border-radius: 5px;
    border: 3px solid #363636;
    margin: 0 0 5px 5px;
}
.ytb {float:left;border:2px solid #1e4958;border-radius:2px;margin:0 6px 0 0;}

.full-t {width:auto!important;}
.item-f-body {width:auto!important;}
table
{
	border-collapse: collapse;
	width: 100%
}
input, select
{
	width: 100%
}
h1, h2, h3, h4, h5
{
	display: inline-block;
	font-weight: bold
}
.modal-body > h3
{
	display: block
}
h1
{
	font-size: 1em
}
h2
{
	font-size: 1.5em
}
h3
{
	font-size: 1.17em
}
h4
{
	font-size: 0.9em
}
h5
{
	font-size: 0.83em
}
#loadinginfo
{
	display: none;
	background-color: #fff;
	height: 15px;
	width: 100%;
	left: 90%;
	top: 0px;
	position: fixed
}

.left
{
	float: left
}
.right
{
	float: right
}
.center
{
	text-align: center
}
.text-left
{
	text-align: left
}
.text-right
{
	text-align: right
}
.margin-top
{
	margin-top: 5px
}
.margin-bottom
{
	margin-bottom: 3px
}
.margin-left
{
	margin-left: 5px
}
.margin-right
{
	margin-right: 5px
}
.vtop
{
	vertical-align: top
}
.vbot
{
	vertical-align: bottom
}
.vbottom
{
	vertical-align: bottom
}
.border-bottom
{
	border-bottom: 1px solid #DCDCDC
}
.underline
{
	border-bottom: 1px dashed;
	padding-bottom: 2px !important
}

.none
{
	display: none
}

.pointer
{
	cursor: pointer !important
}

.informer
{
	padding: 8px
}

.informer.red
{
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1
}
.informer.blue
{
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1
}
.informer.green
{
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6
}
.informer.gray
{
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc
}
.w69 {width:69px;}
.w1 {width: 49%;
    float: left;}
.w2 {    width: 49%;
    float: right;}
button, .btn {
    border: 0;
    background-color: #597DA3;
    color: #FFF !important;
    outline: 0;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    font: 10px 'Open Sans';
    /* border-bottom-left-radius: 15px; */
    /* border-top-right-radius: 15px; */
    transition: all 0.23s ease-in-out;
    -moz-transition: all 0.23s ease-in-out;
    -webkit-transition: all 0.23s ease-in-out;
    -o-transition: all 0.23s ease-in-out;
    box-sizing: border-box;
        padding: 4px 8px 5px 8px;
}
button:hover, .btn:hover
{
	background-color: #393939
}
.btn-switch > .lcs_wrap
{
	display: block !important
}
.btn-max
{
	box-sizing: border-box
}
.btn-fix
{
	width: 90px
}

.btn-shift
{
	padding: 1px 6px
}
.btn-success
{
	    background-color: #31b153;
}
.btn-error
{
	    background-color: #ce5252;
}
.btn-info
{
	background-color: #749AB0
}
.btn-black
{
	background-color: #000000
}
.btn-gray
{
	background-color: #DDD;
	color: #222 !important
}
.btn-gray:hover
{
	background-color: #CCC !important;
	color: #222 !important
}
.btn-block
{
	background-color: #000000;
	opacity: 0.1;
	cursor: no-drop
}
.btn-none
{
	cursor: auto;
	background: none !important;
	color: #222 !important
}
.btn-full
{
	width: 99%
}
.main
{
	background-color: #f5f5f5;
	width: 1000px;
	max-width: 1000px;
	height: 100%;
	box-sizing: border-box;
	padding: 10px;
	display: table-cell
}
.block
{
	background-color: #FFFFFF;
	width: 200px;
	min-width: 200px;
	vertical-align: top;
	display: table-cell;
	border-right: 1px solid #E1E1E1
}
.block .title
{
	padding: 10px;
	font: 14px 'menu';
	color: #3E4E68;
	text-align: center;
	border-bottom: 1px solid rgba(178, 188, 206, 0.38)
}
.block ul
{
	list-style: none
}
.block ul li
{
	border-bottom: 2px dotted #E8EBF0
}
.block ul li a
{
	color: #3E4E68;
	font: 14px 'Open Sans';
	padding: 8px;
	display: block;
	transition: all 0.23s ease-in-out;
	-moz-transition: all 0.23s ease-in-out;
	-webkit-transition: all 0.23s ease-in-out;
	-o-transition: all 0.23s ease-in-out
}
.block ul li a:hover, .block ul li .active
{
	background-color: #F0F2F5
}
.block ul li a > i:nth-child(1)
{
	margin-right: 4px;
	width: 20px;
	text-align: center
}
.footer
{
	width: 100%;
	display: inline-block;
	height: 80px;
	background-color: #FFF;
	color: #DDD;
	margin-bottom: 15px;
	border: 1px solid #EBEBEB;
	border-top: 0;
	box-sizing: border-box
}
.footer > .menu
{
	text-align: left;
	margin: 10px;
	display: inline-block
}
.footer > .menu a
{
	color: #808CA0;
	padding: 0 5px
}
.infoegp
{
	color: #555;
	padding: 15px 15px 0 0;
	text-align: center
}
.copyright
{
	color: #777;
	margin: 15px;
	font: 14px 'Arial'
}
.social
{
	font-size: 25px;
	color: #000
}
.social .fa-vk
{
	color: #597da3;
	margin-right: 5px
}

.service
{
	text-align: center;
	width: 200px
}

.service
{
	text-align: center;
	width: 200px;
	float: left;
	margin: 10px 16px;
	background-color: #E8EBF0;
	border: 1px solid #D4DAE6;
	padding: 4px 4px 24px 4px
}
.service > .line
{
	border-top: 1px solid #222;
	width: 200px;
	position: relative;
	top: 12px
}
.service > .title
{
	font: 11px 'nav';
	background-color: #E8EBF0;
	display: inline-block;
	position: relative;
	padding: 5px;
	z-index: 10
}
.service a > .buy
{
	padding: 10px;
	background-color: #EEE;
	display: inline-block;
	box-shadow: 0 2px 0 0 #3676B6;
	border-radius: 20px;
	color: #3E4E68;
	position: absolute;
	margin-top: 162px;
	margin-left: -108px;
	font-size: 16px;
	height: 36px;
	width: 36px;
	line-height: 14px;
	text-align: center;
	box-sizing: border-box
}
.service a > .buy:hover
{
	box-shadow: 0 2px 0 0 #777;
	color: #222
}

blockquote
{
	padding: 5px;
	border-left: 1px solid #597da3;
	background-color: #e8ebf0
}

/* form */
.form
{
	margin: 0 auto
}
.form td
{
	padding: 5px
}
.form img, .form label
{
	cursor: pointer
}
.form label
{
	display: block;
	margin-bottom: 3px
}
.form input, .form select, .form textarea
{
	border: 1px dashed #CCC;
	padding: 5px;
	width: 100%;
	outline: 0;
	box-sizing: border-box;
	font: 12px 'Tahoma';
	background-color: #FFF
}
.form textarea
{
	resize: vertical;
	width: 100%
}
.form input:focus, .form select:focus, .form textarea:focus
{
	border-color: #222
}
.form #captha
{
	text-transform: uppercase
}

.server_list
{
	width: 125%;
	display: inline-block;
	padding: 5px 5px 0 5px;
	box-sizing: border-box;
	font: 12px 'Arial'
}
.server_list table td
{
	padding: 2px;
	border-bottom: 1px solid #E8EBF0
}
.server_list table
{
	width: 80%
}
.server_list table tr:last-child td
{
	padding-bottom: 10px
}
.server_list .btn
{
	position: relative;
	bottom: -5px
}
.server_img
{
	display: inline-block;
	float: left;
	margin-right: 10px;
	width: 160px;
	height: 120px
}
.server_img img
{
	width: 150px;
	height: 113px
}
.server_name
{
	max-width: 210px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.server_nav {
    margin: 0 0 10px 0;
    width: initial;
}
.server_nav i {
    font-size: 13px;
    /* float: left; */
    display: block;
    /* white-space: nowrap; */
    margin: 0 3px 0 0;
    /* overflow: hidden; */
}
.server_nav td {
    /* border-bottom: 1px solid #757575; */
    padding: 2px;
    text-align: center;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.server_nav td a {
    color: #666;
    background-color: #EEE;
    padding: 9px 11.5px;
    /* width: 60px; */
    /* height: 38px; */
    display: block;
    transition: all 0.23s ease-in-out;
    -moz-transition: all 0.23s ease-in-out;
    -webkit-transition: all 0.23s ease-in-out;
    -o-transition: all 0.23s ease-in-out;
}
.server_nav td a:hover
{
	background-color: #E8EBF0;
	color: #3E4E68
}
.server_nav .active
{
	background-color: #E8EBF0;
	color: #3E4E68
}
.server_console
{
	margin-top: 10px
}
.server_console pre
{
	width: 99%;
	height: 350px;
	overflow-y: scroll;
	overflow-x: hidden;
	border-radius: 0;
	padding: 5px;
	margin-bottom: 10px;
	background-color: #191919;
	color: #FFF
}
.server_console table td
{
	border: 0
}
#console_update
{
	font-size: 26px
}
.progress
{
	width: 185px
}
.progress > span
{
	position: relative;
	float: left;
	margin: 0 -1px;
	min-width: 30px;
	height: 16px;
	line-height: 12px;
	border-radius: 10px;
	text-align: right;
	border: 1px solid #FFF;
	background: #DDD url(../images/progress.jpg) no-repeat;
	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
	transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out
}
.progress > span > span
{
	padding: 0 3px;
	font: 10px 'menu';
	color: #FFF
}
.progress > span:before
{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	height: 18px;
	background: url("../images/progress.png") 0 0 repeat-x;
	border-radius: 10px
}
.change_map
{
	display: none;
	position: absolute;
	width: 408px;
	max-height: 370px;
	overflow: hidden;
	overflow-y: scroll;
	background-color: #F8F8F8;
	box-shadow: 1px 4px 20px #9B9B9B;
	z-index: 999
}
.change_close
{
	display: none;
	cursor: pointer;
	position: absolute;
	padding: 5px 10px;
	background-color: #F24141;
	color: #FFF;
	z-index: 1000;
	margin-left: 360px;
	border-top: 2px solid #000
}
.change_close:hover
{
	background-color: #e2e2e2
}
.change_map div
{
	cursor: pointer;
	float: left;
	padding: 4px;
	border: 1px solid #EEE
}
.change_map div > i
{
	width: 20px;
	float: right;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background-color: #222;
	color: #ffffff;
	display: block;
	box-sizing: border-box;
	position: absolute;
	margin-left: 100px
}
.change_map div:hover span
{
	background-color: #d4e3fd
}
.change_map span
{
	display: block;
	text-align: center;
	padding: 5px;
	background-color: #e2e2e2;
	color: #343434;
	font-size: 12px;
	max-width: 110px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.table_pad th
{
	padding: 5px;
	    border-bottom: 1px solid #cccccc;
	background-color: #565656;
	color: #FFF;
	font-weight: normal
}
.table_pad td
{
	padding: 5px;
	border-bottom: 1px solid #DCDCDC
}
.input_pad input, .input_pad select, .input_pad textarea
{
	padding: 5px;
	border: 1px solid #E8EBF0;
	box-sizing: border-box;
	outline: 0
}
.input_pad textarea
{
	resize: vertical;
	width: 100%
}
.adminflags
{
	display: table-cell !important
}
.adminflags input
{
	width: 164px
}
.adminflags div
{
	position: absolute;
	margin: -23px 145px 0;
	padding: 0 5px;
	cursor: pointer
}
.hblock_content {
   
   background: url(../images/v_title.png) no-repeat left 0,url(../images/v_title.png) no-repeat right -90px,url(../images/v_title.png) repeat-x 0 -45px;
    height: 42px;
    padding: 0 13px;
    display: block;
	border-top-right-radius: 4px;
   border-top-left-radius: 4px;
    font: 12px/40px 'tahoma';
    color: #fff;
    margin: 0;
    overflow: hidden;
}
.block_content {
    
    padding: 3px 5px 3px 5px;
      overflow: hidden;
    background: #e3e3e3;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.help_question
{
	background-color: #fff;
	padding: 10px;
	border-bottom: 1px dashed #CCC
}
.space
{
	margin-top: 10px;
	display: inline-block;
	width: 100%;
	clear: both
}
.height200
{
	height: 200px;
	overflow-y: scroll
}
.width50p
{
	width: 49%;
	display: inline-block
}
.width250
{
	width: 250px
}
.width350
{
	width: 350px
}
.width500
{
	width: 500px
}
.width550
{
	width: 550px
}

.spoiler_body
{
	display: none
}
.spoiler_links
{
	padding-left: 15px;
	font-size: 14px;
	padding-bottom: 5px;
	
	display: block
}
.spoiler_body
{
	display: none;
	padding: 5px
}
.spoilerblock
{
	padding: 7px;
    border-bottom: 1px solid #bbbbbb;
}
.icon
{
	font-weight: bold;
	    color: #7b7b7b;
	display: inline-block;
	float: right;
	position: relative;
	
}
.plugin_block
{
	border-bottom: 1px solid #bbb;
	padding-bottom: 5px;
	display: table;
	width: 100%
}
.plugin_info
{
	display: table-cell;
	width: 90%;
	box-sizing: border-box;
	padding: 5px;
	border-bottom: 1px dashed #DDD
}
.plugin_action
{
	display: table-cell;
	width: 10%;
	box-sizing: border-box;
	padding: 5px;
	text-align: center;
	border-bottom: 1px dashed #DDD
}
.plugin_update
{
	cursor: pointer;
	font-size: 12px;
	color: #BCA744;
	padding-left: 5px
}
.plugin_images
{
	display: table-row
}
.plugin_images a
{
	margin: 3px 3px 0 0;
	display: inline-block;
	box-sizing: border-box
}
.plugin_images img
{
	height: 50px;
	opacity: 0.7
}
.plugin_images img:hover
{
	opacity: 1
}
.plugin_status_stable, .plugin_status_unstable, .plugin_status_testing
{
	font-size: 12px
}
.plugin_status_stable
{
	color: #74B084
}
.plugin_status_unstable
{
	color: #B07474
}
.plugin_status_testing
{
	color: #6E9FBC
}
#search_block
{
	display: none
}
.maps_types a > div {
    cursor: pointer;
    display: inline-block;
    padding: 0;
    border: 1px solid #cecece;
    margin: 0 0 10px 7px;
    height: 70px;
    box-sizing: border-box;
}
.maps_types a:nth-child(8) > div
{
	margin-right: 0
}
.maps_types a > div > div
{
	text-align: center;
	position: absolute;
	margin-top: 30px;
	background-color: rgba(0, 0, 0, 0.25);
	width: 100px;
	height: 20px;
	line-height: 20px;
	color: #FFF
}
.maps_types a > div > img {
    width: 100px;
    height: 70px;
}
.maps_types a > div:hover
{
	border-color: #999
}
.maps > div
{
	display: inline-block;
	padding: 4px;
	border: 1px solid #DDD;
	margin: 4px
}
.maps > div:nth-child(6n)
{
	margin-right: 0
}
.maps > div > div
{
	display: block;
	cursor: pointer
}
.maps > div > div i
{
	width: 20px;
	float: right;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background-color: #222;
	color: #ffffff;
	display: block;
	box-sizing: border-box;
	position: absolute;
	margin-left: 120px
}
.maps div > span
{
	display: block;
	text-align: center;
	font-size: 13px;
	max-width: 130px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background-color: #222;
	color: #ffffff;
	padding: 2px 5px
}
.pages {
    
    background: #e5e5e5;
    padding: 5px;
    border-radius: 5px;
    overflow: hidden;
    display: block;
    margin: 0 0 10px 0;
}
.pages > div
{
	
}
.pages a {
  
    background: #292929;
    color: #fff;
    border-radius: 3px;
    display: block;
    float: left;
    margin-right: 5px;
    font-size: 12.35px;
    box-sizing: border-box;
    padding: 4px 7px;
}
.pages a:hover, .pages a.active {
    background-color: #b51f1f;
}
.filetp
{
	
}
.filetp_block
{
	height: 500px;
	overflow-y: scroll;
	overflow-x: hidden
}
.filetp_block table td:nth-child(1) p
{
	max-width: 210px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
#filetp_block > table
{
	width: 98%;
	margin-top: 10px
}
#filetp_block > table td
{
	border-bottom: 3px solid #f5f5f5;
	background-color: #dcdcdc;
	color: #777;
	padding: 3px
}
.filetp table:nth-child(1) tr:nth-child(1) td
{
	border-top: 1px solid #DCDCDC
}
#filetp_edit
{
	padding-top: 10px
}
#filetp td
{
	font: 14px 'menu';
	background-color: #FFF
}
#filetp td p
{
	padding: 5px
}
#filetp td:nth-child(1)
{
	padding: 0
}
#filetp tr:nth-child(2n) td
{
	background-color: #fbfbfb
}
#filetp tr:hover td
{
	background-color: #ededed
}
.filetp_find
{
	width: 250px;
	float: right
}
.filetp_find input {
    font-size: 13px;
    height: 27px;
    padding: 7px;
    border: 1px solid #597da3;
    box-sizing: border-box;
    outline: 0;
    border-radius: 5px;
    /* border-bottom-left-radius: 15px; */
    /* border-top-right-radius: 15px; */
}
#infopath
{
	border-top: 3px solid #f5f5f5;
	background-color: #dcdcdc;
	color: #777;
	padding: 3px
}
.CodeMirror
{
	max-width: 960px
}
.spoiler
{
	cursor: pointer;
	display: block;
	padding: 5px;
	border: 1px solid #EEE;
	background-color: #EAEAEA
}
.spoiler_main
{
	display: none;
	border: 1px solid #EEE;
	padding: 5px;
	border-top: 0;
	background-color: #f4f4f4
}

#help_notice {
    display: none;
    float: right;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    text-align: center;
    background-color: #b90000;
    color: #FFF;
    font-size: 6px;
    line-height: 12px;
    /* margin-top: 6px; */
    margin: 7px 11px 0 0;
}

#help_notice_block
{
	display: none;
	position: fixed;
	bottom: 0;
	padding: 3px;
	width: 200px
}

#help_notice_block > a > div
{
	background-color: #597da3;
	color: #FFF;
	padding: 5px;
	margin-top: 3px
}

#help_notice_block > a > div > span
{
	font-size: 12px
}

#help_notice_block > a > div > p
{
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 210px;
	overflow: hidden
}

#help_notice_block > a > div > span > i
{
	font-size: 10px;
	margin-top: 2px
}

.infoblock
{
	background-color: #F7F7F7;
	padding: 10px;
	border-left: 5px solid #e8ebf0;
	color: #585757;
	margin-top: 10px
}

.help_category
{
	padding: 8px;
	background-color: #FFF;
	display: block;
	margin-bottom: 3px
}
.help_question
{
	padding: 8px;
	background-color: #fff;
	margin-bottom: 8px
}
.help_question > a
{
	text-decoration: underline;
	margin-bottom: 5px;
	display: block
}
.help_question > a:hover
{
	text-decoration: none
}
.help_question > div > a
{
	padding: 5px 10px;
	height: 8px;
	background-color: #e8ebf0;
	display: inline-block;
	border-radius: 5px;
	font-size: 12px;
	line-height: 5px;
	margin-right: 5px;
	border: 1px solid #c2cdde
}
.help_question > div > a:hover
{
	background-color: #c2cdde
}

.news_block
{
	padding: 8px;
	background-color: #fff;
	margin-bottom: 8px
}
.news_block > h3
{
	width: 100%;
	font-size: 14px
}
.news_block > h3 > a
{
	text-decoration: underline;
	margin-bottom: 5px;
	display: block
}
.news_block > h3 i
{
	font-size: 13px;
	font-weight: normal
}
.news_block > h3 i:nth-child(2)
{
	margin-right: 10px
}
.news_block > h3 > a:hover
{
	text-decoration: none
}
.news_block > .tags
{
	margin-top: 10px;
	border-top: 1px dashed #CCC
}

.box-shadow
{
	box-shadow: 0 0 5px #CCC
}

.dblock
{
	display: block
}
#sum_info
{
	font-weight: bold
}

.loader
{ 
  z-index: 99;
  position: fixed;
  top: 10px;
	width: 100%
}

.loader > span
{
  display: inline-block;
  background-color: #dbdbdb;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin: 0px;
  position: fixed;
  top: 5px;
  left: 90%;
  transition: 2.8s all cubic-bezier(0.030, 0.615, 0.995, 0.415);
  -o-transition: 2.8s all cubic-bezier(0.030, 0.615, 0.995, 0.415);
  -ms-transition: 2.8s all cubic-bezier(0.030, 0.615, 0.995, 0.415);
  -moz-transition: 2.8s all cubic-bezier(0.030, 0.615, 0.995, 0.415);
  -webkit-transition: 2.8s all cubic-bezier(0.030, 0.615, 0.995, 0.415);
  z-index: 101
}

.loader > span.jmp
{
  transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  -moz-transition: none !important;
  -webkit-transition: none !important
}

.loader span.l-1 { background-color: #e74c3c;}
.loader span.l-2 { background-color: #e67e22;}
.loader span.l-3 { background-color: #f1c40f;}
.loader span.l-4 { background-color: #2ecc71;}
.loader span.l-5 { background-color: #3498db;}
.loader span.l-6 { background-color: #9b59b6;}

.outinfo
{
	text-align: center;
	top: 47%;
	position: absolute;
	background-color: #191919;
	padding: 15px;
	font-size: 20px;
	color: #fff;
	border: 2px dashed #ffffff;
	border-left: 0;
	border-right: 0;
	width: 100%
}

small
{
	font-size: 12px;
	color: #31b153;
}

.boost_rating
{
	float: right;
	font-size: 14px;
	margin-top: 1px	
}
.boost_rating i
{
	cursor: pointer;
	padding: 5px
}
.boost_rating span
{
	padding: 5px 10px
}
.boost_rating i.fa-thumbs-o-up
{
	color: #00ff39
}
.boost_rating i.fa-thumbs-o-down
{
	color: #ff6000
}

.monit
{
	width: 104px;
	height: 100px
}

.monit > img.poster
{
    width: 60px;
    height: 60px
}

.monit > div.service_game
{
    font: 9px Arial;
}

.monit_pad td
{
	padding: 10px
}
.monit_pad tr:nth-child(2n)
{
	background-color: #ddd
}
.reviews-btn {
    position: fixed;
    bottom: -8px;
    left: -3px;
    z-index: 10;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 8px;
}
.reviews-btn img {
	width: 135px;
}
.reviews-btn:hover img {
	opacity: 0.8;
}
.reviews {
	display: inline-block;
}
.reviews img {
	width: 60px;
	height: 60px;
    float: left;
    margin: 0 10px 10px 0;
	border-radius: 100%;
	border: 3px solid #343434;
}
.reviews-red {
	color: #fb3535;
}
.preview_rating b {
	display: inline-block;
	width: 12px;
	color: #dc5f63;

}
.preview_rating i {
	cursor: pointer;
}
.news .name-info
{
    padding: 1px 5px;
    text-transform: uppercase;
}
.news .name-info span
{
	float: right;
	margin-left: 8px
}

.news .hr {
    margin: 5px 0;
    border: 1px solid #dedede;
}