.header-inner{
  padding: 0;
}

.header-inner > li {
  padding: 17px 0;
}

li.logo-wrap{
  padding: 0;
  height: 70px;
  line-height: 70px;
  min-width: 500px;
  max-width: 70%;
}

.logo-img{
  width: 64px;
  height: 64px;
  margin: 3px;
  margin-right: 15px;
}

.sub-menu > ul{
  font-size: 15px;
}

.sub-menu{
  box-shadow: 0 -2px 0 0 #eeeeee inset;
}

.sub-menu ul > li.active > a{
  color: #4c4c4c;
}

.small-sitename{
  position: absolute;
  left: 82px;
  top:46px;
  line-height: 12px;
}

#header .logo a{
  padding: 0;
}

#sitename_link{
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: none;

  margin: 0;
  /*line-height: 1.6em;
  font-size: 20px;
  font-weight: 400;*/
}

#header {
  background-image: url("/img/topbg.png");
  background-repeat: repeat-x;
}

.breadcrumb-top{
  margin-top: 70px;
}

.breadcrumb > li + li.timer::before{
  content: "";
}

.timer{
  padding: 0;
}

.profile-menu > .btn-login{
  background: rgba(0, 0, 0, 0.5) url("/img/tp_out.gif") no-repeat scroll left top / 100% auto;
  display: block;
  height: 103px;
  margin-bottom: 5px;
  width: 100%;
}

.btn-login-shadow{
  background: rgba(0, 0, 0, 0.6);
  display: block;
  height: 103px;
  width: 100%;
  -webkit-transition: background 0.2s linear;
  -moz-transition: background 0.2s linear;
  -ms-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  transition: background 0.2s linear;
}

.btn-login-shadow:hover{
  background: rgba(0, 0, 0, 0.3);
}

#uLogin{
  margin-top: 30px;
}

.record-icon{
  color: #e53935;
}

#global_players_online,#global_servers_online{
  height: 100px;
  padding: 15px;
}

.mini-charts-item .count-home{
  padding: 15px 15px 0 15px;
  text-transform: uppercase;
}

.mini-charts-item .count-home > h2,
.mini-charts-item .count > div.counter{
  font-weight: 400;
  font-size: 1.8em;
  line-height: 2em;
}

.btn-server-filter, .btn-filter-default {
  margin-right: 1rem;
  margin-bottom: 1rem;
}

/*rating*/
.server-icon{
  width: 64px;
  height: 64px;
  padding: 5px 15px 0 0;
  margin-right: 15px;
}

@media (max-width: 767px) {
  .server-icon {
    width: 48px;
    height: 48px;
    padding: 0;
    margin-right: 10px;
    margin-top: 10px;
  }
  .server-icon img{
    width: 48px;
    height: 48px;
  }
  .media > .pull-left {
    padding-right: 0;
  }
}

.fav-server{
  display: block;
}

.lv-server-desc{
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.copy-ip{
  cursor: pointer;
}

.i-link{
  color: #5e5e5e;

}


.faq > a{
  font-size: 1.2em;
}


.error-404{
  position: relative;
  top:160px;
}

.top-search-close{
  border-radius: 2px 0 0 2px;
  cursor: pointer;
  font-size: 23px;
  font-style: normal;
  height: 40px;
  right: 15px;
  padding-top: 9px;
  position: absolute;
  text-align: center;
  top: 15px;
  width: 45px;
}

#top-search-wrap input[type="text"]{
  padding: 0 55px;
}

/*Profile*/
.ava-profile{
  background-image: url("/img/topbg.png");
  -webkit-filter: saturate(300%);
  filter: saturate(300%);
}

.widget-title{
  background: rgba(0, 0, 0, 0.15) none repeat scroll 0 0;
  bottom: 0;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 300;
  left: 0;
  padding: 12px 5px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 10px;
}

/*global statistic*/
.global-chart-stat{
  max-height: 310px;
}

/*home page*/
.home-main-desc{
  height: 466px;
}

.home-recomended-server{
  height: 955px;
}

