@charset "windows-1251";
/* ШРИФТЫ */

/* #0772B9  - normal blue
#00466D  - darker
#1EA7E0 light */

/* cuprum-regular - cyrillic */

@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 400;
  src: local('Cuprum Regular'), local('Cuprum-Regular'), url('../font/cuprum-v8-cyrillic-regular.woff2') format('woff2'), url('../font/cuprum-v8-cyrillic-regular.woff') format('woff');
}

/* cuprum-700 - cyrillic */

@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 700;
  src: local('Cuprum Bold'), local('Cuprum-Bold'), url('../font/cuprum-v8-cyrillic-700.woff2') format('woff2'), url('../font/cuprum-v8-cyrillic-700.woff') format('woff');
}

body, html {
  min-width: 1140px;
}

div, body, html, ul, input, button, select, p, pre, textarea, ol, h1, h2, h3, h4, h5, dt, dd {
  padding: 0;
  margin: 0;
}

input, button, select, textarea, img, a {
  outline: none;
}

ul, ol {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

a img {
  border: none;
}

html {
  background-color: rgba(31, 31, 31, 0.95);
}

body {
  font-family: 'Cuprum', sans-serif;
}

.unselectable {
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}

.duration05 {
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.duration03 {
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.duration02 {
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clean {
  clear: both;
}

.clr:after {
  content: '';
  clear: both;
  display: block;
}

.hide-0, .hide {
  display: none !important;
}

.text-right {
  text-align: right;
}

.no-margin {
  margin: 0;
}

.row {
  margin-bottom: 10px;
}

.block-highlight {
  padding: 10px 20px;
  background-color: rgba(78, 150, 68, 0.11);
  border-radius: 10px;
  margin-bottom: 10px;
}

.margin-right-10 {
  margin-right: 10px;
}

.header-pic {
  position: absolute;
  left: 0;
  top: 52px;
  bottom: 0;
  width: 100%;
  z-index: -1;
  background: no-repeat;
  font-size: 0;
  background-position: 50%;
}

.top-panel-wrapper {
  background-color: rgba(31, 31, 31, 0.95);
}

.top-panel {
  width: 1120px;
  margin: 0 auto;
  color: #fff;
  position: relative;
  box-sizing: border-box;
  padding-left: 70px;
}

.top-panel .logo-panel {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
  z-index: 14;
}

.top-panel .logo-name {
  padding-top: 13px;
  padding-right: 16px;
  font-size: 25px;
}

.logo-panel .logo {
  height: 51px;
}

.logo-panel .text {
  display: none;
}

.user-menu {
  position: relative;
  z-index: 20;
  min-width: 150px;
  cursor: pointer;
}

.user-menu.menu-wide {
  width: 200px;
}

.user-menu .user-avatar {
  display: flex;
  align-items: center;
  background: url(../images/arrow.png) no-repeat;
  background-position: right 10px center;
  width: 100%;
}

.user-menu .user-avatar img {
  width: 50px;
  height: 50px;
  vertical-align: top;
  margin-right: 10px;
  border-radius: 30px;
}

.user-panel .messages {
  width: 60px;
  height: 50px;
  position: relative;
}

.user-panel .messages:hover {
  opacity: 1 !important;
  background-color: rgba(169, 169, 169, 0.1);
}

.user-panel #alertbtn {
  margin: 13px 5px 10px 5px !important;
}

.user-panel #alertbtn img:hover {
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1 !important;
}

.user-panel .messages.messages-0 {
  opacity: 0.2;
}

.user-panel .messages-count.show-msg-0 {
  display: none;
}

a.messages.left.messages::before {
  position: absolute;
  content: '\f0e0';
  font-family: FontAwesome;
  font-size: 25px;
  top: 13px;
  left: 18px;
  color: #1EA7E0;
}

.user-panel a.messages.messages-0::before {
  color: #fff;
}

.user-panel .messages.messages:hover::before {
  color: #1EA7E0;
}

.user-panel .messages-count {
  position: absolute;
  right: 0;
  top: 7px;
  line-height: 21px;
  height: 20px;
  width: 20px;
  text-align: center;
  box-sizing: border-box;
  background-color: #171717;
  font-size: 0.85em;
  border-radius: 50px;
  color: #1EA7E0;
  font-weight: bold;
}

.user-menu .menu-title {
  padding: 16px;
}

.user-menu .dropdown-user-menu {
  max-height: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 100%;
  white-space: nowrap;
  min-width: 100%;
  background-color: rgba(31, 31, 31, 0.95);
}

.user-menu:hover .dropdown-user-menu {
  max-height: 1000px;
}

.user-menu .dropdown-user-menu li {
  border-bottom: 1px solid #333;
}

.user-menu .dropdown-user-menu li:last-child {
  border-bottom: none;
}

.user-menu .dropdown-user-menu a {
  padding: 10px;
  width: 100%;
  display: block;
  box-sizing: border-box;
}

.user-menu .dropdown-user-menu a:hover {
  background: #333;
  /*box-shadow: inset 0 0 6px #474747;*/
}

.user-menu .dropdown-user-menu a.highlight {
  color: #ef4242;
}

.user-menu .dropdown-user-menu a.highlight:hover {
  color: #fff;
}

.user-menu .top-blog br {
  display: none;
}

.header {
  min-height: 52px;
  width: 100%;
  background-color: #151515;
  border-bottom: 2px solid #0772B9;
}

.search-panel {
  margin: 10px 0;
}

.search-panel input {
  display: inline-block;
}

.search-panel .bar {
  width: 280px;
  margin-top: 1px;
  margin-left: 4px;
  box-shadow: none;
  border-color: #333;
}

.search-panel .bar:focus {
  width: 400px;
  border-color: #1EA7E0;
}

.search-panel .bar:invalid {
  border-color: #333 !important;
}

.search-panel .bar:hover {
  border-color: #1EA7E0;
}

.search-panel .search-btn {
  background: transparent;
  border: none;
  width: 22px;
  height: 32px;
  cursor: pointer;
  margin: 0 5px;
  vertical-align: bottom;
  font-family: FontAwesome;
  color: #fff;
  font-size: 22px;
  opacity: 0.2;
}

.search-panel .search-btn:hover, .search-panel .bar:focus+.search-btn {
  opacity: 1;
}

.login-form {
  position: relative;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  padding: 8px;
}

.login-form .header-input {
  width: 150px;
}

.login-form .header-input:hover {
  border-color: #666;
}

.login-form .header-input:focus {
  border-color: #1EA7E0;
}

.login-form .slide-form {
    display: none;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    padding: 10px;
    background-color: rgb(31, 31, 31);
    z-index: 15;
    border-left: 2px solid#0772B9;
    border-right: 2px solid#0772B9;
    border-bottom: 2px solid #0772b9;
}

.login-form .slide-form .forgot-password-link {
  position: absolute;
  left: 10px;
  bottom: 10px;
}

.login-form .slide-form .forgot-password-link:hover {
  text-decoration: underline;
  color: #1EA7E0;
}

.login-form .slide-form .registration {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.login-form:hover .slide-form {
  display: block;
}

/* .login-form:hover {
  border-color: #1EA7E0;
} */

.login-form .social-login .round-icon img {
  opacity: 0.85;
  height: 30px;
  width: 30px;
}

.login-form .social-login  {
	display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.login-form .social-login .round-icon {
	line-height: 1;
}

.login-form .social-login .round-icon:hover img {
  opacity: 1;
}

.new-form-btn {
  padding: 8px 10px 0 10px;
}

.header-input {
  border: 1px solid #333;
  padding: 5px 10px;
  box-sizing: border-box;
  background-color: #151515;
  color: #a9a9a9;
  font-size: 16px;
  border-radius: 5px;
}

#searchsuggestions {
  background-color: #fff;
  min-width: 317px;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-top: 1px solid #999;
  margin-top: 5px;
  position: relative;
  z-index: 30;
}

#searchsuggestions .searchcategory, #searchsuggestions>a {
  display: block;
  padding: 5px 10px;
  border-bottom: 1px solid #a9a9a9;
}

#searchsuggestions .searchcategory {
  background-color: #333;
  color: #fff;
}

#searchsuggestions>a:hover {
  background-color: #0772B9;
  color: #fff;
}

#searchsuggestions .notfound {
  display: block;
  padding: 5px 10px;
}

#searchsuggestions .seperator {
  display: block;
  position: relative;
}

#searchsuggestions .seperator a {
  background-color: #0772B9;
  color: #fff;
  padding: 5px 10px;
  display: inline-block;
  position: absolute;
  right: -1px;
  top: -1px;
  border: 1px solid #a9a9a9;
}

#searchsuggestions .seperator a:hover {
  background-color: #333;
}

#searchsuggestions .seperator+br {
  display: none;
}

#moon-light {
  position: fixed;
  width: 50px;
  height: 50px;
  right: calc(50% - 613px);
  top: 2px;
  font-size: 30px;
  text-align: center;
  vertical-align: middle;
  line-height: 50px;
  color: #fff;
  z-index: 10;
  opacity: 0.2;
}

#moon-light:hover {
  opacity: 1 !important;
  background-color: rgba(169, 169, 169, 0.1);
  cursor: pointer;
  color: #1EA7E0;
}

#moon-light.show {
  opacity: 0.8;
}

/*

#searchsuggestions span.seperator { float:right; padding-right:15px; margin-right:5px;}
#searchsuggestions span.seperator a { background-color:transparent; display:block; height:auto; color:#ffffff; }
#searchsuggestions span.notfound {  padding:5px; background-color:#ffffff; display:block; height:auto; color:#00000; }
*/

.top-menu>ul>li>ul {
  transform: translateY(-10px);
  opacity: 0;
}

.top-menu>ul>li:hover>ul {
  transform: translateY(0px);
  opacity: 1;
}

.top-menu>ul>li>ul>li>ul {
  transform: translateX(-10px);
  opacity: 0;
}

.top-menu>ul>li>ul>li:hover>ul {
  transform: translateX(0px);
  opacity: 1;
}

.top-menu {
  width: 1000px;
  margin: 0 auto;
  color: #fff;
  z-index: 10;
  position: relative;
}

.top-menu .logo {
  margin: 10px 0;
  max-height: 37px;
}

.top-menu>ul {
  margin-left: 66px;
  display: flex;
  justify-content: space-between;
}

.top-menu li {
  display: block;
}

.top-menu>ul a {
  display: block;
  cursor: pointer;
  white-space: nowrap;
  padding: 11px 35px 11px 5px;
  box-sizing: border-box;
}

.top-menu>ul>li>a {
  float: left;
  padding: 21px 21px;
  min-height: 18px;
  text-transform: uppercase;
  margin-top: 1px;
  box-sizing: content-box;
}

.top-menu>ul>li>ul li:hover {
  background:#0772B9;
}

.top-menu>ul>li>ul li:hover.mark {
  background: url(../images/triangle-right-hover.png) no-repeat#0772B9;
  background-position: right 7px center;
}

.top-menu>ul>li>ul li.mark {
  background: url(../images/triangle-right.png) no-repeat;
  background-position: right 7px center;
}

.top-menu>ul>li:hover {
  background:#0772B9;
  background-image: -ms-linear-gradient( top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -moz-linear-gradient( top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -o-linear-gradient( top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: -webkit-linear-gradient( top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  background-image: linear-gradient( top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}

.top-menu>ul li:hover>ul {
  max-height: 1000px;
  overflow: visible;
  box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.63);
  border-bottom: 5px solid#0772B9;
}

.top-menu ul {
  list-style: none;
  z-index: 10;
  max-width: 990px;
}

.top-menu>ul>li>ul li {
  padding: 0 5px;
  border-bottom: 1px solid #333;
  box-sizing: border-box;
}

.top-menu>ul>li>ul li:last-child {
  border-bottom: none;
}

.top-menu>ul li {
  position: relative;
}

.top-menu>ul>li {
  display: inline-block;
  float: left;
}

.top-menu>ul>li ul {
  max-height: 0;
  overflow: hidden;
  position: absolute;
  background-color: #000;
}

.top-menu>ul>li>ul {
  left: 0;
  top: 100%;
}

.top-menu>ul>li>ul>li>ul {
  left: 100%;
  top: 0;
}

.wrapper {
  width: 1160px;
  box-shadow: 0 0 2px #000;
  margin: 30px auto 0 auto;
  background-color: #fdfdfe;
  position: relative;
}

.flex-stretch {
  display: flex;
  align-items: stretch;
}

.content {
  box-sizing: border-box;
  float: left;
  /*box-shadow: inset -2px 0 4px rgba(0, 0, 0, 0.5);*/
  /*padding-bottom: 80px;*/
  width: 100%;
  max-width: 800px;
}

.content.wide {
  
}

#dle-content {
  max-width: 1120px;
  margin: 0 auto 0 auto;
}

/* КЛАССЫ СОДЕРЖИМОГО */

.center {
  text-align: center;
}

.news-container > .center {
  margin-left: auto;
  margin-right: auto;
}

.m10 {
  margin: 10px 0;
}

hr {
  border: 0 none;
  border-top: 1px solid #c2c2c2;
  height: 1px;
}

.comments-list .comment .message .signature a, .comments-list .comment .text a, .full-story-content a {
  color: #1EA7E0;
  border-bottom: dotted 1px#0772B9;
}

.full-story-content a.btn-success, .full-story-content .title_spoiler a, .full-story-content .title_spoiler a.top_sign, .full-story-content .title_spoiler a.top_sign1, .full-story-content a.highslide, .full-story-content a[title='steambuy.com'], .full-story-content a[title='good-steam.ru'] {
  border-bottom-color: transparent;
}

.full-story-content a.btn:hover, .full-story-content .title_spoiler a:hover, .full-story-content .title_spoiler a.top_sign:hover, .full-story-content .title_spoiler a.top_sign1:hover, .full-story-content a.highslide:hover {
  border-bottom-color: transparent;
}

.comments-list .comment .message .signature a:hover, .comments-list .comment .text a:hover, .full-story-content a:hover {
  border-bottom: solid 1px#0772B9;
  text-decoration: none;
}

.full-story .share-info {
  line-height: 46px;
  margin-right: 12px;
}

/* Панель прокрутки */

.scrolling {
  position: relative;
}

.scrolling .scroll-bar {
  position: absolute;
  background-color: #333;
}

.scrolling .scroll-bar .scroller {
  position: absolute;
  background-color: #0772B9;
  cursor: pointer;
  border-radius: 5px;
  box-shadow: inset 0 0 3px #000;
}

.scrolling .scroll-bar .scroller:hover {
  background-color: #5da544;
}

.scrolling.horizontal {
  width: 100%;
  height: 6px;
}

.scrolling.horizontal .scroll-bar {
  left: 0;
  top: 2px;
  height: 2px;
  width: 100%;
}

.scrolling.horizontal .scroller {
  left: 0;
  top: -2px;
  width: 40px;
  height: 6px;
}

.scrolling.vertical {
  height: 100%;
  width: 6px;
}

.scrolling.vertical .scroll-bar {
  right: 2px;
  top: 0;
  height: 100%;
  width: 2px;
}

.scrolling.vertical .scroller {
  left: -2px;
  top: 0;
  width: 6px;
  height: 40px;
  min-height: 20px;
}

.slider .scrolling {
  position: absolute;
  right: 5px;
  top: 5px;
  /*    height: 300px;*/
  height: 450px;
}

/* Новости */

.news {
  width: 100%;
  box-sizing: border-box;
}

.news.news-search {
  width: 33%;
  display: inline-block;
}
            
            @media (max-width: 768px) {
        .news.news-search {
  width: 50%;
}
        }
        
                    @media (max-width: 500px) {
        .news.news-search {
  width: 100%;
}
        }

/* / Новости */

/* Облако тегов */

.clouds_xsmall {
  font-size: 0.9em;
}

.clouds_small {
  font-size: 1em;
}

.clouds_medium {
  font-size: 1em;
  font-weight: bold;
  font-family: Arial, serif;
}

.clouds_large {
  font-size: 1.3em;
}

.clouds_xlarge {
  font-size: 1.4em;
}

/* / Облако тегов */

/* Верхнее меню контента */

.links {
  width: 100%;
  box-sizing: border-box;
  padding-right: 5px;
  background-color: #252525;
}

.links a {
  display: block;
  padding: 10px 4px 15px 4px;
  min-width: 100px;
  color: #a5a5a5;
  font-size: 18px;
  margin: 7px 4px;
  border-top: 5px solid transparent;
  background: url(../images/triangle.png) no-repeat;
  background-position: center top -15px;
  text-align: center;
}

.links>span {
  display: block;
  float: left;
  padding: 8px 0;
  width: 1px;
  background-color: #333;
  height: 19px;
  margin: 10px 2px;
  border-right: 1px solid #151515;
}

.links a.active, .links a:hover {
  border-color: #1EA7E0;
  background: url(../images/triangle.png) no-repeat;
  background-position: center top -1px;
}

.links a:hover {
  transition: all 0.2s ease;
  color: #fff;
}

.links a.add-news {
  color: #fff;
  background:#0772B9;
  transition: none;
  margin: 0;
  margin-right: -5px;
  padding: 14px 30px 20px 30px;
}

.links a.add-news:hover {
  background: #6cba4a;
  border-color: #1EA7E0;
}

/* ХАКИ для рекламы */

#contentShifter {
  display: none !important;
}

body.adfoxClickable {
  background-position-y: 118px !important;
}

body.adfoxClickable .header {
  margin-bottom: 240px !important;
}

/* ХАКИ для рекламы */

/* СТАТЬИ */
.news-container #dle-content, .news-flex {
    display: flex;
    flex-wrap: wrap;
}

.news-container #dle-content .news, .news-flex .news {
    width: 33%;
    flex: 1 1 33%;
    transition: .2s all;
}

@media (max-width: 768px) {
	.news-container #dle-content .news, .news-flex .news {
		width: 50%;
	}
}

@media (max-width: 500px) {
.news-container #dle-content .news, .news-flex .news {
            width: 100%;
    }
}

.news-container #dle-content .news:hover, .news-flex .news:hover {
	transform: translateY(-3px);
    box-shadow: 0 0 5px 2px rgba(21,21,0,.1);
}



.news .article {
  padding: 20px;
  box-sizing: border-box;
  width: 100%;
  position: relative;
}

.news .article iframe {
  max-width: 100% !important;
}

.text_spoiler>iframe {
  max-width: 80% !important;
}

.news .article.fixed {
  background-color: rgba(78, 150, 68, 0.2);
  border-top: none;
}

#dle-content .bottom-block+.news .article, #dle-content .game-rating+.news .article, #dle-content .news:first-child .article {
  border-top: none;
}

.news .article .image {
  max-width: 100%;
  position: relative;
  overflow: hidden;
  max-height: fit-content;
}

.news .article .image img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  transition: all 0.3s;
}

.news .article .image .img {
  position: relative;
  display: block;
  overflow: hidden;
}

.news .article .category {
  background-color: #0772B9;
  color: #fff;
  padding: 8px 5px;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
}

.news .article .category>a {
  color: inherit;
}

.news .article .category:hover {
  background-color: #252525;
}

.news .article .category a:hover {
  text-decoration: underline;
}

.news .article .soc-panel {
  position: absolute;
  left: 0;
  font-family: Arial, serif;
  font-size: 14px;
  width: 100%;
  text-align: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 10px 0;
}

.news .article:hover .soc-panel {
  bottom: 0;
}

.news .article .soc-panel span {
  padding: 2px 5px 2px 16px;
  text-align: left;
}

.news .article .title {
  margin-bottom: 5px;
  display: inline-block;
  font-weight: bold;
  font-size: 1.25em;
  font-family: Roboto, Tahoma, Verdana, Segoe, sans-serif;
  color: #000;
}

.news .article .actions {
  display: none;
}

.news .article:hover .actions {
  display: block;
}

.news .article .actions a {
  margin: -4px 0 0 3px;
  display: inline-block;
  width: 20px;
  height: 20px;
}

.news .article .actions a img {
  display: none;
}

.news .article .actions .edit a {
  margin-left: 5px;
  display: inline-block;
  width: 20px;
  height: 20px;
}

.news .article .actions .edit .fa {
  height: 20px;
  width: 20px;
  line-height: 20px;
  font-size: 18px;
  text-align: center;
}

.news .edit {
  color: #FF6600;
}

 .favorites-block a span {
  color: #a9a9a9;
  font: normal normal normal 20px/1 FontAwesome;
}

 .favorites-block a:hover span, .news .article .actions .edit a:hover span {
  color: #1EA7E0;
}

.favorites-block a .favorite-plus:before {
  content: '\f02e';
}

.favorites-block a .favorite-minus:before {
  content: '\f097';
}

.news .article .title .edited {
  content: '';
  background: url(../images/edited.png) no-repeat;
  background-position: center;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: -2px;
  position: relative;
    filter: invert(1);
}

.news .article .title .lightedited {
  content: '';
  background: url(../images/edited-light.png) no-repeat;
  background-position: center;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: -2px;
  position: relative;
}

.news .article .edit-info {
  position: absolute;
  bottom: 125%;
  left: 0;
  overflow: hidden;
  display: none;
  background-color: #fff;
  width: 452px;
  color: #a9a9a9 !important;
  font-size: 12px !important;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #a9a9a9;
  z-index: 15;
}

.news .article .right-func-btn {
  width: 20px;
  height: 20px;
  float: right;
  margin-top: -1px;
  margin-left: 5px;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
}

.news .article:hover .right-func-btn {
  opacity: 1;
}

.news .article .right-func-btn.plus {
  background-image: url(../images/favorites-plus.png);
}

.news .article .right-func-btn.minus {
  background-image: url(../images/favorites-minus.png);
}

.news .article .right-func-btn.edit {
  background-image: url(../images/gear.png);
}

.news .article .right-func-btn.edit:hover {
  background-image: url(../images/gear-hover.png);
}

.news .article .right-func-btn.plus:hover {
  background-image: url(../images/favorites-plus-hover.png);
}

.news .article .right-func-btn.minus:hover {
  background-image: url(../images/favorites-minus-hover.png);
}

.news .article .title .edited:hover .edit-info {
  display: block;
}

.news .article .edit-info .reason {
  color: #ff6600;
}

.news .article .edit-info .edit-title {
  width: 80px;
  display: inline-block;
  text-align: right;
}

.news .article .title:hover {
  color: #1EA7E0;
}

.news .article .title:hover, .news .article:hover .title {
  color: #1EA7E0;
}

