@charset "windows-1251";
/* ШРИФТЫ */
/* 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: 1000px;
}

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: 118px;
    bottom: 0;
    width: 100%;
    z-index: -1;
    background: no-repeat;
    font-size: 0;
}

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

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

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

.logo-panel .logo {
    height: 104px;
    margin-top: 6px;
}

.logo-panel .logo:hover {
	transform: scale(1.1) rotate(5deg);
    filter: saturate(2);
}

.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: .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: #4e9644;
}

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


.user-panel .messages.messages:hover::before {
    color: #4e9644;
}

.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: .85em;
    border-radius: 50px;
    color: #4e9644;
    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: 113px;
    width: 100%;
    background-color: #151515;
    border-bottom: 5px solid #4e9644;
}

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

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

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

.search-panel .bar:focus {
    width: 350px;
    border-color: #4e9644;
}
            
.search-panel .bar:invalid {
    border-color: #333 !important;
}

.search-panel .bar:hover {
    border-color: #4e9644;
}

.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 10px 0 10px;
}

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

.login-form .slide-form {
    display: none;
    overflow: hidden;
    position: absolute;
    left: -5px;
    right: -5px;
    top: 100%;
    padding: 5px 10px 10px 10px;
    height: 56px;
    background-color: rgb(31, 31, 31);
    z-index: 15;

    border-left: 5px solid #4e9644;
    border-right: 5px solid #4e9644;
}

.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: #4e9644;
}

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

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

.login-form:hover {
    border-color: #4e9644;
}

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

.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: #4e9644;
    color: #fff;
}

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

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

#searchsuggestions .seperator a {
    background-color: #4e9644;
    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% - 553px);
    top: 2px;
    font-size: 30px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    color: #fff;
    z-index: 10;
    opacity: .2;
}

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

#moon-light.show {
    opacity: .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{
    -moz-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
}

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

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

.top-menu>ul>li>ul>li:hover>ul{
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    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 {
    display: inline-block;
    float: right;
}

.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: #4e9644;
}

.top-menu > ul > li > ul li:hover.mark {
    background: url(../images/triangle-right-hover.png) no-repeat #4e9644;
    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: #4e9644;

    background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 100%);
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 100%);
    background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 100%);
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 100%);
    background-image: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(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 #4e9644;
}

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

.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: 1000px;
    box-shadow: 0 0 2px #000;
    margin: 60px auto 0 auto;
    background-color: #fdfdfe;
    position: relative;
}

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

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

.content.wide {
    width: 100%;
}

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

/* КЛАССЫ СОДЕРЖИМОГО */
.center {
    text-align: center;
}

.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: #4e9644;
    border-bottom: dotted 1px #4e9644;
}

.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: none;
}   

.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: none;
} 

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

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


/* */

.slider {
    width: 100%;
    overflow: hidden;
    /*    height: 310px;*/
    height: 460px;
    position: relative;
    background-color: #151515;
    padding: 5px;
    box-sizing: border-box;
}

.slider .main-img {
    float: left;
    /*    width: 525px;*/
    width: 845px;
    height: 450px;
    position: relative;
    margin-right: 5px;
    overflow: hidden;
}


.slider .main-img > a > img {
    width: 100%;
    height: 100%;
    vertical-align: bottom;
    position: relative;
    object-fit: cover;
    transition: all 0.3s;
}

.slider .main-img > a {
    position: relative;
    width: 100%;
    height: 100%;
}

.slider .main-img>a:hover img {
    transform: scale(1.03);
}

.slider .main-img .hidden {
    display: none;
}

.slider .main-img .active {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.slider .main-img .btn-left,
.slider .main-img .btn-right {
    position: absolute;
    top: 0;
    width: 60px;
    height: 100%;
    text-align: center;
    cursor: pointer;
    color: transparent;
    font-family: Arial, serif;
    /*    line-height: 300px;*/
    line-height: 450px;
    opacity: 0.2;
    font-size: 25px;
    z-index: 3;
}

.slider .main-img:hover .btn-left,
.slider .main-img:hover .btn-right {
    opacity: 1;
    color: #fff;
}

.slider .main-img .btn-left:hover,
.slider .main-img .btn-right:hover {
    color: #4e9644;
}

.slider .main-img .btn-left:hover {
    background-image: -ms-linear-gradient(right, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%);
    background-image: -moz-linear-gradient(right, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%);
    background-image: -o-linear-gradient(right, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%);
    background-image: -webkit-linear-gradient(right, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%);
    background-image: linear-gradient(right, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%);
}

.slider .main-img .btn-right:hover {
    background-image: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%);
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%);
    background-image: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%);
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%);
    background-image: linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%);
}

.slider .main-img .btn-left {
    left: 0;
}

.slider .main-img .btn-right {
    right: 0;
}

.slider .social {
    position: absolute;
    top: -50px;
    right: 20px;
    height: 30px;
    line-height: 20px;
    color: #4e9644;
    font-weight: bold;
    box-sizing: border-box;
    font-size: 16px;
    padding: 5px;
    z-index: 5;
    background-color: rgba(21, 21, 21, 0.9);
    border-radius: 5px;
}

.slider .social img {
    vertical-align: middle;
}

.slider .main-img:hover .social{
    top: 10px;
}

.slider .title {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    background-color: #4e9644;
    color: #fff;
    padding: 2px 10px;
    min-width: 100px;
    box-sizing: border-box;
    font-size: 18px;
    text-shadow: none;
}

.slider .blured-back {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;

    -webkit-filter: url(#blur);
    filter: url(#blur);
    -webkit-filter: blur(5px);
    filter: blur(5px);
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');

    background-position: bottom right;
    background-size: 100%;
    z-index: 3;
}


.slider .description {
    position: absolute !important;
    display: block !important;
    height: auto !important;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(21, 21, 21, 0.9);
    color: #fff;
    padding: 5px 20px 5px 20px;

    /*border-top: 2px solid #252525;*/
    box-sizing: border-box;
    opacity: 1;
    font-size: 30px;
    z-index: 5;

    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;
}

.slider .description span {
    position: relative;
    z-index: 6;
}

.slider .scroll-panel {
    float: left;
    width: 140px;
    position: relative;
    height: 100%;
    padding-right: 11px;
    box-sizing: border-box;
    overflow: hidden;
}

.slider .scroll-panel img {
    width: 100%;
    margin-bottom: 5px;
    box-sizing: border-box;
    vertical-align: bottom;
    border: 1px solid transparent;
    opacity: 0.5;
}

.slider .scroll-panel .active {
    opacity: 1;
    border: 1px solid #4e9644;
}

.slider .scroll-panel img:last-child {
    margin-bottom: 0;
}

/* Панель прокрутки */
.scrolling {
    position: relative;
}

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

.scrolling .scroll-bar .scroller {
    position: absolute;
    background-color: #4e9644;
    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;
}
/* / Новости */

/* Облако тегов */
.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: #4e9644;
    background: url(../images/triangle.png) no-repeat;
    background-position: center top -1px;
}

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

.links a.add-news {
    color: #fff;
    background: #4e9644;
    transition: none;
}

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

/* ХАКИ для рекламы */
#contentShifter {
    display: none !important;
}

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

body.adfoxClickable .header {
    margin-bottom: 240px !important;
}
/* ХАКИ для рекламы */

/* СТАТЬИ */
.news .article {
    padding: 20px 10px;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    border-top: 1px solid rgba(136, 136, 136, 0.2);
    display: flex;
    align-items: center;
}

.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 {
    float: left;
    width: 200px;
    margin-right: 10px;
    position: relative;
    overflow: hidden;
}

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

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

.news .article .image .img:hover img {
    transform: scale(1.1);
}

.news .article .category {
    background-color: #4e9644;
    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 .article-content {
    float: left;
    width: 448px;
}

.news .article .title {
    margin-bottom: 5px;
    display: inline-block;
    float: left;
    font-weight: bold;
    font-size: 1.2em;
    width: 448px;
    font-family: 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 .article .actions .favorites-block a span {
    color: #a9a9a9;
    font: normal normal normal 20px/1 FontAwesome;
}

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

.news .article .actions .favorites-block a .favorite-plus:before {
    content: "\f02e";
}

.news .article .actions .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;
}

.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:  #4e9644;
}

.news .article .title:hover,
.news .article:hover .title {
    color:  #4e9644;
}

.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: 0.95em;
    padding-right: 5px;
    font-family: Tahoma, Verdana, Segoe, sans-serif;
}

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

.news .article .preview-text a {
    color: #4e9644;
}

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