.home-new-comments{
  height: 336px;
}


.fix-right-menu{
  width: auto;
}

.fix-right-menu.affix{
  /*bottom:auto;*/
  top: 85px;
}
  
.fix-right-menu.affix-top{
  position: static;
}

.fix-right-menu.affix-bottom{
  position:absolute;
  bottom:110px;
}

#cookie-privacy-info{
  position:fixed;
  z-index: 9999;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  background-color: #f7f7f7;
}

/*h1,h2,h3,.jumbotron h1, .h1, .h2,.h3{
  font-size: 1.6em;
}*/

.btn-black          { color: #ffffff; background-color: #333; border-color: #444; }
.btn-black:hover, .btn-black:focus, .btn-black:active, .btn-black.active, .open .dropdown-toggle.btn-black
                        { color: #ffffff; background-color: #444; border-color: #444; }

#console{
  /*font-family:courier;*/
  font-size: 12px;
  background-color: #222;
  color: #eeeeee;
  border-radius: 3px;
  margin: 0 0 15px;
  padding: 5px 15px;
  height: 300px;
  min-height: 300px;
  overflow-y: scroll;
}

.product-version{
  font-size: 10px;
  line-height: 11px;
  /*margin-left:50px;
  margin-top: 35px;*/
  position: absolute;
}

input.error{
    border-color: #B94A48;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

input.error:focus{
    border-color: #B94A48;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #D59392;
}

label.error{
  color: #B94A48;
}

.text-bold{
    font-weight: bold;
}

.plugin_list a{
 margin:3px;
 display:block;
 float:left;
 padding:5px;
 font-size: 0.85em;
}

.mods_list span{
 margin:3px;
 display:block;
 float:left;
 padding:5px;
}

.desc{
  font-size: 16px;
}

.char{
  width: 16px;
  height: 16px;
  border: 0;
  background: #fff;
}

.panel-heading h2,.panel-heading h3{
  font-size: 16px;
  margin: 0;
}

.rotate{
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  overflow:hidden;
  position: relative;
}  
 
.rotate:hover ,.rotate_hover {
  -webkit-transform:rotate(360deg);
  -moz-transform:rotate(360deg);
  -o-transform:rotate(360deg);
} 

/*social icon 32*/
.bs_icon{
  background:transparent url('/img/social/sprite.png') no-repeat;
  width:32px;
  height:32px;
  float:left;
}

.bs_fb{
  background-position: -32px -32px;
}
.bs_fb:hover{
  background-position: -32px 0;
}
.bs_vk{
  background-position: 0 -32px;
}
.bs_vk:hover{
  background-position: 0 0;
}
.bs_twitter{
  background-position: -64px -32px;
}
.bs_twitter:hover{
  background-position: -64px 0;
}
.bs_gplus{
  background-position: -96px -32px;
}
.bs_gplus:hover{
  background-position: -96px -0;
}


/*social icon 16*/
.bs_icon16{
  background:transparent url('/img/social/sprite16.png') no-repeat;
  width:16px;
  height:16px;
  line-height: 16px;
  display: inline-block;
  text-indent: -9999px;
}

.bs_fb16{
  background-position: -16px -16px;
}
.bs_fb16:hover{
  background-position: -16px 0;
}
.bs_vk16{
  background-position: 0 -16px;
}
.bs_vk16:hover{
  background-position: 0 0;
}
.bs_twitter16{
  background-position: -32px -16px;
}
.bs_twitter16:hover{
  background-position: -32px 0;
}
.bs_gplus16{
  background-position: -48px -16px;
}
.bs_gplus16:hover{
  background-position: -48px -0;
}

.login_hide{
  position: absolute;
  left: -9999px;
}

#footer_text{
  padding:15px;
  line-height:18px;
  font-size:14px;
}

.margin-top-15,.mtop15{
  margin-top:15px;
}

.screen{
  margin-top: 20px;
  font-size: 10px;
}

#screen_list div.col-sm-2{
  margin-bottom: 20px;
}

/*comments*/
.ava_cmt{
  float:left;
  width: 36px;
}

