html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }

body { word-wrap: break-word; overflow-x: hidden; }
body, select, textarea, button, input { font: 16px/1.45 Roboto, Helvetica, Arial, sans-serif; color: #2a2a2a; outline: none; }

a { outline: none; color: #009900; text-decoration: none; }
a img { border: 0 none; }
a > img { vertical-align: bottom; }

h1,h2,h3,h4,h5 { font-weight: normal; }
h2, h1 { font-size: 28px; line-height: 32px; color: #000; }
h3 { font-size: 22px; line-height: 26px; }
h4 { font-size: 20px; line-height: 24px; }
h5 { font-size: 16px; line-height: 20px; }

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}
.no-margin {
	margin: 0 !important;
}
.text-center, .center {
	text-align: center;
}
.page-input {
    width: 100%;
    margin-bottom: 10px;
    padding: 5px 10px;
    box-sizing: border-box;
}
.page-label-checkbox {
    padding: 3px 0;
    cursor: pointer;
    display: block;
}
textarea { overflow: auto; vertical-align: top }
input:focus { outline: none }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 }
button[disabled], input[disabled] { cursor: default }
.btn, .bbcodes, .ui-button { color: #fff; font-weight: bold; display: inline-block; cursor: pointer; height: auto; line-height: normal; margin: 0 2px; padding: 10px 20px;
	border-radius: 3px; box-sizing: border-box; border: none;
}
.btn:active, .bbcodes:active, .ui-button:active { background: #f54305; box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.2); }

.btn:hover, .bbcodes:hover, .ui-button:hover { opacity: 0.85 }
.bbcodes, .ui-button { height: 30px; padding: 5px 14px }

p,dl,dd,pre,ul,ol,blockquote,address,table,fieldset { margin-bottom: 20px }

li {list-style: none;}

blockquote { margin-left: 20px; padding: 0 20px; font-family: Georgia, Times, serif; font-style: italic; border-left: 6px solid #d7d7d7; color: #737373 }
strong, b { font-weight: bold }
em, cite, i { font-style: italic }
caption { text-align: left }
th, td { vertical-align: middle }
small, .small { font-size: .9em }

.thd, .ui-icon, .ico:before { display: inline-block; background-image: url(../images/sprite.png); }
.thd, .ui-icon { text-align: left; overflow: hidden; text-indent: -9999px; white-space: nowrap; }
.ico:before { float: left; content: ""; width: 12px; height: 12px }

.clr { clear: both }
.post .clr > img { margin: 0 5px }
.clrfix:after { clear: both; content: ""; display: block; height: 0; width: 0; visibility: hidden }

/* == Template == */
.toolbar { position: fixed; width: 100%; top: 0; box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2); background-color: #333; z-index: 1000;  }
.more a {
	background-color: #439644; 
}
.in-toolbar { overflow: hidden; display: flex; justify-content: space-between; width: 100%; height: 44px; position: relative;}
	.in-toolbar a { color: #fff }
.toolbar-logo { display: flex; align-items: center; height: 100%; position: absolute; left: calc(50% - 77.5px); } 
/* Top Menu */

	.hamburger { top: 20px; }
	.hamburger:after { bottom: -3px; }
	.hamburger:before, #hamburger:after, #hamburger { background: #fff; content: ""; display: block; height: 3px; left: 0; position: relative; width: 17px; }
	.hamburger:before { top: -6px; }

	.menu-head { display: none; }
	.menu-head.open { display: block; }
	.menu-head a { border-top: 1px solid #222; display: block; height: 1%; padding: 10px 20px; color: #fff; }
	.menu-head a:hover { background: #4e9644; text-decoration: none; }

/* Login */
.login-btn { padding: 11px 14px; font-weight: bold; float: left; cursor: pointer; }
	.login-btn:before { margin: 2px 5px 0 0; height: 14px; background-position: 0 0 }

	.wideDialog { padding-top: 45px; display: none; z-index: 99999; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; background: rgba(20,20,20,0.9); }
	.wideDialog.open { display: block; }

	#lg-close { cursor: pointer; position: absolute; right: 0; top: 0; width: 45px; height: 45px; background-position: -30px -38px; }

#loginpane { float: left; margin-top: 41px }
	.loginbox { position: fixed !important }

	.login-form { padding: 20px; margin-top: 5%; }
	.login-form .f_input { font-size: 1.2em; padding: 8px; width: 100%; height: 44px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
	.login-form li { margin-bottom: 1em }
	.login-form li label { display: block; margin-bottom: .2em }
	.login-form a { color: #ee4923 !important; }

	.log-links { padding: 15px 0; text-align: center; }

	.usermenu { padding: 20px; }
	.usermenu a {
    display: block;
    font-size: 1.3em;
    color: #fff;
    padding: 5px 0;
    border-bottom: 1px solid #cfcfcf;
}

.usermenu a:hover,
.usermenu a:active {
    background: #ccc;
    color: #333;
}

/* = Header = */
.background { height: 35px; background: #333; text-align: center; }
.header { padding: 0 20px; position: relative; }
	.header {
		background-color: #fff;
	}
.head-search-overlay {
    position: fixed;
    z-index: 99;
    height: 100%;
    width: 100%;
    top: 0;
    background: rgba(0,0,0, 0.5);
}
.head-search-overlay.open {display: block !important;}

.post { position: relative ; box-shadow: 0 4px 4px 0 rgba(0,0,0,0.1); }


.post .full-link::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
}
                
.post .full-link:focus h2 {
    color: #090;
}

.post .panel {
	display: flex;
    justify-content: space-between;
    align-items: center;
}

.post .panel > span {
	font-size: .8em;
}

.post .post-cont > span a {
    position: relative;
    z-index: 2;
}

.post-info, .com-num, .like-num {
    position: relative;
    z-index: 2;
}

.post ul:not(.post-info) {
  list-style-type: square;
  margin-left: 10px;
  margin-bottom: 10px;
}

.post li:not([class]) {
  list-style-type: square;
  margin-left: 10px;
}

.minified .post .title {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 5px;
}

.minified .post .idate,
.minified .post .panel,
.minified .post .post-cont .edit-reason {
    display: none;
}

.minified .post > .post-cont {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0;
}

.minified .post .post-cont .preview {
    display: block;
    min-width: 150px;
    width: 150px;
    margin-right: 5px;
    margin-left: 0;
}

.minified .post .post-cont > span {
    font-size: 12px;
}

.minified .post .preview {
    height: auto !important;
}

/* = Поделиться = */
.social-share {
    display: flex;
    justify-content: space-between;
}

.social-share .ya-share2 {
    height: initial;
}

.social-share .ya-share2__list.ya-share2__list_direction_horizontal {
    margin: 0;
}

.ya-share2__list {
    margin: 0;
}

.ya-share2.text-center .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more {
    border-radius: 3px;
}


.ya-share2.text-center .ya-share2__list_direction_horizontal,
.ya-share2.text-center .ya-share2__item_more {
    width: 100%;
    margin: 0;
}

.ya-share2.text-center .ya-share2__badge_more .ya-share2__icon {
    height: 32px!important;
    width: 32px!important;
    background-size: 16px 16px!important;
}

body.dark-theme .social-share .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more {
    filter: invert(1);
}

body.dark-theme .ya-share2.text-center .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more {
    filter: invert(1);
}

body.dark-theme .ya-share2.text-center .ya-share2__title {
    color: white;
}

body.dark-theme .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more {
    background: rgba(0, 0, 0, 0.3);
}


/* Quick Search */
	.quicksearch { margin: 10px 0; overflow: hidden; position: relative; box-sizing: border-box; }
	.quicksearch input { padding: 6px 37px 6px 10px; width: 100%; height: 37px; box-sizing: border-box }
	.quicksearch button { cursor: pointer; width: 30px; height: 35px; margin: 1px; position: absolute; right: 0; top: 0; background-position: 2px -15px; padding: 0; background-color: transparent; border: 0 none;
		transition: background-position .4s ease;
	}
	.quicksearch button:hover { background-position: 1px -49px }

/* Go2Full */
.ico.go2full { color: #8b8b8b; display: block; width: 100%; padding: 12px 0; font-size: .8em }
.ico.go2full:before { margin: 2px 10px 0 0; width: 31px; background-position: -12px 0 }

/* = Footer = */
.footer { text-align: center; padding-bottom: 20px;}
	.footer .background { height: 8px; background-position: 50% 50% }
	.copyright { padding: 16px 20px; font-size: .8em }
	.copyright { color: #6a6a6a; }

.footer .ico {
    padding: 12px;
    background: #efefef;
    box-sizing: border-box;
}

/* FootMenu */
.footmenu { color: #fff; height: 1%; padding: 20px; background-color: #2d2d2d; }
	.footmenu h3 { margin-bottom: .6em; }
	.footmenu a { color: #fff; }
	.main-nav a { display: block; margin-bottom: 1px; height: 1%; padding: 5px 10px; background: #262626; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
	.nav-sep { display: inline-block; height: 14px }

/* = Content = */
.post { /* height: 1%; */ padding: 20px; }
.post img { margin: 0; max-width: 100%;margin-right: 5px; }
.post .preview {
	/*
	width: 250px; 
	height: 165px; 
	*/
	display: block;
	margin-left: auto;
    margin-right: auto; 
    margin-bottom: 10px; 
    }
.post .preview.lazyloading,
.post .preview.lazy {
	background: lightgray;
    width: 100%;
    height: calc((100vw - 40px) / 1.518);
    max-height: 297px;
    max-width: 450px;
    text-indent: 100%;
    white-space: nowrap;
    }
.post .quote img {
    margin: 4px 0;
        }
	.post .title { margin-bottom: .5em; }
.post .title-flex {display: flex;
    align-items: center;}
	.post-info, .icat, .com-inf { margin: 0; font-size: .8em; color: #6a6a6a; }
	.post-info a, .icat a { font-weight: bold; color: #6a6a6a; }
	.post-info a:hover, .icat a:hover { color: #ee4923; }
	.post-info li { display: inline-block; margin-right: 1em;    padding: 2px 0; }
	.post-info li:before { margin: 3px 5px 0 0; }
	.post-info { margin-bottom: 5px; }
	.post-cont { margin-bottom: 10px; word-wrap: break-word; }
	.post-cont .btn {margin: 5px;}
    .post-cont .important-note {
    border-left: 4px solid #4e9644;
    padding: 10px ;
    font-size: 1.2em;
    background: #f1f1f1;
}

	.iauthor:before { width: 8px; height: 10px; background-position: -43px 0 }
	.idate:before { width: 10px; height: 10px; background-position: -60px 0 }
	.iviews:before { width: 10px; height: 11px; background-position: -70px 0 }
	.icat:before { position: absolute; margin: 4px 5px 0 -14px; width: 9px; height: 10px; background-position: -51px 0 }
.post-info .fa,
.icat .fa {color: #439644}
	.icat { border-top: 1px solid #e7e7e7; position: relative; padding: 5px 0 15px 0; }

	.com-num, .like-num, .more-num, .more a, .pager * { -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
	.more a { padding: 8px 20px; float: left; }
	.more a, a .pprev, a .pnext { color: #fff; transition: opacity .4s ease; }
	.more a:hover, a:hover .pprev, a:hover .pnext { text-decoration: none; opacity: .9; }

	.com-num, .like-num { color: #439644; float: right; padding: 8px 10px; background: #f6f2ee; border: solid 1px #fafafa; }
	.more-num { color: #fff; float: left; padding: 8px 10px; background: #439644; font-weight: 700; }
	
	.com-num:before { float: none; vertical-align: middle; display: inline-block; width: 13px; height: 13px; margin-right: 4px; background-position: -80px 0; }
	.like-num:before { float: none; vertical-align: middle; display: inline-block; width: 13px; height: 13px; margin-right: 4px; background-position: -80px -15px; }
.panel .com-num:hover,	
.panel .com-num:active,
.panel .com-num a:hover,
.panel	.com-num a:active,
.panel .like-num:hover,
.panel	.like-num:active,
.panel .like-num a:hover,
.panel .like-num a:active, {
background: #333;
    color: #fff;
}

.hsep {height: 10px; width: 100%; clear: both; font-size: 1px; overflow: hidden; }
.small { font-size: 0.9em; color: #717170; }
.game-rating { margin: 0;
    margin-left: 10px;
    font-size: 28px; color: #6a6a6a; padding: 8px 10px; background: #f6f2ee; border: solid 1px #fafafa; }

.descr-cat {
    padding: 10px;
    background: #f1f1f1;
    padding: 10px;
}

/* Fullstory */
.new-btns {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.new-btns a.btn{
    padding: 10px 15px;
    margin-bottom: 10px;
}

.fullstory { border-bottom-width: 0; box-shadow: none; }

	.box { margin-bottom: 2em; }
	.box h3 { padding: 0 20px; margin-bottom: .6em; }
	.rel-news a {  margin: 5px; display: block; height: 1%; padding: 8px 40px 8px 20px; position: relative; background-color: #f5f5f5;}
	.rel-news a:hover { background: #333; color: #fff; text-decoration: none; }
	.rel-news a:before { position: absolute; right: 20px; top: 50%; margin-top: -6px; background-position: -54px -14px; }
	.rel-news a:hover:before { background-position: -30px -26px; }

/* РћРїСЂРѕСЃС‹ */
.gr-box { text-align: center; background: #f3f3f3; padding: 20px; border-bottom: 1px dashed #dbdbdb; }
	.vtitle, .vlist { margin-bottom: .6em; }
	.vlist { background: #fff; text-align: left; width: 80%; padding: 14px; margin: 0 auto 15px auto; border-radius: 3px; }
	.vfoot .btn { margin: 2px; }

/* Р?нформационное сообщение */
.berrors { background: #fce5ba; color: #a76846; padding: 10px 20px; height: 1%; }

/* Comments */
.commentbox { margin-bottom: 0 }
.comment { border-top: 1px solid #eaeaea; height: 1%; padding: 15px 20px; padding-right: 14px; }
	.com-cont { margin-bottom: .7em }
.com-cont img {max-width: 100%;height: auto}
	.comment .photo { margin-top: -2px; vertical-align: middle; width: 25px; height: 25px; -webkit-border-radius: 13px; -moz-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px; }
	.com-inf .arg, .comment .photo { margin-right: 10px; }
	.fast a, .del a { text-align: center; margin-top: -5px; float: right; width: 30px; height: 12px; padding: 10px 0; }
	.fast .thd { width: 14px; height: 12px; background-position: -66px -14px; }
	.del .thd { width: 11px; height: 11px; background-position: -54px -26px; }
	.mass-check { float: left; }

.com-inf .fa {
font-size: 15px;
}

	.mass_comments_action { text-align: right; border-top: 1px dashed #dbdbdb; border-bottom: 1px solid #fff; background: #f3f3f3; padding: 20px }
	.mass_comments_action *, .mass_comments_action { font-size: 11px; }

.commentbox .comment.rel-news {
   padding: 5px;
}        
        
.comment .mass-check {
    float: left;
}
        
.comment .mass-check > input {
    margin-right: 10px;
}
        
.comment .com-cont {
    word-break: break-word;
 display: flex;
}
        
.comment .rating {
 text-align: center;
 margin-left: 5px;
}
                            
.comment .com-cont > div:first-child {
 flex-grow: 1;
}
        
.comment .rating .up,
.comment .rating .down {
 padding: 6px;
}

.comment .rating .value {
    color: #a9a9a9;
    font-size: .8em;
    padding: 8px 0;
}

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

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

#dle-comments-list .comm_hide {
  color: #a9a9a9;
  padding:  10px;
  position: relative;
  margin-top: 10px;
  background-color: rgba(255, 0, 0, 0.03);
}

        
#dle-comments-list .comm_hide a {
 	text-transform: capitalize;
    padding: 3px 6px;
}

.ostats {
  display: none !important;
}

/* Pager */
.pager { padding: 20px; }
	.pager .ico:before { float: none; position: absolute; margin-top: 4px; }
	.pprev, .pnext { color: #979797; padding: 8px 10px; background: #f1f1f1; position: relative; }
	.pprev { padding-right: 30px; float: right; }
	.pnext { padding-left: 30px; float: left; }

	.pprev:before { right: 10px; background-position: -30px -14px; }
	.pnext:before { left: 10px; background-position: -42px -14px; }

	a .pprev:before { background-position: -30px -26px; }
	a .pnext:before { background-position: -42px -26px; }

	a .pprev, a .pnext { border-bottom: 1px solid #008a12; }
	a .pprev, a .pnext, #rel-news a:hover, .btn, .bbcodes, .ui-button {
		background-color: #439644;
	}

/* forms */
.ux-form { border-top: 1px solid #dbdbdb; background: #f3f3f3; padding: 20px; }
	.ux-form h3 { margin-bottom: .6em; }

	.ui-form { width: 100%; overflow: hidden; }
	.ui-form li { margin-bottom: 8px; }

	#fullsearch table { margin: 0 }

.tableform { width: 100%; }
	.tableform td, .tableform th { border-top: 1px dotted #ebebeb; padding: 10px 0; text-align: left; }
		.tableform tr:first-child td, .tableform tr:first-child th { border: 0 none; }
		.tableform th, .tableform .label, .tableform .addnews { width: 25%; font-weight: normal; vertical-align: top; padding-right: 10px; padding-top: 8px; }
		.imp::after { color: #e46950; content: "*"; font-weight: bold; }
		p.label { margin-bottom: .2em; } 

	.recipient select { width: 298px; }

	.checkbox { color: #787878; padding: 4px 0; line-height: 1em; }
	.checkbox input { margin-top: -2px; vertical-align: middle; }

	/*captcha*/
	.c-captcha-box { padding: 15px; font-size: 11px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background: #fff; }
	.c-captcha { position: relative; height: 70px; }
	.c-captcha #dle-captcha, .c-captcha .f_input { float: left; margin-right: 5px; }
	.c-captcha #dle-captcha a { display: block; clear: both; }
	.c-captcha .f_input { position: absolute; left: 125px; font-size: 20px; height: 30px; padding: 9px; width: 100px; }

textarea { resize: vertical; }
.f_wide { box-sizing: border-box; width: 100%; }

.fieldtr select, .f_textarea, .f_input, .xfields textarea, .xprofile textarea, .tdfield select, .lfield input, .editor input[type="text"], #category, textarea.ui-corner-all, .pm select,
.xfields input, .xprofile input, .xfields select, .xprofile select, .mass_comments_action select, .bbeditor select, .textin, select.rating { padding: 6px; background: #fff; border: 1px solid #c2c2c2;
border-radius: 3px;
	box-shadow: inset 0 1px 2px 0 #dbdbdb, 0 1px 0 0 #fff;
}
.fieldtr select:focus, .pm select:focus, .textin:focus, .f_textarea:focus, .f_input:focus, .xfields textarea:focus, .xprofile textarea:focus, .editor input[type="text"]:focus, #category:focus, textarea.ui-corner-all:focus,  .tdfield select:focus, .lfield input:focus,
.xfields input:focus, .xprofile input:focus, .xfields select:focus, .xprofile select:focus, .mass_comments_action select:focus, .bbeditor select:focus { border-color: #7c7c7c; }

.combofield { position: relative; padding-right: 120px; }
	.combofield .bbcodes { width: 110px; position: absolute; top: 0; right: 0 }

/* Статистика */
.tlist { width: 100%; }
	.tlist tr { border-top: 1px dotted #eee; }
	.tlist tr td { padding: 4px 0; }
	.tl-right { width: 20%; text-align: right; }
	.subtitle { margin-bottom: .4em }

/* Результаты опроса */
.voteprogress, .voteprogress span, .pollprogress, .pollprogress span { display: block; height: 6px }
	.voteprogress, .pollprogress { background-color: #e3e3e3; padding: 1px; margin: 2px 0 8px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px }
	.voteprogress span, .pollprogress span { background: #ee4923; overflow: hidden; text-indent: -9999px; white-space: nowrap; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px }

/* DLE Friends v1.5 */
#no-friends { padding: 6px; border: 1px solid #dbdbdb; background-color: #f6f8f2; color: #00ac37; margin: 10px 0; }

.friends { margin-bottom: 10px; }
.friends ul, .prof-list { margin-top: 10px; }
.friends li { list-style: none; width: 91px; text-align: center; float: left; margin-right: 10px; }
.friends img { display: block; margin: 0 auto; width: 70px; height: 70px; }

.friends_table h3 { margin-bottom: 6px; font-size: 14px; line-height: 14px; font-weight: bold; }
  .friends_table h3 a span { font-size: 12px; font-weight: normal; color: #00ac37; }
  .friends_table h3 a span:hover { text-decoration: underline; }
.friends_table ul { list-style: none; margin: 0; padding: 0; }
.friends_table td { padding: 10px; border-bottom: 1px solid #EEE; font-size:12px; vertical-align: top; }
.friends_table .active { background-color: #F8F8F8; }
.contact_friends { width: 140px; }
.contact_friends a, .contact_friends span { display: block; padding: 6px; margin-bottom: 4px; line-height: 11px; }
.contact_friends a:hover { background-color: #e6ecda; text-decoration: none; }

#allfriends .rcol { margin-top: 4px; }
#allfriends h2.lcol a { text-decoration: underline; }
#allfriends h2.lcol a:hover { text-decoration: none; }

#friends_feed { margin: 0 15px; }
#friends_feed table { width: 100%; border-collapse: collapse; border-spacing: 0; margin-bottom: 25px; }
#friends_feed td { vertical-align: top; text-align: left; }
#friends_feed td.f_avatar, #friends_feed td.f_author { border: 1px solid; border-color: #ccdaab #edf2e1 #e2edf2; vertical-align: middle; background-color: #f7f9f4; }
#friends_feed td.f_avatar { width: 50px; border-spacing: 10px; padding: 2px; border-right-width: 0; }
#friends_feed td.f_avatar img { width: 50px; height: 50px; }
#friends_feed td.f_author { padding: 0 10px; border-left-width: 0; border-style: solid; font-size: 11px; }
#friends_feed td.f_author h3 { font-size: 14px; font-weight: bold; margin-bottom: 4px; }
#friends_feed td.f_story { padding: 15px 0; }
#friends_feed .f_cover { width: 104px; max-height: 104px; overflow: hidden; margin-right: 10px; float: left; border: 1px solid #E2EDF2; background-color: #f7f9f4; }
  #friends_feed .f_cover img { width: 100px; padding: 2px; }
#friends_feed td.f_det { border-top: 1px solid #E2EDF2; padding: 5px 0; }

.feed_loader { padding: 10px; text-align: center; border-top: 1px solid #E2EDF2; color: #284B5A; margin-bottom: 20px; }
.f_active:hover { border-color: #ACCCDA; background-color: #F4F8FA; cursor: pointer; }

  .coop1,.multi1 {font-size: 12px;
    background-color: #009900;
    font-weight: bold;
    display: inline-block;
    height: auto;
    margin: 0 2px;
    padding: 6px 10px;
    color: #FFF;
    border-radius: 3px;
    box-sizing: border-box;
    border-bottom: 2px solid #7bbf57;
}

.coop0,.multi0  {font-size: 12px;
    background-color: gray;
    font-weight: bold;
    display: inline-block;
    height: auto;
    margin: 0 2px;
    padding: 6px 10px;
    color: darkgrey;
    border-radius: 3px;
    box-sizing: border-box;
    border-bottom: 2px solid #990000;
}

 .meta {margin-top: 10px; color: #fff; font-weight: bold;  font-size: 19pt;  height: 50px;  background:  url( "/templates/CoopLand2016/images/meta.png" ) no-repeat 0 0;  padding: 0px 0px 0px 57px; } 
 
.metacritic {  background-color: #4a880f;}
.metacritic1 { padding: 10px 10px 10px 10px;} 

.mejs-container { max-width: 100%; }
video { max-width: 100%; }
iframe { max-width: 100%; }
.responsive-video {overflow:hidden; padding-bottom:56.25%; position:relative; height:0;}
.responsive-video iframe {left:0; top:0; height:100%; width:100%; position:absolute;}

/* NEW SPOILERS */

.title_spoiler.spoiler_land {
	height: auto !important;
}
.title_spoiler.spoiler_land > a {
	display: block !important;
	position: static !important;
	padding: 10px !important;
}

.title_spoiler.spoiler_land > a > img {
    margin: 0 5px;
}


/* / NEW SPOILERS */

/* Blogs  */
#blog-content .page-header {
	padding: 10px;
    background: #f3f3f3;
    color: #74a550;
}

#blog-content .right {
	float: right;
}

#blog-content .avatar-container {
	position: relative;
}

#blog-content .page-header .blog-rate {
    margin: -5px 0px 0 -5px;
}

#blog-content .avatar-rate {
    position: absolute;
    left: 0px;
    padding: 5px;
    font-size: 0.8em;
    background-color: #4e9644;
    color: white;
}

#blog-content .blog-header .title a,
#blog-content .blog-header .title {
    font-size: 1.1em;
    font-weight: bold;
    color: #74a550;
}

#blog-content .blog-header .description {
    color: #8b8b8b;
}

#blog-content .blog-info {
    border-bottom: 2px solid #a5a5a5;
    box-sizing: border-box;
    background-color: #252525;
    padding: 10px;
}

#blog-content .short-story {
	padding: 20px;
}

#blog-content .short-story .story-text img {
	float: none !important;
}

#blog-content .short-story img {
    max-width: 100%;
}

.text-gray {
    color: #a9a9a9;
}

.text-gray ul {
    padding: 10px;
    padding-left: 30px;
	list-style: square outside; 
}

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

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

#blog-content .text-gray img,
#blog-content .text-gray .text {
	display: none;
}

.blog-full-story {
	padding: 20px;
}

.blog-full-story img {
	margin: 5px 0;
    max-width: 100%;
}

.social-login a {
	color: #fff;
}

/* Социалки */
.social-sidebar-links {
    margin-top: 10px;
    display: flex;
    justify-content: center;
}

.social-sidebar-links a {
    padding: 5px;
	display: flex;
    justify-content: center;
    align-items: center;
	width: 44px;
	height: 44px;
    margin: 5px;
    font-size: 35px;
    border-radius: 4px;
    opacity: 0.95;
    color: white;
}
.social-sidebar-links a:hover {
    opacity: 1;
    text-decoration: none;
}


.social-sidebar-links a.steam     {background-color: 	#151515}
.social-sidebar-links a.vk-link   {background-color: 	#5D7DA0}
.social-sidebar-links a.youtube   {background-color: 	#D13E32}
.social-sidebar-links a.telegram   {background-color: 	#6CADDE}
.social-sidebar-links a.gg   {background-color: 	#eda734}


.btn:hover {
    border-color: #adadad;
    text-decoration: none;
}

.btn:active {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
}

.btn.btn-success {
    background-color: #4e9644;
    border-color: #4e9644;
}

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

.btn.btn-success:active {
    background-color: #ebebeb;
    border-color: #adadad;
}

.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-primary:active {
}

.btn.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn.btn-default:hover {
    background-color: #ebebeb;
    border-color: #adadad;
    text-decoration: none !important;
}

.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-info:active {
}

.btn.btn-warning {
    background-color: #faa732;
    border-color: #faa732;
}

.btn.btn-warning:hover {
    background-color: #c67605;
    border-color: #c67605;
}


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

/*---Подсветка кода в теге [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 =============*/

/* New Inject */

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

.post-cont .add-news-img.left {
        float: left;
        }

    .post-cont .add-news-inner:hover {
        background: rgba(78,150,68,0.2);
    }

.post-cont .add-news-inner:after {
clear: both;
    content: "";
    display: block;
    height: 0;
    width: 0;
    visibility: hidden;
            }

    .post-cont .add-news-content {
        margin-left: 115px;
        margin-top: 0px;
    }

    .post-cont .add-news-title {
        font-size: 0.95em;
        font-weight: 500;
    }

    .post-cont .add-news-story {
        display: none;
    }

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

    .post-cont .add-news-img img {
        margin: 0;
    }

    .post-cont .add-news-link:hover {
        border-bottom: none;
    }

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

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

table.reference td {
	display: block !important;
    width: 100%!important;
    box-sizing: border-box;
}

.page-header {
    color: #74a550;
    font-weight: normal;
    background-color: #252525;
    padding: 20px;
    /*box-shadow: inset 0 0 6px #151515;*/
    width: auto;
}

/* lazy load support */
img:not([src]) {
  visibility: hidden;
}

/* Fixes Firefox anomaly during image load */
@-moz-document url-prefix() {
  img:-moz-loading {
    visibility: hidden;
  }
}

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

.opponent-module .minusers {
    height: 45px;
    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: 100% !important;
}

#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: 43px;
    height: 43px;
    line-height: 43px;
    font-size: 20px;
    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: 47px;
    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:focus ~ .hint-ico {
    color: #000;
    background: rgba(0, 128, 0, 0.1);
}

.opponent-search-menu {
    border-bottom: 1px solid #dcdcdc;
}

#proposal_status_ajax {
    display: none !important;
}

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

.opponent-search-menu li a {
    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 {
    border-color: #6d9f4b;
    color: #6d9f4b;
}

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

.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 .reset_search_button {
    width: 100%;
    padding: 15px 20px;
    text-align: center;
}

.opponent-module .theme .rating {
    text-align: center;
    border-radius: 50%;
    border: 3px solid #71b843;
    color: #71b843;
    font-size: 15px;
    width: 30px;
    height: 30px;
    line-height: 25px;
    display: inline-block;
    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 .title {
    font-weight: bold;
    font-size: 22px;
    color: #4e9644;
    margin-bottom: 5px;
    position: relative;
    padding-right: 30px;
    word-break: normal;
}

.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 {
    padding: 20px 0;
}

.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;
    padding-right: 0 !important;
}

.opponent-module .add-own-link .btn {
    margin-top: 0 !important;
    color: white;
}

/* 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: 1em;
    line-height: 1.5;
    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: 0.9em;
    color: #898989;
}

.opponent-search-content {
    padding: 0 20px;
    font-family: Roboto, Helvetica, Arial, sans-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 0;
}

.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: 3px;
    padding: 10px;
    position: relative;
}

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

.propopal-comments {
	width: 100%;
    min-height: 100px;
    margin-bottom: 20px;
}

.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 */
    .Forumtitle{margin:5px 0;padding:10px;font-size: 14px; font-weight: bold; background: #F1F1F1; text-decoration: none; word-break: break-word; }
  .Forumtitle:hover {background: #4e9644; color: #fff; text-decoration: none;}
  .forumBoxLastInfo{margin: 5px; background:#Fafafa}
.forumBoxLastInfo a{color:#4e9644}
.forumBoxLastInfo h3{text-shadow:0 1px 0 #fff;color:#1b1b19;background:#f6f6f6;font-size:13px;font-family:'Trebuchet MS',Helvetica,Arial,sans-serif;font-weight:normal;padding:5px}
.forumBoxLastInfo table{width:100%;border-spacing:0;font-size:12px;font-weight:normal}
.forumBoxLastInfo th.name{width:60%}.forumBoxLastInfo th{text-align:left}
.forumBoxLastInfo th{background:#ebebeb;padding:2px 5px}
.forumBoxLastInfo td{padding:5px;}
.forumBoxLastInfo .topicLastPost p{ color:#000;margin:0; border:none}
th.lastpost{text-align:right}
.forumBoxLastInfo td.stats p{color:#000;margin:0}
.forumBoxLastInfo img.avatarLastAutor{padding:1px;border:1px solid #c0c2bc!important;background:#fff;float:right;margin-left:5px;width:30px;height:30px}
.forumBoxLastInfo .topicLastPost p strong {color:#969696;font-weight:normal}
.forumBoxLastInfo .topicLastPost p{padding-right:40px;text-align:right}
    
        .smallfor {color: #717170;margin:5px;padding:5px;margin-top: -10px;}

.page-note {
border-left: 3px solid #4e9644;
    padding: 1px 0 4px 5px;
}

/* Full Story Rating */
.full-rating {
  background: #252525;
  color: #fafafa;
  text-align: center;
  position: relative;
  padding: 20px 0;
  margin-bottom: 10px;
}

.full-rating .rate-block {
  background-color: #4e9644;
  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: 0.85em;
}
.full-rating  .rating-star-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}


.full-rating .rating-star {
  width: 44px;
  height: 44px;
  margin: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  background-color: #111;
}

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

/* / Full Story Rating */

.comment {
    padding: 15px 20px;
   padding-right: 14px;
}
 
.commentbox .comment.rel-news {
   padding: 5px;
}        
        
.comment .mass-check {
    float: left;
}
        
.comment .mass-check > input {
    margin-right: 10px;
}
        
.comment .com-cont {
 display: flex;
}
        
.comment .rating {
 text-align: center;
 margin-left: 5px;
}
                            
.comment .com-cont > div:first-child {
 flex-grow: 1;
}
        
.comment .rating .up,
.comment .rating .down {
 padding: 6px;
}

.comment .rating .value {
    color: #a9a9a9;
    font-size: .8em;
    padding: 6px 0;
    vertical-align: middle;
    line-height: 1;
}

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

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


#dle-comments-list .comm_hide {
  color: #a9a9a9;
  padding:  10px;
  position: relative;
  margin-top: 10px;
  background-color: rgba(255, 0, 0, 0.03);
}

        
#dle-comments-list .comm_hide a {
 	text-transform: capitalize;
    padding: 3px 6px;
}

.ostats {
  display: none !important;
}

 .new-btns {
                    display: flex;
                    flex-wrap: wrap;
                    margin-bottom: 10px;
        }
         .new-btns a.btn{
    padding: 10px 15px;
            margin: 0;
             margin-right: 5px;
            margin-bottom: 5px;
        }
        
      
section .links a.left {
    padding: 6px 10px;
    padding-bottom: 3px;
    display: inline-block;
    background-color: #fafafa;
    color: #333;
    margin-bottom: 5px;
    border-bottom: 3px solid #fafafa;
}   
        
section .links a.left.active {
	background-color: #F2F2F2;
    border-bottom: 3px solid #439644;
}        


#searchsuggestions {
  background-color: #fff;
  width: 80%;
  margin-top: 5px;
  position: relative;
  z-index: 30;
  box-sizing: border-box;
  box-shadow: 2px 2px 3px rgb(0 0 0 / 50%);
}

#searchsuggestions .searchcategory,
#searchsuggestions > a {
  display: flex;
  padding: 10px;
}

#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: flex;
  padding: 10px;
}

#searchsuggestions .seperator a {
  background-color: #4e9644;
  color: #fff;
  padding: 5px 10px;
  display: inline-block;
}

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

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

.search-game-wrap {
	font-size: 16px;
	display: flex;
	padding: 10px;
	position: relative;
}

.search-game-link {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
}

.search-game-wrap:hover {
	background-color: #4e9644;
	color: #fff;
}

.search-game-img {
	min-width: 100px;
    max-width: 100px;
    margin: 5px auto;
}

.search-game-descr {
	padding: 10px;
	display: flex;
	align-items: center;
    flex-grow: 1;
}

.search-game-title {
	color: #000;
}
	
.search-game-wrap:hover .search-game-title a {
	color: #fff;
}

.search-game-category {
	font-size: 13px;
	color: #a9a9a9;
}

.search-game-wrap:hover .search-game-category {
	color: #e1e1e1;
}

.search-game-sub {
	display: flex;
	margin-left: 10px;
}

.search-game-rating {
	color: #333;
	width: 30px;
	font-size: 15px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #dedede;
	border-radius: 4px;
}

.search-game-sub .icon-tags {
	display: none;
}

.opersonal-rating {
        font-size: 0.7em;
    text-align: center;
    width: 25px;
    display: block;
    margin-top: 2px;
    background-color: rgba(64, 64, 64, .05);
                }

.opersonal-rating.inline {
display: inline-block;
        }
                
                .opersonal-rating.oplus {
    	background-color: rgba(0, 128, 0, .05);
	}
    
    .opersonal-rating.ominus {
    	background-color: rgba(128, 0, 0, .05);
	}

  .filter-wrap {
        margin: 14px 0;
    }

    .filter-wrap select {
        margin-bottom: 7px;
        min-height: 44px;
        width: 100%;
        display: block;
    }

    .filter-wrap select:not(:last-child) {
        margin-bottom: 7px;
        margin-right: 7px;
        min-height: 44px;
        width: 100%;
        display: block;
    }

    .fb-labels label {
        display: inline-block;
        min-height: 35px;

    }

    .filter-box .add-selectors {
        display: flex;
    }

    .filter-box h2 {
        margin: 14px 0;
    }
    
    
.reset_filter {
	display: none;
}    

.user-btn {
    all: unset;
    width: 17px;
    padding: 0 14px;
    height: 44px;
    position: relative;
    color: #fff;
}

.user-btn:active {
    background: rgba(0, 0, 0, 0.5);
}

.moon-btn {
    display: flex;
    align-items: center;
}

.moon-btn .fa {
    font-size: 18px;
}

/* 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)
  );
  box-shadow: 0 1px 0 #fff;
  border-radius: 4px;
}
.ed_progress span {
  display: block;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  border-radius: 3px;

  transition: width 0.4s ease-in-out;
}
.ed_progress span nobr {
  font-weight: bold;
  color: #fff;
  line-height: 20px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  width: 100%;
}

.ed_progress_1 span {
  border: 1px solid #0078a5;
  background-color: #5c9ade;
  background: linear-gradient(to bottom, #00adee 10%, #0078a5 90%);
}
.ed_progress_2 span {
  border: 1px solid #5c9425;
  background-color: #77af3f;
  background: linear-gradient(to bottom, #8fc857 10%, #5c9425 90%);
}
.ed_progress_3 span {
  border: 1px solid #f47a20;
  background-color: #faa51a;
  background: linear-gradient(to bottom, #faa51a 10%, #f47a20 90%);
}
.ed_progress_4 span {
  border: 1px solid #a92c2c;
  background-color: #c44747;
  background: linear-gradient(to bottom, #dd5f5f 10%, #a92c2c 90%);
}
.ed_progress_5 span {
  border: 1px solid #8c2ca9;
  background-color: #8c2ca9;
  background: linear-gradient(to bottom, #bf5fdd 10%, #8c2ca9 90%);
}
/* End ---- Modern Poll Style by http://e-div.com */

/* / Poll */

/* DARK THEME */
body.dark-theme,
body.dark-theme #searchsuggestions,
body.dark-theme .ui-dialog {
    color: #bdbdbd;
    background-color: #252525 !important;
}

body.dark-theme .gr-box {
    background: #222;
}

body.dark-theme select,
body.dark-theme textarea,
body.dark-theme button,
body.dark-theme input,
body.dark-theme .copyright,
body.dark-theme h2,
body.dark-theme h1,
body.dark-theme .title a {
    color: #dedede;
}

body.dark-theme .header,
body.dark-theme .vlist {
    background-color: #252525;
}

body.dark-theme .post-info a,
body.dark-theme .icat a,
body.dark-theme .post-info,
body.dark-theme .icat,
body.dark-theme .com-inf {
    color: gray;
}

body.dark-theme .com-num,
body.dark-theme .like-num,
body.dark-theme .pprev,
body.dark-theme .pnext,
body.dark-theme #footer .ico,
body.dark-theme .quote,
body.dark-theme .opponent-module .theme.online_bkg,
body.dark-theme .text_spoiler,
body.dark-theme .Forumtitle {
    background: #333;
    border-color: #222;
}

body.dark-theme .title_spoiler,
body.dark-theme .title_quote {
    color: #bdbdbd !important;
    background: #3f3f3f !important;
    border-color: #333;
}

body.dark-theme .post-cont .add-news-inner {
    color: #bdbdbd !important;
    background: #151515 !important;
    border-color: #333;
}

body.dark-theme .icat,
body.dark-theme hr,
body.dark-theme .comment,
body.dark-theme .ux-form,
body.dark-theme .mass_comments_action,
body.dark-theme .opponent-module input[type="text"],
body.dark-theme section .links a.left,
body.dark-theme .ui-dialog-titlebar,
body.dark-theme .ui-dialog .ui-dialog-buttonpane {
    border-color: #333;
}

body.dark-theme input,
body.dark-theme select,
body.dark-theme textarea,
body.dark-theme .xfields textarea,
body.dark-theme .xprofile textarea,
body.dark-theme .tdfield select,
body.dark-theme .lfield input,
body.dark-theme .editor input[type="text"],
body.dark-theme #category,
body.dark-theme textarea.ui-corner-all,
body.dark-theme .pm select,
body.dark-theme .xfields input,
body.dark-theme .xprofile input,
body.dark-theme .xfields select,
body.dark-theme .xprofile select,
body.dark-theme .mass_comments_action select,
body.dark-theme .bbeditor select,
body.dark-theme .textin,
body.dark-theme select.rating,
body.dark-theme .fieldtr select,
body.dark-theme .f_textarea,
body.dark-theme .f_input {
    background: #151515;
    border-color: #333;
    box-shadow: none;
}

body.dark-theme .forumBoxLastInfo,
body.dark-theme .mass_comments_action,
body.dark-theme .ux-form {
    background: #252525;
}

body.dark-theme .post-cont .important-note,
body.dark-theme .descr-cat {
    background: #353535;
}

body.dark-theme .rel-news a {
    background-color: #333;
}

body.dark-theme section .links a.left {
    color: gray;
    background-color: #222;
}

body.dark-theme section .links a.left.active {
    background-color: #151515;
    border-color: #439644;
    color: #bdbdbd;
}

body.dark-theme .btn.btn-default {
    color: #dedede;
    background-color: #000;
    border: none;
}

body.dark-theme .title .game-rating {
    background: #111;
    border-color: #111;
}



/* NEW YEAR */

#snow {
  background-image: url('/templates/CoopLand2016/images/snow1.png'), url('/templates/CoopLand2016/images/snow2.png');
  animation: snow 16s 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;
  }
}