.news .article .inform-panel {
    width: 100%;
    font-size: 13px;
    color: #a5a5a5;
    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: #4e9644;
}

.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: #4e9644;
}

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

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

.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: #4e9644;
}

.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: #4e9644;
}

/* ИНФОРМЕР */
.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: #4e9644;
    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: #4e9644;
}

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

.informer_news .date {
    color: #a9a9a9;
}

.informer_news .date:hover {
    color: #4e9644;
}

.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: 320px;
    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;
}

/* Блоки */
.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;
} */

.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: .85em;
}
.text-tiny { /* COMMON CLASS */
    font-size: .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: #4e9644;
    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: #4e9644;
    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: #4e9644;
}

.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: #4e9644;
    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: #4e9644;
}

.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: #4e9644;
}

/* Блоги */
.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: #4e9644;
    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: #4e9644;
    border-radius: 10px;
    border: 1px solid #4e9644;

    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: #4e9644;
    color: #fff;
}

.sidebar-link {
    clear: both;
    display: block;
    text-align: center;
    color: #4e9644;
    padding: 5px;
}

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

/* Полезные статьи */
.useful-articles .title {
    color: #4e9644;
    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: #4e9644;
    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: #4e9644;
}

.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: .9em;
}

.informer-sidebar-block .informer-article-block .author {
    color: #4e9644;
}

.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: #4e9644;
}

.blog-articles .article .blog {
    padding-top: 5px;
    display: block;
    color: #4e9644;
    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: #4e9644;
    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;
}

.forum-themes .left-content > a:hover {
    color: #4e9644;
}

.forum-themes .theme-info {
    font-size: 0.8em;
    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: #4e9644;
}

.forum-themes .image {
    position: relative;
    width: 50px;
    /*border-left: 3px solid #4e9644;*/
    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;
}

/* Пагинация */
.pagination {
    border-bottom: 2px solid #a9a9a9;
    text-align: center;
    color: #a9a9a9;
    margin: 20px 0;
}

.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: #4e9644;
}

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

.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: #4e9644 url(../images/follow.png) no-repeat;
    background-position: center;
    background-size: 16px 16px;
    cursor: pointer;
}

/* Горизонтальный слайдер */
.horizontal-slider {
    width: 100%;
    background-color: #252525;
    white-space: nowrap;
    color: #a9a9a9;
    box-shadow: inset 0 0 4px #151515;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
}

.horizontal-slider .title {
    margin-left: 20px;
    padding: 5px 0;
    color: #4e9644;
    text-transform: uppercase;
    position: relative;
    z-index: 5;
}

.horizontal-slider .btn-left,
.horizontal-slider .btn-right {
    position: absolute;
    width: 60px;
    top: 0;
    bottom: 0;
    text-align: center;
    cursor: pointer;
    font-family: Arial, serif;
    line-height: 254px;
    font-size: 25px;
    z-index: 3;
    color: transparent;
}

.horizontal-slider:hover .btn-left,
.horizontal-slider:hover .btn-right {
    color: #fff;

}

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

.horizontal-slider .btn-right {
    right: 10px;

}

.horizontal-slider .btn-left:hover,
.horizontal-slider .btn-right:hover {
    color: #4e9644;

}

.horizontal-slider .btn-left:hover {
    background-image: linear-gradient(to left, rgba(0,0,0,0) 0%, rgba(21, 21, 21, 0.90) 100%);
}

.horizontal-slider .btn-right:hover {
    background-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(21, 21, 21, 0.90) 100%);
}

.horizontal-slider:hover .btn-left {
    left: 0;
    text-shadow: -1px 1px #333;
}

.horizontal-slider:hover .btn-right {
    right: 0;
    text-shadow: 1px 1px #333;
}

.horizontal-slider .container {
    width: 100%;
    overflow-x: scroll;
    padding-bottom: 10px;
}

.horizontal-slider .scrolling {
    margin-right: 10px;
    width: calc(100% - 10px);
    z-index: 4;
}

.horizontal-slider .container a {
    width: 200px;
    text-align: center;
    display: inline-block;
    padding: 10px 5px;
    white-space: normal;
    vertical-align: top;
    margin-bottom: 10px;
}

.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;
    border: 1px solid #333;
    object-fit: cover;
}

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

.horizontal-slider .container a:hover .title {
    opacity: 0;
    transition: .2s all;
}

.horizontal-slider .container::-webkit-scrollbar-track {
    margin-top: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    background: #222;
    height: 6px;
}

.horizontal-slider .container::-webkit-scrollbar {
    height: 6px;
    background-color: #F5F5F5;
}

.horizontal-slider .container::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #4e9644;
    box-shadow: inset 0 0 3px #000;
}
        
.horizontal-slider .container::-webkit-scrollbar-thumb:hover {
    box-shadow: none;
}

/* Рейтинг игр */
.game-rating {
    width: 100%;
    background-color: #252525;
    box-shadow: 0 0 4px #000;
    padding: 10px 5px 5px 10px;
    box-sizing: border-box;
}

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

.game-rating a {
    display: block;
    float: left;
    position: relative;
    margin: 0 5px 5px 0;
    width: 128px;
    height: 84px;
    color: #a9a9a9;
}

.game-rating a img {
    width: 100%;
    height: 100%;
}

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

.game-rating a .rating {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 3em;
    color: #fff;
    padding: 15px 5px;
    background-color: rgba(21, 21, 21, 0.8);
    text-align: center;
    opacity: 0;
    font-family: Arial, serif;
}

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

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


/* Название блока */
.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 #4e9644;
}

.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 #4e9644;
    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: #4e9644;
    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;
}

.applications a:hover {
    border-color: #4e9644;
}

.applications .evolve        {background-image: url(../images/application/evolve.png)}
.applications .evolve:hover  {background-image: url(../images/application/evolve-hover.png)}
.applications .steam         {background-image: url(../images/application/steam.png)}
.applications .steam:hover   {background-image: url(../images/application/steam-hover.png)}
.applications .tunngle       {background-image: url(../images/application/tunngle.png)}
.applications .tunngle:hover {background-image: url(../images/application/tunngle-hover.png)}
.applications .garena        {background-image: url(../images/application/garena.png)}
.applications .garena:hover  {background-image: url(../images/application/garena-hover.png)}
.applications .hamachi       {background-image: url(../images/application/hamachi.png)}
.applications .hamachi:hover {background-image: url(../images/application/hamachi-hover.png)}
.applications .origin        {background-image: url(../images/application/origin.png)}
.applications .origin:hover  {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: #4e9644;
    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: #4e9644;
}

.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: #4e9644;
    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: #6cba4a;
}

.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: 10px;
}

.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: url(../images/mark.png) no-repeat;
    background-position: left center;
    /*text-transform: uppercase;*/
    margin: 0 0 10px 10px;
}

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

.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: #4e9644;
    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: .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% - 560px);
    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: 86%;
    top: 14%;
}

.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 {
    background-image: url(../images/up-hover.png);
    background-position-y: 95%;
}

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

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


/* 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: -16px;
}

.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: #4e9644;
    font-size: .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: .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: #4e9644;
}

.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: .95em;
    position: relative;
    margin-bottom: 25px;
}

.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: 5px;
}

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

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

.content.wide .full-story-content h2 {
    font-size: 30px;
}

.content.wide .full-story-content h3 {
    font-size: 24px;
}

.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: .3s all;
}

.content.wide .full-story-content .title_spoiler+.text_spoiler,
.content.wide .full-story-content .title_spoiler.sp_opened {
    width: 1000px;
    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: 360px !important;
}

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

.content.wide .full-story-content .quote iframe,
.content.wide .full-story-content .text_spoiler iframe {
    width: 100% !important;
    height: 532px!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 .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.05em;
    font-weight: 700;
}

.full-story .full-story-content .add-news-story {
    font-size: .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, .7);

    color: #fff;
    font-size: 1.2em;
}

.titled-image > span:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    width: 7px;
    background-color: #4e9644;
    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(/templates/CoopLand2016/dleimages/spoiler-plus.gif) no-repeat;
    background-position: left 10px center;
}

.title_spoiler.spoiler_land.sp_opened > a {
    background: url(/templates/CoopLand2016/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: #74a550;
    color: #fff;
    text-decoration: none;
}

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

.full-story .page-rating .rate {
    font-size: 2.5em;
    text-align: center;
}

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

.full-story .page-rating .voices {
    text-align: center;
}

.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: #74a550;
}

.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: 8px;
    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 #4e9644;
}

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

.interesting .game-block .category,
.bottom-block .game-block .category {
    transition: .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 #4e9644;
    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: #4e9644;
    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: .85em;
}

/* Full Story Rating */
.full-rating {
    /*padding-left: 50px;*/
    text-align: center;
    position: relative;
    margin: 20px 0 40px 0;
}