.news .article .big-link {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.news .article .actions .edit, .news .article .favorites-block {
  position: relative;
  z-index: 50;
}

.news .article .rating {
  display: block;
  /*height: 2px;*/
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
  height: 6px;
  box-shadow: 0 0 6px #000;
}

.news .article .rating .marker {
  position: relative;
  font-size: 18px;
  color: #fff;
  font-family: Arial, serif;
  font-weight: bold;
  padding: 4px 6px;
  float: right;
  /*margin-right: 100%;*/
  box-shadow: 0px 3px 3px #111;
  top: 6px;
}

/*.news .article:hover .rating {
        height: 6px;
        box-shadow: 0 0 6px #000;
}*/

/*.news .article:hover .rating .marker {
        margin-right: 0;
}*/

.news .article .from {
  font-size: 0.7em;
}

.news .article .preview-text {
  font-size: 1em;
  padding-right: 5px;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
}

.article-content a {
  position: relative;
  z-index: 1;
}

.news .article .preview-text a {
  color: #1EA7E0;
}

.news .article .preview-text a:hover {
  text-decoration: underline;
}

.news .article .inform-panel {
  width: 100%;
  font-size: 13px;
  color: #a5a5a5;
  margin-top: 5px;
  margin-bottom: 5px;
  min-height: 15px;
}

.news .article .inform-panel .info-date {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
}

.news .article .inform-panel .info-author a {
  color: #1EA7E0;
}

.news .article .inform-panel>span a:hover {
  text-decoration: underline;
}

.news .article .inform-panel .separator {
  display: inline-block;
  padding: 0 5px;
}

.news .article .author {
  color: #1EA7E0;
}

.news .article .author:hover, .news .article .blog:hover {
  text-decoration: underline;
}

.news .article .comments:hover {
  background-position: -145px -187px;
  color: #1EA7E0;
}

.news .article .comments {
  background: url(/uploads/pictures/sprite.png) no-repeat;
  background-position: -145px -166px;
  display: inline;
}

.news .article .blog a, .news .article .likes a, .news .article .comments a {
  padding: 0 7px 0 16px;
}

.news .article .blog {
  background: url(../images/comments_smlight-hover.png) no-repeat;
  background-position: left 1px center;
}

.news .article .blog:hover {
  text-decoration: underline;
  color: #1EA7E0;
}

.news .article .views {
  position: relative;
}

.news .article .views:before {
  width: 15px;
  height: 14px;
  content: '';
  position: absolute;
  left: -2px;
  top: 1px;
  background: url(/uploads/pictures/sprite.png) no-repeat left center;
  background-position: -3px -165px;
}

.news .article .likes {
  /* background: url(../images/like_light.png) no-repeat left center; */
  background: url(/uploads/pictures/sprite.png) no-repeat;
  background-position: -142px -212px;
  display: inline-block;
  min-width: 40px;
}

.news .article .likes:hover {
  background-position: -142px -231px;
  color: #1EA7E0;
}

/* ИНФОРМЕР */

.informer {
  width: 100%;
  border-bottom: 1px solid #a9a9a9;
  box-shadow: 0 0 6px #000;
  margin-top: 5px;
}

.informer .block {
  width: 50%;
  padding: 28px 0 0 0;
  box-sizing: border-box;
  position: relative;
  height: 100%;
  display: inline-block;
  float: left;
}

.informer .block_title {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #252525;
  color: #fff;
  text-align: center;
  padding: 5px 0;
}

.informer_video {
  height: 305px;
  box-sizing: border-box;
}

.informer_video .bottom-panel {
  padding: 0 5px;
  color: #1EA7E0;
  font-size: 16px;
}

.informer_video .title {
  float: left;
}

.informer_video .title:hover {
  text-decoration: underline;
}

.informer_video .time {
  float: right;
}

.informer_video .image-wrapper {
  overflow: hidden;
  position: relative;
  height: 203px;
}

.informer_video .image {
  display: block;
  overflow: hidden;
  position: absolute;
  width: 400px;
  height: 200px;
  margin: -100px 0 0 -200px;
  left: 50%;
  top: 50%;
  text-align: center;
  line-height: 200px;
}

.informer_video .image:after {
  content: '';
  /* background: url(../images/play.png) center no-repeat; */
  content: '';
  background: url(../images/play.png) center no-repeat;
  background: url(/uploads/pictures/sprite.png);
  background-position: -7px -213px;
  position: absolute;
  width: 82px;
  height: 82px;
  left: 50%;
  margin-left: -41px;
  right: 0;
  bottom: 0;
  top: 50%;
  margin-top: -41px;
}

.informer_video .image:hover:after {
  /* background: url(../images/play-hover.png) center no-repeat; */
  background-position: -8px -308px;
}

.informer_video img {
  vertical-align: middle;
}

.informer_news .novelty {
  padding: 5px;
  border-bottom: 1px solid #a9a9a9;
}

.informer_news .novelty:hover {
  background-color: rgba(169, 169, 169, 0.3);
}

.informer_news .novelty:last-child {
  border-bottom: none;
}

.informer_news .info-panel {
  display: inline-block;
  width: 225px;
  font-size: 13px;
}

.informer_news .author a {
  color: #1EA7E0;
}

.informer_news .author:hover a {
  text-decoration: underline;
}

.informer_news .date {
  color: #a9a9a9;
}

.informer_news .date:hover {
  color: #1EA7E0;
}

.informer_news .info-panel span {
  color: #a9a9a9;
}

.informer_news .author:hover {
  text-decoration: underline;
}

.informer_news .title {
  font-size: 14px;
  color: inherit;
}

.informer_news .title:hover {
  text-decoration: underline;
}

.informer_news img {
  width: 100px;
  float: left;
  margin-right: 5px;
}

/* Сайдбар */

.sidebar {
  width: 360px;
  float: right;
  background-color: #252525;
  /* overflow: hidden; */
  padding: 5px 5px 0 5px;
  padding-top: 0;
  box-sizing: border-box;
}

.sidebar:last-child {
  margin-bottom: 0;
}

/* Блоки */

.categories-block {
    padding-top: 5px;
    display: flex;
    flex-wrap: wrap;
}

.categories-block a {
    width: 50%;
    padding: 10px;
    box-sizing: border-box;
}

.categories-block a:hover {
    color: #1EA7E0;
    background: #333;
}

.sidebar-block {
  margin-bottom: 7px;
  background-color: #ededed;
  /*box-shadow: 0 0 4px #000;*/
  padding: 10px;
  position: relative;
}

.sidebar-block.wide-container {
  padding: 10px 0;
}

.sidebar-block.no-background {
  background-color: transparent;
  box-shadow: none;
}

.vk.sidebar-block {
  background-color: #252525;
}

.sidebar-block:last-child {
    margin-bottom: 0 !important;
}

/* .sidebar-block:last-child {
    margin-bottom: 0;
} */

.sidebar-block.tab-container {
  padding-top: 38px;
  position: relative;
}

.sidebar-block .block-container {
  position: relative;
  /* overflow: hidden; */
}

.sidebar-block .block-container>div {
  left: 0;
  background-color: #ededed;
  z-index: 2;
  width: 100%;
}

.sidebar-block .block-container>.active {
  z-index: 1;
}

.sidebar-block .block-container>.inactive {
  display: none;
}

.relative {
  /* COMMON CLASS */
  position: relative;
}

.text-gray {
  /* COMMON CLASS */
  color: #a9a9a9;
}

.text-white {
  /* COMMON CLASS */
  color: #fff;
}

.text-block {
  /* COMMON CLASS */
  display: block;
}

.text-center {
  /* COMMON CLASS */
  text-align: center;
}

.text-left {
  /* COMMON CLASS */
  text-align: left;
}

.text-right {
  /* COMMON CLASS */
  text-align: right;
}

.text-large {
  /* COMMON CLASS */
  font-size: 1.1em;
}

.text-small {
  /* COMMON CLASS */
  font-size: 0.85em;
}

.text-tiny {
  /* COMMON CLASS */
  font-size: 0.75em;
}

.text-font-2 {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
}

.text-font-3 {
  font-family: Arial, serif;
}

/* Социалки */

.social-sidebar-links a {
  display: inline-block;
  width: 35px;
  height: 35px;
  vertical-align: top;
  background-image: url(/uploads/pictures/sprite.png);
  background-repeat: no-repeat;
  opacity: 0.9;
}

.social-sidebar-links a:hover {
  opacity: 1;
}

.social-sidebar-links a.twitter {
  background-position: -83px -81px;
}

.social-sidebar-links a.twitter:hover {
  background-position: -83px 0;
}

.social-sidebar-links a.vk-link {
  background-position: 0 -81px;
}

.social-sidebar-links a.vk-link:hover {
  background-position: 0 0;
}

.social-sidebar-links a.youtube {
  background-position: -41px -81px;
}

.social-sidebar-links a.youtube:hover {
  background-position: -41px 0;
}

.social-sidebar-links a.gg {
  background-position: -123px -81px;
}

.social-sidebar-links a.gg:hover {
  background-position: -123px 0;
}

.social-sidebar-links a.rss {
  background-position: -83px -120px;
}

.social-sidebar-links a.rss:hover {
  background-position: -83px -39px;
}

.social-sidebar-links a.rules {
  background-position: 0 0;
}

.social-sidebar-links a.rules:hover {
  background-position: 0 0;
}

.social-sidebar-links a.feedback {
  background-position: 0 0;
}

.social-sidebar-links a.feedback:hover {
  background-position: 0 0;
}

.social-sidebar-links a.steam {
  background-position: -41px -120px;
}

.social-sidebar-links a.steam:hover {
  background-position: -41px -39px;
}

.social-sidebar-links a.telegram {
  background-position: 0 -120px;
}

.social-sidebar-links a.telegram:hover {
  background-position: 0 -39px;
}

.social-sidebar-links a.discord {
  background-position: -22px -159px;
}

.social-sidebar-links a.discord:hover {
  background-position: -123px -39px;
}

/* / Социалки */

/* goodsteam */

.goodsteam .marker {
  display: none;
}

.goodsteam .banner {
  display: inline-block;
  padding: 5px 0;
  position: relative;
  margin-bottom: 10px;
}

.goodsteam .banner .good-discount {
  position: absolute;
  bottom: 20px;
  right: 0;
}

.goodsteam .banner img {
  vertical-align: top;
}

.goodsteam .game-title {
  font-size: 1.1em;
  margin: 15px 0 10px 0;
}

/* / goodsteam */

/* Вкладки и заголовки */

.sidebar-title {
  width: 100%;
  text-transform: uppercase;
  color: #1EA7E0;
  font-size: 18px;
  margin-bottom: 5px;
}

.sidebar-title.tab-container {
  margin-bottom: 0;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #151515;
}

.sidebar-title.tab-container .tab {
  padding: 10px;
  width: 50%;
  box-sizing: border-box;
  text-align: left;
  float: left;
}

.sidebar-title .active {
  color: #1EA7E0;
  background-color: #e0e0e0;
}

.sidebar-title .inactive {
  color: #a9a9a9;
  cursor: pointer;
}

.sidebar-title .inactive:hover {
  color: #fff;
  background-color: #000;
}

/* Квадратные иконки */

.square-btn {
  background: url(../images/btn.png) no-repeat;
  background-position: left 5px center;
}

.square-btn:hover {
  background-image: url(../images/btn_on.png);
}

/* Статья недели */

.article-of-the-week {
  color: #a9a9a9;
  padding: 5px;
  box-sizing: border-box;
  overflow: hidden;
  height: 298px;
}

.article-of-the-week .image {
  display: block;
  width: 100%;
  position: relative;
  text-shadow: -0 -1px 0 #000000, 0 -1px 0 #000000, -0 1px 0 #000000, 0 1px 0 #000000, -1px -0 0 #000000, 1px -0 0 #000000, -1px 0 0 #000000, 1px 0 0 #000000, -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000, -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;
}

.article-of-the-week .image:after {
  content: 'СТАТЬЯ НЕДЕЛИ';
  font-weight: bold;
  padding: 5px 5px 5px 20px;
  background: url(../images/week/prize.png) no-repeat rgba(21, 21, 21, 0.8);
  background-position: left 5px center;
  position: absolute;
  top: 5px;
  right: 5px;
  height: 22px;
}

.article-of-the-week img {
  width: 100%;
  vertical-align: bottom;
}

.article-of-the-week .title {
  display: inline-block;
  padding: 10px 10px;
  box-sizing: border-box;
  color: #a9a9a9;
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 5px;
  background-color: rgba(21, 21, 21, 0.8);
  font-size: 20px;
}

.article-of-the-week .author {
  float: left;
  display: inline-block;
  color: #1EA7E0;
}

.article-of-the-week .description {
  position: relative;
  overflow: hidden;
  height: 92px;
  padding: 0 5px 5px 5px;
  box-sizing: border-box;
}

.article-of-the-week .description:after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  content: '';
  background: linear-gradient( to bottom, rgba(37, 37, 37, 0), rgba(37, 37, 37, 1) 100%);
}

.article-of-the-week .info-panel {
  text-align: right;
  padding: 3px 0;
  color: #1EA7E0;
  font-size: 14px;
}

.article-of-the-week span {
  color: #a9a9a9;
  float: left;
  display: inline-block;
}

.article-of-the-week .info-panel a:hover {
  text-decoration: underline;
}

/* Команда сайта */

.site-team .person {
  float: left;
  display: flex;
  align-items: center;
  width: 50%;
  box-sizing: border-box;
  position: relative;
  height: 50px;
  margin: 5px 0;
  color: #fff;
}

.site-team .person:hover {
  background: #e0e0e0;
}

.site-team .person img {
  width: 50px;
  height: 100%;
  display: block;
  margin-right: 5px;
  border-radius: 30px;
}

.site-team .inform {
  width: 80px;
  display: block;
}

.site-team .inform span {
  display: block;
}

.site-team .person .nickname {
  color: #000;
  font-size: 0.9em;
  line-height: 12px;
}

.site-team .person:hover .nickname {
  color: #1EA7E0;
}

.site-team .person .responsibility {
  color: #565656;
  font-size: 0.7em;
}

.site-team .bottom-panel {
  text-align: right;
  width: 100%;
  color: #565656;
  padding: 4px 0;
  text-transform: uppercase;
  margin-top: 5px;
}

.site-team .bottom-panel a:hover {
  color: #1EA7E0;
}

/* Блоги */

.blogging .block-container .sidebar-title {
  margin-top: 5px;
}

.blogging .blog {
  padding: 3px 10px 7px 22px;
  margin-left: 10px;
}

.blogging .blog a {
  font-size: 15px;
  padding: 2px 0;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.blogging .blog .progress-bar {
  width: 100%;
  box-sizing: border-box;
  height: 3px;
  background-color: #a9a9a9;
  box-shadow: inset 0 0 2px #000;
  border-right: 3px;
  position: relative;
}

.blogging .blog .progress {
  width: 88%;
  height: 3px;
  background-color: #0772B9;
  box-shadow: inset 0 0 2px #000;
  position: relative;
}

.blogging .blog .progress:after {
  position: absolute;
  right: 0;
  top: -2px;
  width: 5px;
  height: 5px;
  background-color: #0772B9;
  border-radius: 10px;
  border: 1px solid#0772B9;
  content: '';
}

.blogging .blog .blog-info {
  width: 100%;
  font-size: 13px;
  color: #878787;
  padding: 3px 0;
}

.blogging .blog .blog-info .rating {
  float: right;
}

.blogging .blog a {
  color: #333;
}

.blogging .blog a:hover {
  color: #fff;
}

.blogging .note {
  padding: 2px 5px 2px 22px;
  color: #a9a9a9;
  display: block;
}

.blogging .note .note-blog:hover {
  color: #fff;
}

.blogging .note .edit:hover {
  text-decoration: underline;
}

.blogging .btn-box {
  text-align: center;
  margin: 10px 0;
}

.blogging .btn-link {
  display: inline-block;
  padding: 8px 6px;
  box-sizing: border-box;
  text-align: center;
  margin-right: 5px;
  color: #a9a9a9;
  background-color: #151515;
}

.blogging .btn-link:last-child {
  margin-right: 0;
}

.blogging .btn-link:hover {
  background-color: #0772B9;
  color: #fff;
}

.sidebar-link {
  clear: both;
  display: block;
  color: #1EA7E0;
  padding: 5px;
}

.sidebar-link:hover {
  text-decoration: underline;
}

/* Полезные статьи */

.useful-articles .title {
  color: #1EA7E0;
  padding-bottom: 5px;
  text-transform: uppercase;
  font-size: 18px;
}

.useful-articles.sidebar-block {
  background-color: #ededed;
}

.useful-articles>a {
  padding: 2px 5px 2px 22px;
  color: #333;
  display: block;
  font-size: 0.95em;
}

.useful-articles>a:hover {
  color: #fff;
  background-color: #333;
}

.useful-articles .options {
  margin: 14px 0 10px 0;
  text-align: center;
}

.useful-articles .options a {
  padding: 2px 9px;
  color: #1EA7E0;
  font-size: 18px;
  border-right: 2px solid #333;
}

.useful-articles .options a:hover {
  text-decoration: underline;
}

.useful-articles .options a:last-child {
  border-right: none;
}

/* Реклама */

.little-safe-block>div:first-of-type {
  margin-bottom: 7px;
  /**background-color: #252525;
    box-shadow: 0 0 4px #000;*/
  width: 100% !important;
}

.little-safe-block>div:first-of-type div {
  margin: 0 auto;
}

.little-safe-block>div:first-of-type iframe {
  box-shadow: 0 0 4px #000;
  margin: 0 auto;
  display: block;
}

/*
.little-safe-block {
        margin-bottom: 7px;
        background-color: #252525;
        box-shadow: 0 0 4px #000;
        padding: 15px 0;
}

.little-safe-block div {
        margin: 0 auto;
}

.little-safe-block iframe {
        box-shadow: 0 0 4px #000;
        width: 240px;
}

.little-safe-block img {
        vertical-align: bottom;
}
*/

/* Информер */

.informer-sidebar-block {
  padding: 0;
  padding-bottom: 10px;
}

.informer-sidebar-block .sidebar-title {
  padding: 10px;
  background: #e0e0e0;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
}

.sidebar-title.lc_block {
  padding: 10px;
  background: #e0e0e0;
  display: block;
  margin-left: -10px;
  margin-right: -10px;
}

.informer-sidebar-block .informer-article-block {
  border-bottom: 1px dotted #e0e0e0;
}

.informer-sidebar-block .informer-article-block:last-child {
  border-bottom: none;
}

.informer-sidebar-block .informer-article-block a {
  display: flex;
  align-items: center;
  padding: 10px;
}

.informer-sidebar-block .informer-article-block a:hover {
  background-color: rgba(169, 169, 169, 0.1);
}

.informer-sidebar-block .informer-article-block a:hover .informer-block-title {
  color: #1EA7E0;
}

.informer-sidebar-block .informer-article-block img {
  vertical-align: baseline;
  max-width: 70px;
  margin-right: 6px;
}

.informer-sidebar-block.text-gray {
  color: #565656;
}

.informer-sidebar-block .informer-article-block .informer-block-title {
  display: block;
  color: #565656;
  font-size: 16px;
}

.informer-sidebar-block .informer-article-block .informer-block-panel {
  font-size: 0.9em;
}

.informer-sidebar-block .informer-article-block .author {
  color: #1EA7E0;
}

.informer-sidebar-block .informer-article-block .data {
  color: #a9a9a9;
}

/* / Информер */

/* Статьи в блогах */

.blog-articles {
  padding: 10px 0;
}

.blog-articles .sidebar-title {
  padding: 0 10px 5px 10px;
  margin-bottom: 0;
  box-sizing: border-box;
}

.blog-articles .article {
  padding: 10px;
}

.blog-articles .article:hover .square-btn {
  background: url(../images/btn_on.png) no-repeat;
  background-position: left 5px center;
}

.blog-articles .article:nth-child(2n) {
  background-color: rgba(169, 169, 169, 0.1);
}

.blog-articles .article .title {
  display: block;
  color: #333;
  font-size: 16px;
}

.blog-articles .article .title:hover {
  color: #1EA7E0;
}

.blog-articles .article .blog {
  padding-top: 5px;
  display: block;
  color: #1EA7E0;
  text-align: left;
  font-size: 0.8em;
}

.blog-articles .article .blog:before {
  content: '[ ';
}

.blog-articles .article .blog:after {
  content: ' ]';
}

.blog-articles .article .blog:hover {
  text-decoration: underline;
}

.blog-articles .options {
  margin: 14px 0 10px 0;
  text-align: center;
}

.blog-articles .options a {
  padding: 2px 9px;
  color: #1EA7E0;
  font-size: 18px;
  border-right: 2px solid #333;
}

.blog-articles .options a:hover {
  text-decoration: underline;
}

.blog-articles .options a:last-child {
  border-right: none;
}

/* Форум */

.forum-themes {
  padding: 10px 0;
}

.forum-themes .sidebar-title {
  box-sizing: border-box;
}

.forum-themes .theme {
  padding: 10px;
  border-bottom: 1px dotted #e0e0e0;
  display: flex;
  align-items: center;
  font-size: 15px;
}

.forum-themes .theme:last-child {
  border-bottom: none;
}

.forum-themes .theme:hover {
  background-color: rgba(169, 169, 169, 0.1);
}

.forum-themes .theme:hover .square-btn {
  background: url(../images/btn_on.png) no-repeat;
  background-position: left 5px center;
}

.forum-themes .left-content {
  float: left;
  width: 100%;
  padding-right: 10px;
}

.forum-themes .left-content>a {
  display: block;
  color: #333;
  max-height: 2.3em;
  overflow: hidden;
  font-size: 16px;
  word-break: break-word;
}

.forum-themes .left-content>a:hover {
  color: #1EA7E0;
}

.forum-themes .theme-info {
  font-size: 0.8em;
  line-height: 1.4;
  padding-top: 6px;
  color: #a9a9a9;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
}

.forum-themes .date {
  padding-left: 25px;
  position: relative;
}

.forum-themes .date::before {
  position: absolute;
  left: 10px;
  top: 1px;
  width: 18px;
  height: 18px;
  content: '\f073';
  font-family: FontAwesome;
}

.forum-themes .theme-info>a {
  color: gray;
  padding-left: 25px;
  /*background: url(../images/answers.png) no-repeat left 5px center;*/
  position: relative;
}

.forum-themes .theme-info>a::before {
  position: absolute;
  font-family: FontAwesome;
  content: '\f075';
  left: 4px;
  top: 1px;
  width: 18px;
  height: 18px;
}

.forum-themes .theme-info>a:hover {
  color: #1EA7E0;
}

.forum-themes .image {
  position: relative;
  width: 50px;
  /*border-left: 3px solid#0772B9;*/
  float: right;
}

/*.forum-themes .image:after {
        position: absolute;
        left: -8px;
        width: 10px;
        top: 0;
        bottom: 0;
        content: "";
        background: url(../images/triangle-left.png) no-repeat left center;
}*/

.forum-themes .image img {
  width: 50px;
  height: 50px;
  vertical-align: bottom;
  border-radius: 30px;
}

/* Виджет VK */

.sidebar .vk {
  padding: 5px;
}

/* Пагинация */


.dle-comments-navigation {
   width: 100%;
}

.pagination {
  border-bottom: 2px solid #a9a9a9;
  text-align: center;
  color: #a9a9a9;
  margin: 20px 0;
  width: 100%;
}
  
.unpin .pagination {
  position: relative !important;
}

.pagination a {
  padding: 10px;
  margin-bottom: -2px;
  text-transform: uppercase;
  display: inline-block;
  border-bottom: 2px solid transparent;
}

.pagination a:hover {
  color: #fff;
  background-color: #0772B9;
}

.pagination span:not(.nav_ext) {
  padding: 10px 10px;
  margin-bottom: -2px;
  text-transform: uppercase;
  display: inline-block;
  border-bottom: 2px solid#0772B9;
  color: #1EA7E0;
}

.pagination .page-select {
  display: inline-block;
  position: relative;
}

.pagination .page-select .select-page-input {
  width: 30px;
  padding: 5px 35px 5px 10px;
  border-radius: 3px;
  border: 1px solid #a9a9a9;
  color: #666;
}

.pagination .page-select .go-page {
  position: absolute;
  right: 2px;
  top: 2px;
  width: 23px;
  height: 23px;
  border: none;
  border-radius: 3px;
  background:#0772B9 url(../images/follow.png) no-repeat;
  background-position: center;
  background-size: 16px 16px;
  cursor: pointer;
}

/* Горизонтальный слайдер */

.horizontal-slider {
  width: 100%;
  background-color: #151515;
  white-space: nowrap;
  color: #a9a9a9;
  padding: 7px;
  box-sizing: border-box;
  position: relative;
}

.horizontal-slider .title {
  padding: 5px 14px;
  color: #1EA7E0;
  text-transform: uppercase;
  position: relative;
  z-index: 5;
}

.horizontal-slider .btn-left,
.horizontal-slider .btn-right {
  position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    cursor: pointer;
    font-size: 50px;
    z-index: 3;
    color: #fff;
    border: none;
    background: rgba(51, 51, 51, 0.3);
}


.horizontal-slider .btn-left {
  left: -15px;
}

.horizontal-slider .btn-right {
  right: -15px;
}

.horizontal-slider:hover .btn-left,
.horizontal-slider:hover .btn-right {
  background: rgba(51, 51, 51, 0.6);
}

.horizontal-slider .btn-left:hover,
.horizontal-slider .btn-right:hover {
  background: #0772b9;
}

.horizontal-slider .views {
    position: absolute;
    left: 5px;
    top: 15px;
    padding: 5px;
    background: rgba(81,81,81,0.6);
    color: #fff
}

.horizontal-slider .container {
  width: 100%;
  padding-bottom: 10px;
  height: 208px;
  text-align: center;
}

.horizontal-slider .container > div {
  display: none;
}

.horizontal-slider .container.slick-slider > div {
	display: block;
}

.horizontal-slider .container a {
  position: relative;
  text-align: center;
  display: inline-block;
  padding: 10px 5px;
  white-space: normal;
  vertical-align: top;
  margin-bottom: 0;
  transition: 0.2s all;
}

.horizontal-slider .container a:first-child {
  padding-left: 0;
}

.horizontal-slider .container a:last-child {
  padding-right: 0;
}

.horizontal-slider .container a img {
  width: 100%;
  vertical-align: bottom;
  display: block;
  object-fit: cover;
  margin-bottom: 5px;
}

.horizontal-slider .container a:hover {
  color: #1EA7E0;
}

.horizontal-slider .container a:hover img {
  transform: scale(0.99);
}

/* Рейтинг игр */

.game-rating {
    width: 100%;
    background-color: #151515;
    padding: 10px 5px;
    padding-right: 0;
    box-sizing: border-box;
}

.game-rating>.title {
    width: 100%;
    margin-left: 0;
    padding: 5px 0 10px 5px;
    color: #1EA7E0;
    position: relative;
    text-transform: uppercase;
}

.game-rating a {
    display: block;
    float: none;
    position: relative;
    margin: 5px;
    width: 185px;
    height: auto;
    color: #a9a9a9;
}

.game-rating a img {
   transition: .2s all;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.game-rating a .title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(21, 21, 21, 0.8);
  padding: 4px;
  font-size: 1.1em;
  text-align: center;
}

.game-rating a:hover .title {
  opacity: 0;
}

.game-rating a:hover .rating {
  opacity: 1;
}

.games-cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.games-cont h3 {
    font-size: 1.1em;
}

.games-cont a:hover > h3 {
    color: #1EA7E0;
}

.games-cont a:hover img {
    transform: scale(1.02);
}

/* Название блока */

.bottom-block {
  width: 100%;
  padding: 20px 10px;
  box-sizing: border-box;
  background-color: #252525;
  box-shadow: 0 0 4px #000;
}

.bottom-block .game-block {
  float: left;
  margin-left: 5px;
  width: calc(50% - 5px);
  height: 100%;
  box-sizing: border-box;
  color: #000;
  display: block;
  position: relative;
  border: 1px solid transparent;
}

.bottom-block .game-block:hover {
  border: 1px solid#0772B9;
}

.bottom-block .game-block:hover .title {
  color: #fff;
}

.bottom-block .game-block:first-child {
  margin-left: 0;
  margin-right: 5px;
}

.bottom-block .game-block img {
  width: 100%;
  vertical-align: bottom;
  height: 194px;
  border-top: 5px solid#0772B9;
  object-fit: cover;
}

.bottom-block .game-block .title {
  box-sizing: border-box;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px;
  color: #a9a9a9;
  background-color: rgba(21, 21, 21, 0.8);
}

.bottom-block .game-block .category {
  position: absolute;
  right: 0;
  top: 4px;
  color: #fff;
  background-color: #0772B9;
  padding: 3px 12px 5px 12px;
  font-size: 1.1em;
}

/* Приложения */

.applications {
  text-align: center;
}

.applications .app-wrapper {
  display: inline-block;
  height: 57px;
  box-sizing: border-box;
}

.applications a {
  width: 52px;
  height: 52px;
  display: inline-block;
  margin-bottom: -5px;
  background-repeat: no-repeat;
  border-bottom: 5px solid transparent;
  opacity: 0.9;
}

.applications a:hover {
  border-color: #1EA7E0;
  opacity: 1;
}

.applications .radmin {
  background-image: url(../images/application/radmin-hover.png);
}

.applications .gameranger {
  background-image: url(../images/application/gameranger-hover.png);
}

.applications .steam {
  background-image: url(../images/application/steam-hover.png);
}

.applications .origin {
  background-image: url(../images/application/origin-hover.png);
}

/* Чат */

.chat {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  padding: 10px;
  padding-top: 0;
}

.chat .main-window {
  padding-right: 8px;
  position: relative;
  border-radius: 3px;
}

.chat .scrolling {
  position: absolute;
  right: -2px;
  top: 0;
}

.chat .scrolling .scroller {
  background-color: #fff;
}

.chat .messages {
  overflow: hidden;
  height: 330px;
  margin-bottom: 5px;
  padding-right: 4px;
}

.chat .messages ul {
  list-style: none;
}

.chat .message {
  margin-bottom: 10px;
}

.chat .message:last-child {
  margin-bottom: 0;
}

.chat .message .msg-top {
  display: flex;
  align-items: center;
}

.chat .message .avatar {
  width: 30px;
  height: 30px;
  float: left;
  display: block;
  margin-right: 10px;
  padding-bottom: 15px;
  background: url(../images/chat-back.png) no-repeat;
  background-position: center bottom;
  z-index: 3;
  position: relative;
}

.chat .message .nickname {
  color: #1EA7E0;
  font-weight: bold;
  float: left;
  display: block;
  width: calc(100% - 80px);
  font-size: 0.8em;
  padding-bottom: 15px;
}

.chat .message .time {
  float: left;
  display: block;
  width: 40px;
  color: #a5a5a5;
  font-size: 0.8em;
  vertical-align: bottom;
  padding-bottom: 15px;
}

.chat .message .side-panel {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  width: 20px;
  bottom: 0;
  border-radius: 0 3px 3px 0;
  background-color: #d6d6d6;
  cursor: pointer;
}

.chat .message:hover .side-panel {
  opacity: 1;
}

.chat .message .quote-btn {
  background: url(../images/chat-answer.png) no-repeat;
  background-position: center;
  height: 100%;
  border-radius: 0 3px 3px 0;
}

.chat .message .quote-btn.my {
  height: calc(100% - 20px);
  border-radius: 0 3px 0 0;
}

.chat .message .quote-btn:hover, .chat .message .preferences:hover {
  background-color: #0772B9;
}

.chat .message .preferences {
  height: 20px;
  background: url(../images/chat-gear.png) no-repeat;
  background-position: center;
  border-top: 1px solid #f1f1f1;
  border-radius: 0 0 3px 0;
  box-sizing: border-box;
}

.chat .message .nickname:hover {
  text-decoration: underline;
}

.chat .message .msg {
  padding: 3px 25px 7px 7px;
  width: 100%;
  background-color: #fff;
  border-radius: 3px;
  position: relative;
  margin-top: -2px;
  z-index: 2;
  box-sizing: border-box;
}

.chat .btn-panel {
  width: 100%;
  background-color: lightgray;
  height: 25px;
  margin: 5px 0;
}

.chat textarea {
  width: 100%;
  resize: vertical;
  padding: 5px;
  box-sizing: border-box;
  background-color: #fdfdfe;
  min-height: 60px;
}

.chat .bottom-panel {
  width: 100%;
  padding-top: 5px;
}

.chat .bottom-panel .btn-send {
  float: right;
  padding: 5px 10px;
  background-color: #0772B9;
  color: #fff;
  cursor: pointer;
}

.chat .bottom-panel .symbols-left {
  color: #a9a9a9;
  padding: 5px 0;
  display: block;
  float: left;
  font-size: 15px;
  margin-right: 10px;
}

.chat .bottom-panel .btn-send:hover {
  background-color: #1EA7E0;
}

.chat .bottom-panel .action-btn {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  margin: 6px 10px 6px 0;
  background-repeat: no-repeat;
  cursor: pointer;
}

.chat .bottom-panel .smile {
  background-image: url(../images/chat-smile.png);
}

.chat .bottom-panel .archive {
  background-image: url(../images/chat-archive.png);
  float: right;
}

.chat .bottom-panel .text {
  background-image: url(../images/chat-text.png);
}

.chat .bottom-panel .insert {
  background-image: url(../images/chat-insert.png);
}

/*
.lc_area {
        background: #e7e7e7;
}

.lc_chat_list {
        height: 400px;
        overflow-y: auto;
        color: #000;
}

.lc_chat_list .lc_chat_li {
        background: #e7e7e7;


}

.lc_chat_list .lc_chat_li:nth-child(2n) {
        background: #dfdfdf;
}*/

/* Футер */

.footer-back {
  background-color: #151515;
  border-top: 1px solid #000;
  /*background: linear-gradient(to top, #1e1e1e 0%, #101010 100%);*/
  position: relative;
  /*box-shadow: 0 0 4px #000;*/
  padding-bottom: 65px;
  padding-top: 40px;
}

.footer {
  width: 1000px;
  margin: 0 auto;
  padding-top: 20px;
  position: relative;
  /*opacity: .6;*/
}

.footer .footer-row {
  margin-bottom: 40px;
}

.footer .footer-sidebar-column {
  width: 350px;
  padding: 0 15px;
  box-sizing: border-box;
}

.footer .footer-menu {
  width: 200px;
  margin-bottom: 15px;
}

.footer .footer-menu>a {
  display: block;
  padding-left: 12px;
  background-position: left center;
  margin: 8px 0 10px 10px;
}

.footer .mobile:hover, .footer .footer-menu>a:hover, .footer .coop-block a:hover {
  color: #1EA7E0;
}

.footer .coop-block .text-center {
  width: 100%;
}

.footer .mobile {
  background: url(../images/mobile.png) no-repeat;
  background-position: left center;
  padding-left: 20px;
  display: inline-block;
}

.footer .wide-panel {
  width: 500px;
}

.footer .age-restriction {
  width: 31px;
  height: 31px;
  position: relative;
}

.footer .footer-column-title {
  text-transform: uppercase;
  color: #1EA7E0;
  font-size: 18px;
  box-sizing: border-box;
  padding-left: 20px;
  margin-bottom: 10px;
}

.footer .age-restriction:after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
  color: darkgrey;
  font-family: Arial, serif;
  font-weight: bold;
  content: '18+';
  text-align: center;
  border: 1px solid darkgrey;
  line-height: 31px;
  box-sizing: border-box;
}