.cmt_body{
  margin-left:44px;
}

.cmt_user_name{
  display: block;
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 5px;
}

.cmt_date{
  font-size: 10px;
}

.cmt_delete{
  position: relative;
  right: -10px;
  top:-12px;
}

.rating_difference{
  font-size: 10px;
}

/*footer*/
.jumbotron h2{
  font-size: 18px;
}

.rating_wrapper{
  width: 35px;
  height:18px;
  margin-left: 55px;
}

.rating_wrapper .r1, .rating_wrapper .r2 {
  position: relative;
}

.rating_wrapper .r1{
  top: -8px;
  left: 0;
}
.rating_wrapper .r2{
  top: -14px;
  left: 0;
}

/*pay color*/
.color_view{
  width: 44px;
  height: 22px;
  border: 1px solid #C1C1C1;
  border-radius: 5px;
  display: inline;
}

.pay_color{
	font-weight:bold;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6);
}
.pay_color:hover a{
  color:#333333;
}

/*donate*/
#donate_input{
  font-weight: bold;
}

.donate_block{
  padding: 30px 60px 48px;
  background-color: #EEEEEE;
  margin-bottom: 30px;
  border-radius: 6px;

}

/*server list*/
.server-top{
  /*background: linear-gradient(to right, rgb(255, 152, 0, 0.2) 1%, rgb(255, 152, 0,0) 99%);*/
  background-color: rgb(96, 125, 139, 0.1);
  -moz-box-shadow:    inset 0px 6px 6px -5px rgb(96, 125, 139, 0.1);
  -webkit-box-shadow: inset 0px 6px 6px -5px rgb(96, 125, 139, 0.1);
  box-shadow:         inset 0px 6px 6px -5px rgb(96, 125, 139, 0.1);
}

/*.server-top::before{
  display: block;
  position: absolute;
  content: '';
  background: rgb(76, 175, 80,0.6);
  width: 1px;
  margin-top: 0;
  margin-left: 0;
  top:0;
  bottom: -1px;
  left: 0;
  z-index: 1;
}*/

.listview.lv-lg .server-top:hover{
  background-color: rgb(96, 125, 139, 0.3);
}

.list-server{
  padding:2px 3px;
  height: 54px;
  overflow: hidden;
}

.list-server:hover{
  background-color: #f5f5f5;
}

.label-server-list{
  width:48px;
  height: 48px;
  font-weight: bold;
  text-align: center;
  border-radius:0.25em;
  padding:3px;
}

.sl-rating-pay {
    background-color: #f0ad4e;
    border: 1px solid #8a6d3b;
    box-shadow: 0 0 8px rgba(68, 68, 68, 0.2) inset;
    color: #fff;
    text-shadow: -1px 0 #8a6d3b, 0 1px #8a6d3b, 1px 0 #8a6d3b, 0 -1px #8a6d3b;
    font-size: 22px;
    line-height: 42px;
    box-shadow:         inset 0 0 8px rgba(0,0,0,0.2);
}

.sl-rating-nopay{
  background-color:#eaeaea;
  border:1px solid #c7c7c7;
  color:#555;
  box-shadow:         inset 0 0 8px rgba(68,68,68,0.2);
  font-size: 20px;
  line-height: 40px;
}

.sl-link{
  display: block;
  margin-bottom: 3px;
  margin-left: 20px;
  height: 20px;
  overflow: hidden;
}

.sl-input{
  border: none;
  background: transparent;
}

.sl-right{
  background-color:#eaeaea;
  border:1px solid #c7c7c7;
  color:#555;
  box-shadow:         inset 0 0 8px rgba(68,68,68,0.2);
  padding: 1px 5px;
  margin-bottom: 2px;
  font-size: 16px;
  line-height: 19px;
  display: block;
}

.sl-right span.glyphicon{
  font-size: 14px;
}

.sl-desc{
  font-size: 11px;
  line-height: 12px;
  margin-top: -3px;
  float: left;
  height: 24px;
  overflow: hidden;
  display: block;
}