.full-rating .rate-block {
    background-color: #74a550;
    border-radius: 2px;
    padding: 5px 30px;
    display: inline-block;
    color: #fff;
    font-size: 1.2em;
}

#rate_count {
    font-size: 2em;
}

.full-rating .rate-voices {
    font-size: .85em;
}

.full-rating .rating-star {
    background: url(../images/star.png) no-repeat;
    background-position: center;
    width: 32px;
    height: 32px;
    margin: 0 3px;
    display: inline-block;
    cursor: pointer;
    position: relative;
}

.full-rating .rating-title {
    font-size: 1.25em;
    margin-bottom: 5px;
}

.full-rating .rating-star.rate-low  {background-color: #ff0000}
.full-rating .rating-star.rate-avg  {background-color: #ffff00}
.full-rating .rating-star.rate-high {background-color: #4e9644}

.full-rating .rating-star:after {
    content: counter(section);
    counter-increment: section;
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 100%;
    color: #9c9c9c;
}

/* / Full Story Rating */

.wide-block {
    background-color: #252525;
    margin-left: -15px;
    margin-right: -15px;
    padding: 20px;
    /*box-shadow: 0 0 4px #000, inset 0 0 6px #151515;*/
    width: auto;
}

.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: #4e9644;
    font-size: 36px;
    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 {
    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:.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: 280px;
    margin: 5px 15px;
    text-align: center;

    padding: 8px 0;
    display: inline-block;

    color: #FFF;

}

.coop1, .multi1 {

    background-image: -ms-linear-gradient(top, #6CBA5D 0%, #55A446 100%);
    background-image: -moz-linear-gradient(top, #6CBA5D 0%, #55A446 100%);
    background-image: -o-linear-gradient(top, #6CBA5D 0%, #55A446 100%);
    background-image: -webkit-linear-gradient(top, #6CBA5D 0%, #55A446 100%);
    background-image: linear-gradient(top, #6CBA5D 0%, #55A446 100%);
    border-bottom: 2px solid #7bbf57;
    box-shadow: 3px 3px 4px #bcbcbc;
}

.coop0, .multi0 {

    background-image: -ms-linear-gradient(top, #807f7f 0%, #52504f 100%);
    background-image: -moz-linear-gradient(top, #807f7f 0%, #52504f 100%);
    background-image: -o-linear-gradient(top, #807f7f 0%, #52504f 100%);
    background-image: -webkit-linear-gradient(top, #807f7f 0%, #52504f 100%);
    background-image: linear-gradient(top, #807f7f 0%, #52504f 100%);
    color: darkgrey;
    border-bottom: 2px solid #990000;
}

.meta {
    color: #fff;
    font-weight: bold;
    font-size: 19pt;
    position: relative;
    height: 50px;
    background: url(../images/meta.png) no-repeat;
    background-position: center;
    padding-right: 23px;
    padding-top: 8px;
    margin-top: 10px;
    margin-bottom: 0;
    margin-left: 531px;
    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: 170px;
    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;
}



.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: #4e9644;
    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 .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: #4e9644;
}

#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: #4e9644;
}


#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: .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: .91em;
}

#dle-comments-list .comment .message .action-panel .date {
    font-size: .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: .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-size: 28px;
}

.full-story-content h3  {
    font-size: 20px;
}

.full-story-content h4  {
    font-size: 17px;
}


/* Превью статьи */
.full-story-preview {
    color: rebeccapurple;
}
/* / Превью статьи */

/* Пользовательские комментарии */
.user-comment {
    font-family: Tahoma, Verdana, Segoe, sans-serif;
    font-size: .9em;
    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: #4e9644;
}

.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: #4e9644;
}

#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: #4e9644;
    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: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: #4e9644;
    border-color: #4e9644;
}

.btn.btn-success:hover {
    background-color: #6cba4a;
    border-color: #6cba4a;
}

p.btn.btn-success:hover {
    background-color: #4e9644;
    border-color: #6cba4a;
}


.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: #4e9644;
}

.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: .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,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) format('truetype'),
        url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAACdEAAsAAAAAJvgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIPBmNtYXAAAAFoAAAA9AAAAPQ29C0zZ2FzcAAAAlwAAAAIAAAACAAAABBnbHlmAAACZAAAIeAAACHgMmxCaGhlYWQAACREAAAANgAAADYFqWKMaGhlYQAAJHwAAAAkAAAAJAgMBC5obXR4AAAkoAAAAJQAAACUg24Ar2xvY2EAACU0AAAATAAAAExzLnwUbWF4cAAAJYAAAAAgAAAAIAA0AN9uYW1lAAAloAAAAYQAAAGEvwA5TnBvc3QAACckAAAAIAAAACAAAwAAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8dwDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABADgAAAANAAgAAQAFAABACDmAekR6RPpMOl36Y3p0eph6mjqcuqN8APwNPA58D7wwfDN8RjxIfEs8Wbx3P/9//8AAAAAACDmAOkR6RPpMOl36Y3p0eph6mjqcuqN8APwMfA28D7wwfDK8RjxIfEr8Wbx3P/9//8AAf/jGgQW9Rb0FtgWkhZ9FjoVqxWlFZwVghAND+AP3w/bD1kPUQ8HDv8O9g69DkgAAwABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAYAAP/ABAADwAADAAcACwAYACUAMgAAASE1IQEhNSEBITUhATQ2MzIWFRQGIyImNSE0NjMyFhUUBiMiJjUhNDYzMhYVFAYjIiY1BAD8AAQA/oD9gAKAAYD8AAQA/AAlGxslJRsbJQIAJRsbJSUbGyX/ACUbGyUlGxslA0CA/oCA/oCA/kAbJSUbGyUlGxslJRsbJSUbGyUlGxslJRsAAAACABoACAPoA6sADgArAAATBhYHBhY+ATc2JicuAQcBJg4CBw4BBwYWFx4BFx4BFx4BNz4BNz4DJ406FU4RO2d4LSUPKChjJgNbD53GwDExKw8GCwMUHhESFgoCBwgUOTExpJhkDwEWOX5XFAwSMislYSgnDyUClQ9jlaExMDgUCAcCChURER4TBAoGDyowML3Cmw8AAQAA/8AEAAPAACsAAAEzERQOAiMiLgI1ND4CMzIWFxEFERQOAiMiLgI1ND4CMzIWFxElA8BAIz1SLi5SPSMjPVIuL1Me/gAjPVIuLlI9IyM9Ui4vUx4CQAPA/SAhOiwZGSw6ISE6LBkaFgFwcv4SITosGRksOiEhOiwZGhYCcIAAAAAACQAAAEAEAANAAAQACQAOABMAGAAdACIAJwAqAAATESERIRMjNTMVESM1MxURIzUzFQEhESERMyM1MxURIzUzFREjNTMVIRElAAQA/ADAgICAgICAAkD+AAIAwICAgICAgP3AAQADQP0AAwD9QICAAQCAgAEAgID+AAKA/YCAgAEAgIABAICA/oDAAAACAAAAAAQAA0AAAwAKAAAlEyEDEwMRIRchFQNAwPzAwICAASCAAaAAAgD+AAJA/cADQICAAAAAAAIAAABABAEDAAAfAD8AABMyHgIVFA4CIyIuAjUnND4CMxUiBgcOAQc+ATMhMh4CFRQOAiMiLgI1JzQ+AjMVIgYHDgEHPgEz4S5SPSMjPVIuLlI9IwFGeqNdQHUtCRAHCBIJAkAuUj0jIz1SLi5SPSMBRnqjXUB1LQkQBwgSCQIAIz1SLi5SPSMjPVIuIF2jekaAMC4IEwoCASM9Ui4uUj0jIz1SLiBdo3pGgDAuCBMKAgEAAAIAAP/ABAADwAAiAC8AAAEiDgIVFBYXARUUFjsBNTM1MzUzNx4BMzI+AjU0LgIjEyImNTQ2MzIWFRQGIwLAQnVXMgMC/nslG0CAgIBTGjYdQnVXMjJXdUJgKDg4KCg4OCgDwDJXdUIPHQ/+e8AbJUCAgFMJCjJXdUJCdVcy/sA4KCg4OCgoOAAFAAAAAAQAA7IAHQAoADkARgBjAAABJiIPAS4BIyIOAgceARcHBhQXHgEzMjY3ATY0JwEyFhcHLgE1NDYzBT4BNz4BNw4BFRQWFwcuASclNCYnAR4BMzI+AjU3Bx4BFR4BFw4BBw4BIyImJwceATMyPgI3LgEnA7IOKA7KJ1IrVJqEaiQfWDafDg4HEgkJEgcDYA4O/e4gMQp6HCU4KP7OHUsuAgYDBwgZFj0oQhoCkgYG/r4TJxQ1XUYoPkUBAi5LHR1LLjiBQx05HE0tYDJUmoRqJCJjPQOyDg7KDAwvVHZHPmkonw4oDgcHBwcDYA4oDv7OJRx6CjEgKDjALU0cAgQCFSwXKUsfPRtGKUYUJxP+vgYGKEZdNZhFAQEBHE0tLU0cJCYHB00QES9UdkdDcSoAAAIAQP/AA8ADQAAHAA8AABMhFSMRIxEjASMRIxEjNSFAAYCAgIADgPyI/AKAAcCA/oABgAGA/QADAIAAAAcAAP/ABAADwAADAAcACwAPABMAGwAjAAATMxUjNzMVIyUzFSM3MxUjJTMVIwMTIRMzEyETAQMhAyMDIQMAgIDAwMABAICAwMDAAQCAgBAQ/QAQIBACgBD9QBADABAgEP2AEAHAQEBAQEBAQEBAAkD+QAHA/oABgPwAAYD+gAFA/sAAAA4AAP/ABAADwAADAAcADwATABcAHwAjACcALwAzADcAPwBEAEoAAAEzFSM3MxUjJREjNTM1IzUFMxUjNzMVIyUVMxUjETMVEzMVIzczFSMlESM1MzUjNQUzFSM3MxUjJRUzFSMRMxUBIREhETcxESERIQGAgIDAgIABQMCAQP5AgIDAgID+wECAwECAgMCAgAFAwIBA/kCAgMCAgP7AQIDAAoD8gAOAQPwABAADAEBAQED/AECAQMBAQEDAgEABAED+wEBAQED/AECAQMBAQEDAgEABAEACQPyAA4BA/AAEAAAAAAEAAP/ABAADwAAkAAABISIGFREUFjMhESM1MzU0NjsBFSMiBh0BMwcjETMyNjURNCYjA1X9VkdkZEcBVYCAXkKgoA0TsCCQ1UdkZEcDwGRH/VZHZAHAgGBCXoATDWCA/kBkRwKqR2QAAwAAAAAEAAMlACAAUABlAAAlEQYHBgcGBwYHBisBIicmJyYnJicmJxEUFxYzITI3NjURNTE1JiMGJyYHBichIgcGFRQXFhcWFxYXFhcWFxY7ATI3Njc2NzY3Njc2NzY3NjU3ERQHBiMhIicmNRE0NzYzITIXFhUDtxIWmVodEhMfHxsCGx8fExIdWpkWEgYFBwNKBwUGAQECAQIDBAT8tgcFBlRudwQQEQoJEBANDQsCCw0NEBAJChEQBHduHxobSRsbJfy2JRsbGxslA0olGxtbAbcUEXZMGA4ODg4ODg4OGEx2ERT+SQcFBgYFBwJZDgcIAQYFAQECBQUIYEJXXgMODggHCwoFBQUFCgsHCA4OA15XGCopIhX9kiUbGxsbJQJuJhsbGxsmAAAAAgAAAAADtwNuAAkAawAAAQMyFxYzMjcmJwE3Njc2NzY3Njc2NxsBMxYXExYXFhcWFxYXFhcWFxYXFhUUFQYVIicmIyIHBiM0PwEyNzY3Mjc2NzY3Njc2NTQnJicmJyUGBwYVFBcWFxYXFhcWMxQVFAciJyYjIgcGIwYjAZ5hEzs7IQsVMTj+YgENExMODQ8PCgsHiKBJBAJ1EyopGAgZGRAMCAsnKAgEASRISSQsT1AWAksBBgcCAgYGAwMDBAECEhIXFwH+/w8dHQgIERELCxUWAgEhQkMhBQoLAi0+Anf+/wEBAZFx/YktBAMDAwMGBQsLEgFgAZ4IBP7tLGdmNxM/PyEaBwkICAQVCwIGBQIFBAQEGBQQAgEBAgICAgIDBAMFCS4uNzgBAiJOTw4NCAkFBgIDAgILFgYKBgYDAggAAAAAAwAAAAADJQNuAB4APQCNAAAlFjMyNTQnJicmJyYnJicmIyIHFBUUFRQHBhcUFxYXAxYzMjc2NzY3NjU0JyYnJicmIyIHFBcWFRQVFBUUFQE3Njc2NzY3Njc2NzY1ND0BECcmJyYnJicmJyYjJzY3NjMyFzIzMhcWFxYXFhcWFRQHBgcGBwYHBgcWFxYVFAcGBwYHBgcGIyInJiMiBwYHAT0qJtcXEBQTExMbGxUVISoQAQEBAgMECBgmLyMjHBwPDhARHRwhISYdLQIC/ssBCSgoFAQDBAECAQIMAgsKDw8NDg4PAwI4iotLDRoaDCgmJiQjGhsQEAoJDQ0YGBIRH1g7OxQUIiEuLTAwNRkyMho8c3MRUhPAQSYZEREKCQUFAQEGHj08HgQiIhYVGhsLAaoEBwgSEiEhMCgeHhERCAgIHDo6HQ8eHw8aDf4ENgIHBwgHCQgLCggIDg0GJgIxGAUEAwMDAQECATABBQYBBwgQERgYJCMrHhkZEBAREAkKDRQ5OFY5LS4dHRQTCAgBAgYGAQABAAAAAAJJA24ATgAAPwE2NzY3Njc2NzY3Nj0BJicmJyYnNxYXFhcWMzI3Njc2NwYHBgcGBwYHBgcGBwYHBgcGBwYHBgcGBwYVFxYXBgciBwYjIicmIyYjIgcGBwAKAysrFRAHASMjHh4OERIWFgsLEjIyJCMhHB0dKCgQAwgRKSkVBAQDAgICAwEPIyIKAQcGBQUEBAEKYAIHBwwMBxAhIRBPJx01NBEBMQELCwoUJgShoZaVFA8HAwMCAQI7AQMDAQEBAQMDARccBgoLCQoODQoJERAIVJucMAUcHBcYGBgJCgIQGR8BAQYFAgYFAQACAAAAAAP9A24AIgCkAAAlMhcWDwEGIyIvASY3NjsBESMiJyY/ATYzMh8BFgcGKwERMwEXFjMyNzYzMjMyOwEyFzIzNjc2NzY/ATIXMjMWFRQHBgcmJyYnJicmIyYnJicmIyYjBiMiJyIjIgcGBwYXFBcWFRQHBhcWFxYXFhcWFRQPAQYnJiMiBwYjJj0BNjc2NzY3NjU0JyY9ATQ1NDU0NSYnJicmIyIHBgcGBwYHBgcmJzUD5RIGBQxICxEQDEgLBQUTLi4TBQULSAwQEQtIDAUGEi4u/EkfB3IZMjIaFCkpFKgDCQgEAwYGBAQEGAMFBgIBAhcQDxACBAUEAwEDBAMGBQICCAkBChwcDg8WFhMFAQEBAQICAQYXMDAUAwITK1JRJRw6Oh0CChkaHx8NCwIBAQEBAgZWEyMiCwsJCAoJDxgIkgoLD1wPD1wPCwoCSQsLDl0PD10OCwv9twLbDwMBAQEBAQEEBAYBAUCALhAIAhkwBRYWFBQFAwIBAQEBAQEBAy4fNqioXAkgIBQVEwwMDAkXBggIAQEGBQUFHQEFDwkKBwcIGMM6c3Q6QgIHCAcGCAgGBgIHBwcIByIiHh0BDgvbAAAEAAAASQQAA24AFAApAD4AUwAAJRUUBwYjISInJj0BNDc2MyEyFxYVJxUUBwYjISInJj0BNDc2MyEyFxYVNxUUBwYjISInJj0BNDc2MyEyFxYVJxUUBwYjISInJj0BNDc2MyEyFxYVBAALCw/8Sg8LCwsLDwO2DwsL2wsLD/0lDwsLCwsPAtsPCwuSCwsP/JMPCwsLCw8DbQ8LC9wKCw/9bg8LCwsLDwKSDwsKt0kPCwsLCw9JDwsKCgsP20kPCwoKCw9JDwsLCwsP3EkPCwsLCw9JDwoLCwoP20kPCwsLCw9JDwsLCwsPAAAAAAQAAABJBAADbgAUACkAPgBTAAAlFRQHBiMhIicmPQE0NzYzITIXFhUnFRQHBiMhIicmPQE0NzYzITIXFhU3FRQHBiMhIicmPQE0NzYzITIXFhUnFRQHBiMhIicmPQE0NzYzITIXFhUEAAsLD/xKDwsLCwsPA7YPCwvbCwsP/gAPCwsLCw8CAA8LC5ILCw/83A8LCwsLDwMkDwsL3AoLD/6SDwsKCgsPAW4PCwq3SQ8LCwsLD0kPCwoKCw/bSQ8LCgoLD0kPCwsLCw/cSQ8LCwsLD0kPCgsLCg/bSQ8LCwsLD0kPCwsLCw8AAAAABAAAAEkEAANuABQAKQA+AFMAACUVFAcGIyEiJyY9ATQ3NjMhMhcWFTUVFAcGIyEiJyY9ATQ3NjMhMhcWFTUVFAcGIyEiJyY9ATQ3NjMhMhcWFTUVFAcGIyEiJyY9ATQ3NjMhMhcWFQQACwsP/EoPCwsLCw8Dtg8LCwsLD/0lDwsLCwsPAtsPCwsLCw/8kw8LCwsLDwNtDwsLCwsP/W4PCwoKCw8Ckg8LC7dJDwsLCwsPSQ8LCgoLD9tJDwsKCgsPSQ8LCwsLD9xJDwsLCwsPSQ8KCwsKD9tJDwsLCwsPSQ8LCwsLDwAAAAQAAABJBAADbgAUACkAPgBTAAAlFRQHBiMhIicmPQE0NzYzITIXFhU1FRQHBiMhIicmPQE0NzYzITIXFhU1FRQHBiMhIicmPQE0NzYzITIXFhU1FRQHBiMhIicmPQE0NzYzITIXFhUEAAsLD/xKDwsLCwsPA7YPCwsLCw/8Sg8LCwsLDwO2DwsLCwsP/EoPCwsLCw8Dtg8LCwsLD/xKDwsLCwsPA7YPCwu3SQ8LCwsLD0kPCwoKCw/bSQ8LCgoLD0kPCwsLCw/cSQ8LCwsLD0kPCgsLCg/bSQ8LCwsLD0kPCwsLCw8AAAAEAAAAAARJA24AEAAXACwAQQAAARQHBiMiJyY1NDc2MzIXFhUFESE1NxcBJSEiBwYVERQXFjMhMjc2NRE0JyYjFxEUBwYjISInJjURNDc2MyEyFxYVAW4gIC4uICAgIC4uICACSfzbt1wBJAEl/G0HBQYGBQcDkwcGBQUGB1sbGyX8bSUbGxsbJQOTJRsbAm4uICAgIC4tICAgIC3c/wBut1wBJaUGBQj9SQcFBgYFBwK3CAUGE/1JJRsbGxslArcmGxsbGyYAAAMACQAJA64DrgArAFcAgAAAATQvASYjIgcWFxYXFhcWFxYVFAcGIyInJicmJyYnJicGFRQfARYzMj8BNjUBNC8BJiMiDwEGFRQfARYzMjcmJyYnJicmJyY1NDc2MzIXFhcWFxYXFhc2NQEUDwEGIyIvASY1NDcnBiMiLwEmNTQ/ATYzMh8BFhUUBxc2MzIfARYVA0AQdxAXGBECCQkDAwYFAgIQEBcIBwcIBwQDCQkCEhB1EBcXEFQQ/m4QdRAXFxBUEBB3DxgYEQIJCQMEBQUCAhAQFgkHBwgHBAMJCQETAgAxVC9FRS92MDMzMUVFMHcwMVQvRUUvdi8yMjJFRTB3MAEAFxB3EBMBCQkDBAcIBwcJFhAQAgIFBQQDCQkCEhgXEHYQD1QQFgGTFxB2EA9UEBYXEHcPEQIJCQMEBwgHBwgXEBACAgUGAwMJCQISGP5tRS9TMDF2L0VGMTMzMHcwRUQwUzAxdjBERjIyMjB2MEUAAAYAAAAlBAADSQAQACEANgBHAFwAcQAANxQHBiMiJyY1NDc2MzIXFhURFAcGIyInJjU0NzYzMhcWFQUVFAcGIyEiJyY9ATQ3NjMhMhcWFQEUBwYjIicmNTQ3NjMyFxYVBRUUBwYjISInJj0BNDc2MyEyFxYVERUUBwYjISInJj0BNDc2MyEyFxYV2yAgLS4gICAgLi0gICAgLS4gICAgLi0gIAMlBQYH/UkIBQUFBQgCtwcGBfzbICAtLiAgICAuLSAgAyUFBgf9SQgFBQUFCAK3BwYFBQYH/UkIBQUFBQgCtwcGBZItICAgIC0uICAgIC4BJS4gICAgLi4gICAgLu5uBwUGBgUHbggFBQUFCAISLSAgICAtLiAgICAu7W4HBgUFBgduBwYFBQYHASRtCAUGBgUIbQgFBgYFCAAGAAn/twQAA7IAJQBOAGMAdQCKAJ8AADcUBwYjIic3FjMyNzY1NAcnNjc2NzY3NSIHIiMVIzUzFQcWFxYVExUjJjU0NzY3Njc2NzY1NCcmIyIHJzY3NjMyFxYVFAcGBwYHBgczNTMFFRQHBiMhIicmPQE0NzYzITIXFhUBFSM1MzQ1Nj0BIwYHJzczFTMFFRQHBiMhIicmPQE0NzYzITIXFhURFRQHBiMhIicmPQE0NzYzITIXFhXaHyAuPCYgHCERDAw8DwUODgoKCwkSEwk9vzcdEhEBzwMNDRMTExMNDgkIDhoUMQ4bGyEqHB0TFBcYExQBSTwDJQUGB/1JCAUFBQUIArcHBgX82789AQEFGClOPT0DJQUGB/1JCAUFBQUIArcHBgUFBgf9SQgFBQUFCAK3BwYFGS4aGiYyGggJECQEIAUUEwsMCgEBHlYyQgYWFR0BZloUCh4YGA4PDQwMDQ0OCAghIR4QEBgXKRwYGA0NEBAOIrZuBwUGBgUHbggFBQUFCAICOTkXLy4XBwoVK0nn3W4HBgUFBgduCAUFBQYHASRtCAUGBgUIbQgFBgYFCAAAAwAAAAAEAANuABQAOwBuAAABMhcWHQEUBwYjISInJj0BNDc2MyElJicmNTQ3NjMyFxYXFhcWFRQPAS8BJicmIyIHBhUUFxYXFhcWFyEFMxYVFAcGBwYHBgcGIyIvASYnJj0BNCcmPwE1NxYXFhcWFxYXFhcWMzI3Njc2NTQnJicD7ggFBQUFCPwkCAUFBQUIA9z9JhANHE1MlRxDJj8GBggDBzAIHB4zRUImJyYmeSg7IRb+VwEi6wQYDRsWKS0qLkZBL1AgCQQBAQEBOgkICQQEAxQaGCQiKSUrLBkbLhM7AbcFBQglCAUFBQUIJQgFBSQUGjg0Z0lJCwcVFS5GIwoPAgMCVSA0IiEyKiYnIwwaEA6SFh5AOh8cFBocCgwNFwkHBQgHPhsRFhUZARMVFQsLBSAVFQwMDw8iIycwKhAYAAAAAgAAAAADbgNuAGgAfQAAEyYvATYzMhcWMzI3NjcyNxUXFQYjIgcGFRQXFBUfARYXFhcWMzI3Njc2NzY3NjU0JyYnJi8BJicmDwEnNzMXFjcXFhUUBwYHBgcGFRQXFBUWFxYHBgcGBwYHBiMiJyYnJicmPQE0JyYnATU0JyYjISIHBh0BFBcWMyEyNzY1GxUEAgcQIh5LFDEvQhEgEQEiJSILCAEBCAMaFCMyMzsyIBgcChQKDAICBAUDAgMLFBg5CAEwdStFCgQDGRcpBAgBBQgDDAgPFiorPT5UX0NEIiMNCQoORgNTBQYI/LcIBQUFBQgDSQgGBQM3AgEyAQMEAgIBAQglBQUOCEQHCwsEg6BGLSITGhAKExQQICEqWS0cHCoqMiEnDBQBAQIxBgIIARYIBA0HAQYDCQ8ECwwGC9dwPisbJSEhEhMbGissRC1avmwOFQH82yUIBQUFBQglCAUFBQUIAAAABQAAAAADbgNuACAAMQBCAGMAfAAAAQYHBiMiJyYnJjc2NzYXFhcWFxYzMjc2NzY3NhcWFxYHJRQHBiMiJyY1NDc2MzIXFhUhFAcGIyInJjU0NzYzMhcWFRc0JyYnJicmIyIHBgcGBwYVFBcWFxYXFjMyNzY3Njc2NTMUBwYHBiMiJyYnJjU0NzY3NjMyFxYXFhUCiBU6OkhJOToVBQcHDw4NDgQPJicwMCYnDgUODQ8OBwcF/uYWFR4fFRYWFR8eFRYBJBUWHh4WFRUWHh4WFZMeHTEwRERKSkREMTEdHR0dMTFEREpKREQwMR0eSTs7ZWV3eGRlOzs7O2VkeHdlZTs7AVFGKioqKkYODQ4EBQcHDy0dHBwdLQ8HBwUEDg0O+B4WFRUWHh4WFRUWHh4WFRUWHh4WFRUWHpJKREQwMR0eHh0xMERESkpERDExHR0dHTExRERKeGRlOzs7O2VkeHdlZTs7OztlZXcAAAMAGgALBC8DGgAaAC8ASgAAJQcGIyInASY1NDcBNjMyHwEWFRQPARcWFRQHAQMGBwYvASYnJjcTNjc2HwEWFxYHCQEGIyIvASY1ND8BJyY1ND8BNjMyFwEWFRQHAWEdBgcIBf71BQUBCwUIBwYdBQXh4QUFAVHVAgcGByQHBAMC1QIHBgckBwQEAwF4/vUFCAcGHAYG4OAGBhwGBwgFAQsFBZccBgYBCgYHCAUBCwUFHQYHBwbh4AYHCAYCYv0eBwQDAgoCBgcHAuIIAwQCCgIHBgj+jP72BgYcBggHBuDhBgcHBh0FBf71BQgHBgAAAAIAAwBJA20DYgAjAFUAACUVIy8BJicjBwYPASM1MzcnIzUzFxYXFhczNj8CMxUjBxczARUhJyY1NDc2NzY3Njc2NzY1NCcmIyIHBgcnNjc2MzIXFhUUBwYHBgcGBwYHBgczNTMCAY5bDgQCAgUGCFmTSXFqTp1QAQwEAgICBA5Qk0dpdD8BbP7aAgIPDxYWGhoWFg8PEREXHRsIDDwPFS88PycnDg4WFRkZFhYQDwKFSKlgkBgFBwwLDo9gpptgggIWBQcFBxiCYJipAYR2DxALJB4fExMSEg0NEhITFQ4OFgYQNRURJSIiOSAbGxARERANDBEREy4AAgAD/7cDbgJKACMAUwAAJRUjLwEmJyMHBg8BIzUzNycjNTMXFhcWFzM2PwIzFSMHFzMFFSEnJjU0NzY3Njc2NzY3NjU0JyYjIgcGByc2NzYzMhcWFRQHBgcGBwYHBgczNTMCAY5bDgQCAgUGCFmTSXFqTp1QAQwEAgICBA5Qk0dpdD8Bbf7aAgIPDxYWGhoWFg8PEREXHRsIDDwPFS49PycnFBQcHB0cFRYChUipYJAYBQcMCw6PYKabYIICFgUHBQcYgmCYqXx2DxoBJB4fExMSEg0NEhITFQ4OFgYQNRURJSIiOSYeHhMTEBETFBYuAAAAAAwAAAAAA24DbgAKABIAGwAwAEMAZQBwAJEAnwCyAMcA3AAAJTU0IyIHFRYzMjU3MzU0IyIdASUVIxUjNSM1MxcVIzUGIyInJj0BMxUUFxYzMjc1MxcVFAcGIyInFSMRMxU2MzIXFhUXFRQHBgcGIyInJj0BNDc2MzIXFh0BIxUUMzI3NDU0PQEzARUUIyI9ATQzMhUBNCcmJyYnJiMiBwYHBgcGFRQXFhcWFxYzMjc2NzY3NjUBNyMHJyMXMRcWFxUzNRc1NCcmIyIHBh0BFBcWMzI3NjUXMzUjFQYjIic0PQEjFRQXFjMyNxUlERQHBiMhIicmNRE0NzYzITIXFhUCDRAKCQkKEGkmExP+ui4qLYVzJhcVEwUDJQEBCAsNJpAEBxcUEycnEhUXBwSPAQIGEB4eEAwLER0dDwxMFA0EJ/7/ExISEwEwCwUTExlNnp1OGRMSBgsLBhITGE+dnU4ZEhMGC/5RMysdHi0ODRQGK6UMERwdDwwMDx0cEQxnJycMDAgBJwQGEhUXASAxMET93EQxMDAxRAIkRDAxzlodCoAJHEYTHh4TmCjy8ihI0hcaEAoVppoOAQkSoD9UHgwYGBUBGlwXGAweSgURCAwLFxYQIUoiDxYWECErJh0PAQMEBgwB11keHlkdHf5oZTAZEREDCAgDEREZMmNkMBkREQMJCQMRERkwZAF0qW9vJyc7IHNzLkohERYWESFKIREVFRAiRdSiEgoBDZyoFQoPGReu/dxEMTAwMUQCJEQwMTEwRAABACMAAAPdA24AswAAJSInJiMiBwYjIicmNTQ3Njc2NzY3Nj0BNCcmIyEiBwYdARQXFhcWMxYXFhUUBwYjIicmIyIHBiMiJyY1NDc2NzY3Njc2PQERNDU0NTQnNCcmJyYnJicmJyYjIicmNTQ3NjMyFxYzMjc2MzIXFhUUBwYjBgcGBwYdARQXFjMhMjc2PQE0JyYnJicmNTQ3NjMyFxYzMjc2MzIXFhUUBwYHIgcGBwYVERQXFhcWFzIXFhUUBwYjA8EZMzIaGTIzGQ0IBwkKDQwREAoSAQcV/n4WBwEVCRITDg4MCwcHDhs1NRoYMTEYDQcHCQkLDBAPCRIBAgECAwQEBQgSEQ0NCgsHBw4aNTUaGDAxGA4HBwkKDA0QEAgUAQcPAZAOBwEUChcXDw4HBw4ZMzIZGTExGQ4HBwoKDQ0QEQgUFAkREQ4NCgsHBw4AAgICAgwLDxEJCQEBAwMFDETgDAUDAwUM1FENBgECAQgIEg8MDQICAgIMDA4RCAkBAgMDBQ1FIQHQAg0NCAgODgoKCwsHBwMGAQEICBIPDA0CAgICDQwPEQgIAQIBBgxQtgwHAQEHDLZQDAYBAQYHFg8MDQICAgINDA8RCAgBAQIGDU/95kQMBgICAQkIEQ8MDQAAAQAAAAEAAMY90fdfDzz1AAsEAAAAAADRII8MAAAAANEgjwwAAP+3BEkDwAAAAAgAAgAAAAAAAAABAAADwP/AAAAESQAA//8ESQABAAAAAAAAAAAAAAAAAAAAJQAAAAAAAAAAAAAAAAIAAAAEAAAABAAAGgQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAEAEAAAABAAAAAQAAAAEAAAAA7cAAAMlAAACSQAABAAAAAQAAAAEAAAABAAAAAQAAAAESQAAA7cACQQAAAAEAAAJBAAAAAQAAAAEAAAABEkAGgQAAAMEAAADBAAAAAQAACMAAAAAAAoAFAAeAG4AuAD6AUABXAG2AfoClAKyAvQDZgOaBDAE0gWcBhQG+AduB+QIWAjMCTAJ6gqIC2IMBAy4DW4N5g5iDtwP/hDwAAEAAAAlAN0ADgAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAcAAAAAQAAAAAAAgAOAHgAAQAAAAAAAwAcADIAAQAAAAAABAAcAIYAAQAAAAAABQAWABwAAQAAAAAABgAOAE4AAQAAAAAACgA0AKIAAwABBAkAAQAcAAAAAwABBAkAAgAOAHgAAwABBAkAAwAcADIAAwABBAkABAAcAIYAAwABBAkABQAWABwAAwABBAkABgAcAFwAAwABBAkACgA0AKIAYgBiAC0AZQBkAGkAdABvAHIALQBmAG8AbgB0AFYAZQByAHMAaQBvAG4AIAAxAC4AMABiAGIALQBlAGQAaQB0AG8AcgAtAGYAbwBuAHRiYi1lZGl0b3ItZm9udABiAGIALQBlAGQAaQB0AG8AcgAtAGYAbwBuAHQAUgBlAGcAdQBsAGEAcgBiAGIALQBlAGQAaQB0AG8AcgAtAGYAbwBuAHQARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) 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:#4E9644;
}

.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: #4e9644;
    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 .4s ease-in-out;
    -o-transition: width .4s ease-in-out;
    transition: width .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: .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: #4e9644;
}

.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: #4e9644 !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: #4e9644;
    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: #6cba4a;
}

.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: #4e9644;
}

#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 #4e9644;
    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: #4e9644;
}