.footer .footer-logo {
  margin-left: 10px;
  margin-top: -4.5px;
}

.footer .footer-logo img {
  width: 40px;
  height: 40px;
}

.footer .footer-text {
  margin-top: -3px;
}

.footer .counter {
  margin-right: 5px;
}

.footer .counter:not(:hover) {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  opacity: 0.4;
}

.coop-block {
  display: flex;
  align-items: stretch;
  margin-top: 20px;
}

.coop-block>div {
  width: calc(50% - 1px);
}

.coop-block>div.left {
  border-right: 1px solid #000;
}

.coop-block>div.right {
  border-left: 1px solid #333;
}

/* Наверх */

.button-up.show {
  position: fixed;
  right: calc(50% - 620px);
  z-index: 20;
  width: 60px;
  background-image: url(../images/up.png);
  background-position: bottom 0px center;
  background-repeat: no-repeat;
  opacity: 0;
  cursor: pointer !important;
  pointer-events: none;
}

.button-up.part {
  margin-top: 2px;
  height: 25px;
  top: 100%;
}

.button-up.full {
  height: 90%;
  height: calc(100% - 50px);
  top: 50px;
}

.button-up.show {
  opacity: 1;
  pointer-events: auto;
}

.button-up.part.show {
  background-position-y: 98%;
}

.button-up.onscroll.show {
  background-image: url(../images/up-hover.png);
  background-position-y: 99%;
}

/*
.button-up.full.onscroll.show {
        background-position: bottom 40px center;
}*/

/*
.button-up.part.onscroll.show {
        margin-top: -40px;
}*/

.button-up:hover {
  filter: brightness(1.5);
  background-position-y: 95%;
}

.button-up.full:hover {
  background-color: rgba(16, 16, 16, 0.3);
}

@media (min-width: 1380px) {
  .button-up.full:hover {
    width: 300px;
    right: calc(50% - 860px);
  }
}

/* Full Story */

.full-story {
  padding: 15px;
}

.full-story .blog-title {
  color: #a9a9a9;
  font-size: 20px;
  font-weight: normal;
  text-align: right;
}

.full-story .full-story-header {
  margin-top: -15px;
}

.full-story .full-story-header h1 {
  display: inline-block;
}

.full-story .lightedited {
  position: relative;
  margin-top: 5px;
  padding-left: 40px;
  font-size: 1em;
  color: #cc5200;
}

.full-story .lightedited .edited-block {
  display: inline-block;
  padding: 8px 8px 8px 32px;
  background: url(../images/edited-light.png) no-repeat #2f2f2f;
  background-position: center left 10px;
  width: 100%;
}

.full-story .full-story-top-panel {
  margin-bottom: 15px;
}

.full-story .full-story-top-panel .panel-separator {
  background-color: #333;
  margin: -0.5em 10px 0 10px;
  width: 1px;
  height: 2em;
  border-right: 1px solid #151515;
}

.full-story .inform-panel {
  padding-top: 15px;
}

.full-story .full-story-top-panel .categories {
  text-transform: uppercase;
  color: #1EA7E0;
  font-size: 0.9em;
  margin-top: 1px;
}

.full-story .full-story-top-panel .categories a:hover {
  text-decoration: underline;
}

.full-story .full-story-top-panel .date, .full-story .full-story-top-panel .author, .full-story .full-story-top-panel .views {
  color: #a9a9a9;
}

.full-story .full-story-top-panel .views {
  color: #a9a9a9;
  margin-top: -2px;
}

.full-story .full-story-top-panel .views .fa {
  font-size: 1.2em;
  color: #5b5b5b;
}

.full-story .full-story-top-panel .comments {
  color: #a9a9a9;
  margin-left: 10px;
}

.full-story .full-story-top-panel .comments .fa {
  font-size: 1.3em;
  vertical-align: -1px;
  margin-top: -12px;
  color: #5b5b5b;
}

.full-story .full-story-top-panel .comments:hover {
  color: #fff;
}

.full-story .full-story-top-panel .comments:hover .fa {
  color: #fff;
}

.full-story .full-story-top-panel .author a:hover {
  text-decoration: underline;
}

.full-story .full-story-top-panel .actions {
  padding-right: 10px;
  margin-top: -2px;
  margin-left: 5px;
}

.full-story .full-story-top-panel .actions a {
  margin-left: 5px;
  display: inline-block;
  width: 20px;
  height: 20px;
}

.full-story .full-story-top-panel .actions a img {
  display: none;
}

.full-story .full-story-top-panel .actions .edit {
  color: #5b5b5b;
  display: inline-block;
  vertical-align: top;
}

.full-story .full-story-top-panel .actions .edit .fa {
  height: 20px;
  width: 20px;
  line-height: 20px;
  font-size: 18px;
  text-align: center;
}

.full-story .full-story-top-panel .actions .edit a:hover {
  color: #fff;
}

.favorites-block {
  display: inline-block;
  vertical-align: top;
}

.favorites-block a span {
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 20px;
  text-align: center;
  color: #5b5b5b;
}

.favorites-block a span:hover {
  color: #fff;
}

.full-story .tags {
  color: #fff;
  padding: 10px 10px 10px 22px;
  text-transform: uppercase;
  font-size: 0.9em;
  position: relative;
}

.full-story .tags:before {
  content: '\f02c';
  position: absolute;
  font-family: FontAwesome;
  top: 16px;
  left: 1px;
  color: #5b5b5b;
}

.full-story .tags a {
  display: inline-block;
  border-radius: 6px;
  background: darkgrey;
  padding: 4px 6px 2px 6px;
  margin-bottom: 6px;
}

.full-story .tags a:hover {
  background-color: #0772B9;
}

.full-story .action-panel a img {
  vertical-align: bottom;
}

.full-story .full-story-content {
  padding-top: 15px;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 1em;
  line-height: 1.44;
  position: relative;
  margin-bottom: 25px;
}

.full-story .full-story-content li {
  line-height: 1.5;
}

.full-story .full-story-content.game-content .highslide:nth-child(1) img {
  width: 100%;
}

.full-story .full-story-content.game-content .quote .highslide:nth-child(1) img {
  width: auto;
}

.full-story .full-story-content.game-content .quote {
  font-size: 18px;
}

.full-story .full-story-content img, .blog-full-story .full-story-content img {
  margin-right: 5px;
  margin-bottom: 5px;
  max-width: 100%;
}

.full-story .full-story-content .quote img {
  margin-right: 3px;
  margin-left: 3px;
  margin-top: 0px;
}

.content.wide .full-story-content {
  padding: 0 135px;
}

.content.wide .full-story-content {
  font-size: 1.05em;
}

.content.wide .full-story-content h2 {
  font-family: 'Cuprum';
  font-size: 36px;
}

.content.wide .full-story-content h3 {
  font-family: 'Cuprum';
  font-size: 30px;
}

.content.wide .full-story-content div[style*='text-align:center'], .content.wide .full-story-content hr, .content.wide .full-story-content .hsep {
  margin-left: -150px;
  margin-right: -150px;
}

.content.wide .full-story-content .quote hr, .content.wide .full-story-content .quote .hsep {
  margin-left: 0;
  margin-right: 0;
}

#example_wrapper {
  margin-left: -135px;
  margin-right: -135px;
}

.content.wide .full-story-content div[style*='text-align:center'] img {
  margin: 0;
}

.content.wide .full-story-content .text_spoiler div[style*='text-align:center'], .content.wide .full-story-content .quote div[style*='text-align:center'] {
  margin: 0;
}

.content.wide .full-story-content .title_spoiler {
  transition: 0.3s all;
}

.content.wide .full-story-content .title_spoiler+.text_spoiler, .content.wide .full-story-content .title_spoiler.sp_opened {
  width: 1120px;
  margin-left: -150px;
  margin-right: -150px;
}

.content.wide .full-story-content .quote .title_spoiler+.text_spoiler, .content.wide .full-story-content .quote .title_spoiler.sp_opened {
  margin-left: -161px;
}

.full-story-content iframe {
  width: 100% !important;
  height: 433px !important;
}

.content.wide .full-story-content iframe {
  height: 630px !important;
}

.content.wide .full-story-content .quote iframe, .content.wide .full-story-content .text_spoiler iframe {
  width: 100% !important;
  height: 630px !important;
  margin: 0;
}

/* New Inject */

.full-story .full-story-content .add-news-inner {
  margin-bottom: 0px;
  padding: 10px 15px;
  border: 1px solid #ccc;
  transition: all 0.2s;
  position: relative;
  background: #fafafa;
}

.full-story .full-story-content .add-news-inner:hover {
  background: rgba(78, 150, 68, 0.2);
}

.full-story .full-story-content .add-news-content {
  margin-left: 115px;
  margin-top: 7px;
}

.full-story .full-story-content .add-news-title {
  font-size: 1.15em;
  font-weight: 700;
  font-family: 'Cuprum', sans-serif;
}

.full-story .full-story-content .add-news-story {
  font-size: 0.875em;
}

.full-story .full-story-content .add-news-link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  border-bottom: none !important;
}

.full-story .full-story-content .add-news-img img, .wide .full-story .full-story-content .add-news-img img {
  margin: 0;
}

.full-story .full-story-content .add-news-link:hover {
  border-bottom: none;
}

/* Текстовые стили */

.titled-image {
  padding: 5px 0;
  position: relative;
}

.titled-image>img {
  width: 100%;
}

.titled-image>span {
  position: absolute;
  left: 15px;
  bottom: 45px;
  padding: 10px 12px 10px 20px;
  right: 15px;
  background-color: rgba(31, 31, 31, 0.7);
  color: #fff;
  font-size: 1.2em;
}

.titled-image>span:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  width: 7px;
  background-color: #0772B9;
  border: 1px solid black;
  margin: -1px;
}

/* NEW SPOILERS */

.title_spoiler.spoiler_land {
  height: auto !important;
}

.title_spoiler.spoiler_land>a {
  display: block !important;
  position: static !important;
  padding: 10px 0 10px 35px !important;
  background: url('../dleimages/spoiler-plus.gif') no-repeat;
  background-position: left 10px center;
}

.title_spoiler.spoiler_land.sp_opened>a {
  background: url('../dleimages/spoiler-minus.gif') no-repeat;
  background-position: left 10px center;
}

.title_spoiler.spoiler_land img {
  display: none !important;
}

/* / NEW SPOILERS */

.full-story .title_spoiler {
  position: relative;
  border: 1px solid #a9a9a9;
  background-color: #ebebeb;
  margin-top: 5px;
  width: 100%;
  height: 33px;
  box-sizing: border-box;
  font-weight: bold;
}

.full-story .title_spoiler img {
  padding: 5px;
  margin: 0;
}

.full-story .title_spoiler a:last-child {
  padding: 8px 10px 5px 33px;
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
}

.title_spoiler a:last-child {
  border-bottom-color: transparent;
}

.full-story .title_spoiler img {
  position: relative;
  z-index: 3;
  padding: 8px;
}

.full-story .text_spoiler {
  width: 100%;
  background-color: #ebebeb;
  padding: 10px;
  box-sizing: border-box;
  margin-top: 0 !important;
  border-bottom: 1px solid #a9a9a9;
  border-right: 1px solid #a9a9a9;
  border-left: 1px solid #a9a9a9;
}

.full-story .title_spoiler:hover a:last-child {
  background-color: #1EA7E0;
  color: #fff;
  text-decoration: none;
}

.full-story .page-rating {
  display: inline;
  position: relative;
  color: #fff;
  background-color: #1EA7E0;
  padding: 18px 10px;
  padding-top: 27px;
  margin-right: -2px;
  width: 150px;
  border-radius: 10px 0 0 0;
}

.full-story .page-rating .rate {
  font-size: 2.95em;
  line-height: 0.6em;
  text-align: center;
}

.full-story .page-rating .rate .max {
  font-size: 0.45em;
}

.full-story .page-rating .voices {
  text-align: center;
  margin-top: 8px;
}

.full-story img {
  vertical-align: top;
}

.full-story .social {
  text-align: right;
  padding: 10px 0;
}

.full-story .social .story-rating {
  margin-bottom: 20px;
  counter-reset: section;
}

.full-story .social .coop-like {
  margin: 6px 0;
}

.social .vk {
  margin: 8px 0;
}

.full-story .note {
  margin: 10px 0;
  padding: 15px 20px 20px 80px;
  color: #5b5b5b;
  position: relative;
  min-height: 36px;
}

.full-story .notice {
  background-color: rgba(255, 102, 0, 0.2);
}

.full-story .notice:before {
  position: absolute;
  font-family: FontAwesome;
  content: '\f129';
  color: #ff6600;
  font-size: 46px;
  left: 33px;
  top: 12px;
}

.full-story .notice a {
  color: #1EA7E0;
}

.full-story .notice a:hover {
  text-decoration: underline;
}

.full-story .notice.wide {
  padding-right: 180px;
}

.full-story .forum-discus {
  position: absolute;
  right: 0;
  top: calc(50% - 29px);
}

.full-story .forum-discus a {
  color: #cee9a1;
  padding: 10px 15px;
  text-align: center;
  display: block;
  max-width: 145px;
  height: 36px;
  background-image: -ms-linear-gradient(top, #aae47d 0%, #55a446 100%);
  background-image: -moz-linear-gradient(top, #aae47d 0%, #55a446 100%);
  background-image: -o-linear-gradient(top, #aae47d 0%, #55a446 100%);
  background-image: -webkit-linear-gradient(top, #aae47d 0%, #55a446 100%);
  background-image: linear-gradient(top, #aae47d 0%, #55a446 100%);
  border-bottom: 2px solid #7bbf57;
  box-shadow: 3px 3px 4px #bcbcbc;
  text-shadow: 0 0 2px #666, 1px 0 1px #666, 0 1px 1px #666, 1px 1px 1px #666;
  text-decoration: none !important;
}

.full-story .forum-discus a:hover {
  text-shadow: none;
}

.full-story .bottom-panel {
  margin-bottom: 20px;
  margin-top: 20px;
}

.full-story .bottom-panel .comments {
  color: #a9a9a9;
  margin: 8px 0;
}

.interesting .interesting-wrapper {
  margin: 10px 0;
  text-align: center;
}

.interesting .block-title {
  margin-bottom: 15px;
}

.interesting.blocks-2 .game-block {
  width: calc(50% - 6px);
}

.interesting.blocks-2 .game-block:nth-child(2n) {
  margin-right: 0;
}

.interesting.blocks-3 .game-block {
  width: calc(33% - 6px);
}

.interesting.blocks-3 .game-block:nth-child(3n) {
  margin-right: 0;
}

.interesting .game-block {
  margin-right: 8px;
  margin-bottom: 12px;
  box-sizing: border-box;
  color: #000;
  display: inline-block;
  position: relative;
  border: 1px solid transparent;
}

.interesting .game-block:last-child {
  margin-right: 0;
}

.interesting .game-block:hover {
  border: 1px solid#0772B9;
}

.interesting .game-block:hover .title {
  color: #fff;
}

.interesting .game-block .category, .bottom-block .game-block .category {
  transition: 0.2s all;
}

.interesting .game-block:hover .category, .bottom-block .game-block:hover .category {
  opacity: 0;
}

.interesting.blocks-2 .game-block img {
  height: 206px;
}

.interesting.blocks-3 .game-block img {
  height: 135px;
}

.content.wide .interesting.blocks-3 .game-block img {
  height: 186px;
}

.interesting .game-block img {
  width: 100%;
  vertical-align: bottom;
  border-top: 5px solid#0772B9;
  object-fit: cover;
}

.interesting.no-category .game-block img {
  border-top: none;
}

.interesting .game-block .title {
  box-sizing: border-box;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px;
  color: #a9a9a9;
  background-color: rgba(21, 21, 21, 0.8);
}

.interesting .game-block .category {
  position: absolute;
  right: 0;
  top: 4px;
  color: #fff;
  background-color: #0772B9;
  padding: 3px 12px 5px 12px;
  font-size: 1.1em;
}

.interesting.no-category .category {
  display: none;
}

.seo-text {
  margin: 10px 0 4px 0;
  color: #a9a9a9;
  font-size: 0.85em;
}

.wide-block {
  background-color: #222;
  padding: 20px;
}

.wide-block+.wide-block {
  margin-top: -10px !important;
  padding-top: 0;
}

.wide-block.free {
  margin: 0;
}

.wide-block.thin {
  padding: 0;
}

.wide-block.bordered {
  border-top: 5px solid #141414;
}

.wide-block .block-title, .wide-block h2, .wide-block h1 {
  color: #1EA7E0;
  font-size: 38px;
  font-weight: normal;
}

/* ==================== показ оригинальной картинки загруженной на сайт из уменьшенной копии */

.highslide-wrapper, .highslide-outline {
  background: #ffffff;
}

.highslide-image {
  border: 2px outset #4a880f;
}

.highslide-active-anchor {
  visibility: hidden;
}

.highslide-active-anchor img {
  visibility: hidden;
}

.highslide-dimming {
  background-color: black;
}

.highslide-html {
  background-color: white;
}

.highslide-html-content {
  display: none;
}

.highslide-loading {
  display: block;
  color: white;
  font-size: 9px;
  font-weight: bold;
  text-decoration: none;
  padding: 3px;
  border: 1px solid white;
  background-color: black;
}

a.highslide-full-expand {
  background: url(../dleimages/fullexpand.gif) no-repeat;
  display: block;
  margin: 0 10px 10px 0;
  width: 34px;
  height: 34px;
}

.highslide-footer {
  height: 11px;
}

.highslide-footer .highslide-resize {
  float: right;
  height: 12px;
  width: 11px;
  background: url(../dleimages/resize.gif);
}

.highslide-resize {
  cursor: nw-resize;
}

.highslide-display-block {
  display: block;
}

.highslide-display-none {
  display: none;
}

.highslide-caption {
  display: none;
  padding: 5px;
  background: white;
}

.highslide-controls {
  width: 195px;
  height: 40px;
  background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) no-repeat;
  background-position: 0 -90px;
  margin-right: 15px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.highslide-controls ul {
  position: relative;
  left: 15px;
  height: 40px;
  list-style: none;
  margin: 0;
  padding: 0;
  background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) no-repeat;
  background-position: right -90px;
}

.highslide-controls li {
  float: left;
  padding: 5px 0;
}

.highslide-controls a {
  background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif);
  display: block;
  float: left;
  height: 30px;
  width: 30px;
  outline: none;
}

.highslide-controls a.disabled {
  cursor: default;
}

.highslide-controls a span {
  display: none;
}

/* The CSS sprites for the controlbar */

.highslide-controls .highslide-previous a {
  background-position: 0 0;
}

.highslide-controls .highslide-previous a:hover {
  background-position: 0 -30px;
}

.highslide-controls .highslide-previous a.disabled {
  background-position: 0 -60px !important;
}

.highslide-controls .highslide-play a {
  background-position: -30px 0;
}

.highslide-controls .highslide-play a:hover {
  background-position: -30px -30px;
}

.highslide-controls .highslide-play a.disabled {
  background-position: -30px -60px !important;
}

.highslide-controls .highslide-pause a {
  background-position: -60px 0;
}

.highslide-controls .highslide-pause a:hover {
  background-position: -60px -30px;
}

.highslide-controls .highslide-next a {
  background-position: -90px 0;
}

.highslide-controls .highslide-next a:hover {
  background-position: -90px -30px;
}

.highslide-controls .highslide-next a.disabled {
  background-position: -90px -60px !important;
}

.highslide-controls .highslide-move a {
  background-position: -120px 0;
}

.highslide-controls .highslide-move a:hover {
  background-position: -120px -30px;
}

.highslide-controls .highslide-full-expand a {
  background-position: -150px 0;
}

.highslide-controls .highslide-full-expand a:hover {
  background-position: -150px -30px;
}

.highslide-controls .highslide-full-expand a.disabled {
  background-position: -150px -60px !important;
}

.highslide-controls .highslide-close a {
  background-position: -180px 0;
}

.highslide-controls .highslide-close a:hover {
  background-position: -180px -30px;
}

/* подсказка */

#easyTooltip {
  position: absolute;
  padding: 5px;
  border: 1px solid grey;
  color: #cecece;
  max-width: 300px;
  background-color: #333;
  /* box-shadow: 0 0 1px #000; */
  z-index: 1000;
}

#easyTooltip h4, #easyTooltip p {
  margin: 0.25em 0;
}

/*Закладки социальные */

#share42 {
  display: inline-block;
  padding: 6px 0 0 6px;
  background: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
}

#share42:hover {
  background: #f6f6f6;
  border: 1px solid #d4d4d4;
  box-shadow: 0 0 5px #ddd;
}

#share42 a {
  opacity: 0.9;
}

#share42:hover a {
  opacity: 0.9;
}

#share42 a:hover {
  opacity: 1;
}

#share42 a {
  position: relative;
}

#share42 a span {
  display: none;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 100%;
  height: 19px;
  margin-left: 5px;
  padding: 0 5px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #aaa;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  text-align: center;
  color: #666;
  font: 12px/20px Arial, sans-serif;
}

#share42 a:hover span {
  display: block;
}

#share42 a span:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -5px;
  margin-top: -3px;
  width: 5px;
  height: 7px;
  background: url(data:image/gif;base64,R0lGODlhBQAHAJEDAKqqqsnJyf///////yH5BAEAAAMALAAAAAAFAAcAAAIMnBEXMijiXlts1lkAADs=) no-repeat;
}

/* Общие классы */

.coop1, .coop0, .multi1, .multi0 {
  box-sizing: border-box;
  font-size: 14pt;
  line-height: 100%;
  font-weight: bold;
  width: 340px;
  margin: 5px 15px;
  text-align: center;
  padding: 14px 0;
  display: inline-block;
  color: #fff;
}

.coop1, .multi1 {
  background-image: linear-gradient(#1EA7E0, #0772B9);
  box-shadow: 3px 3px 4px #bcbcbc;
}

.coop0, .multi0 {
  background-image: linear-gradient(#807f7f 0%, #52504f 100%);
  color: darkgrey;
}

.meta {
  color: #fff;
  font-weight: 700;
  font-size: 22px;
  line-height: 23px;
  position: relative;
  height: 50px;
  background: url(../images/meta.png) no-repeat;
  background-position: center;
  padding-right: 23px;
  padding-top: 12px;
  margin-top: 10px;
  margin-bottom: 0;
  margin-left: 661px;
  width: 96px;
  text-align: right;
}

.top_sign {
  position: absolute;
  left: -45px;
  bottom: 4px;
  display: inline-block;
  height: 50px;
  width: 50px;
}

.news .article .top_sign {
  position: absolute;
  bottom: auto;
  left: 230px;
  top: 10px;
}

.top_sign:hover {
  filter: brightness(130%);
}

.top_sign1 {
  display: block;
  float: right;
  height: 50px;
  width: 50px;
  margin-top: 4px;
}

.top_sign1:hover {
  filter: brightness(130%);
}

.top2017 {
  background: url(/uploads/pictures/top2017.png) 50% no-repeat;
  border-bottom: none !important;
}

.top2018 {
  background: url(/uploads/pictures/top2018.png) 50% no-repeat;
  border-bottom: none !important;
}

.top2016 {
  background: url(/uploads/pictures/top2016.png) 50% no-repeat;
  border-bottom: none !important;
}

.top2015 {
  background: url(/uploads/pictures/top2015.png) 50% no-repeat;
  border-bottom: none !important;
}

.metacritic {
  float: right;
  width: 120px;
  height: 98px;
  background-color: #00ac37;
}

.metacritic1 {
  width: 120px;
  height: 54px;
  padding: 10px 10px 10px 10px;
}

/* Drop down */

#dropmenudiv {
  background-color: #fff;
  min-width: 200px;
  border: 1px solid #999;
  margin-top: 5px;
}

#dropmenudiv a {
  display: block;
  padding: 5px 10px;
  border-bottom: 1px solid #a9a9a9;
}

#dropmenudiv a:hover {
  background-color: #0772B9;
  color: #fff;
  opacity: 1 !important;
}