/* Custom page header */
.label-rating{
  background-color:#eaeaea;
  border:1px solid #c7c7c7;
  color:#555;
  padding:5px;
  -moz-box-shadow:    inset 0 0 8px rgba(68,68,68,0.2);
  -webkit-box-shadow: inset 0 0 8px rgba(68,68,68,0.2);
  box-shadow:         inset 0 0 8px rgba(68,68,68,0.2);
}

.label-big{
  font-size: 1em;
}

.big-text{
  font-size: 46px;
}

.big-text-icon{
  font-size: 32px;
}

.badge-mid{
  font-size: 20px;
}

/*server*/
.cover_item{
  width: 730px;
  height: 200px;
  margin-left: -15px;
  margin-top: -15px;
  position: relative;
  background-color: #212121;
}

.cover_item_home{
  width: 335px;
  max-height: 100px;
  position: relative;
  margin-bottom: 10px;
  display: block;
}

.cover_title{
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.8) 100%);
  bottom: 0;
  left: 0;
  padding-top: 20%;
  position: absolute;
  width: 100%;
}

.cover_title_home{
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.8) 100%);
  top: 0;
  left: 0;
  padding-top:0;
  padding-bottom: 20%;
  position: absolute;
  width: 100%;
  max-height: 100px;
  border-radius: 5px;
}

.cover_item_home img{
  opacity: 0.9;
  border-radius: 5px;
  width: 335px;
  height: 100px;
}

.cover_item_home:hover img{
  opacity: 1;
  -webkit-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.5);
}

.home_rating{
  font-size: 14px;
  text-shadow: -1px 0 #555, 0 1px #555, 1px 0 #555, 0 -1px #555;
}

.home_rating_pay{
  font-size: 16px;
  text-shadow: -1px 0 #8a6d3b, 0 1px #8a6d3b, 1px 0 #8a6d3b, 0 -1px #8a6d3b;
}

.home_server_ip{
  text-shadow:none;
}

.home_server_panel_block{
  height:60px;
}