.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: .9em;
    margin-top: 5px;
}

.user-popup .activity .activity-block .activity-message a:hover {
    color: #4e9644;
}

.user-popup .user-info {
    margin-top: 10px;
    font-size: .9em;
    color: #cecece;
}

.user-popup .user-info .info-block {
    padding: 8px 10px;
}

.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: .9em;
    margin-bottom: 4px;
}

.user-popup .achievements img {
    vertical-align: top;
    margin: 3px;
}

.user-popup .user-actions {
    padding: 20px 0;
    color: #dfdfdf;
    font-size: .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: #4e9644;
}

.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: #4e9644;
}

/* / 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: #4e9644;
}

.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;
}

.coop-land {
    background-image: url(../images/logo2.png);
    background-repeat: no-repeat;
    background-position: right 15px center;
}

/*.page-header.top {
   border-top: 5px solid #141414;
}*/


.page-content {
    padding: 15px;
}

.page-content a {
    color: #4e9644;
    border-bottom: dotted 1px #4e9644;
}
        
.page-content a:hover {
        border-bottom: solid 1px #4e9644;
    text-decoration: none;                    
}

.page-column-container {
    display: flex;
    align-items: stretch;
}

.page-column {
    width: 50%;
}

.input-title {
    color: #fff;
    background-color: #4e9644;

    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: #4E9644;
}