#dropmenudiv a:last-child {
  border-bottom: none;
}

/* КОММЕНТЫ */

#dle-comments-list .comm_hide, #blog-content #dle-ajax-comments .comment, #dle-comments-list .comment {
  margin-bottom: 15px;
  border-bottom: 1px solid #d4d4d4;
  padding: 5px 10px 20px 10px;
  position: relative;
}

#dle-comments-list .comment a {
  border-bottom: none;
}

#dle-comments-list .user-comment a {
  word-break: break-word;
}

#dle-comments-list .comm_hide {
  color: #a9a9a9;
}

#dle-comments-list .comm_hide a {
  color: #fff;
  margin-left: 15px;
  text-transform: capitalize;
  background-color: #a9a9a9;
  padding: 3px 6px;
  border-radius: 10px;
}

#dle-comments-list .comm_hide a:hover {
  background-color: #0772B9;
}

#dle-comments-list .comment.oplus {
  background-color: rgba(0, 128, 0, 0.1);
}

#dle-comments-list .comment.ominus {
  background-color: rgba(255, 0, 0, 0.1);
}

#dle-comments-list .comment .user {
  width: 100px;
  text-align: center;
}

#dle-comments-list .comment .user .user-avatar {
  position: relative;
}

#dle-comments-list .comment .user .user-avatar img {
  border-radius: 200px;
  width: 80px;
  height: 80px;
  vertical-align: middle;
  border: 2px solid #d4d4d4;
}

#dle-comments-list .comment .user .user-avatar:after {
  content: '';
  position: absolute;
  left: 18px;
  top: 2px;
  width: 13px;
  height: 13px;
  border-radius: 10px;
  border: 1px solid #fff;
  background-color: darkgrey;
}

#dle-comments-list .comment .user .user-avatar.online:after {
  background-color: #0772B9;
}

#dle-comments-list .comment .user .group {
  margin: 10px 0;
}

#dle-comments-list .comment .user .author {
  font-weight: bold;
  word-wrap: break-word;
}

#dle-comments-list .comment .user .author:hover {
  text-decoration: underline;
}

#dle-comments-list .comment .message {
  width: calc(100% - 110px);
}

#dle-comments-list .comment .message .action-panel .author {
  margin-right: 10px;
  color: #74a550;
  font-size: 0.9em;
}

#dle-comments-list .comment .message .action-panel .author:hover {
  text-decoration: underline;
}

#dle-comments-list .comment .message .action-panel .comment-link, #dle-comments-list .comment .message .action-panel .date {
  color: #a9a9a9;
  margin-right: 15px;
  font-size: 0.91em;
}

#dle-comments-list .comment .message .action-panel .date {
  font-size: 0.75em;
  padding-top: 2px;
}

#dle-comments-list .comment .message .action-panel .comment-link:hover {
  color: #74a550;
}

#dle-comments-list .comment .message .signature {
  margin-top: 15px;
  border-top: 1px solid #d4d4d4;
  padding-top: 15px;
  font-size: 0.85em;
  color: #a9a9a9;
  word-break: break-word;
}

#dle-comments-list .comment .message .signature img {
  max-width: 100%;
}

#dle-comments-list div:first-child .article-title a {
  border-top: 5px solid #141414;
}

#dle-comments-list .article-title a {
  display: block;
  font-size: 1.05em;
  position: relative;
  color: #74a550;
  background-color: #252525;
  padding: 20px;
  margin-bottom: 10px;
}

#dle-comments-list .article-title a:after {
  position: absolute;
  left: 50px;
  bottom: 0;
  content: '';
  width: 20px;
  height: 20px;
  background: url(../images/triangle.png) no-repeat;
  background-position: center;
  display: block;
}

.title_quote, #dle-comments-list .comment .text .title_quote {
  background-color: #ddd;
  width: 100%;
  padding: 5px 10px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-bottom: none;
  color: #000;
}

.title_quote+.quote, #dle-comments-list .comment .text .title_quote+.quote {
  margin-top: 0;
  border-top: none;
}

.quote, #dle-comments-list .comment .text .quote {
  background-color: #ebebeb;
  width: 100%;
  padding: 5px 10px;
  box-sizing: border-box;
  margin-bottom: 10px;
  margin-top: 5px;
  border: 1px solid #ccc;
  color: #000;
}

.quote+br {
  display: none;
}

.quote img {
  max-width: 100%;
}

.full-story-content .quote .btn-small {
  margin: 10px auto 5px;
  padding-bottom: 11px;
}

.full-story-content h2 {
  font-family: 'Cuprum';
  font-size: 34px;
}

.full-story-content h3 {
  font-family: 'Cuprum';
  font-size: 26px;
}

.full-story-content h4 {
  font-family: 'Cuprum';
  font-size: 23px;
}

/* Превью статьи */

.full-story-preview {
  color: rebeccapurple;
}

/* / Превью статьи */

/* Пользовательские комментарии */

.user-comment {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 0.95em;
  word-wrap: break-word;
}

.user-comment img {
  padding: 5px;
  max-width: 100%;
  vertical-align: top;
  box-sizing: border-box;
}

.user-comment .titleSpoilerForum+.textSpoiler, .user-comment .title_quote+.quote {
  margin-top: 0;
  border-top: none;
}

.user-comment a {
  color: #1EA7E0;
}

.user-comment a:hover {
  text-decoration: underline;
}

.static-page ul, .static-page ol, .full-story-content ul, .full-story-content ol, .user-comment ol, .user-comment ul {
  padding: 5px 0 5px 25px;
}

.static-page ul, .full-story-content ul, .user-comment ul {
  list-style: square;
}

.static-page ol, .full-story-content ol, .user-comment ol {
  list-style: decimal;
}

.user-comment .title_quote {
  background-color: #efefef;
  width: 100%;
  padding: 5px 10px;
  margin-top: 10px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-bottom: none;
  border-left: 3px solid #74a550;
}

.user-comment .quote {
  background-color: #efefef;
  width: 100%;
  padding: 5px 10px;
  margin-top: 10px;
  box-sizing: border-box;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-left: 3px solid #74a550;
}

.user-comment .quote .btn {
  margin: 15px auto 5px;
}

.user-comment .titleSpoilerForum, .title_spoiler {
  position: relative;
  border: 1px solid #a9a9a9;
  background-color: #efefef;
  /* margin-top: 5px; */
  text-align: left;
  width: 100%;
  height: 43px;
  box-sizing: border-box;
  border-left: 3px solid #74a550;
  font-weight: bold;
}

.user-comment .titleSpoilerForum {
  margin-top: 5px;
}

.user-comment .titleSpoilerForum a:last-child, .title_spoiler a:last-child {
  padding: 13px 10px 5px 38px;
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  left: -1px;
  top: 0;
  right: -1px;
  bottom: -1px;
}

.user-comment .titleSpoilerForum img, .title_spoiler img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  padding: 13px;
}

.user-comment .textSpoiler, .text_spoiler {
  width: 100%;
  background-color: #ebebeb;
  padding: 10px;
  box-sizing: border-box;
  margin-top: 10px;
  border-bottom: 1px solid #a9a9a9;
  border-right: 1px solid #a9a9a9;
  border-left: 1px solid #a9a9a9;
  border-left: 3px solid #74a550;
}

.user-comment .titleSpoilerForum:hover>a:last-child, .title_spoiler:hover>a:last-child {
  background-color: #74a550;
  color: #fff;
}

.user-comment .titleSpoilerForum+.textSpoiler, .title_spoiler+.text_spoiler {
  margin-top: 0;
}

.static-page ul, .user-comment ul {
  list-style: disc;
}

.static-page ol, .user-comment ol {
  list-style: decimal;
}

/* / Пользовательские комментарии */

#dle-comments-list .comment:hover .message .action-panel .actions .complaint, #dle-comments-list .comment:hover .message .action-panel .actions .moderation, #dle-comments-list .comment:hover .message .action-panel .actions .quote-btn {
  display: block;
  margin: -2px 6px 0 6px;
}

#dle-comments-list .comment .message .action-panel .actions .quote-btn {
  width: 20px;
  height: 18px;
  display: none;
  cursor: pointer;
  margin: -2px 6px 0 6px;
  position: relative;
}

#dle-comments-list .comment .message .action-panel .actions .quote-btn.quote-bordered:before {
  position: absolute;
  content: '\f10e';
  font-family: FontAwesome;
  color: #cacaca;
  top: 2px;
}

#dle-comments-list .comment .message .action-panel .actions .quote-btn.answer:before {
  position: absolute;
  content: '\f075';
  font-family: FontAwesome;
  color: #cacaca;
}

#dle-comments-list .comment .message .action-panel .actions .quote-btn:hover:before {
  color: #1EA7E0;
}

#dle-comments-list .comment .message .action-panel .actions .rating {
  padding: 0 10px;
  margin-top: -5px;
  margin-bottom: 3px;
}

#dle-comments-list .comment .message .action-panel .actions .moderation {
  background: url('../images/gear.png') no-repeat;
  background-position: center;
  width: 20px;
  height: 18px;
  display: none;
  cursor: pointer;
  margin: 0 7px;
  position: relative;
  z-index: 100;
}

#dle-comments-list .comment .message .action-panel .actions .moderation ul {
  display: none;
  background-color: #fff;
  border: 1px solid #999;
}

#dle-comments-list .comment .message .action-panel .actions .moderation ul li {
  border-bottom: 1px solid #a9a9a9;
}

#dle-comments-list .comment .message .action-panel .actions .moderation ul a {
  display: block;
  padding: 5px 10px;
}

#dle-comments-list .comment .message .action-panel .actions .moderation ul a:hover {
  background-color: #0772B9;
  color: #fff;
}

#dle-comments-list .comment .message .action-panel .actions .moderation ul li:last-child {
  border-bottom: none;
}

#dle-comments-list .comment .message .action-panel .actions .moderation:hover {
  background: url('../images/gear-hover.png') center no-repeat;
}

#dle-comments-list .comment .message .action-panel .actions .moderation:hover ul {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
}

#dle-comments-list .comment .message .action-panel .actions .complaint {
  width: 20px;
  height: 18px;
  display: none;
  margin-right: 3px;
}

#dle-comments-list .comment .message .action-panel .actions .complaint:before {
  content: '\f071';
  position: absolute;
  font-family: FontAwesome;
  color: #cacaca;
  top: 4px;
}

#dle-comments-list .comment .message .action-panel .actions .complaint:hover:before {
  color: #ff6600;
}

#dle-comments-list .comment .message .action-panel .actions .rating a {
  min-width: 15px;
  height: 18px;
  background: no-repeat center;
  display: inline-block;
  vertical-align: middle;
}

#dle-comments-list .comment .message .action-panel .actions .rating .value {
  color: #a9a9a9;
  margin: 0 5px;
  text-align: center;
}

#dle-comments-list .comment .message .action-panel .actions .rating.oplus .value {
  color: #74a550;
}

#dle-comments-list .comment .message .action-panel .actions .rating.ominus .value {
  color: #b80000;
}

#dle-comments-list .comment .message .action-panel .actions .rating .down {
  background-image: url('../images/comment-down.png');
  vertical-align: -6px;
}

#dle-comments-list .comment .message .action-panel .actions .rating .up {
  background-image: url('../images/comment-up.png');
  vertical-align: -2px;
}

#dle-comments-list .comment .message .action-panel .actions .rating .down:hover {
  background-image: url('../images/comment-down-hover.png');
}

#dle-comments-list .comment .message .action-panel .actions .rating .up:hover {
  background-image: url('../images/comment-up-hover.png');
}

#dle-comments-list .comment .comment-actions {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

#dle-comments-list .comment .comment-actions input {
  width: 16px;
  height: 16px;
  vertical-align: -3px;
  margin-right: 2px;
  cursor: pointer;
}

/* Добавление комментариев */

.add-comments {
  margin-top: 30px;
}

.add-comments .editor {
  margin: 10px 0;
}

.btn {
  padding: 8px 7px;
  color: darkgrey;
  margin: 0 5px;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  display: inline-block;
  border-radius: 2px;
  text-decoration: none !important;
  border: 1px solid transparent;
}

.btn.btn-mini {
  padding: 3px 4px;
  font-size: 13px;
}

.btn.btn-lg {
  padding: 10px 15px;
  font-size: 1.1em;
}

.btn.btn-xs {
  padding: 20px 75px;
  font-size: 1.2em;
}

.btn:not(input):empty {
  display: none;
}

.btn:hover {
  text-decoration: none;
}

.btn.btn-count {
  color: #000;
  margin-left: 0;
  font-size: 12px;
  background-color: #fff;
  padding: 11px 8px 9px;
  border: #b2b2b2 1px solid;
}

.btn.btn-count:hover {
  background-color: #e5e5e5;
}

.btn.btn-friends {
  color: white;
}

.btn.btn-success, .btn.btn-inverse, .btn.btn-info, .btn.btn-warning, .btn.btn-danger, .btn.btn-primary {
  color: #fff;
  border: 1px solid;
}

.btn.btn-success {
  background-color: #0772B9;
  border-color: #1EA7E0;
}

.btn.btn-success:hover {
  background-color: #1EA7E0;
  border-color: #1EA7E0;
}

p.btn.btn-success:hover {
  background-color: #0772B9;
  border-color: #1EA7E0;
}

.btn.btn-inverse {
  background-color: #252525;
  border-color: #252525;
}

.btn.btn-inverse:hover {
  background-color: #666666;
  border-color: #666666;
}

.btn.btn-danger {
  background-color: #da4f49;
  border-color: #da4f49;
}

.btn.btn-danger:hover {
  background-color: #942a25;
  border-color: #942a25;
}

p.btn.btn-danger:hover {
  background-color: #942a25;
  border-color: #942a25;
}

.btn.btn-primary {
  background-color: #006dcc;
  border-color: #006dcc;
}

.btn.btn-primary:hover {
  background-color: #003399;
  border-color: #003399;
}

.btn, .btn.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn:hover, .btn.btn-default:hover {
  background-color: #ebebeb;
  border-color: #adadad;
}

.btn:active, .btn.btn-default:active {
  background-color: #ebebeb;
  border-color: #adadad;
}

.btn.btn-info {
  background-color: #49afcd;
  border-color: #49afcd;
}

.btn.btn-info:hover {
  background-color: #24748c;
  border-color: #24748c;
}

.btn.btn-warning {
  background-color: #faa732;
  border-color: #faa732;
}

.btn.btn-warning:hover {
  background-color: #c67605;
  border-color: #c67605;
}

p.btn.btn-warning:hover {
  background-color: #c67605;
  border-color: #c67605;
}

.filtered .fa-filter {
  color: #1EA7E0;
}

.coopfriends {
  background: #252525 url('../images/coopfriends.png') no-repeat;
  background-position: left 7px top 5px;
  padding-left: 38px;
}

.coopfriendsmini {
  background: #252525 url('../images/coopfriendsmini.png') no-repeat;
  opacity: 0.5;
}

.coopfriendsmini:hover {
  opacity: 1;
}

/*---BB Редактор---*/

/*---BB коды---*/

/* различие bbcodes и bbcodes_poll исключительно в длине кнопки */

/* класс bbcodes используем в списке персональных сообщений (pm.tpl) и по умолчанию в модуле редактора сообщений*/