.cover_title_inner{
  padding: 0 15px;
  color: white;
  text-shadow: 0 1px 1 black;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.cover_title_player h1,.cover_title_plugin h1{
  font-size: 36px;
}

.cover_title_inner h5{
  font-size: 16px;
}

.label-status{
  position: absolute;
  top:0;
  right: 0;
  margin:15px;
  font-size: 18px;
}

.label-payrate{
  position: absolute;
  top:0;
  left: 0;
  margin:15px;
  font-size: 18px;
}

.btn-cover, .btn-server-like{
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 15px;
}

.screen_link{
  width:80px;
  height:80px;
  margin:5px;
  padding:30px 0;
}

/*lang icon*/
.lang_icon{
  background:transparent url('/img/lang/lang_sprite.png') no-repeat;
  width:27px;
  height:18px;
  line-height: 14px;
  display: inline-block;
  text-indent: -9999px;
  margin:-3px 2px;
}

.lang_ua{
  background-position: 0 -18px;
}
.lang_en{
  background-position: 0 -36px;
}
.lang_de{
  background-position: 0 -54px;
}

.mbot25{
  margin-bottom:25px;
}

.mc-face{
  width: 16px;
  height: 16px;
}

.mc-img {
  image-rendering:optimizeSpeed;             /* Legal fallback */
  image-rendering:-moz-crisp-edges;          /* Firefox        */
  image-rendering:-o-crisp-edges;            /* Opera          */
  image-rendering:-webkit-optimize-contrast; /* Safari         */
  image-rendering:optimize-contrast;         /* CSS3 Proposed  */
  image-rendering:crisp-edges;               /* CSS4 Proposed  */
  image-rendering:pixelated;                 /* CSS4 Proposed  */
  -ms-interpolation-mode:nearest-neighbor;   /* IE8+           */
}

/*update classe on face and skin*/
.skin_image {
  width: 128px;
  image-rendering:optimizeSpeed;             /* Legal fallback */
  image-rendering:-moz-crisp-edges;          /* Firefox        */
  image-rendering:-o-crisp-edges;            /* Opera          */
  image-rendering:-webkit-optimize-contrast; /* Safari         */
  image-rendering:optimize-contrast;         /* CSS3 Proposed  */
  image-rendering:crisp-edges;               /* CSS4 Proposed  */
  image-rendering:pixelated;                 /* CSS4 Proposed  */
  -ms-interpolation-mode:nearest-neighbor;   /* IE8+           */
}

.player_face{
  width: 32px;
  image-rendering:optimizeSpeed;             /* Legal fallback */
  image-rendering:-moz-crisp-edges;          /* Firefox        */
  image-rendering:-o-crisp-edges;            /* Opera          */
  image-rendering:-webkit-optimize-contrast; /* Safari         */
  image-rendering:optimize-contrast;         /* CSS3 Proposed  */
  image-rendering:crisp-edges;               /* CSS4 Proposed  */
  image-rendering:pixelated;                 /* CSS4 Proposed  */
  -ms-interpolation-mode:nearest-neighbor;   /* IE8+ */  
}

.btn-filter{
  margin:7px;
}

/*tags material fix*/
.bootstrap-tagsinput{
  border: none;
  box-shadow: none;
  /*width: 100%;*/
}

/*.bootstrap-tagsinput .tag{
  margin-bottom: 1px;
  display: inline-block;
}*/

.tags-wrap{
  border-bottom: 1px solid #e0e0e0;
}

.bgm-transparent{
  background-color: transparent !important;
}

/*new style for serevr*/
/*.round-s {
    border: 3px solid #bdbdbd;
    border-radius: 50%;
    color: #bdbdbd;
    display: inline-block;
    height: 80px;
    width: 80px;
    margin: 15px 0;
    text-align: center;
    vertical-align: bottom;
    position: relative;
    z-index: 9;
}

.round-s:hover{
  color: #212121;
  text-decoration:none;
  background-color: #bdbdbd;
}

.round-s-title{
  font-size: 1.8em;
  margin-top: 0.4em;
  display: block;
}

.round-s-desc{
  font-size: 0.9em;
  opacity: 0.5;
  text-transform: lowercase;
  display: block;
  margin-top: -0.5em;
}

.round-s-yellow{
  border-color:#f9a825;
  color: #f9a825;
}
.round-s-yellow:hover{
  background-color: #f9a825;
}

.round-s-green{
  border-color: #4caf50;
  color: #4caf50;
}
.round-s-green:hover{
  background-color: #4caf50;
}

.round-s-red{
  border-color: #f44336;
  color: #f44336;
}
.round-s-red:hover{
  background-color: #f44336;
}

.round-s-blue{
  border-color: #2196f3;
  color: #2196f3;
}
.round-s-blue:hover{
  background-color: #2196f3;
}

.round-s-indigo{
  border-color: #3f51b5;
  color: #3f51b5;
}
.round-s-indigo:hover{
  background-color: #3f51b5;
}*/

.main-menu > li > a > i.menu-icon{
  padding: 8px 0;
}


/*START adv format & responsive*/
.adv-left-4{
  margin: 0 auto;
  width: auto;
  height: auto;
  position: relative;
}

/*mid large & large*/
@media screen and (min-width: 1371px){

  .adv-left-4{
    width: 300px;
    /*height: 280px;*/
  }

}

/*mid normal*/
@media screen and (min-width: 941px) and (max-width: 1370px){

  .adv-left-4{
    width: 300px;
    /*height: 250px;*/
  }

}

/*mid small device*/
@media screen and (min-width: 768px) and (max-width: 940px){

  .adv-left-4{
    width: 200px;
    /*height: 200px;*/
  }

}

/*mobile*/
@media screen and (max-width: 767px){

  .adv-left-4{
    width: auto;
    height: auto;
  }

}
/*END adv format & responsive*/


/* Responsive*/
@media screen and (min-width: 768px) {


}

/*mobile*/
@media(max-width:767px){

  .container-main{
    margin-top: 85px;
  }

}