.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: #4e9644;
    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, #4e9644);
    background-image: -moz-linear-gradient(top, #87c646, #4e9644);
    background-image: -ms-linear-gradient(top, #87c646, #4e9644);
    background-image: -o-linear-gradient(top, #87c646, #4e9644);
    background-image: linear-gradient(top, #87c646, #4e9644);
}

.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: .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 #4e9644;
}

.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: #4e9644;
    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: #4e9644;
}

.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 #4e9644;
    color: #4e9644;
}

.pm-list .pm .navigation a:hover {
    color: #fff;
    background-color: #4e9644;
}

.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: #4e9644;
    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: #4e9644;
    color: #fff;
    padding: 20px;
    margin: 5px -15px;
    position: relative;
}

.pm-header h2 {
    font-size: 1.7em;
}

.pm-header .pm-panel {
    font-size: .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: #4e9644;
    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: #4e9644;
}

.profile .profile-avatar #dofriend:not(.btn-inverse):hover {
    background-color: #6cba4a;
}

.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: #4e9644;
        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: .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: #4e9644;
}

.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: .9em;
}

.profile .btn-group .btn {
    color: #9c9c9c;
}

.profile .btn-group .btn:hover {
    color: #9d9d9d;
}

.profile .profile-data > div {
    margin-bottom: 5px;
}