.bbcodes {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 2px 7px 2px;
  margin-bottom: 0;
  font-size: 11px;
  line-height: 14px;
  border: 1px solid #dbdbdb;
  padding: 2px 6px;
  color: #fff;
  text-align: center;
  /*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -ms-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient( linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(top, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  *margin-left: 0.3em;
  background-color: #51a351;
}

.bbcodes:hover {
  text-decoration: none;
  background-color: #51a351;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.bbcodes_poll {
  background-color: #ffffff;
  border: 1px solid #1434b0;
  color: #fff;
  width: 100px;
  height: 20px;
  font-weight: bold;
}

/*---BB Редактор---*/

.bb-pane {
  overflow: hidden;
  padding-bottom: 5px;
  padding-left: 5px;
  margin: 0;
  height: auto !important;
  text-decoration: none;
  background-image: -webkit-gradient( linear, left 0%, left 100%, from(#fbfbfb), to(#eaeaea));
  background-image: -webkit-linear-gradient(top, #fbfbfb, 0%, #eaeaea, 100%);
  background-image: -moz-linear-gradient(top, #fbfbfb 0%, #eaeaea 100%);
  background-image: linear-gradient(to bottom, #fbfbfb 0%, #eaeaea 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#EAEAEA', GradientType=0);
  border-radius: 3px 3px 0 0;
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  box-shadow: none !important;
}

.bb-pane>b {
  margin-top: 5px;
  margin-left: 0;
  vertical-align: middle;
}

.bb-pane .bb-btn+.bb-btn, .bb-pane .bb-btn+.bb-pane, .bb-pane .bb-pane+.bb-btn, .bb-pane .bb-pane+.bb-pane {
  margin-left: -1px;
}

.bb-btn {
  display: inline-block;
  overflow: hidden;
  float: left;
  padding: 4px 10px;
  /*border: 1px solid #d4d4d4;*/
  -webkit-box-shadow: inset 0 1px 2px white;
  -moz-box-shadow: inset 0 1px 2px white;
  box-shadow: inset 0 1px 2px white;
  background-repeat: repeat-x;
  background-image: -webkit-gradient( linear, left 0%, left 100%, color-stop(0%, #fdfdfd), color-stop(100%, #e9e9e9));
  background-image: -webkit-linear-gradient(top, #fdfdfd, 0%, #e9e9e9, 100%);
  background-image: -moz-linear-gradient(top, #fdfdfd, 0%, #e9e9e9, 100%);
  background-image: linear-gradient(to bottom, #fdfdfd 0%, #e9e9e9 100%);
  color: black;
}

.bb-btn:hover {
  padding-bottom: 5px;
  padding-top: 3px;
  box-shadow: 0 -1px 5px #e1e1e1 inset;
  -webkit-transition: 0.05s ease-in-out;
  -moz-transition: 0.05s ease-in-out;
  -o-transition: 0.05s ease-in-out;
  transition: 0.05s ease-in-out;
}

.bb-btn:active {
  background: #f3f3f3;
  border-color: #cfcfcf;
  -webkit-box-shadow: 0 0 5px #f3f3f3 inset;
  -moz-box-shadow: 0 0 5px #f3f3f3 inset;
  box-shadow: 0 0 5px #c2c2c2 inset;
}

@font-face {
  font-family: 'bb-editor-font';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SDwYAAAC8AAAAYGNtYXA29C0zAAABHAAAAPRnYXNwAAAAEAAAAhAAAAAIZ2x5ZjJsQmgAAAIYAAAh4GhlYWQFqWKMAAAj+AAAADZoaGVhCAwELgAAJDAAAAAkaG10eINuAK8AACRUAAAAlGxvY2FzLnwUAAAk6AAAAExtYXhwADQA3wAAJTQAAAAgbmFtZb8AOU4AACVUAAABhHBvc3QAAwAAAAAm2AAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADx3APA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEAOAAAAA0ACAABAAUAAEAIOYB6RHpE+kw6XfpjenR6mHqaOpy6o3wA/A08DnwPvDB8M3xGPEh8SzxZvHc//3//wAAAAAAIOYA6RHpE+kw6XfpjenR6mHqaOpy6o3wA/Ax8DbwPvDB8MrxGPEh8SvxZvHc//3//wAB/+MaBBb1FvQW2BaSFn0WOhWrFaUVnBWCEA0P4A/fD9sPWQ9RDwcO/w72Dr0OSAADAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAABgAA/8AEAAPAAAMABwALABgAJQAyAAABITUhASE1IQEhNSEBNDYzMhYVFAYjIiY1ITQ2MzIWFRQGIyImNSE0NjMyFhUUBiMiJjUEAPwABAD+gP2AAoABgPwABAD8ACUbGyUlGxslAgAlGxslJRsbJf8AJRsbJSUbGyUDQID+gID+gID+QBslJRsbJSUbGyUlGxslJRsbJSUbGyUlGwAAAAIAGgAIA+gDqwAOACsAABMGFgcGFj4BNzYmJy4BBwEmDgIHDgEHBhYXHgEXHgEXHgE3PgE3PgMnjToVThE7Z3gtJQ8oKGMmA1sPncbAMTErDwYLAxQeERIWCgIHCBQ5MTGkmGQPARY5flcUDBIyKyVhKCcPJQKVD2OVoTEwOBQIBwIKFRERHhMECgYPKjAwvcKbDwABAAD/wAQAA8AAKwAAATMRFA4CIyIuAjU0PgIzMhYXEQURFA4CIyIuAjU0PgIzMhYXESUDwEAjPVIuLlI9IyM9Ui4vUx7+ACM9Ui4uUj0jIz1SLi9THgJAA8D9ICE6LBkZLDohITosGRoWAXBy/hIhOiwZGSw6ISE6LBkaFgJwgAAAAAAJAAAAQAQAA0AABAAJAA4AEwAYAB0AIgAnACoAABMRIREhEyM1MxURIzUzFREjNTMVASERIREzIzUzFREjNTMVESM1MxUhESUABAD8AMCAgICAgIACQP4AAgDAgICAgICA/cABAANA/QADAP1AgIABAICAAQCAgP4AAoD9gICAAQCAgAEAgID+gMAAAAIAAAAABAADQAADAAoAACUTIQMTAxEhFyEVA0DA/MDAgIABIIABoAACAP4AAkD9wANAgIAAAAAAAgAAAEAEAQMAAB8APwAAEzIeAhUUDgIjIi4CNSc0PgIzFSIGBw4BBz4BMyEyHgIVFA4CIyIuAjUnND4CMxUiBgcOAQc+ATPhLlI9IyM9Ui4uUj0jAUZ6o11AdS0JEAcIEgkCQC5SPSMjPVIuLlI9IwFGeqNdQHUtCRAHCBIJAgAjPVIuLlI9IyM9Ui4gXaN6RoAwLggTCgIBIz1SLi5SPSMjPVIuIF2jekaAMC4IEwoCAQAAAgAA/8AEAAPAACIALwAAASIOAhUUFhcBFRQWOwE1MzUzNTM3HgEzMj4CNTQuAiMTIiY1NDYzMhYVFAYjAsBCdVcyAwL+eyUbQICAgFMaNh1CdVcyMld1QmAoODgoKDg4KAPAMld1Qg8dD/57wBslQICAUwkKMld1QkJ1VzL+wDgoKDg4KCg4AAUAAAAABAADsgAdACgAOQBGAGMAAAEmIg8BLgEjIg4CBx4BFwcGFBceATMyNjcBNjQnATIWFwcuATU0NjMFPgE3PgE3DgEVFBYXBy4BJyU0JicBHgEzMj4CNTcHHgEVHgEXDgEHDgEjIiYnBx4BMzI+AjcuAScDsg4oDsonUitUmoRqJB9YNp8ODgcSCQkSBwNgDg797iAxCnocJTgo/s4dSy4CBgMHCBkWPShCGgKSBgb+vhMnFDVdRig+RQECLksdHUsuOIFDHTkcTS1gMlSahGokImM9A7IODsoMDC9Udkc+aSifDigOBwcHBwNgDigO/s4lHHoKMSAoOMAtTRwCBAIVLBcpSx89G0YpRhQnE/6+BgYoRl01mEUBAQEcTS0tTRwkJgcHTRARL1R2R0NxKgAAAgBA/8ADwANAAAcADwAAEyEVIxEjESMBIxEjESM1IUABgICAgAOA/Ij8AoABwID+gAGAAYD9AAMAgAAABwAA/8AEAAPAAAMABwALAA8AEwAbACMAABMzFSM3MxUjJTMVIzczFSMlMxUjAxMhEzMTIRMBAyEDIwMhAwCAgMDAwAEAgIDAwMABAICAEBD9ABAgEAKAEP1AEAMAECAQ/YAQAcBAQEBAQEBAQEACQP5AAcD+gAGA/AABgP6AAUD+wAAADgAA/8AEAAPAAAMABwAPABMAFwAfACMAJwAvADMANwA/AEQASgAAATMVIzczFSMlESM1MzUjNQUzFSM3MxUjJRUzFSMRMxUTMxUjNzMVIyURIzUzNSM1BTMVIzczFSMlFTMVIxEzFQEhESERNzERIREhAYCAgMCAgAFAwIBA/kCAgMCAgP7AQIDAQICAwICAAUDAgED+QICAwICA/sBAgMACgPyAA4BA/AAEAAMAQEBAQP8AQIBAwEBAQMCAQAEAQP7AQEBAQP8AQIBAwEBAQMCAQAEAQAJA/IADgED8AAQAAAAAAQAA/8AEAAPAACQAAAEhIgYVERQWMyERIzUzNTQ2OwEVIyIGHQEzByMRMzI2NRE0JiMDVf1WR2RkRwFVgIBeQqCgDROwIJDVR2RkRwPAZEf9VkdkAcCAYEJegBMNYID+QGRHAqpHZAADAAAAAAQAAyUAIABQAGUAACURBgcGBwYHBgcGKwEiJyYnJicmJyYnERQXFjMhMjc2NRE1MTUmIwYnJgcGJyEiBwYVFBcWFxYXFhcWFxYXFjsBMjc2NzY3Njc2NzY3Njc2NTcRFAcGIyEiJyY1ETQ3NjMhMhcWFQO3EhaZWh0SEx8fGwIbHx8TEh1amRYSBgUHA0oHBQYBAQIBAgMEBPy2BwUGVG53BBARCgkQEA0NCwILDQ0QEAkKERAEd24fGhtJGxsl/LYlGxsbGyUDSiUbG1sBtxQRdkwYDg4ODg4ODg4YTHYRFP5JBwUGBgUHAlkOBwgBBgUBAQIFBQhgQldeAw4OCAcLCgUFBQUKCwcIDg4DXlcYKikiFf2SJRsbGxslAm4mGxsbGyYAAAACAAAAAAO3A24ACQBrAAABAzIXFjMyNyYnATc2NzY3Njc2NzY3GwEzFhcTFhcWFxYXFhcWFxYXFhcWFRQVBhUiJyYjIgcGIzQ/ATI3NjcyNzY3Njc2NzY1NCcmJyYnJQYHBhUUFxYXFhcWFxYzFBUUByInJiMiBwYjBiMBnmETOzshCxUxOP5iAQ0TEw4NDw8KCweIoEkEAnUTKikYCBkZEAwICycoCAQBJEhJJCxPUBYCSwEGBwICBgYDAwMEAQISEhcXAf7/Dx0dCAgREQsLFRYCASFCQyEFCgsCLT4Cd/7/AQEBkXH9iS0EAwMDAwYFCwsSAWABnggE/u0sZ2Y3Ez8/IRoHCQgIBBULAgYFAgUEBAQYFBACAQECAgICAgMEAwUJLi43OAECIk5PDg0ICQUGAgMCAgsWBgoGBgMCCAAAAAADAAAAAAMlA24AHgA9AI0AACUWMzI1NCcmJyYnJicmJyYjIgcUFRQVFAcGFxQXFhcDFjMyNzY3Njc2NTQnJicmJyYjIgcUFxYVFBUUFRQVATc2NzY3Njc2NzY3NjU0PQEQJyYnJicmJyYnJiMnNjc2MzIXMjMyFxYXFhcWFxYVFAcGBwYHBgcGBxYXFhUUBwYHBgcGBwYjIicmIyIHBgcBPSom1xcQFBMTExsbFRUhKhABAQECAwQIGCYvIyMcHA8OEBEdHCEhJh0tAgL+ywEJKCgUBAMEAQIBAgwCCwoPDw0ODg8DAjiKi0sNGhoMKCYmJCMaGxAQCgkNDRgYEhEfWDs7FBQiIS4tMDA1GTIyGjxzcxFSE8BBJhkREQoJBQUBAQYePTweBCIiFhUaGwsBqgQHCBISISEwKB4eEREICAgcOjodDx4fDxoN/gQ2AgcHCAcJCAsKCAgODQYmAjEYBQQDAwMBAQIBMAEFBgEHCBARGBgkIyseGRkQEBEQCQoNFDk4VjktLh0dFBMICAECBgYBAAEAAAAAAkkDbgBOAAA/ATY3Njc2NzY3Njc2PQEmJyYnJic3FhcWFxYzMjc2NzY3BgcGBwYHBgcGBwYHBgcGBwYHBgcGBwYHBhUXFhcGByIHBiMiJyYjJiMiBwYHAAoDKysVEAcBIyMeHg4REhYWCwsSMjIkIyEcHR0oKBADCBEpKRUEBAMCAgIDAQ8jIgoBBwYFBQQEAQpgAgcHDAwHECEhEE8nHTU0EQExAQsLChQmBKGhlpUUDwcDAwIBAjsBAwMBAQEBAwMBFxwGCgsJCg4NCgkREAhUm5wwBRwcFxgYGAkKAhAZHwEBBgUCBgUBAAIAAAAAA/0DbgAiAKQAACUyFxYPAQYjIi8BJjc2OwERIyInJj8BNjMyHwEWBwYrAREzARcWMzI3NjMyMzI7ATIXMjM2NzY3Nj8BMhcyMxYVFAcGByYnJicmJyYjJicmJyYjJiMGIyInIiMiBwYHBhcUFxYVFAcGFxYXFhcWFxYVFA8BBicmIyIHBiMmPQE2NzY3Njc2NTQnJj0BNDU0NTQ1JicmJyYjIgcGBwYHBgcGByYnNQPlEgYFDEgLERAMSAsFBRMuLhMFBQtIDBARC0gMBQYSLi78SR8HchkyMhoUKSkUqAMJCAQDBgYEBAQYAwUGAgECFxAPEAIEBQQDAQMEAwYFAgIICQEKHBwODxYWEwUBAQEBAgIBBhcwMBQDAhMrUlElHDo6HQIKGRofHw0LAgEBAQECBlYTIyILCwkICgkPGAiSCgsPXA8PXA8LCgJJCwsOXQ8PXQ4LC/23AtsPAwEBAQEBAQQEBgEBQIAuEAgCGTAFFhYUFAUDAgEBAQEBAQEDLh82qKhcCSAgFBUTDAwMCRcGCAgBAQYFBQUdAQUPCQoHBwgYwzpzdDpCAgcIBwYICAYGAgcHBwgHIiIeHQEOC9sAAAQAAABJBAADbgAUACkAPgBTAAAlFRQHBiMhIicmPQE0NzYzITIXFhUnFRQHBiMhIicmPQE0NzYzITIXFhU3FRQHBiMhIicmPQE0NzYzITIXFhUnFRQHBiMhIicmPQE0NzYzITIXFhUEAAsLD/xKDwsLCwsPA7YPCwvbCwsP/SUPCwsLCw8C2w8LC5ILCw/8kw8LCwsLDwNtDwsL3AoLD/1uDwsLCwsPApIPCwq3SQ8LCwsLD0kPCwoKCw/bSQ8LCgoLD0kPCwsLCw/cSQ8LCwsLD0kPCgsLCg/bSQ8LCwsLD0kPCwsLCw8AAAAABAAAAEkEAANuABQAKQA+AFMAACUVFAcGIyEiJyY9ATQ3NjMhMhcWFScVFAcGIyEiJyY9ATQ3NjMhMhcWFTcVFAcGIyEiJyY9ATQ3NjMhMhcWFScVFAcGIyEiJyY9ATQ3NjMhMhcWFQQACwsP/EoPCwsLCw8Dtg8LC9sLCw/+AA8LCwsLDwIADwsLkgsLD/zcDwsLCwsPAyQPCwvcCgsP/pIPCwoKCw8Bbg8LCrdJDwsLCwsPSQ8LCgoLD9tJDwsKCgsPSQ8LCwsLD9xJDwsLCwsPSQ8KCwsKD9tJDwsLCwsPSQ8LCwsLDwAAAAAEAAAASQQAA24AFAApAD4AUwAAJRUUBwYjISInJj0BNDc2MyEyFxYVNRUUBwYjISInJj0BNDc2MyEyFxYVNRUUBwYjISInJj0BNDc2MyEyFxYVNRUUBwYjISInJj0BNDc2MyEyFxYVBAALCw/8Sg8LCwsLDwO2DwsLCwsP/SUPCwsLCw8C2w8LCwsLD/yTDwsLCwsPA20PCwsLCw/9bg8LCgoLDwKSDwsLt0kPCwsLCw9JDwsKCgsP20kPCwoKCw9JDwsLCwsP3EkPCwsLCw9JDwoLCwoP20kPCwsLCw9JDwsLCwsPAAAABAAAAEkEAANuABQAKQA+AFMAACUVFAcGIyEiJyY9ATQ3NjMhMhcWFTUVFAcGIyEiJyY9ATQ3NjMhMhcWFTUVFAcGIyEiJyY9ATQ3NjMhMhcWFTUVFAcGIyEiJyY9ATQ3NjMhMhcWFQQACwsP/EoPCwsLCw8Dtg8LCwsLD/xKDwsLCwsPA7YPCwsLCw/8Sg8LCwsLDwO2DwsLCwsP/EoPCwsLCw8Dtg8LC7dJDwsLCwsPSQ8LCgoLD9tJDwsKCgsPSQ8LCwsLD9xJDwsLCwsPSQ8KCwsKD9tJDwsLCwsPSQ8LCwsLDwAAAAQAAAAABEkDbgAQABcALABBAAABFAcGIyInJjU0NzYzMhcWFQURITU3FwElISIHBhURFBcWMyEyNzY1ETQnJiMXERQHBiMhIicmNRE0NzYzITIXFhUBbiAgLi4gICAgLi4gIAJJ/Nu3XAEkASX8bQcFBgYFBwOTBwYFBQYHWxsbJfxtJRsbGxslA5MlGxsCbi4gICAgLi0gICAgLdz/AG63XAElpQYFCP1JBwUGBgUHArcIBQYT/UklGxsbGyUCtyYbGxsbJgAAAwAJAAkDrgOuACsAVwCAAAABNC8BJiMiBxYXFhcWFxYXFhUUBwYjIicmJyYnJicmJwYVFB8BFjMyPwE2NQE0LwEmIyIPAQYVFB8BFjMyNyYnJicmJyYnJjU0NzYzMhcWFxYXFhcWFzY1ARQPAQYjIi8BJjU0NycGIyIvASY1ND8BNjMyHwEWFRQHFzYzMh8BFhUDQBB3EBcYEQIJCQMDBgUCAhAQFwgHBwgHBAMJCQISEHUQFxcQVBD+bhB1EBcXEFQQEHcPGBgRAgkJAwQFBQICEBAWCQcHCAcEAwkJARMCADFUL0VFL3YwMzMxRUUwdzAxVC9FRS92LzIyMkVFMHcwAQAXEHcQEwEJCQMEBwgHBwkWEBACAgUFBAMJCQISGBcQdhAPVBAWAZMXEHYQD1QQFhcQdw8RAgkJAwQHCAcHCBcQEAICBQYDAwkJAhIY/m1FL1MwMXYvRUYxMzMwdzBFRDBTMDF2MERGMjIyMHYwRQAABgAAACUEAANJABAAIQA2AEcAXABxAAA3FAcGIyInJjU0NzYzMhcWFREUBwYjIicmNTQ3NjMyFxYVBRUUBwYjISInJj0BNDc2MyEyFxYVARQHBiMiJyY1NDc2MzIXFhUFFRQHBiMhIicmPQE0NzYzITIXFhURFRQHBiMhIicmPQE0NzYzITIXFhXbICAtLiAgICAuLSAgICAtLiAgICAuLSAgAyUFBgf9SQgFBQUFCAK3BwYF/NsgIC0uICAgIC4tICADJQUGB/1JCAUFBQUIArcHBgUFBgf9SQgFBQUFCAK3BwYFki0gICAgLS4gICAgLgElLiAgICAuLiAgICAu7m4HBQYGBQduCAUFBQUIAhItICAgIC0uICAgIC7tbgcGBQUGB24HBgUFBgcBJG0IBQYGBQhtCAUGBgUIAAYACf+3BAADsgAlAE4AYwB1AIoAnwAANxQHBiMiJzcWMzI3NjU0Byc2NzY3Njc1IgciIxUjNTMVBxYXFhUTFSMmNTQ3Njc2NzY3NjU0JyYjIgcnNjc2MzIXFhUUBwYHBgcGBzM1MwUVFAcGIyEiJyY9ATQ3NjMhMhcWFQEVIzUzNDU2PQEjBgcnNzMVMwUVFAcGIyEiJyY9ATQ3NjMhMhcWFREVFAcGIyEiJyY9ATQ3NjMhMhcWFdofIC48JiAcIREMDDwPBQ4OCgoLCRITCT2/Nx0SEQHPAw0NExMTEw0OCQgOGhQxDhsbISocHRMUFxgTFAFJPAMlBQYH/UkIBQUFBQgCtwcGBfzbvz0BAQUYKU49PQMlBQYH/UkIBQUFBQgCtwcGBQUGB/1JCAUFBQUIArcHBgUZLhoaJjIaCAkQJAQgBRQTCwwKAQEeVjJCBhYVHQFmWhQKHhgYDg8NDAwNDQ4ICCEhHhAQGBcpHBgYDQ0QEA4itm4HBQYGBQduCAUFBQUIAgI5ORcvLhcHChUrSefdbgcGBQUGB24IBQUFBgcBJG0IBQYGBQhtCAUGBgUIAAADAAAAAAQAA24AFAA7AG4AAAEyFxYdARQHBiMhIicmPQE0NzYzISUmJyY1NDc2MzIXFhcWFxYVFA8BLwEmJyYjIgcGFRQXFhcWFxYXIQUzFhUUBwYHBgcGBwYjIi8BJicmPQE0JyY/ATU3FhcWFxYXFhcWFxYzMjc2NzY1NCcmJwPuCAUFBQUI/CQIBQUFBQgD3P0mEA0cTUyVHEMmPwYGCAMHMAgcHjNFQiYnJiZ5KDshFv5XASLrBBgNGxYpLSouRkEvUCAJBAEBAQE6CQgJBAQDFBoYJCIpJSssGRsuEzsBtwUFCCUIBQUFBQglCAUFJBQaODRnSUkLBxUVLkYjCg8CAwJVIDQiITIqJicjDBoQDpIWHkA6HxwUGhwKDA0XCQcFCAc+GxEWFRkBExUVCwsFIBUVDAwPDyIjJzAqEBgAAAACAAAAAANuA24AaAB9AAATJi8BNjMyFxYzMjc2NzI3FRcVBiMiBwYVFBcUFR8BFhcWFxYzMjc2NzY3Njc2NTQnJicmLwEmJyYPASc3MxcWNxcWFRQHBgcGBwYVFBcUFRYXFgcGBwYHBgcGIyInJicmJyY9ATQnJicBNTQnJiMhIgcGHQEUFxYzITI3NjUbFQQCBxAiHksUMS9CESARASIlIgsIAQEIAxoUIzIzOzIgGBwKFAoMAgIEBQMCAwsUGDkIATB1K0UKBAMZFykECAEFCAMMCA8WKis9PlRfQ0QiIw0JCg5GA1MFBgj8twgFBQUFCANJCAYFAzcCATIBAwQCAgEBCCUFBQ4IRAcLCwSDoEYtIhMaEAoTFBAgISpZLRwcKioyIScMFAEBAjEGAggBFggEDQcBBgMJDwQLDAYL13A+KxslISESExsaKyxELVq+bA4VAfzbJQgFBQUFCCUIBQUFBQgAAAAFAAAAAANuA24AIAAxAEIAYwB8AAABBgcGIyInJicmNzY3NhcWFxYXFjMyNzY3Njc2FxYXFgclFAcGIyInJjU0NzYzMhcWFSEUBwYjIicmNTQ3NjMyFxYVFzQnJicmJyYjIgcGBwYHBhUUFxYXFhcWMzI3Njc2NzY1MxQHBgcGIyInJicmNTQ3Njc2MzIXFhcWFQKIFTo6SEk5OhUFBwcPDg0OBA8mJzAwJicOBQ4NDw4HBwX+5hYVHh8VFhYVHx4VFgEkFRYeHhYVFRYeHhYVkx4dMTBEREpKREQxMR0dHR0xMURESkpERDAxHR5JOztlZXd4ZGU7Ozs7ZWR4d2VlOzsBUUYqKioqRg4NDgQFBwcPLR0cHB0tDwcHBQQODQ74HhYVFRYeHhYVFRYeHhYVFRYeHhYVFRYekkpERDAxHR4eHTEwRERKSkREMTEdHR0dMTFEREp4ZGU7Ozs7ZWR4d2VlOzs7O2VldwAAAwAaAAsELwMaABoALwBKAAAlBwYjIicBJjU0NwE2MzIfARYVFA8BFxYVFAcBAwYHBi8BJicmNxM2NzYfARYXFgcJAQYjIi8BJjU0PwEnJjU0PwE2MzIXARYVFAcBYR0GBwgF/vUFBQELBQgHBh0FBeHhBQUBUdUCBwYHJAcEAwLVAgcGByQHBAQDAXj+9QUIBwYcBgbg4AYGHAYHCAUBCwUFlxwGBgEKBgcIBQELBQUdBgcHBuHgBgcIBgJi/R4HBAMCCgIGBwcC4ggDBAIKAgcGCP6M/vYGBhwGCAcG4OEGBwcGHQUF/vUFCAcGAAAAAgADAEkDbQNiACMAVQAAJRUjLwEmJyMHBg8BIzUzNycjNTMXFhcWFzM2PwIzFSMHFzMBFSEnJjU0NzY3Njc2NzY3NjU0JyYjIgcGByc2NzYzMhcWFRQHBgcGBwYHBgcGBzM1MwIBjlsOBAICBQYIWZNJcWpOnVABDAQCAgIEDlCTR2l0PwFs/toCAg8PFhYaGhYWDw8RERcdGwgMPA8VLzw/JycODhYVGRkWFhAPAoVIqWCQGAUHDAsOj2Cmm2CCAhYFBwUHGIJgmKkBhHYPEAskHh8TExISDQ0SEhMVDg4WBhA1FRElIiI5IBsbEBEREA0MERETLgACAAP/twNuAkoAIwBTAAAlFSMvASYnIwcGDwEjNTM3JyM1MxcWFxYXMzY/AjMVIwcXMwUVIScmNTQ3Njc2NzY3Njc2NTQnJiMiBwYHJzY3NjMyFxYVFAcGBwYHBgcGBzM1MwIBjlsOBAICBQYIWZNJcWpOnVABDAQCAgIEDlCTR2l0PwFt/toCAg8PFhYaGhYWDw8RERcdGwgMPA8VLj0/JycUFBwcHRwVFgKFSKlgkBgFBwwLDo9gpptgggIWBQcFBxiCYJipfHYPGgEkHh8TExISDQ0SEhMVDg4WBhA1FRElIiI5Jh4eExMQERMUFi4AAAAADAAAAAADbgNuAAoAEgAbADAAQwBlAHAAkQCfALIAxwDcAAAlNTQjIgcVFjMyNTczNTQjIh0BJRUjFSM1IzUzFxUjNQYjIicmPQEzFRQXFjMyNzUzFxUUBwYjIicVIxEzFTYzMhcWFRcVFAcGBwYjIicmPQE0NzYzMhcWHQEjFRQzMjc0NTQ9ATMBFRQjIj0BNDMyFQE0JyYnJicmIyIHBgcGBwYVFBcWFxYXFjMyNzY3Njc2NQE3IwcnIxcxFxYXFTM1FzU0JyYjIgcGHQEUFxYzMjc2NRczNSMVBiMiJzQ9ASMVFBcWMzI3FSURFAcGIyEiJyY1ETQ3NjMhMhcWFQINEAoJCQoQaSYTE/66LiothXMmFxUTBQMlAQEICw0mkAQHFxQTJycSFRcHBI8BAgYQHh4QDAsRHR0PDEwUDQQn/v8TEhITATALBRMTGU2enU4ZExIGCwsGEhMYT52dThkSEwYL/lEzKx0eLQ4NFAYrpQwRHB0PDAwPHRwRDGcnJwwMCAEnBAYSFRcBIDEwRP3cRDEwMDFEAiREMDHOWh0KgAkcRhMeHhOYKPLyKEjSFxoQChWmmg4BCRKgP1QeDBgYFQEaXBcYDB5KBREIDAsXFhAhSiIPFhYQISsmHQ8BAwQGDAHXWR4eWR0d/mhlMBkREQMICAMRERkyY2QwGRERAwkJAxERGTBkAXSpb28nJzsgc3MuSiERFhYRIUohERUVECJF1KISCgENnKgVCg8ZF6793EQxMDAxRAIkRDAxMTBEAAEAIwAAA90DbgCzAAAlIicmIyIHBiMiJyY1NDc2NzY3Njc2PQE0JyYjISIHBh0BFBcWFxYzFhcWFRQHBiMiJyYjIgcGIyInJjU0NzY3Njc2NzY9ARE0NTQ1NCc0JyYnJicmJyYnJiMiJyY1NDc2MzIXFjMyNzYzMhcWFRQHBiMGBwYHBh0BFBcWMyEyNzY9ATQnJicmJyY1NDc2MzIXFjMyNzYzMhcWFRQHBgciBwYHBhURFBcWFxYXMhcWFRQHBiMDwRkzMhoZMjMZDQgHCQoNDBEQChIBBxX+fhYHARUJEhMODgwLBwcOGzU1GhgxMRgNBwcJCQsMEA8JEgECAQIDBAQFCBIRDQ0KCwcHDho1NRoYMDEYDgcHCQoMDRAQCBQBBw8BkA4HARQKFxcPDgcHDhkzMhkZMTEZDgcHCgoNDRARCBQUCRERDg0KCwcHDgACAgICDAsPEQkJAQEDAwUMROAMBQMDBQzUUQ0GAQIBCAgSDwwNAgICAgwMDhEICQECAwMFDUUhAdACDQ0ICA4OCgoLCwcHAwYBAQgIEg8MDQICAgINDA8RCAgBAgEGDFC2DAcBAQcMtlAMBgEBBgcWDwwNAgICAg0MDxEICAEBAgYNT/3mRAwGAgIBCQgRDwwNAAABAAAAAQAAxj3R918PPPUACwQAAAAAANEgjwwAAAAA0SCPDAAA/7cESQPAAAAACAACAAAAAAAAAAEAAAPA/8AAAARJAAD//wRJAAEAAAAAAAAAAAAAAAAAAAAlAAAAAAAAAAAAAAAAAgAAAAQAAAAEAAAaBAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAQAQAAAAEAAAABAAAAAQAAAADtwAAAyUAAAJJAAAEAAAABAAAAAQAAAAEAAAABAAAAARJAAADtwAJBAAAAAQAAAkEAAAABAAAAAQAAAAESQAaBAAAAwQAAAMEAAAABAAAIwAAAAAACgAUAB4AbgC4APoBQAFcAbYB+gKUArIC9ANmA5oEMATSBZwGFAb4B24H5AhYCMwJMAnqCogLYgwEDLgNbg3mDmIO3A/+EPAAAQAAACUA3QAOAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABABwAAAABAAAAAAACAA4AeAABAAAAAAADABwAMgABAAAAAAAEABwAhgABAAAAAAAFABYAHAABAAAAAAAGAA4ATgABAAAAAAAKADQAogADAAEECQABABwAAAADAAEECQACAA4AeAADAAEECQADABwAMgADAAEECQAEABwAhgADAAEECQAFABYAHAADAAEECQAGABwAXAADAAEECQAKADQAogBiAGIALQBlAGQAaQB0AG8AcgAtAGYAbwBuAHQAVgBlAHIAcwBpAG8AbgAgADEALgAwAGIAYgAtAGUAZABpAHQAbwByAC0AZgBvAG4AdGJiLWVkaXRvci1mb250AGIAYgAtAGUAZABpAHQAbwByAC0AZgBvAG4AdABSAGUAZwB1AGwAYQByAGIAYgAtAGUAZABpAHQAbwByAC0AZgBvAG4AdABGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
  font-weight: normal;
  font-style: normal;
}

[class^='bb-btn'], [class*=' bb-btn'] {
  font-family: 'bb-editor-font', serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 12px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bb-sel {
  float: left;
  padding: 2px 2px 0 2px;
}

.bb-sel select {
  font-size: 11px;
}

.bb-sep {
  display: inline-block;
  float: left;
  width: 1px;
  padding: 2px;
}

.bb-btn {
  cursor: pointer;
  outline: 0;
}

#b_font select {
  padding: 0;
}

#b_size select {
  padding: 0;
}

#b_b:before {
  content: '\f032';
}

#b_i:before {
  content: '\f033';
}

#b_u:before {
  content: '\f0cd';
}

#b_s:before {
  content: '\f0cc';
}

#b_img:before {
  content: '\f03e';
}

#b_up:before {
  content: '\e930';
}

#b_emo:before {
  content: '\f118';
}

#b_url:before {
  content: '\f0c1';
}

#b_leech:before {
  content: '\e98d';
}

#b_mail:before {
  content: '\f003';
}

#b_video:before {
  content: '\e913';
}

#b_audio:before {
  content: '\e911';
}

#b_hide:before {
  content: '\e9d1';
}

#b_quote:before {
  content: '\e977';
}

#b_code:before {
  content: '\f121';
}

#b_left:before {
  content: '\f036';
}

#b_center:before {
  content: '\f037';
}

#b_right:before {
  content: '\f038';
}

#b_color:before {
  content: '\e601';
}

#b_spoiler:before {
  content: '\e600';
}

#b_fla:before {
  content: '\ea8d';
}

#b_yt:before {
  content: '\f166';
}

#b_tf:before {
  content: '\ea61';
}

#b_list:before {
  content: '\f0ca';
}

#b_ol:before {
  content: '\f0cb';
}

#b_tnl:before {
  content: '\ea61';
}

#b_br:before {
  content: '\ea68';
}

#b_pl:before {
  content: '\ea72';
}

#b_size:before {
  content: '\f034';
}

#b_font:before {
  content: '\f031';
}

#b_header:before {
  content: '\f1dc';
}

#b_sub:before {
  content: '\f12c';
}

#b_sup:before {
  content: '\f12b';
}

#b_justify:before {
  content: '\f039';
}