.hovered-links a:hover,
.text-green, /* COMMON_CLASS */
.colored-links a { /* COMMON_CLASS */
    color: #74a550;
}

.dark-colored-links a { /* COMMON_CLASS */
    color: #4e9644;
}

.colored-links a:hover { /* COMMON_CLASS */
    text-decoration: underline;
}

.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: #4e9644;
}

.profile .aligned {
    padding: 8px 0;
}

.profile .color-red {
    color: red;
}

.profile .color-green {
    color: #4e9644;
}

.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: .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: #4e9644;
}

.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: #4e9644;
}

#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: #4e9644;
}

.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 #4e9644;
    padding: 5px 15px 7px;
    background: #f3f3f3;
    color: #000;
}

.edit-profile {
    display: none;
}

.provider-activated {
    border: 5px solid #4e9644;
    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: #4E9644;
}

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 #4e9644;
    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: .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;
}

.opponent-module .input-hold {
    position: relative;  
    width: 49%;
    float: left;
}

#proposal_search_for_load .theme {
    margin-bottom: 30px;
    padding-bottom: 30px;
}

#proposal_search_result .proposal-search-add-idea {
    background: #faebcc;
    padding: 20px;
}

.opponent-search form {
    position: relative;
}

.opponent-module .hint-ico {
    position: absolute;
    color: #757575;
    top: 1px;
    left: 1px;
    width: 24px;
    height: 35px;
    line-height: 34px;
    text-align: center;
    vertical-align: middle;
    background: #ebebeb;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.opponent-module input[type = text] {
    width: 100%;
    padding: 10px 20px;
    padding-left: 30px;
    min-height: 37px;
    box-sizing: border-box;
    display: block;
    margin-bottom: 10px;
    border-radius: 3px;
    border: 1px solid #c3c3c3;
}

.opponent-module input[type = text]:hover {
    border-color: #aaaaaa;
}

.opponent-module input[type = text]:focus {
    border-color: #4e9644;
}

.opponent-module .srch_fi:hover ~ .hint-ico {
    color: #000;
}

.opponent-module .srch_fi:focus ~ .hint-ico {
    color: #000;
    background: rgba(0, 128, 0, 0.1);        
}

.opponent-search-menu {
    border-bottom: 1px solid #dcdcdc;
    padding: 0 35px;
    font-family: "Segoe UI", serif;
}

.opponent-search-menu li {
    display: inline-block;
    float: left;
    padding: 10px;
    margin: 10px 10px -1px 10px;
    border-bottom: 1px solid #dcdcdc;
    color: #898989;
}

.opponent-search-menu li:not(.active):hover a {
    color: #333;
}

.opponent-search-menu li.add-search {
    float: right;
}

.opponent-search-menu li.active a {
    cursor: default;
}

.opponent-search-menu li.add-search,
.opponent-search-menu li.active {
    border-color: #6D9F4B;
    color: #6D9F4B;
}


.opponent-search-themes {
    padding: 40px 20px;
    font-family: "Segoe UI", serif;
}

.opponent-search-themes > div[id ^= proposal_mini_idea_] {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.opponent-search-themes > div[id ^= proposal_mini_idea_]:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.opponent-module .theme {
    display: block;
}

.opponent-module .onlyOnline {
    margin-left: 20px;
    padding-left: 30px;
    position: relative;
    transition: .2s all;
}

.opponent-module .toggle-icon:before {
    position: absolute;
    content: "\f204";
    font-family: FontAwesome;
    left: 8px;
    top: 4px;
    transition: .2s all;
}

.opponent-module .onlyOnline .ProposalOnlyOnline {
    display: none;
}

.opponent-module .onlyOnline .ProposalOnlyOnline:checked ~ .toggle-icon:before {
    color: #4e9644;
    content: "\f205";
}

.opponent-module .show-more {
    display: inline-block;
    background-color: #4e9644;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 22px;
    font-family: Tahoma, serif;
    font-size: 26px;
    color: #fff;
    border-radius: 4px;
    border: 2px solid #4e9644 !important;

    position: absolute;
    right: 0;
    top: 0;
}

.opponent-module .show-more:hover {
    color: #4e9644;
    background-color: #fff;
}

.opponent-module .theme .action {
    width: 100px;
    text-align: center;
}

.opponent-module .theme .rating {
    text-align: center;
    border-radius: 100px;
    border: 3px solid #71b843;
    color: #71b843;
    font-size: 30px;
    width: 80px;
    height: 80px;
    line-height: 70px;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
}

.opponent-module .theme .rating .vote-button {
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px;
    background-color: #71b843;
    font-size: 60px;
    border-radius: 100px;
    color: #fff;
    display: none;
    font-family: Arial, serif;
    line-height: 78px;
}

.opponent-module .theme .rating:hover .vote-button {
    display: block;
}

.opponent-module .theme .information {
    width: calc(100% - 110px);
}

.opponent-module .theme .information .title {
    font-size: 20px;
    color: #4e9644;
    margin-bottom: 5px;
    position: relative;
    padding-right: 30px;
}

.opponent-module .theme .information .title > a:hover {
    border-bottom: 1px solid #4e9644;
}

.opponent-module .theme:hover .information .title .menu {
    display: block;
}

.opponent-module .theme .information .title .menu {
    position: absolute;
    right: 0;
    top: calc(50% - 10px);
    bottom: 0;
    display: inline-block;
}

.opponent-search-themes .theme .information .title .menu a {
    display: inline-block;
} 
        
.opponent-module .element {
    width: 20px;
    height: 20px;
    display: none;
    margin-right: 5px;
}

.opponent-module .theme:hover .element {
    display: inline-block;
}

.opponent-module .add-own-link {
    margin: 0;
    border-bottom: 0;
    float: right;
}

.opponent-module .add-own-link .btn {
    margin-top: 6px;
    margin-bottom: -2px;
}

/* COMMON_CLASS */
.opponent-module .complaint_proposal {
    display: none;
}

.opponent-module .complaint_proposal:before,
.opponent-module .icon-edit:before,
.opponent-module .icon-post:before,
.opponent-module .icon-delete:before {
    position: absolute;
    font-family: FontAwesome;
    color: #cacaca;
    top: 2px;
}

.opponent-module .complaint_proposal:before {
    content: "\f071";
}

.opponent-module .icon-edit:before {
    content: "\f040";
}

.opponent-module .icon-post:before {
    content: "\f011";
}

.opponent-module .icon-delete:before {
    content: "\f1f8";
}

.opponent-module .icon-edit:hover:before,
.opponent-module .icon-post:hover:before,
.opponent-module .icon-delete:hover:before {
    color: #4e9644;
}

.opponent-module .complaint_proposal:hover:before {
    color: #FF6600;
}

.icon-gear {
    background: url(../images/gear.png) no-repeat center;
}

.icon-gear:hover {
    background-image: url(../images/gear-hover.png);
}

.opponent-module .theme .information .description {
    font-size: .9em;
    margin-bottom: 5px;
    word-wrap: break-word;
}

.opponent-module .parameters > a {
    color: #4e9644;
}

.opponent-module .parameters > a:hover {
    text-decoration: underline;
}

.opponent-module .parameters .date {
    font-size: .9em;
    color: #898989;
}

.opponent-search-content {
    padding: 0 20px;
    font-family: "Segoe UI", serif;
}

.opponent-module .btn-return {
    margin-top: 25px;   
    padding-left: 30px;
    position: relative;
}

.opponent-module .btn-return:before {
    position: absolute;
    top: 9px;
    left: 9px;
    font-family: FontAwesome;
    content: "\f053";
}

.opponent-module .return-link {
    margin-bottom: 25px;
    color: darkgrey;
}

.opponent-module .return-link:hover {
    color: #4e9644;
}

.opponent-module .opponent-search-title {
    /*border-bottom: 1px solid #dcdcdc;*/
    color: darkgrey;
    padding: 7px 20px;
}

.opponent-module .add-comment {
    padding: 20px 0;
}

.opponent-module .comments-list .comment {
    padding: 10px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #dcdcdc;
}

.opponent-module .comments-list #proposal_comments > div:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.opponent-module .comments-list #proposal_comments .actions a {
   display: inline-block;
}
        