.bb-pane h1 {
  font-size: 36px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.bb-pane h2 {
  font-size: 30px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.bb-pane h3 {
  font-size: 24px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.bb-pane h4 {
  font-size: 18px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.bb-pane h5 {
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.bb-pane h6 {
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.bb-pane-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 180px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 11px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  background: white;
  -webkit-box-shadow: 0 1px 2px #dadada;
  -moz-box-shadow: 0 1px 2px #dadada;
  box-shadow: 0 1px 2px #dadada;
}

.bb-pane-dropdown>li>a {
  display: block;
  padding: 3px 10px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857;
  color: #333333;
  white-space: nowrap;
}

.bb-pane-dropdown>li>a:hover, .bb-pane-dropdown>li>a:focus {
  text-decoration: none;
  color: #262626;
  background-color: whitesmoke;
}

.bb-pane-dropdown .color-palette div .color-btn {
  width: 17px;
  height: 17px;
  padding: 0;
  margin: 0;
  border: 1px solid #fff;
  cursor: pointer;
}

.bb-pane-dropdown .color-palette {
  padding: 0 5px;
}

.bb-editor textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2px;
  border: 1px solid #d7d7d7;
  width: 100%;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  margin-top: -1px;
}

.bb-editor textarea:hover {
  border-color: #aaaaaa;
}

.bb-editor textarea:focus {
  border-color: #1EA7E0;
}

.editorcomm .bb-editor {
  width: 565px;
}

.editorcomm .bb-editor textarea {
  height: 200px;
}

/* Poll */

.poll {
  margin-top: 15px;
}

.poll .pollanswer {
  padding: 5px 0;
}

.poll .pollanswer input[type='radio'], .poll .pollanswer input[type='checkbox'] {
  width: 16px;
  height: 16px;
  vertical-align: -3px;
  margin-right: 2px;
  cursor: pointer;
}

.poll label {
  margin-left: 5px;
  cursor: pointer;
}

.poll .poll-panel {
  margin-top: 15px;
  padding: 5px 0;
}

.poll .voted {
  color: #999999;
}

.rounded-text {
  /* COMMON_CLASS */
  border-radius: 100px;
  background-color: #0772B9;
  padding: 2px 6px;
  color: #fff;
  font-weight: bold;
  display: inline-block;
}

/* Start ---- Modern Poll Style by http://e-div.com */

.ed_polled {
  height: 22px;
}

.ed_polled span {
  height: 20px;
}

.ed_voted {
  height: 11px;
}

.ed_voted span {
  height: 9px;
}

.ed_progress {
  border: 1px solid #ccc;
  position: relative;
  display: block;
  padding: 0;
  margin: 4px 0;
  background: #dedede;
  background: -webkit-gradient( linear, left top, left bottom, from(#ccc), to(#e9e9e9));
  background: -moz-linear-gradient(top, #ccc, #e9e9e9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#e9e9e9');
  -moz-box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.ed_progress span {
  display: block;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 0;
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: width 0.4s ease-in-out;
  -o-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
}

.ed_progress span nobr {
  font-weight: bold;
  color: #fff;
  line-height: 20px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  width: 100%;
}

.ed_progress_1 span {
  border: 1px solid #0078a5;
  background-color: #5c9ade;
  background: linear-gradient(to bottom, #00adee 10%, #0078a5 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}

.ed_progress_2 span {
  border: 1px solid #5c9425;
  background-color: #77af3f;
  background: linear-gradient(to bottom, #8fc857 10%, #5c9425 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fc857', endColorstr='#5c9425');
}

.ed_progress_3 span {
  border: 1px solid #f47a20;
  background-color: #faa51a;
  background: linear-gradient(to bottom, #faa51a 10%, #f47a20 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}

.ed_progress_4 span {
  border: 1px solid #a92c2c;
  background-color: #c44747;
  background: linear-gradient(to bottom, #dd5f5f 10%, #a92c2c 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DD5F5F', endColorstr='#A92C2C');
}

.ed_progress_5 span {
  border: 1px solid #8c2ca9;
  background-color: #8c2ca9;
  background: linear-gradient(to bottom, #bf5fdd 10%, #8c2ca9 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf5fdd', endColorstr='#8c2ca9');
}

/* End ---- Modern Poll Style by http://e-div.com */

/* / Poll */

/* Модалки */

.page-popup, .ui-dialog {
  padding: 10px;
  background-color: #252525;
  box-shadow: 0 0 10px #000;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 0.85em;
  cursor: default;
  /*position: relative;*/
  overflow: hidden;
  position: absolute;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.page-popup.resize {
  padding-bottom: 20px;
}

.ui-dialog a {
  color: #1EA7E0;
}

.ui-dialog a:hover {
  color: #fff;
}

.ui-dialog #happy_list {
  color: #000;
}

.ui-autocomplete {
  z-index: 200 !important;
}

.ui-dialog:after {
  content: '';
  clear: both;
  display: block;
}

.page-popup-title, .ui-dialog-titlebar {
  color: #fff;
  font-size: 1.2em;
  position: relative;
  margin-bottom: 10px;
}

.ui-dialog-content {
  color: #fff;
}

.lc_rules ul {
  list-style-type: square;
  margin-left: 16px;
}

.lc_rules ul li {
  list-style-type: square;
  list-style-position: outside;
}

.page-popup-close, .ui-dialog-titlebar-close {
  width: 40px;
  height: 39px;
  z-index: 5;
  display: block;
  position: absolute;
  right: -10px;
  top: -10px;
  cursor: pointer;
}

a.ui-dialog-titlebar-close.ui-corner-all:before {
  position: absolute;
  content: '\f00d';
  font-family: FontAwesome;
  color: #cecece;
  font-size: 22px;
  left: 12px;
  top: 7.5px;
}

.page-popup-close:hover, .ui-dialog-titlebar-close:hover {
  background: #282828;
}

.page-popup-close:hover:before, .ui-dialog-titlebar-close:hover:before {
  color:#0772B9 !important;
}

.ui-dialog-titlebar-close span {
  display: none;
}

.page-popup-resize {
  position: absolute;
  right: 4px;
  bottom: 2px;
  width: 40px;
  height: 20px;
  margin: 5px;
}

.page-popup-resize:before, .page-popup-resize:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 8px;
  height: 10px;
  transform: rotate(-45deg);
  border-bottom: 1px solid #aaa;
}

.page-popup-resize:before {
  right: 1px;
  bottom: 2px;
  width: 14px;
  height: 14px;
  transform: rotate(-45deg);
}

.ui-dialog textarea {
  resize: vertical;
  width: 100% !important;
  box-sizing: border-box;
  margin-bottom: 5px;
}

.ui-dialog-buttonset button {
  padding: 8px 7px;
  color: #fff;
  margin-left: 10px;
  cursor: pointer;
  border: none;
  font-family: inherit;
  font-size: inherit;
  background-color: #0772B9;
  min-width: 100px;
}

.ui-dialog-buttonset {
  float: right;
  margin-top: 10px;
}

.ui-dialog-buttonset button:first-child {
  background-color: #a9a9a9;
}

.ui-dialog-buttonset button:hover {
  background-color: #1EA7E0;
}

.ui-dialog .PopupElementInput {
  width: 100%;
  padding: 5px 10px;
  box-sizing: border-box;
}

/*  */

.hsep {
  height: 5px;
  border-bottom: 1px solid #cbcbcb;
  clear: both;
}

/* Рейтинг */

.ostats {
  display: none;
  background: #e5e5e5;
  background: rgba(0, 0, 0, 0.15);
  width: 270px;
  padding: 10px;
  border-radius: 5px;
  position: absolute;
  z-index: 999;
}

.ostats h4 {
  text-align: left;
  padding: 0 0 0 17px;
  margin: 0;
  border-bottom: 1px solid #eee;
  background: #fafafa url('../dleimages/orating_h4.png') repeat-x;
  border-radius: 3px 3px 0 0;
  height: 35px;
  font: normal 13px/35px Tahoma, Arial;
  color: #999;
  cursor: move;
}

.ostats_area {
  background: #fff;
  border-radius: 3px;
  padding-bottom: 1px;
}

.oclose {
  width: 22px;
  height: 22px;
  background: url('../dleimages/oclose.png') no-repeat;
  float: right;
  margin: -3px -3px;
  border: 0;
  text-decoration: none;
}

.oclose:hover {
  background-position: 0 -22px;
}

.oclose:active {
  background-position: 0 -44px;
}

.ostats ul {
  list-style: none;
  margin: 0;
  padding: 0;
  float: none;
  height: auto;
}

.ostats ul li {
  display: block;
  background: url('../dleimages/oarrow.png') no-repeat;
  background-position: 10px 0;
  border-bottom: 1px dotted #eee;
  padding: 0 10px 0 32px;
  float: none;
  height: 22px;
  font: normal 11px/22px 'Trebuchet MS', Tahoma;
  position: relative;
  overflow: hidden;
}

.ostats ul li.onoentry {
  background: none;
  text-align: center;
  color: #999;
  padding: 0 5px;
}

.ostats ul li:hover {
  background-color: #fff;
}

.ostats ul li a:hover {
  text-decoration: underline;
}

.ostats ul li.ostat-none {
  background-image: none;
}

.ostats ul li.ostat-none a {
  color: #888;
}

.ostats ul li.ostat-none:hover a {
  color: #555;
}

.ostats ul li.ostat-plus a {
  color: #82ac34;
}

.ostats ul li.ostat-plus:hover {
  background-position: 10px -22px;
}

.ostats ul li.ostat-plus:hover a {
  color: #546338;
}

.ostats ul li.ostat-minus {
  background-position: 10px -44px;
}

.ostats ul li.ostat-minus a {
  color: #ab3935;
}

.ostats ul li.ostat-minus:hover {
  background-position: 10px -66px;
}

.ostats ul li.ostat-minus:hover a {
  color: #522726;
}

.ostats ul li span {
  float: right;
  font-family: Arial, serif;
  color: #ccc;
}

.ostats ul li:hover span {
  color: #777;
}

.ostats-uservotes {
  width: 880px;
}

.ostats-uservotes-area {
  margin-right: 610px;
}

#ostats-userinfo {
  position: absolute;
  height: 22px;
  background: rgba(88, 88, 88, 0.88);
  left: 0;
  top: 0;
  display: none;
  width: 100%;
  text-align: center;
}

#ostats-userinfo a {
  display: inline-block;
  padding: 0 15px;
  color: #e3e5e7;
  font: bold 10px/21px Tahoma;
  height: 21px;
}

#ostats-userinfo a:hover {
  text-decoration: underline;
  color: #fff;
  background: #000;
}

#ostats-userinfo a.close {
  float: right;
}

#okarma {
  float: left;
  height: 20px;
  color: #fff;
  text-align: center;
  padding: 0 10px;
}

.onavi {
  padding: 10px 0 0;
  position: relative;
  width: 100%;
}

.onavi .opages {
  margin: 0 15px;
  text-align: center;
}

.onavi .opages * {
  padding: 0 5px;
  font: normal 11px/22px Arial;
  height: 22px;
  margin: 0 3px 5px;
  display: inline-block;
  border-radius: 4px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}

.onavi .opages a {
  color: #82ac34;
  text-decoration: none;
}

.onavi .opages a:hover {
  background-color: #6db95a;
  color: #fff !important;
}

.onavi .opages span {
  color: #fff;
  background-color: #ddd;
  cursor: default;
}

.usernavistart, .usernaviend {
  background: url('../dleimages/ostats.png') no-repeat;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  display: block;
  height: 22px;
  width: 22px;
  border: 0;
}

.usernavistart {
  left: -10px;
}

a.usernavistart:hover {
  background-position: 0 -22px;
}

a.usernavistart:active {
  background-position: 0 -44px;
}

span.usernavistart {
  background-position: 0 -66px;
}

.usernaviend {
  right: -10px;
  background-position: -22px 0;
}

a.usernaviend:hover {
  background-position: -22px -22px;
}

a.usernaviend:active {
  background-position: -22px -44px;
}

span.usernaviend {
  background-position: -22px -66px;
}

#orating-bar {
  padding: 1px 0 1px 1px;
  background: #ccc;
  border-radius: 4px;
  position: relative;
  margin: 5px 2px;
  height: 17px;
}

#orating-bar div {
  float: left;
  height: 15px;
  overflow: hidden;
}

#orating-bar div p {
  font: bold 10px/15px Tahoma;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  text-align: center;
  margin: 0;
  padding: 0;
}

#orating-bar-oplus {
  border-top: 1px solid #aec97b;
  border-bottom: 1px solid #6e912c;
  background-color: #82ac34;
  border-radius: 4px 0 0 4px;
}

#orating-bar-ominus {
  border-top: 1px solid #dd8484;
  border-bottom: 1px solid #a13535;
  background-color: #cb4242;
  border-radius: 0 4px 4px 0;
}

#orating-bar-separator {
  border-top: 1px solid #f7f7f7;
  border-left: 1px solid #f7f7f7;
  border-bottom: 1px solid #dedede;
  background-color: #eaeaea;
  width: 3px;
  margin-left: -2px;
  position: absolute;
}

#ostats-user-ratings {
  float: right;
  width: 600px;
  background: #fafafa;
  border-radius: 4px;
  padding-bottom: 5px;
}

#ostats-user-ratings ul {
  overflow: auto;
}

.orating {
  padding: 5px 0;
  font-family: Arial, serif;
  margin: 3px -5px;
}

.orating>.btn {
  width: 30px;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.2em;
  height: 30px;
  padding: 4px 7px;
}

.orating.oplus {
  color: #1EA7E0;
}

#blog-content .orating.oplus {
  background-color: rgba(78, 150, 68, 0.3);
  border-radius: 4px;
}

#blog-content .orating.ominus {
  background-color: rgba(218, 79, 73, 0.3);
  border-radius: 4px;
}

/* Загрузка */

#loading-layer {
  background-color: #222;
  border: 1px solid#0772B9;
  border-radius: 4px;
  padding: 30px 60px;
  color: #fff;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}

/* / Загрузка */

/* User Popup */

.user-popup {
  height: 600px;
  width: 650px;
  background-color: #282828;
  margin: 10px 0;
}

.user-popup .user-popup-left {
  float: left;
  height: 100%;
  width: 60%;
  position: relative;
  padding: 10px;
  box-sizing: border-box;
}

.user-popup .user-popup-left:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  background-color: #333;
  height: 100%;
  border-right: 1px solid #151515;
}

.user-popup .user-popup-right {
  float: right;
  height: 100%;
  width: 40%;
  background-color: #202020;
  position: relative;
}

.user-popup .user-popup-right a {
  color: inherit;
}

.user-popup .activity {
  border-bottom: 1px solid #333;
  padding: 20px 10px;
}

.user-popup .activity .activity-title {
  color: #d5c36c;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.user-popup .activity .activity-block {
  float: left;
  max-width: 33%;
  text-align: left;
  color: #6e6e71;
  box-sizing: border-box;
  padding-right: 30px;
  margin-bottom: 10px;
}

.user-popup .activity .activity-block:hover a {
  color: #1EA7E0;
}

.user-popup .activity .activity-block .activity-count {
  font-size: 1.4em;
}

.user-popup .activity .activity-block a {
  color: inherit;
}

.user-popup .activity .activity-block .activity-message {
  text-transform: uppercase;
  font-size: 0.9em;
  margin-top: 5px;
}

.user-popup .activity .activity-block .activity-message a:hover {
  color: #1EA7E0;
}

.user-popup .user-info {
  margin-top: 10px;
  font-size: 0.9em;
  color: #cecece;
}

.user-popup .user-info .info-block {
  padding: 8px 10px;
  word-break: break-word;
}

.user-popup .user-info .info-block.count-0 {
  display: none;
}

.user-popup .user-avatar {
  text-align: center;
  margin-top: 15px;
}

.user-popup .user-avatar img, .user-popup .user-avatar span {
  border-radius: 100px;
}

.user-popup .user-avatar span {
  border: 4px solid darkgrey;
  display: inline-block;
  width: 104px;
  height: 104px;
  position: relative;
}

.user-popup .user-avatar span:before {
  content: '';
  position: absolute;
  left: -3px;
  top: 0px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #333;
  background-color: darkgrey;
  z-index: 10;
}

.user-popup .user-avatar span.online:before {
  background-color: #00bd50;
}

/*.user-popup .user-avatar span:hover:after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background: url(../images/avatar-hover.png) rgba(34, 34, 34, 0.7) center no-repeat;
        border-radius: 100px;
}*/

.user-popup .user-avatar img {
  border: 2px solid #252525;
  width: 100px;
  height: 100px;
}

.user-popup .user-avatar span.online {
  border-color: #00bd50;
}

.user-popup .achievements {
  text-align: center;
  margin-top: 20px;
}

.user-popup .achievements .title {
  color: #dfdfdf;
  font-size: 0.9em;
  margin-bottom: 4px;
}

.user-popup .achievements img {
  vertical-align: top;
  margin: 3px;
}

.user-popup .user-actions {
  padding: 20px 0;
  color: #dfdfdf;
  font-size: 0.95em;
}

.user-popup .user-actions div {
  position: relative;
  background-position: right 30px center;
  background-repeat: no-repeat;
  color: #cecece;
}

.user-popup .user-actions div a {
  padding: 12px 30px;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}

.user-popup .user-actions div:hover {
  color: #1EA7E0;
}

.user-popup .user-actions .panel-icon {
  position: absolute;
  right: 30px;
  top: 14px;
  display: inline-block;
  text-align: center;
  width: 13px;
}

.user-popup .user-actions .complaint {
  background-image: url(../images/complaint-profile.png);
  background-color: #272121;
  position: absolute;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  padding: 0;
}

.user-popup .user-actions .complaint a {
  padding: 22px 30px;
  display: block;
}

.user-popup .user-actions .complaint:hover {
  background-image: url(../images/complaint-profile-hover.png);
  background-color: #572c2c;
}

/* / User Popup */

/* Page tables */

.page-content table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 10px;
}

.page-content img {
  max-width: 100%;
  height: auto;
}

.page-content table th, .page-content table td {
  padding: 5px 10px;
  border: 1px solid #999;
}

.page-content table td.w100 {
  width: 100px;
}

.page-content .table-header td, .page-content .table-header th {
  color: #fff;
  background-color: #0772B9;
}

/* / Page tables */

/* Page tabs */

.page-tab-marks {
  border-bottom: 1px solid #aaa;
  padding: 0 20px;
  margin-bottom: 15px;
}

.page-tab-mark {
  padding: 5px 10px;
  border: 1px solid #ccc;
  float: left;
  margin-bottom: -1px;
  margin-right: -1px;
  background-color: #eee;
  position: relative;
  z-index: 2;
  border-bottom: 1px solid #aaa;
}

.page-tab-mark.active {
  border-color: #aaa;
  border-bottom: 1px solid #fff;
  background-color: #fff;
  z-index: 3;
}

.page-tab-mark:not(.active):hover {
  color: #fff;
  cursor: pointer;
  background-color: #0772B9;
}

.page-tab {
  margin-bottom: 15px;
}

/* / Page tabs */

/* Page parts */

.page-header {
  color: #74a550;
  font-weight: normal;
  background-color: #252525;
  padding: 20px;
  /*box-shadow: inset 0 0 6px #151515;*/
  width: auto;
}

.page-content {
  padding: 15px;
}

.page-content a {
  color: #1EA7E0;
  border-bottom: dotted 1px#0772B9;
}

.page-content a:hover {
  border-bottom: solid 1px#0772B9;
  text-decoration: none;
}

.page-column-container {
  display: flex;
  align-items: stretch;
}

.page-column {
  width: 50%;
}

.input-title {
  color: #fff;
  background-color: #0772B9;
  padding: 5px 10px;
  border-radius: 5px 5px 0 0;
  box-sizing: border-box;
  display: inline-block;
  border-top: 1px solid darkgrey;
  border-left: 1px solid darkgrey;
  border-right: 1px solid darkgrey;
  margin-bottom: -1px;
  position: relative;
}

.input-title.linear {
  border-radius: 5px 0 0 5px;
  padding: 5px 10px 5px 10px;
  border-bottom: 1px solid darkgrey;
  margin-bottom: 0;
  margin-right: 3px;
}

.short-block .input-title {
  width: 100%;
  border-radius: 0;
  border: none;
}

.input-container {
  margin: 5px 5px 10px 5px;
}

.short-block {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid darkgrey;
}

.input-container label {
  width: 100%;
  display: inline-block;
  cursor: pointer;
}

.input-container label:hover {
  text-decoration: underline;
}

.forum_input {
  width: 100%;
  padding: 5px 10px;
  box-sizing: border-box;
  border: 1px solid #c3c3c3;
  resize: vertical;
}

.forum_input[type='date'] {
  resize: none;
}

.forum_input.short {
  width: auto;
}

.forum_input:hover {
  border-color: #aaaaaa;
}

.forum_input:focus {
  border-color: #1EA7E0;
}

.input-container input[type='checkbox'] {
  width: 16px;
  height: 16px;
  vertical-align: -3px;
  position: relative;
  margin-right: 7px;
}

.input-container .container-body {
  background-color: #fff;
  width: 100%;
  padding: 10px 5px;
  box-sizing: border-box;
}

.input-container .container-body input {
  margin-bottom: 10px;
}

.input-container .insert_belov {
  display: none;
}

.input-container .editor-button {
  background: darkgrey;
  padding: 10px;
  color: #fff;
  margin: 0 0 0 5px;
  display: inline-block;
  cursor: pointer;
  border: none;
}

.input-container .editor-button:hover {
  background-color: #0772B9;
  color: #fff;
}

.folder-status {
  position: absolute;
  right: 0;
  top: 0;
  padding: 15px 10px;
  text-align: right;
  color: darkgrey;
}

.folder-status>span {
  color: #74a550;
}

.folder-status .pm_progress_bar {
  border: 1px solid #d8d8d8;
  margin-bottom: 10px;
  width: 250px;
  display: block;
  border-radius: 4px;
  overflow: hidden;
  background-color: #d7d3d5;
  padding: 2px;
}