.opponent-module .comments-list #proposal_comments .actions a .element {
   display: block;
}

.opponent-module .comments-list .comment .bottom-panel {
    position: relative;
}

.opponent-module .comments-list .comment .actions {
    position: absolute;
    right: 0;
    top: 0;
}

.opponent-module .comments-list .comment .comment-text {
    margin-bottom: 5px;
}

#proposal_content .pagination {
    margin: 20px -20px !important;
}

.opponent-module .theme.online_bkg {
    background: #efefef;
    border-radius: 6px;
    padding: 10px;
    margin: -10px;
}

.online_marker {
    background: #4e9644;
    color: #fff;
    font-size: 0.9em;
    padding: 2px 4px;
    margin-right: 2px;
    border-radius: 7px;
}

.opponent-module .theme .enjoy {
    margin-bottom: 10px;
}

.opponent-module .theme .enjoy a {
    color: #4e9644;
}

.opponent-module .theme .enjoy a:hover {
    text-decoration: underline;
}

/* / Opponent search */

/* Friends */

.friend {
    width: calc(50% - 5px);
    float: left;
    box-sizing: border-box;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #333;
    overflow: hidden;
    min-height: 135px;
}

.friend td {
    line-height: 133px;
    width: 100%;
    display: block;
    height: 133px;
}

.friend:nth-child(2n - 1) {
    margin-right: 10px;
}

.friend .left-inform {
    width: 30%;
    box-sizing: border-box;
    padding: 10px 5px 10px 10px;
}

.friend .left-inform img {
    width: 80px;
    height: 80px;
    vertical-align: bottom;
}


.friend .right-inform {
    width: 70%;
    padding: 10px 10px 10px 5px;
    box-sizing: border-box;
}

.friend .right-inform div {
    padding: 2px 5px;
    margin-bottom: 2px;
    border-bottom: 1px dashed #4e9644;
}

.friend .right-inform div:last-child {
    border-bottom: none;
}

.friend-name a {
    color: #fff;
}

.friend .friend-name {
    background-color: #4e9644;
    padding: 5px 10px;
    box-sizing: border-box;
    color: #fff;
}

.friend .friend-name .actions {
    font-size: 14px;
}

.friend .friend-name .actions > a,
.friend .friend-name .actions > span {
    display: block;
    float: left;
    background-position: center center;
    background-repeat: no-repeat;
    margin-left: 5px;
    color: transparent;
}


.friend .friend-name .actions > a {
    font-size: 0;
}

.friend .friend-name .actions > span:empty {
    display: none;
}

.friend .friend-name .actions a {
    width: 20px;
    height: 20px;
    display: block;
    text-align: center;
}

.friend .friend-name .actions .fa {
    color: #B6D4B2;
    line-height: 20px;
    position: relative;
    width: 20px;
    height: 20px;
    font-size: 18px;
}

.friend .friend-name .actions .fa:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    text-align: center;
    line-height: 20px;
    font-size: inherit;
}

.friend .friend-name .actions .fa a {
    font-size: 0;
}

.friend .friend-name .actions .fa:hover {
    color: #fff;
}

.friend .friend-name .actions a + span{
    display: none;
}

.friend .friend-name .actions .do-friends,
.friend .friend-name .actions .pm ,
.friend .friend-name .actions .email,
.friend .friend-name .actions .common {
    font-size: 18px;
}

/* / Friends */
.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: #4e9644;
}

.category-menu a.active {
    color: #4e9644;
}

.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: #4e9644;
}
.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 #4e9644;
    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: #4e9644;
    padding: 5px 10px;
    box-sizing: border-box;
}

.errors .description a {
    color: #4e9644;
}

.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: #4e9644;
    float: right;
}

.search-page .search-form input[type = button]:hover {
    background-color: #6cba4a;
}

.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 */

#coop-land-age {
    font-family: Arial, serif;
}

/* Межстраничный слайдер */
.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.90) 100%);
}

.most-popular .btn-left:hover {
    background-image: linear-gradient(to left, rgba(0,0,0,0) 0%, rgba(21, 21, 21, 0.90) 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 #4e9644 !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: .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: #4e9644;
    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: #6cba4a;
}

#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: #4e9644;
}

#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: #4e9644;
}

#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: .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: #4e9644;
}

#blog-content .list-blog .divider {
    background-color: #4e9644;
    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: #4e9644;
}

#blog-content .blog-buttons {
    margin-top: 20px;
}

#blog-content .blog-buttons a:hover {
    color: #fff;
    background-color: #6cba4a;
}

#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: #4e9644;
}

#blog-content .preview-btn input:hover,
#blog-content .full-story-content .editor input.bbcodes:hover {
    color: #fff;
    background-color: #6cba4a;
}

#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: #4e9644;
}

.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: #4e9644;
}

.blog-rate.rate-negative {
    background-color: #da4f49;
}
#blog-content .info .fa-rss-square,
#blog-content .news-num .fa-newspaper-o {
    opacity: .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 .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: #4e9644;
}

#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: #4e9644;
}

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 #4e9644;
}

.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 #4e9644;
    color: #4e9644;

}

.dataTables_paginate a.ui-state-disabled:hover {
    cursor: default;
    background-color: transparent;
    color: #4e9644;
}

.dataTables_paginate a:hover {
    color: #fff;
    background-color: #4e9644;
    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: #4e9644 !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: #252525 !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: #4e9644;
}

.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: #4e9644;
}

.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,.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;
}


/* 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: #4e9644;
}

.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;
  }
}