.folder-status .pm_progress_bar span {
  display: block;
  color: transparent;
  height: 15px;
  border-radius: 4px;
  background-color: #87c646;
  background-image: -webkit-gradient( linear, left top, left bottom, from(#87c646), to(#4e9644));
  background-image: -webkit-linear-gradient(top, #87c646,#0772B9);
  background-image: -moz-linear-gradient(top, #87c646,#0772B9);
  background-image: -ms-linear-gradient(top, #87c646,#0772B9);
  background-image: -o-linear-gradient(top, #87c646,#0772B9);
  background-image: linear-gradient(top, #87c646,#0772B9);
}

.part-title {
  padding: 10px 15px 10px 30px;
  border-top: 1px solid #74a550;
  border-bottom: 1px solid #74a550;
  margin-bottom: 10px;
  font-size: 1.3em;
  background: url(../images/triangle-right.png) no-repeat;
  background-position: 15px center;
}

.page-header .note, .part-title .note {
  font-size: 0.9em;
  color: #959595;
}

.part-title a:hover {
  color: #74a550;
}

.page-navigation {
  padding: 0 10px 10px 10px;
  text-align: right;
}

.page-navigation>span, .page-navigation>a {
  display: inline-block;
  margin-left: 5px;
  padding-left: 5px;
  border-left: 1px solid#0772B9;
}

.page-navigation>span:first-child, .page-navigation>a:first-child {
  border-left: none;
}

.page-navigation>a:hover {
  color: #74a550;
}

.pm-list {
  margin: 5px -15px;
  position: relative;
  padding-bottom: 60px;
}

.pm-list .pm tr:first-child td {
  background-color: #0772B9;
  color: #fff;
}

.pm-list .pm tr:nth-child(2n - 1) {
  background-color: rgba(78, 150, 68, 0.1);
}

.pm-list .pm tr:last-child {
  background: none;
}

.pm-list .pm td {
  padding: 5px;
}

.pm-list .pm td:first-child {
  padding-left: 40px;
}

.pm-list .pm td:last-child {
  padding-right: 20px;
}

.pm-list .pm td a:hover {
  color: #1EA7E0;
}

.pm-list .pm .navigation {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  list-style: none;
  text-align: center;
  border-bottom: 2px solid #a9a9a9;
  color: #a9a9a9;
}

.pm-list .pm .navigation span, .pm-list .pm .navigation a {
  padding: 10px;
  margin-bottom: -2px;
  text-transform: uppercase;
  display: inline-block;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}

.pm-list .pm .navigation span {
  border-bottom: 2px solid#0772B9;
  color: #1EA7E0;
}

.pm-list .pm .navigation a:hover {
  color: #fff;
  background-color: #0772B9;
}

.pm-list .pm .bbcodes {
  background: darkgrey;
  padding: 7px 10px;
  color: #fff;
  margin: 0 0 0 5px;
  display: inline-block;
  cursor: pointer;
  border: none;
}

.pm-list .pm .bbcodes:hover {
  background-color: #0772B9;
  color: #fff;
}

.pm-list .pm select {
  padding: 5px 10px;
  box-sizing: border-box;
  border: 1px solid darkgrey;
}

.pm-list .pm td[colspan='5'] {
  display: none;
}

.pm-list .pm tr:last-child td {
  padding-top: 20px;
}

.pm-header {
  background-color: #0772B9;
  color: #fff;
  padding: 20px;
  margin: 5px -15px;
  position: relative;
}

.pm-header h2 {
  font-size: 1.7em;
}

.pm-header .pm-panel {
  font-size: 0.95em;
  color: #e7e7e7;
}

.pm-header .pm-panel>a:hover {
  color: #fff;
  text-decoration: underline;
}

.pm-header .actions {
  position: absolute;
  right: 5px;
  top: 6px;
  background: url('../images/gear-light.png') no-repeat;
  background-position: top 7px right 7px;
  width: 38px;
  max-height: 0;
  cursor: pointer;
  padding-top: 38px;
  overflow: hidden;
  z-index: 5;
  color: #fff;
  border: 1px solid transparent;
}

.pm-header .actions:hover {
  max-height: 1000px;
  width: auto;
  border-collapse: collapse;
}

.pm-header .actions:hover a {
  margin-top: -1px;
}

.pm-header .actions a {
  display: block;
  padding: 7px 10px;
  background-color: #fff;
  color: #000;
  border: 1px solid darkgrey;
}

.pm-header .actions a:hover {
  background-color: #0772B9;
  color: #fff;
  text-decoration: none;
}

.pm-read .text {
  padding: 10px 0;
}

/* / Page parts */

/* Profile */

.profile {
  margin-top: 20px;
}

.profile .profile-avatar {
  width: 160px;
  text-align: center;
  padding: 0 20px;
}

.profile .profile-avatar .btn {
  width: 120px;
  margin-bottom: 4px;
}

.profile .profile-avatar #dofriend:not(.btn-inverse) {
  background-color: #0772B9;
}

.profile .profile-avatar #dofriend:not(.btn-inverse):hover {
  background-color: #1EA7E0;
}

.profile .profile-avatar .menu {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
}

.profile .profile-avatar .menu a {
  display: inline-block;
}

.profile .profile-avatar .menu a {
  cursor: default;
}

.profile .profile-avatar .menu .edit-user-profile+a {
  cursor: pointer;
}

.profile .profile-avatar .menu .edit-user-profile+a:hover:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: url(../images/avatar-hover.png) rgba(34, 34, 34, 0.7) center no-repeat;
  border-radius: 100px;
}

/*.profile .profile-avatar .menu:hover .popup-menu:not(:empty) {
        display: block;
}

.profile .profile-avatar .menu .popup-wrapper {
        padding-left: 10px;
        position: absolute;
        left: 100%;
        top: 0;
}

.profile .profile-avatar .menu .popup-menu {
        display: none;
        background-color: #fff;
        min-width: 200px;
        border: 1px solid #999;
}

.profile .profile-avatar .menu .popup-menu span {
        background-color: #333;
        color: #fff;
}

.profile .profile-avatar .menu .popup-menu span,
.profile .profile-avatar .menu .popup-menu a {
        display: block;
        padding: 5px 10px;
        border-bottom: 1px solid #a9a9a9;
        text-align: left;
}

.profile .profile-avatar .menu .popup-menu a:hover {
        background-color: #0772B9;
        color: #fff;
        opacity: 1 !important;
}

.profile .profile-avatar .menu .popup-menu a:last-child {
        border-bottom: none;
}*/

.profile .profile-data {
  width: calc(100% - 160px);
  font-family: Segoe UI, serif;
  font-size: 0.9em;
}

.profile .profile-avatar img {
  padding: 3px;
  vertical-align: bottom;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  background-color: darkgrey;
  box-sizing: border-box;
}

.profile .profile-avatar img.online {
  background-color: #0772B9;
}

.profile .profile-data .title {
  color: #9c9c9c;
  margin-right: 4px;
}

.profile .btn-group {
  /*border: 1px solid #d0d0d0;*/
  border-radius: 3px;
  float: right;
  margin-right: 20px;
}

.profile .btn-group.small {
  font-size: 0.9em;
}

.profile .btn-group .btn {
  color: #9c9c9c;
}

.profile .btn-group .btn:hover {
  color: #9d9d9d;
}

.profile .profile-data>div {
  margin-bottom: 5px;
}

.dark-colored-links a {
  /* COMMON_CLASS */
  color: #1EA7E0;
}

.dotted-links a,
/* COMMON_CLASS */

.links-wrapper a {
  /* COMMON_CLASS */
  border-bottom: 1px dotted darkgrey;
}

.dotted-links a:hover,
/* COMMON_CLASS */

.links-wrapper a:hover {
  /* COMMON_CLASS */
  color: #1EA7E0;
}

.profile .aligned {
  padding: 8px 0;
}

.profile .color-red {
  color: red;
}

.profile .color-green {
  color: #1EA7E0;
}

.profile .visit {
  text-align: right;
  color: #9d9d9d;
  padding-right: 20px;
}

.profile .geo {
  background: url(../images/geo.png) no-repeat;
  background-position: left center;
  padding-left: 22px;
}

.profile .user-information {
  padding-right: 20px;
  margin: 10px 0;
  font-size: 0.9em;
}

.profile .user-information .icon-button {
  margin: -2px 5px 0 5px;
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
}

.context-title,
/* COMMON_CLASS */

.profile .profile-title {
  padding-left: 20px;
  font-size: 18px;
  margin-bottom: 20px;
}

.context-title,
/* COMMON_CLASS */

.context-sub-title,
/* COMMON_CLASS */

.profile .profile-sub-title, .profile .profile-title {
  font-family: Segoe UI, serif;
}

.profile .all-information {
  text-align: center;
  font-family: Segoe UI, serif;
  margin: 20px 0 30px 0;
}

.profile .all-information .information-block {
  display: inline-block;
  border-radius: 3px;
  border: 1px solid darkgrey;
  margin: 5px;
}

.profile .all-information .information-block>a {
  display: inline-block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 10px;
}

.profile .all-information .information-block>div {
  padding: 10px;
}

.profile .all-information .information-block>div:first-child {
  padding-bottom: 0;
}

.profile .all-information .information-block>div:last-child {
  padding-top: 0;
}

.profile .all-information .information-block:hover>a {
  background-color: rgba(78, 150, 68, 0.11);
}

.profile .all-information .information-block .description {
  margin-bottom: 10px;
  font-size: 18px;
}

.profile .all-information .note {
  color: darkgrey;
}

.profile .all-information .information-block .number {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}

.profile .reputation:hover .reputation-buttons {
  opacity: 1;
}

.profile .reputation-buttons {
  opacity: 0;
  float: left;
  margin-left: 20px;
  margin-top: 6px;
}

.profile .friends {
  margin: 20px 0 30px 0;
}

.profile .friends li {
  display: inline-block;
  width: 20%;
}

.profile .friends li a {
  display: block;
  text-align: center;
  border: 1px solid transparent;
}

.profile .friends li a:hover {
  color: #1EA7E0;
}

.profile .friends li img {
  display: block;
  margin: 0 auto 10px auto;
  vertical-align: bottom;
  border-radius: 100px;
  height: 90px;
  width: 90px;
  padding: 4px;
  background-color: darkgrey;
}

.profile .friends li img.online {
  background-color: #0772B9;
}

#no-friends {
  display: none;
}

.profile .all-blog {
  margin-bottom: 30px;
  padding: 0 20px;
}

.profile .blog {
  display: flex;
  align-items: center;
  border-bottom: 1px dashed darkgrey;
  padding: 20px;
  border-radius: 5px;
}

.profile .blog:hover {
  background-color: rgba(78, 150, 68, 0.11);
}

.profile .all-blog .blog:last-child {
  border-bottom: none;
}

.profile .blog .image {
  width: 100px;
}

.profile .blog .data {
  margin-left: 20px;
}

.profile .blog .title {
  font-size: 1.1em;
  margin-bottom: 10px;
  color: #1EA7E0;
}

.profile .blog .description {
  color: darkgrey;
}

.profile .contacts .row {
  padding: 10px 0;
}

.context-sub-title,
/* COMMON_CLASS */

.profile .profile-sub-title {
  font-size: 16px;
  color: #8f8f8f;
  margin: 0 20px 10px 20px;
}

.profile .profile-sub-title {
  border-left: 3px solid#0772B9;
  padding: 5px 15px 7px;
  background: #f3f3f3;
  color: #000;
}

.edit-profile {
  display: none;
}

.provider-activated {
  border: 5px solid#0772B9;
  padding: 2px;
  border-radius: 100px;
}

.edit-profile .socials {
  padding: 0 20px;
  padding-bottom: 10px;
  text-align: center;
}

.icon-button {
  width: 48px;
  height: 48px;
}

.round-icon,
/* COMMON_CLASS */

.edit-profile .socials .icon-button {
  margin-right: 10px;
  display: inline-block;
}

.round-icon:last-child,
/* COMMON_CLASS */

.edit-profile .socials .icon-button:last-child {
  margin-right: 0;
}

.round-icon img,
/* COMMON_CLASS */

.edit-profile .socials .icon-button img {
  border-radius: 100px;
}

.page-container, .edit-profile .container {
  padding: 0 20px 20px 20px;
}

.page-input-hack input[type=text], .page-input-hack input[type=email], .page-input-hack input[type=password], .page-input-hack textarea, .page-input-hack select, .page-input,
/* COMMON_CLASS */

.edit-profile input[type=text], .edit-profile input[type=email], .edit-profile input[type=password], .edit-profile select, .edit-profile textarea {
  width: 100%;
  padding: 5px 10px;
  box-sizing: border-box;
  display: block;
  margin-bottom: 10px;
  border-radius: 3px;
  border: 1px solid #c3c3c3;
}

.page-input-hack input[type='text']:hover, .page-input-hack input[type='email']:hover, .page-input-hack input[type='password']:hover, .page-input-hack textarea:hover, .page-input-hack select:hover, .page-input:hover, .edit-profile input[type='text']:hover, .edit-profile input[type='email']:hover, .edit-profile input[type='password']:hover, .edit-profile select:hover, .edit-profile textarea:hover {
  border-color: #aaaaaa;
}

.page-input-hack input[type='text']:focus, .page-input-hack input[type='email']:focus, .page-input-hack input[type='password']:focus, .page-input-hack textarea:focus, .page-input-hack select:focus, .page-input:focus, .edit-profile input[type='text']:focus, .edit-profile input[type='email']:focus, .edit-profile input[type='password']:focus, .edit-profile select:focus, .edit-profile textarea:focus {
  border-color: #1EA7E0;
}

textarea.page-input,
/* COMMON_CLASS */

.edit-profile textarea {
  resize: vertical;
}

.edit-profile input[type='file'] {
  margin-bottom: 10px;
}

.page-label-checkbox,
/* COMMON_CLASS */

.edit-profile label {
  padding: 3px 0;
  cursor: pointer;
  display: block;
}

.page-label-checkbox input,
/* COMMON_CLASS */

.edit-profile label input {
  width: 16px;
  height: 16px;
  vertical-align: -3px;
  margin-right: 2px;
}

.page-note,
/* COMMON_CLASS */

.edit-profile p {
  font-family: Segoe UI, serif;
  border-left: 3px solid#0772B9;
  padding: 1px 0 4px 5px;
  margin-top: 5px;
}

.edit-profile p {
  border-left: none;
  color: #999;
}

.page-note .note-paragraph {
  margin-left: 10px;
  display: inline-block;
}

.page-note.large-note {
  font-size: 1.2em;
  margin: 15px 0;
}

/* / Profile */

/* UserTrophies */

.boxUserTrophies {
  padding: 5px 5px 5px 0;
}

.boxUserTrophies .infoUserTrophies {
  background-color: #fff;
  border-radius: 3px;
  margin-bottom: 10px;
  padding: 10px 75px 10px 10px;
  color: #000;
  position: relative;
}

.boxUserTrophies .balsTrophies {
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  text-align: center;
}

.boxUserTrophies .balsTrophies strong {
  display: block;
  color: #74a550;
  font-size: 30px;
  font-weight: normal;
}

.boxUserTrophies .balsTrophies .setDateTrophies {
  color: #9c9c9c;
  font-size: 0.9em;
}

.infoUserTrophies:last-child {
  margin-bottom: 0;
}

/* / UserTrophies */

/* Opponent search */

.opponent-search {
  margin: 20px;
  position: relative;
}

.opponent-search .filter-sect {
  margin-bottom: 10px;
}

.opponent-module .a_age, .opponent-module .b_age {
  min-width: 50px;
  height: 22px;
  border-color: #ccc;
}

.opponent-module .minusers {
  border-color: #ccc;
  height: 22px;
  min-width: 96px;
}

.opponent-module .minusers:hover, .opponent-module .a_age:hover, .opponent-module .b_age:hover {
  border-color: #adadad;
}

.category-menu {
  width: 100%;
  box-sizing: border-box;
  padding: 0 10px;
}

.category-menu a {
  display: inline-block;
  padding: 10px 15px;
  color: #a5a5a5;
  font-size: 18px;
  margin: 10px 0;
  position: relative;
}

.category-menu a:not(:last-child):after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  background-color: #333;
  height: 100%;
  border-right: 1px solid #151515;
}

.category-menu a:not(.active):hover {
  color: #fff;
  background-color: #0772B9;
}

.category-menu a.active {
  color: #1EA7E0;
}

.sort-panel {
  position: absolute;
  right: 5px;
  top: 0;
  color: transparent;
}

.sort-panel img {
  display: none;
}

.sort-panel a {
  display: inline-block;
  width: 30px;
  height: 25px;
  border-radius: 0 0 5px 5px;
  background-color: #151515;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  position: relative;
}

.sort-panel a:after {
  content: '';
  display: none;
  position: absolute;
  bottom: -8px;
  left: -8px;
  width: 16px;
  height: 16px;
  border-radius: 100px;
  background-color: #151515;
  background-repeat: no-repeat;
  background-position: center top 5px;
  background-size: 10px;
}

.sort-panel img[src$='desc.gif']+a:after {
  background-image: url(../images/sort-up.png);
  display: block;
}

.sort-panel img[src$='asc.gif']+a:after {
  background-image: url(../images/sort-down.png);
  background-position: center top 6px;
  display: block;
}

.sort-panel a:nth-of-type(1) {
  background-image: url(../images/sort-date.png);
}

.sort-panel a:nth-of-type(2) {
  background-image: url(../images/sort-views.png);
}

.sort-panel a:nth-of-type(3) {
  background-image: url(../images/sort-comments.png);
}

.sort-panel a:nth-of-type(4) {
  background-image: url(../images/sort-alphabet.png);
}

.content-speed-bar {
  position: absolute;
  left: 5px;
  bottom: 100%;
  background-color: #252525;
  color: darkgrey;
  padding: 5px 10px;
  border-radius: 5px 5px 0 0;
  /*border: 5px solid #141414;
    border-bottom: none;*/
}

.content-speed-bar a:hover {
  color: #1EA7E0;
}

.tag-control {
  padding-bottom: 10px;
}

.tag-control .description {
  padding: 10px;
  font-size: 1.1em;
}

.tag-control .tag-socials {
  float: right;
  margin-right: 10px;
}

.errors {
  position: relative;
  border: 1px solid#0772B9;
  padding: 10px 10px 10px 80px;
  background: #ffdb99;
  color: #000;
  min-height: 80px;
  display: flex;
  align-items: center;
  margin: 40px 10px 10px 10px;
  /*display: block;*/
}

.errors:before {
  position: absolute;
  font-family: FontAwesome;
  content: '\f12a';
  color: #ff6600;
  font-size: 46px;
  left: 33px;
}

.errors .title {
  position: absolute;
  padding: 23px 20px;
  left: -1px;
  right: -1px;
  bottom: 100%;
  color: #fff;
  background-color: #0772B9;
  padding: 5px 10px;
  box-sizing: border-box;
}

.errors .description a {
  color: #1EA7E0;
}

.errors .description a.btn {
  color: #fff;
}

/* Search */

.search-page table {
  width: 100%;
}

.search-page .search-form select, .search-page .search-form input[type='text'] {
  width: 100% !important;
  padding: 5px 10px;
  box-sizing: border-box;
  border: 1px solid darkgrey;
  resize: vertical;
  margin-bottom: 10px;
}

.search-page .search-form input[type='radio'], .search-page .search-form input[type='checkbox'] {
  width: 16px;
  height: 16px;
  vertical-align: -3px;
  margin-right: 5px;
  margin-bottom: 10px;
}

.search-page .search-form input[type='button'] {
  padding: 8px 7px;
  color: #fff !important;
  margin-left: 10px;
  cursor: pointer;
  border: none;
  font-family: inherit;
  font-size: inherit;
  display: inline-block;
  background-color: #0772B9;
  float: right;
}

.search-page .search-form input[type='button']:hover {
  background-color: #1EA7E0;
}

.search-page .search-form fieldset {
  margin: 10px !important;
  border: 1px solid #929292;
  padding-bottom: 0;
}

.search-page .search-form legend {
  color: #929292;
}

.search-page .message {
  padding: 15px;
}

#replylimit {
  width: auto !important;
  margin-right: 3px;
}

.search-page label {
  display: block;
  cursor: pointer;
}

.search-page label:first-child {
  margin-top: 5px;
}

.base-games {
  font-size: 18px;
}

.store-form {
  display: block;
  padding: 15px;
}

.store-form .title {
  margin-bottom: 5px;
}

.store-form input {
  padding: 5px 10px;
  box-sizing: border-box;
  font-size: 16px;
}

.store-form input[type='text'] {
  float: left;
  width: calc(100% - 107px);
}

.store-form input[type='submit'] {
  float: right;
  padding: 7px 10px;
  width: 97px;
}

/* STATIC */

.static-page.top {
  padding-top: 20px;
}

/* / STATIC */

/* Межстраничный слайдер */

.most-popular {
  padding: 10px;
}

.horizontal-slider .container {
  padding-bottom: 0;
}

.most-popular>.title {
  color: #74a550;
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 5px;
  margin-left: 0;
  padding: 5px;
}

.most-popular .btn-right, .most-popular .btn-left {
  background-image: none;
  line-height: 197px;
}

.most-popular .btn-right:hover {
  background-image: linear-gradient( to right, rgba(0, 0, 0, 0) 0%, rgba(21, 21, 21, 0.9) 100%);
}

.most-popular .btn-left:hover {
  background-image: linear-gradient( to left, rgba(0, 0, 0, 0) 0%, rgba(21, 21, 21, 0.9) 100%);
}

.most-popular .game-block {
  margin-right: 8px;
  margin-bottom: 8px;
  box-sizing: border-box;
  color: #000;
  display: inline-block;
  position: relative;
  border: 1px solid transparent;
  width: 200px;
  text-align: center;
  vertical-align: top;
  white-space: normal;
  padding: 0 !important;
}

.most-popular .game-block:last-child {
  margin-right: 0;
}

.most-popular .game-block:hover {
  border: 1px solid#0772B9 !important;
}

.most-popular .game-block:hover .title {
  color: #fff;
}

.most-popular .game-block img {
  width: 100%;
  vertical-align: bottom;
  height: 135px;
  border: none !important;
  box-shadow: none !important;
}

.most-popular .game-block .title {
  box-sizing: border-box;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px;
  color: #a9a9a9;
  background-color: rgba(21, 21, 21, 0.8);
  margin-left: 0;
  z-index: auto;
  text-transform: none;
}

.most-popular .game-block .category {
  display: none;
}

/* / Межстраничный слайдер */

.polzunok-container {
  text-align: center;
}

.informer_video {
  position: relative;
}

.old-design {
  position: absolute;
  right: -4px;
  top: 0px;
  color: #696969;
  border-radius: 10px;
  background-color: #252525;
  padding: 2px 6px 2px 20px;
  margin: 5px;
  font-size: 12px;
}

.old-design span {
  position: absolute;
  border-radius: 10px;
  left: 2px;
  top: 2px;
  bottom: 2px;
  width: 14px;
  background-color: #151515;
  transition: transform 0.2s ease;
}

.old-design:hover {
  background-color: #b50000;
  color: #b50000;
}

.old-design:hover span {
  color: white;
  transform: translateX(35px);
}

.old-design:active {
  background-color: #820000;
}

/* Reputation table */

.popupTableForum {
  border-collapse: collapse;
  width: 100%;
}

.popupTableForum th {
  padding: 10px 20px;
  background-color: #555;
  border-right: 1px dotted #777;
  border-bottom: 1px solid #777;
}

.popupTableForum th:last-child {
  border-right: none;
}

.popupTableForum td {
  border-right: 1px dotted #555;
  border-bottom: 1px solid #555;
  padding: 5px;
}

.popupTableForum td:last-child {
  border-right: none;
  text-align: left;
}

.popupTableForum tr:last-child td {
  border-bottom: none;
}

/* / Reputation table */

.reputation-table .date {
  color: #999;
  font-size: 0.9em;
  width: 130px;
}

.reputation-table .author {
  font-size: 1.1em;
}

/* Blogs */

#blog-content .blog-info {
  border-bottom: 2px solid #a5a5a5;
  box-sizing: border-box;
  background-color: #252525;
  padding: 0 20px 20px 20px;
}

#blog-content .links {
  padding: 0 16px;
}

#blog-content .links>a {
  float: left;
  min-width: 50px;
}

#blog-content .blog-info .separator {
  background-color: #333;
  margin: -0.5em 10px 0 10px;
  width: 1px;
  height: 2em;
  border-right: 1px solid #151515;
}

#blog-content .blog-info .subscribe {
  margin-top: -7px;
}

#blog-content .blog-info .subscribe span {
  display: inline-block;
}

#blog-content .blog-info .subscribe a {
  padding: 8px 7px;
  color: #fff;
  border-radius: 2px;
  background:#0772B9;
  border: none;
  display: inline-block;
  text-decoration: none;
}

#blog-content .blog-info .subscribe a.connected {
  background: #666;
}

#blog-content .blog-info .subscribe a.connected:hover {
  background-color: #888;
}

#blog-content .blog-info .subscribe a:hover {
  background-color: #1EA7E0;
}

#blog-content .blog-header {
  display: flex;
  align-items: center;
}

#blog-content .blog-header .title {
  font-size: 1.5em;
  font-weight: bold;
}

#blog-content .blog-header .title a:hover {
  text-decoration: underline;
}

#blog-content .blog-header .description {
  color: #a5a5a5;
}

#blog-content .blog-header img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-right: 25px;
  min-width: 100px;
  min-height: 100px;
}

#blog-content .page-header .info {
  text-align: right;
  margin-bottom: 15px;
}

#blog-content .page-header .info .separator {
  background-color: #333;
  margin: -0.5em 10px 0 10px;
  width: 1px;
  height: 2em;
  border-right: 1px solid #151515;
}

#blog-content .blog-search {
  position: relative;
  margin-top: 20px;
  padding-right: 40px;
}

#blog-content .blog-search .blog-request {
  width: 100%;
  border: 1px solid #333;
  padding: 5px 10px;
  box-sizing: border-box;
  background-color: #151515;
  color: #a9a9a9;
  font-size: 16px;
  border-radius: 5px;
}

#submit_search {
  position: absolute;
  right: 2px;
  top: -2px;
  background: url(../images/search.png) no-repeat center;
  border: none;
  width: 22px;
  height: 32px;
  cursor: pointer;
  margin: 0 5px;
  vertical-align: bottom;
}

#submit_search:hover {
  background-image: url(../images/search-light.png);
}

#blog-content .short-story {
  padding: 20px 10px;
  box-sizing: border-box;
  width: 100%;
  position: relative;
  border-top: 1px solid rgba(136, 136, 136, 0.2);
}

#blog-content .short-story:first-child {
  border-top: none;
}

#blog-content .short-story h2 {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 1.2em;
  font-family: Arial, serif;
}

#blog-content .short-story h2:hover {
  color: #1EA7E0;
}

#blog-content .short-story .story-text {
  font-size: 0.95em;
  padding-right: 5px;
  font-family: Tahoma, serif;
}

#blog-content .short-story .story-text img {
  vertical-align: top;
  padding: 5px;
  float: left;
  max-width: 250px;
  height: auto;
}

#blog-content .short-story .short-story-bottom {
  color: #a5a5a5;
  margin-top: 10px;
}

#blog-content .actions-panel .separator {
  display: inline-block;
  padding: 0 5px;
  vertical-align: 2px;
}

#blog-content .actions-panel .comments a, #blog-content .actions-panel .views {
  padding-left: 20px;
}

#blog-content .actions-panel .comments a {
  background: url(../images/comments_dark.png) no-repeat;
  background-position: left center;
}

#blog-content .actions-panel .comments a:hover {
  background-image: url(../images/comments_green.png);
  color: #1EA7E0;
}

#blog-content .actions-panel .views {
  background: url(../images/views_dark.png) no-repeat;
  background-position: left center;
}

#blog-content .short-story .flash-panel {
  display: none;
}

#blog-content .short-story:hover .flash-panel {
  display: block;
}

#blog-content .actions-panel a, #blog-content .actions-panel span {
  display: inline-block;
  vertical-align: bottom;
}

#blog-content .actions-panel .edit {
  background: url(../dleimages/editstore-light.gif) no-repeat center;
  display: inline-block;
  width: 20px;
  height: 20px;
}

#blog-content .actions-panel .edit:hover {
  background-image: url(../dleimages/editstore-light-hover.gif);
}

#blog-content .actions-panel .complaint {
  background: url('../images/complaint.png') center no-repeat;
  width: 20px;
  height: 18px;
}

#blog-content .actions-panel .complaint:hover {
  background-image: url(../images/complaint-hover.png);
}

#blog-content .short-story .orating {
  margin: -12px 10px 0 0;
}

#blog-content .short-story .orating a {
  vertical-align: baseline;
}

.blog-full-story .social {
  padding: 20px;
}

.blog-full-story .social .complaint {
  margin-top: 11px;
  font-size: 21px;
  color: #aaa;
}

.blog-full-story .social .complaint a {
  margin-left: 10px;
}

.blog-full-story .social .complaint a:hover {
  color: #da4f49;
}

.blog-full-story .full-story-top-panel {
  margin-bottom: 15px;
}

.blog-full-story .full-story-poll {
  padding: 15px;
}

#blog-content .full-story-top-panel .panel-separator {
  background-color: #333;
  margin: -0.5em 10px 0 10px;
  width: 1px;
  height: 2em;
  border-right: 1px solid #151515;
}

.blog-full-story .full-story-top-panel .actions>a, .blog-full-story .full-story-top-panel .actions>span {
  margin-left: 5px;
}

#blog-content .full-story-top-panel.actions-panel .actions .comments a {
  background-image: url(../images/comments.png);
}

#blog-content .full-story-top-panel.actions-panel .actions .comments a:hover {
  background-image: url(../images/comments_green.png);
}

#blog-content .full-story-top-panel.actions-panel .actions .views {
  background-image: url(../images/views.png);
}

#blog-content .full-story-top-panel.actions-panel .actions .complaint {
  background-image: url(../images/complaint-white.png);
}

#blog-content .full-story-top-panel.actions-panel .actions .edit {
  background-image: url(../dleimages/editstore-dark.gif);
}

#blog-content .full-story-top-panel.actions-panel .actions .edit:hover {
  background-image: url(../dleimages/editstore-light-hover.gif);
}

.blog-full-story .full-story-content {
  padding: 15px;
  font-family: Tahoma, serif;
  font-size: 0.95em;
  position: relative;
}

#blog-content .bottom-panel {
  margin: 0 20px 20px 20px;
}

#blog-content .bottom-panel .comments {
  color: #a9a9a9;
  margin: 8px 0;
}

#blog-content .interesting {
  margin: 0 0 20px 0;
}

#blog-content .interesting .category {
  display: none;
}

#blog-content .page-header .story-edit {
  background: url(../dleimages/editstore-light.gif) no-repeat center;
  display: inline-block;
  width: 20px;
  height: 20px;
}

#blog-content .page-header .story-edit:hover {
  background-image: url(../dleimages/editstore-light-hover.gif);
}

#blog-content .blog-static-page {
  padding: 15px;
}

#blog-content .blog-static-page {
  padding: 15px;
}

.page-content table.list-table th, .page-content table.list-table td, #blog-content .list-blog td, #blog-content .list-blog th {
  border-left: none;
  border-right: none;
  padding: 10px 15px;
}

.page-content table.list-table tr:last-child td, #blog-content .list-blog tr:last-child td {
  border-bottom: none;
}

.page-content table.list-table th, #blog-content .list-blog th {
  border-top: none;
}

#blog-content .list-blog a:hover {
  color: #1EA7E0;
}

#blog-content .list-blog .divider {
  background-color: #0772B9;
  color: #fff;
}

#blog-content .blog-buttons a {
  padding: 8px 7px;
  margin: 0 5px 0 5px;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  display: inline-block;
  border-radius: 2px;
  text-decoration: none !important;
  color: #fff;
  background-color: #0772B9;
}

#blog-content .blog-buttons {
  margin-top: 20px;
}

#blog-content .blog-buttons a:hover {
  color: #fff;
  background-color: #1EA7E0;
}

#blog-content .full-story-content .editor textarea, #blog-content .full-story-content .editor select, #blog-content .full-story-content .editor input[type='text'] {
  width: 100% !important;
  padding: 5px 10px !important;
  box-sizing: border-box;
  margin-top: 5px;
}

#blog-content .full-story-content .editor div {
  width: 100% !important;
}

#blog-content .preview-btn input, #blog-content .full-story-content .editor input.bbcodes {
  padding: 8px 7px;
  margin: 10px 0 0 5px;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  display: inline-block;
  border-radius: 2px;
  text-decoration: none !important;
  border: none;
  color: #fff;
  background:#0772B9;
}

#blog-content .preview-btn input:hover, #blog-content .full-story-content .editor input.bbcodes:hover {
  color: #fff;
  background-color: #1EA7E0;
}

#blog-content .page-input-hack select {
  width: 100% !important;
}

#blog-content .preview-btn input {
  width: auto;
  height: auto;
  font-weight: normal;
  margin: 0;
}

#blogpreview {
  padding: 10px;
  border-radius: 3px;
  border: 1px solid #c3c3c3;
}

#blogpreview .short-story {
  border-top: none;
  padding-top: 0;
}

#blogpreview:empty, #blogpreview .interesting, #blogpreview .bottom-panel {
  display: none;
}

#blog_repa {
  display: none;
}

#blog_repa_text {
  color: #fff;
}

#blog_repa_text table td {
  text-align: center;
}

#blog_repa_text table td:first-child {
  text-align: left;
}

#blog_repa_text label, #blog_repa_text input[type='text'] {
  display: inline-block;
  margin: 0;
  width: 100% !important;
}

#blog_repa_text label {
  cursor: pointer;
}

.blog-similar-articles ul {
  margin-top: 10px;
}

.blog-similar-articles li {
  display: block;
  padding-left: 12px;
  background: url(../images/mark.png) no-repeat;
  background-position: left center;
  margin: 0 0 10px 10px;
}

.blog-similar-articles li a:hover {
  color: #1EA7E0;
}

.blog-similar-articles li .text {
  display: none;
}

#blog-content .avatar-container {
  position: relative;
}

#blog-content .avatar-rate {
  position: absolute;
  left: -10px;
  top: 0;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  padding: 9px 0 0 0;
  font-size: 1em;
}

.blog-rate {
  color: #fff;
  margin: 0 5px -6px 5px;
  font-family: inherit;
  display: inline-block;
  border-radius: 2px;
  text-decoration: none;
  min-width: 30px;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.2em;
  height: 30px;
  padding: 4px 7px;
}

.blog-rate.rate-positive {
  background-color: #0772B9;
}

.blog-rate.rate-negative {
  background-color: #da4f49;
}

#blog-content .info .fa-rss-square, #blog-content .news-num .fa-newspaper-o {
  opacity: 0.7;
  margin-right: 5px;
  color: #fff;
}

#blog-content .info a {
  display: inline-block;
}

#blog-content .info .fa-rss-square {
  font-size: 20px;
  margin: -1px 0 0 0;
}

#blog-content .info .fa-rss-square:hover {
  color: #f18508;
  opacity: 1;
}

#blog-content .page-header .blog-rate {
  margin: -6px 0 0 10px;
}

#blog-content .blog-top .info {
  display: flex;
  align-content: center;
  width: 350px;
}

#blog-content .blog-top .info img {
  width: 60px;
  min-width: 60px;
  height: 60px;
  min-height: 60px;
  border-radius: 50%;
  margin-right: 10px;
}

#blog-content .blog-top .info a {
  border-bottom: none;
}

#blog-content .blog-top .info .blog-image {
  position: relative;
}

#blog-content .blog-top .info .blog-image .rank {
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  padding-top: 1px;
  color: #fff;
  background-color: #0772B9;
}

#blog-content .blog-top .info .title {
  font-weight: bold;
  font-size: 1.1em;
}

#blog-content .blog-top .info .text {
  word-wrap: break-word;
}

#blog-content #dlemasscomments, #blog-content #dle-ajax-comments, #blog-content #dle-comments-form {
  padding: 15px;
}

/* Sidebar blogs */

#blog_block_other {
  margin-bottom: 5px;
}

#blog_block_other br {
  display: none;
}

#blog_block_other a {
  display: block;
  font-size: 16px;
  padding: 10px;
}

#blog_block_other a:hover {
  color: #fff;
}

#blog_block_other a:nth-child(4n - 1) {
  background-color: rgba(169, 169, 169, 0.1);
}

/* / Blogs */

/* GameBase */

table.display {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 10px;
}

table.display th, table.display td {
  padding: 5px;
  border: 1px solid #999;
}

table.display td.w100 {
  width: 100px;
}

table.display thead td, table.display thead th {
  color: #fff;
  background-color: #0772B9;
}

table.display tr:nth-child(2n) td:not(:last-child) {
  background-color: #efefef;
}

.dataTables_wrapper select, .dataTables_wrapper input[type='search'], .dataTables_wrapper input[type='text'] {
  width: 100% !important;
  padding: 5px 10px !important;
  box-sizing: border-box;
  margin-top: 5px;
  border: 1px solid;
  border-radius: 2px;
}

.dataTables_wrapper select:hover, .dataTables_wrapper select:focus, .dataTables_wrapper input[type='search']:hover, .dataTables_wrapper input[type='search']:focus, .dataTables_wrapper input[type='text']:hover, .dataTables_wrapper input[type='text']:focus {
  border: 1px solid#0772B9;
}

.dataTables_wrapper input[type='radio'], .dataTables_wrapper input[type='checkbox'] {
  width: 16px;
  height: 16px;
  vertical-align: -3px;
  margin-right: 5px;
  margin-bottom: 10px;
}

.dataTables_length input[type='text'], .dataTables_length select {
  display: inline-block;
  width: auto !important;
}

.DataTables_sort_wrapper {
  cursor: pointer;
  position: relative;
  padding-right: 20px;
}

.DataTables_sort_wrapper span {
  position: absolute;
  right: 0;
  top: calc(50% - 10px);
  width: 10px;
  height: 20px;
  text-align: center;
  display: block;
  font: normal normal normal 14px/1 FontAwesome;
  line-height: 20px;
}

.DataTables_sort_wrapper span.ui-icon-carat-2-n-s:before {
  content: '\f0dc';
}

.DataTables_sort_wrapper span.ui-icon-triangle-1-n:before {
  content: '\f0de';
}

.DataTables_sort_wrapper span.ui-icon-triangle-1-s:before {
  content: '\f0dd';
}

.DataTables_sort_wrapper:hover {
  text-decoration: underline;
}

.dataTables_wrapper .fg-toolbar {
  margin: 10px 0 20px 0;
}

.dataTables_paginate {
  border-bottom: 2px solid #a9a9a9;
  text-align: center;
  color: #a9a9a9;
  margin: 20px 0;
}

.dataTables_paginate a {
  padding: 10px;
  margin-bottom: -2px;
  text-transform: uppercase;
  display: inline-block;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}

.dataTables_paginate a:empty {
  display: none;
}

.dataTables_paginate a.ui-state-disabled {
  border-bottom: 2px solid#0772B9;
  color: #1EA7E0;
}

.dataTables_paginate a.ui-state-disabled:hover {
  cursor: default;
  background-color: transparent;
  color: #1EA7E0;
}

.dataTables_paginate a:hover {
  color: #fff;
  background-color: #0772B9;
  text-decoration: none;
}

.dataTables_paginate span span {
  padding: 10px 10px;
  margin-bottom: -2px;
  text-transform: uppercase;
  display: inline-block;
  border-bottom: 2px solid transparent;
}

.sort-block {
  background: #efefef;
  padding: 9px;
  padding-bottom: 1px;
  margin: 10px 0px;
  margin-right: 20px;
  display: inline-block;
  border: 1px solid #b3b3b3;
  border-radius: 2px;
}

.sort-block label:hover {
  color: #74a550;
}

.rate-name {
  line-height: 26px;
  vertical-align: bottom;
}

.rate-block {
  padding-top: 0;
  padding-bottom: 5px;
}

/* / GameBase */

/*---Подсветка кода в теге [code]---*/

pre code {
  display: block;
  padding: 0.5em;
  background: #f9fafa;
  border: 1px solid #dce7e7;
  overflow: auto;
  white-space: pre;
}

pre .comment, pre .template_comment, pre .diff .header, pre .doctype, pre .lisp .string, pre .javadoc {
  color: #93a1a1;
  font-style: italic;
}

pre .keyword, pre .css .rule .keyword, pre .winutils, pre .javascript .title, pre .method, pre .addition, pre .css .tag, pre .lisp .title {
  color: #859900;
}

pre .number, pre .command, pre .string, pre .tag .value, pre .phpdoc, pre .tex .formula, pre .regexp, pre .hexcolor {
  color: #2aa198;
}

pre .title, pre .localvars, pre .function .title, pre .chunk, pre .decorator, pre .builtin, pre .built_in, pre .lisp .title, pre .identifier, pre .title .keymethods, pre .id {
  color: #268bd2;
}

pre .tag .title, pre .rules .property, pre .django .tag .keyword {
  font-weight: bold;
}

pre .attribute, pre .variable, pre .instancevar, pre .lisp .body, pre .smalltalk .number, pre .constant, pre .class .title, pre .parent, pre .haskell .label {
  color: #b58900;
}

pre .preprocessor, pre .pi, pre .shebang, pre .symbol, pre .diff .change, pre .special, pre .keymethods, pre .attr_selector, pre .important, pre .subst, pre .cdata {
  color: #cb4b16;
}

pre .deletion {
  color: #dc322f;
}

pre .tex .formula {
  background: #eee8d5;
}

/*---Подсветка кода в теге [code]---*/

/* ==================== Tэг CODE */

.scriptcode {
  color: #191919;
  background-color: #f7f7f7;
  border: 1px double #bebebe;
  padding: 5px;
  margin-right: 5px;
}

pre code {
  color: #191919;
  background: #f7f7f7;
  border: 1px double #bebebe;
  display: block;
  overflow: auto;
  padding: 0.5em;
  white-space: pre;
}

/*  Tэг CODE =============*/

/* команда сайта */

.TeamOnline {
  font-size: 11px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  line-height: 1.27;
  word-wrap: break-word;
  font: 13px/1.231 arial, helvetica, clean, sans-serif;
}

.TeamOnline .userTitle {
  color: #969696;
  font-size: 8pt;
}

.TeamOnline li {
  list-style: none outside none;
  margin: 5px 0;
  overflow: hidden;
  zoom: 1;
}

.TeamOnline ul, li, div {
  margin: 0;
  padding: 0;
}

.TeamOnline .username {
  display: block;
  font-size: 9pt;
  margin-top: 2px;
}

.TeamOnline a {
  color: #696969;
}

.TeamOnline .avatar img {
  margin-right: 5px;
  float: left;
  height: 32px;
  width: 32px;
}

.avatar img, .avatar .img {
  background-color: #fcfcff;
  border: 1px solid #009900;
  border-radius: 4px 4px 4px 4px;
  padding: 2px;
}

/* команда сайта end */

/* NEW YEAR */

#snow {
  background-image: url(../images/snow1.png), url(../images/snow2.png);
  -webkit-animation: snow 20s linear infinite;
  -moz-animation: snow 20s linear infinite;
  -ms-animation: snow 20s linear infinite;
  animation: snow 20s linear infinite;
  /*z-index: 0;*/
  /*right: 0; */
  top: 0;
  left: 0;
  /*bottom: 0;*/
  margin-top: 0;
  /*position: absolute;*/
  width: 100%;
}

/*Keyframes*/

@keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px;
  }
}

@-moz-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px;
  }
}

@-webkit-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px;
  }
}

@-ms-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px;
  }
}

/*
 * qTip2 - Pretty powerful tooltips - v3.0.3
 * http://qtip2.com
 *
 * Copyright (c) 2017 
 * Released under the MIT licenses
 * http://jquery.org/license
 *
 * Date: Sun Aug 27 2017 03:28 EDT-0400
 * Plugins: None
 * Styles: core
 */

.qtip {
  position: absolute !important;
  left: -28000px;
  top: -28000px;
  display: none;
  cursor: default;
}

.qtip-content .news .article-content {
  width: 350px !important;
}

.qtip-content .news .article .title {
  width: 350px !important;
}

/* fa fa-gamepad */

.fastview:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  content: ' \f11b';
}

/* fa picture */

.fancypic:after {
  font-family: FontAwesome;
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  content: ' \f03e';
}

/* fa youtube */

.fancyvideo:after {
  font-family: FontAwesome;
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  content: ' \f16a';
}

/* datatables colors and ratings */

.redcross_marker {
  color: #990000;
  font-weight: bold;
}

.green_marker {
  color: #009900;
  font-weight: bold;
}

.goodgamebg {
  background-color: rgba(0, 255, 0, 0.1);
}

.somegamebg {
  background-color: rgba(255, 255, 0, 0.1);
}

.fairgamebg {
  background-color: rgba(255, 0, 0, 0.1);
}

.dt-gametitle a {
  font-weight: bold !important;
}

.dt-center {
  text-align: center;
}

/* beautify reference table  */

table.reference {
  width: 100%;
  max-width: 100%;
}

table.reference>thead>tr>th, table.reference>tbody>tr>th, table.reference>tfoot>tr>th, table.reference>thead>tr>td, table.reference>tbody>tr>td, table.reference>tfoot>tr>td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

table.reference tr:nth-child(odd) {
  background-color: rgba(255, 255, 255, 0.2);
}

table.reference tr:nth-child(even) {
  background-color: rgba(192, 192, 192, 0.2);
}

table.tecspec th, table.reference {
  text-align: left;
}

/* New coop tags icons */

.icon-tags {
  display: inline-block;
  vertical-align: text-bottom;
  text-indent: -9999px;
  font-size: 0;
  margin-left: 10px;
}

.tags-wrap {
  display: flex;
  color: #252525;
}

.icon-tags a {
  display: none;
  text-indent: -9999px;
  margin: 0 3px;
}

.icon-tags a:hover {
  filter: invert(100%);
}

.icon-tags a[data-tag='кооператив для 4х'] {
  display: block;
  width: 30px;
  height: 30px;
  background: url('/uploads/pictures/title-4player.png') no-repeat center;
  background-size: contain;
}

.news .article .title .icon-tags a[data-tag='кооператив для 4х'] {
  width: 25px;
  height: 25px;
  filter: invert(100%);
}

.icon-tags a[data-tag='кооператив для 3х'] {
  display: block;
  width: 30px;
  height: 30px;
  background: url('/uploads/pictures/title-3player.png') no-repeat center;
  background-size: contain;
}

.news .article .title .icon-tags a[data-tag='кооператив для 3х'] {
  width: 25px;
  height: 25px;
  filter: invert(100%);
}

.icon-tags a[data-tag='кооператив для 2х'] {
  display: block;
  width: 30px;
  height: 30px;
  background: url('/uploads/pictures/title-2player.png') no-repeat center;
  background-size: contain;
}

.news .article .title .icon-tags a[data-tag='кооператив для 2х'] {
  width: 25px;
  height: 25px;
  filter: invert(100%);
}

.icon-tags a[data-tag='HotSeat'] {
  display: block;
  width: 30px;
  height: 30px;
  background: url('/uploads/pictures/title-hotseat.png');
  background-size: contain;
}

.news .article .title .icon-tags a[data-tag='HotSeat'] {
  width: 25px;
  height: 25px;
  filter: invert(100%);
}

.icon-tags a[data-tag='SplitScreen'] {
  display: block;
  width: 30px;
  height: 30px;
  background: url('/uploads/pictures/title-splitscreen.png');
  background-size: contain;
}

.news .article .title .icon-tags a[data-tag='SplitScreen'] {
  width: 25px;
  height: 25px;
  filter: invert(100%);
}

.icon-tags a[data-tag='соревновательный мультиплеер'] {
  display: block;
  width: 30px;
  height: 30px;
  background: url('/uploads/pictures/title-versus.png');
  background-size: contain;
}

.news .article .title .icon-tags a[data-tag='соревновательный мультиплеер'] {
  width: 25px;
  height: 25px;
  filter: invert(100%);
}

.icon-tags a[data-tag='совместное прохождение'] {
  display: block;
  width: 30px;
  height: 30px;
  background: url('/uploads/pictures/title-coop.png');
  background-size: contain;
}

.news .article .title .icon-tags a[data-tag='совместное прохождение'] {
  width: 25px;
  height: 25px;
  filter: invert(100%);
}

.news .article .title .icon-tags a:hover {
  filter: invert(0);
}

/* small text spoiler */

.text_sp, .text_sp a {
  cursor: help;
  background: #bbbbbb !important;
  color: #bbbbbb !important;
  padding: 0 2px;
}

.text_sp:hover {
  background: none !important;
  color: #000 !important;
}

.text_sp:hover a {
  color:#0772B9 !important;
  background: none !important;
}

/* small text spoiler end */

/* DARK READ THEME */

.dark-theme~.wrapper, .dark-theme~#dle-content, .dark-theme~.wrapper .flex-stretch .content {
  background: #222;
  color: #bdbdbd;
  border-color: gray;
}

.dark-theme~.wrapper .news .article .title:not(:hover), .dark-theme~.wrapper .full-story-content h2 {
  color: #dedede;
}

.dark-theme~.wrapper .quote, .dark-theme~#dle-content .quote, .dark-theme~.wrapper #dle-comments-list .comment .message .signature, .dark-theme~.wrapper #dle-comments-list .comment .text .quote, .dark-theme~.wrapper .title_quote, .dark-theme~#dle-content .title_quote, .dark-theme~.wrapper .title_spoiler, .dark-theme~#dle-content .title_spoiler, .dark-theme~.wrapper .text_spoiler, .dark-theme~#dle-content .text_spoiler {
  background: #323232 !important;
  color: #bdbdbd !important;
  border-color: gray;
}

.dark-theme~.wrapper .title_spoiler, .dark-theme~.wrapper .title_quote {
  background: #3f3f3f !important;
  color: #bdbdbd !important;
  border-color: gray;
}

.dark-theme~.wrapper #dle-comments-list .comment {
  border-color: gray;
}

.dark-theme~.wrapper #share42 {
  background: transparent;
}

.dark-theme~.wrapper .full-story .notice {
  color: #a9a9a9;
}

.dark-theme~.wrapper .full-story .tags a {
  background: #333;
}

.dark-theme~.wrapper .full-story .full-story-content .add-news-inner:hover {
  background: rgba(78, 150, 68, 0.2) !important;
}

.dark-theme~.wrapper textarea, .dark-theme~#dle-content textarea, .dark-theme~.wrapper input, .dark-theme~#dle-content input, .dark-theme~.wrapper select, .dark-theme~#dle-content select, .dark-theme~.wrapper .bb-pane, .dark-theme~#dle-content .bb-pane, .dark-theme~.wrapper .full-story .full-story-content .add-news-inner {
  background: #151515 !important;
  color: #bdbdbd !important;
  border-color: gray;
}

.dark-theme~header.header .top-menu, .dark-theme~header.header .top-panel-wrapper .top-panel {
  color: #bdbdbd !important;
}

.dark-theme~.fancybox-wrap .fancybox-skin, .dark-theme~.fancybox-skin {
  background: #222 !important;
  color: #bdbdbd !important;
  border-color: gray !important;
}

.dark-theme~.fancybox-skin .news .article .title {
  color: #fff !important;
}

.dark-theme~.wrapper .coop1, .dark-theme~.wrapper .multi1 {
  box-shadow: 3px 3px 4px #151515;
}

.dark-theme~.wrapper .full-rating .rating-star {
  filter: invert(100%);
}

.dark-theme~.wrapper .bb-pane>b, .dark-theme~#dle-content .bb-pane>b {
  background: #333;
  color: #fff;
}

.dark-theme~.wrapper .text_sp:hover, .dark-theme~#dle-content .text_sp:hover {
  color: #fff !important;
}

.dark-theme~.wrapper .opponent-module .theme.online_bkg, .dark-theme~.wrapper .comment .message .action-panel .actions .moderation ul {
  background: #333;
}

.dark-theme~.wrapper .comment .user .user-avatar img, .dark-theme~.wrapper .comment .user .user-avatar:after {
  border-color: #333;
}

.dark-theme~.wrapper .profile .profile-sub-title, .dark-theme~.wrapper pre code, .dark-theme~#dle-content pre code {
  background: #333;
  color: #fff;
}

.dark-theme~.wrapper table.display tr:nth-child(2n) td:not(:last-child), .dark-theme~.wrapper .sort-block {
  background-color: #333;
}

/* DARK READ THEME FORUM */

.dark-theme~#dle-content .forum, .dark-theme~#dle-content .ui-dialog .forum {
  background: #333;
}

.dark-theme~#dle-content .forum .forum_speedbar a:not(:last-child):hover:before {
  border-color: transparent transparent transparent #333;
}

.dark-theme~#dle-content .forum .forum_speedbar a:not(:last-child):hover:after {
  border-color: #333 transparent;
}

.dark-theme~#dle-content .forum .forum-messages .message, .dark-theme~#dle-content .ui-dialog .forum .forum-messages .message, .dark-theme~#dle-content .forum .related .themes, .dark-theme~#dle-content #text_msg, .dark-theme~#dle-content #message_new_topic, .dark-theme~#dle-content .forum .statistic {
  background: #151515;
  color: #bdbdbd;
}

.dark-theme~#dle-content .forum .forum-messages {
  color: #bdbdbd;
}

.dark-theme~#dle-content .forum .tree-content, .dark-theme~#dle-content .forum .tree-content.read, .dark-theme~#dle-content .forum .info-text {
  background-color: #151515;
  color: #bdbdbd;
}

.dark-theme~#dle-content .forum .tree-content.FixedTopic {
  background: #2a2601;
}

.dark-theme~#dle-content .forum .forum-messages .author, .dark-theme~#dle-content .ui-dialog .forum .forum-messages .author {
  background: #222;
  border-bottom: 1px solid #333;
}

.dark-theme~#dle-content~.forum .topicPoll .buttonsPoll button {
  background: #151515;
}

.dark-theme~#dle-content .forum .topicPoll, .dark-theme~#dle-content ol.bbcode_forum, .dark-theme~#dle-content ol.bbcode_forum_text {
  background: #222;
  color: #bdbdbd;
}

.dark-theme~#dle-content .forum .messages-color-wrapper .user-comment .textSpoiler, .dark-theme~#dle-content .ui-dialog .forum .messages-color-wrapper .user-comment .textSpoiler {
  background: #252525 !important;
  color: #c9c9c9 !important;
}

.dark-theme~#dle-content .forum .user-comment .titleSpoilerForum, .dark-theme~#dle-content .ui-dialog .forum .user-comment .titleSpoilerForum {
  background-color: #222 !important;
}

.dark-theme~#dle-content .forum .HideNo, .dark-theme~#dle-content .forum .CoopHide {
  background-color: #333;
}

.dark-theme~#dle-content .forum .preview .user {
  background: #222;
  border-bottom: 1px solid #333;
}

.dark-theme~#dle-content .forum .preview {
  background: #151515;
}

/* DARK READ THEME SIDEBAR*/

.dark-theme~.wrapper .news .article:hover .title, .dark-theme~.wrapper .sidebar .forum-themes .left-content>a:hover, .dark-theme~.wrapper .sidebar .informer-sidebar-block .informer-article-block a:hover .informer-block-title {
  color: #1EA7E0;
}

.dark-theme~.wrapper .sidebar .blog-articles .article .title:hover {
  color: #fff;
}

.dark-theme~.wrapper .sidebar {
  background-color: #151515;
}

.dark-theme~.wrapper .sidebar .sidebar-block {
  background: #252525;
}

.dark-theme~.wrapper .sidebar .chat .lc_textarea textarea {
  background-color: #252525;
}

.dark-theme~.wrapper .sidebar .sidebar-title.lc_block, .dark-theme~.wrapper .sidebar .informer-sidebar-block .sidebar-title, .dark-theme~.wrapper .sidebar .sidebar-title .active, .dark-theme~.wrapper .sidebar .sidebar-block .block-container>div {
  background: #252525;
}

.dark-theme~.wrapper .sidebar .sidebar-title .inactive {
  background: #151515;
}

.dark-theme~.wrapper .sidebar .informer-sidebar-block .informer-article-block .informer-block-title, .dark-theme~.wrapper .sidebar .forum-themes .left-content>a, .dark-theme~.wrapper .sidebar .blog-articles .article .title, .dark-theme~.wrapper .sidebar .informer-sidebar-block.text-gray, .dark-theme~.wrapper .sidebar .useful-articles>a {
  color: #a9a9a9;
}

.dark-theme~.wrapper .sidebar .informer-sidebar-block .informer-article-block, .dark-theme~.wrapper .sidebar .forum-themes .theme {
  border-color: #333;
}

.dark-theme~.wrapper .sidebar .chat .lc_area .lc_chat_list_area {
  border-color: #333;
}

.dark-theme~.wrapper .sidebar .site-team .person .nickname {
  color: #fff;
}

.dark-theme~.wrapper .sidebar .site-team .person:hover {
  background: #333;
}

.dark-theme~.wrapper .sidebar .site-team .person:hover .nickname {
  color: #1EA7E0;
}

.dark-theme~.wrapper .sidebar .site-team .person .responsibility, .dark-theme~.wrapper .sidebar .site-team .bottom-panel {
  color: #a9a9a9;
}

.dark-theme~.wrapper .sidebar .blogging .blog a {
  color: #a9a9a9;
}

/* DARK READ THEME CHAT*/

.dark-theme~.wrapper .sidebar .chat .lc_area, .dark-theme~.wrapper .sidebar .chat .lc_chat_list .lc_chat_li, .dark-theme~.wrapper .sidebar .chat .lc_textarea textarea, .dark-theme~.wrapper .sidebar .chat .lc_chat_li .title_quote {
  background: #333;
  color: #bdbdbd !important;
}

.dark-theme~.wrapper .sidebar .chat .lc_area, .dark-theme~.wrapper .sidebar .chat .lc_chat_list .lc_chat_li {
  border-color: #3a3a3a !important;
}

.dark-theme~.wrapper .sidebar .chat .lc_chat_list .lc_chat_li_text b.lc_member, .dark-theme~.wrapper .sidebar .chat .lc_chat_list .lc_chat_li .lc_group_4, .dark-theme~.wrapper .lc_modal .lc_chat_list .lc_chat_li .lc_group_4, .dark-theme~.wrapper .lc_modal .lc_chat_list .lc_chat_li_text b.lc_member {
  color: #bdbdbd !important;
}

.dark-theme~.wrapper .sidebar .chat .lc_chat_li:nth-child(2n) {
  background: #222 !important;
}

.dark-theme~.wrapper .sidebar .chat .quote {
  background: #252525 !important;
  color: #c9c9c9 !important;
}

.dark-theme~.wrapper .sidebar .chat .lc_modal_colors, .dark-theme~.wrapper .sidebar .chat .lc_modal_smiles {
  background: #222;
}

.dark-theme~.wrapper .lc_modal *, .dark-theme~.wrapper lc_modal_header, .dark-theme~.wrapper .lc_modal {
  background: #222;
  color: #bdbdbd;
  border-color: #3a3a3a !important;
}

.dark-theme~.wrapper .lc_modal .lc_chat_list .lc_chat_li_text, .dark-theme~.wrapper .lc_modal .lc_chat_list .lc_chat_li a, .dark-theme~.wrapper .lc_modal .lc_chat_list .lc_chat_li b {
  background: transparent;
}

.dark-theme~.wrapper .lc_modal .lc_chat_list .lc_chat_li:nth-child(2n) {
  background: #333;
}

.dark-theme~.wrapper .lc_modal .lc_chat_list .lc_chat_li.lc_personal {
  background: rgba(0, 255, 0, 0.1);
}

.dark-theme~.wrapper .lc_icon:hover:before {
  color: #fff;
}

.dark-theme~.wrapper .page-tab-mark {
  background-color: #222;
}

.dark-theme~.wrapper .page-tab-mark.active {
  background-color: #333;
}

.dark-theme~.wrapper .opponent-module .theme .information .description .more-link {
  background: linear-gradient(transparent, #222 37%);
}

.dark-theme~.wrapper .theme.online_bkg .information .description .more-link {
  background: linear-gradient(transparent, #333 37%);
}

/* poll label colors */

.checkboxchecked {
  background-color: rgba(78, 150, 68, 0.2);
}

.pollanswer label {
  display: block;
}

.pollanswer:hover:not(.checkboxchecked) {
  background-color: #ededed;
}

/* mentions */

.ui-autocomplete.ui-widget.ui-widget-content {
  border: 1px solid #9e9e9e;
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
  max-width: 648px !important;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  background: #fff;
  padding: 5px;
}

.ui-menu .ui-menu-item:hover {
  background:#0772B9;
}

.ui-helper-hidden-accessible {
  display: none;
}

/* lazy load support */

img:not([src]) {
  visibility: hidden;
}

/* Fixes Firefox anomaly during image load */

@-moz-document url-prefix() {
  img:-moz-loading {
    visibility: hidden;
  }
}

@media (max-width: 767px) {
    body,
    html {
        min-width: 100%;
    }

    .top-panel {
        width: 100%;
    }

    .top-panel .logo-name {
        display: none;
    }

    .user-menu.menu-wide {
        width: auto;
    }

    .search-panel .bar {
        width: auto;
    }

    .search-panel .bar:focus {
        width: auto;
    }

    .content {
        width: 100%;
    }

    #dle-content {
        max-width: 100%;
    }

    .flex-stretch {
        flex-direction: column;
    }

    .wrapper {
        width: 100%;
    }

    .sidebar {
        width: 100%;
    }

    .news .article {
        flex-wrap: wrap;
    }

    .news .article .article-content {
        width: auto;
    }

    .news .article .image {
        width: auto;
        margin: 0 auto;
    }

    .news .article .title {
        width: 100%;
    }

    .footer {
        width: 100%;
    }

    .button-up,
    #moon-light {
        display: none !important;
    }

    .ui-dialog {
        max-width: 100% !important;
    }

    .quote {
        word-break: break-all;
    }

    #dle-comments-list .comment .user {
        text-align: left;
        width: 100%;
    }

    #dle-comments-list .comment .user .user-avatar {
        display: inline-block;
    }

    #dle-comments-list .comment .user .user-avatar img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
    }

    #dle-comments-list .comment .user .author {
        display: inline-block;
    }

    #dle-comments-list .comment .message {
        width: 100%;
    }

    .actions.right.clr {
        position: absolute;
        right: 15px;
        top: 15px;
    }

    #dle-comments-list .comment .message .action-panel .actions .complaint:before {
        top: 0px;
    }

    .footer .counter {
        text-align: center;
    }

    #feedback {
        margin-top: 20px;
    margin-left: 20px;
    }
}


#button {
  display: inline-block;
  background-color: #0772B9;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}

/* Styles for the content section */

@media (min-width: 500px) {
  #button {
    margin: 30px;
  }
}

.center.m10.hide_onajax {
	width: 100%;
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}

/* last comments hints */
.lastcomm {
position: relative;
display: inline;
}

.lcommbox, .rcommbox {
z-index: 3;
display:none;
word-wrap: break-word;
padding: 10px; 
border: 5px solid #252525; 
background-color: #ededed;
width: 300px;
position: absolute;
top: -70px;
color: gray;
}

.lcommbox {
left: -330px;
}

.rcommbox {
right: -515px;
}

.lcomment:hover + .lcommbox, .lcomment:hover + .rcommbox {display:block;}
.lcomment {overflow: hidden; }

/* vote */

.dpad .btn-success {
	margin-bottom: 10px;
}

@media (max-width: 767px) {
	.inpost_b {
        display: none;
    }
    
    .horizontal-slider .btn-left {
        left: 0;
    }
    
    .horizontal-slider .btn-right {
    	right: 0;
	}

	.coop1, .coop0, .multi1, .multi0 {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}


body::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: rgba(31, 31, 31, 0.95);
}

body::-webkit-scrollbar
{
  width: 10px;
  background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb
{
  background-color: #000000;
  border: 2px solid #555555;
}