@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,500,700&subset=cyrillic');

@font-face {
  font-family: 'icomoon';
  src:  url('/forum/fonts/icomoon.eot?381zpm');
  src:  url('/forum/fonts/icomoon.eot?381zpm#iefix') format('embedded-opentype'),
    url('/forum/fonts/icomoon.ttf?381zpm') format('truetype'),
    url('/forum/fonts/icomoon.woff?381zpm') format('woff'),
    url('/forum/fonts/icomoon.svg?381zpm#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
b {
	font-weight: 700;
}

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

*, *:after,*:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

strong {
	font-weight:700;
}
em {
	font-style:italic;
}

body {
	font-family: 'Ubuntu', Verdana, Tahoma, Arial, sans-serif;
	color: #C1C2AB;
	background-color: #24271f;
	background-image: url('./images/bg.png');
	font-size: 13px; /* This sets the default font size to be equivalent to 10px */
	margin: 0;
	line-height: 1.42;
	letter-spacing: 0.25px;
	cursor: default;
}

a, a.nav, b.nav {
	color: #FFFFCC;
	text-decoration: none;
}

a:hover {
	color: #D1B06B;
	text-decoration: underline;
}
a.forumlink {
	color: #D1B06B;
}
p {
	margin: 5px 0px;
	font-weight: 400;
}
p:first-child {
	margin-top: 0px;
}
p:last-child {
	margin-bottom: 0px;
}

#wrapheader,#wrapcentre, #pagefooter {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}

#wrapheader {
	background-color: #2A3020;
	border: 1px solid #1B1C07;
}

#wrapfooter {
	text-align: center;
	clear: both;
}

.spoiler {
	word-break:break-all;
	border: 1px solid #1B1C07;
	background: #3F4533;
	padding: 5px;
	margin: 8px 0px;
}
.spoiler.spoiler_closed .spoiler_text {
	display: none;
}
.spoiler:not(.spoiler_closed) .spoiler_caption {
	margin-bottom: 5px;
}
.spoiler_caption span {
	cursor: pointer;
	color:#FFFFCC;
}
.spoiler_text {
	background: #535749;
	padding: 5px;
	font-size: 12px;
	border: 1px solid #262626;
	overflow-y: auto;
	max-height: 400px;
}
.btn {
	border: 1px solid #262626;
	display: inline-block;
	padding: 6px 8px;
	border-radius: 3px;
	margin-top: 4px;
	text-transform: uppercase;
	font-weight: 500;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	background: #343425;
	color: #96ae9f;
}

.btn + .btn {
	margin-left: 5px;
}
.btn:hover {
	text-decoration: none;
	background-color: #373E31;
	color:#D1B06B;
}

.btn.btn-small {
	padding: 4px 6px;
	font-size: 10px;
}
#wrapnav {
	width: 100%;
	margin: 0;
	background-color: #ECECEC;
	border-width: 1px;
	border-style: solid;
	border-color: #A9B8C2;
}

#logodesc {
	margin: 5px 5px 0 5px;
	background-image: url('./images/logo_back_new.png');
	border: 1px solid #24271F;
	padding: 5px 25px 4px 10px;
}

.mark_forums {
	padding: 6px 8px;
	text-align: right;
	border: 1px solid #262626;
	background: #2A3020;
}

.forumlist_head > div , .topiclist_head > div {	
	font-weight: 500;
	background: #343425;
	color:#FFA34F;
}

.forumlist_row, .topiclist_row {
	display: flex;
	background: #373E31;
	border: 1px solid #262626;
	border-top:0;
}
.forumlist_cat {
	background: #2A3020;
	font-weight: 500;
}
.forumlist_name {
	flex-grow: 1;
}
.forumlist_head .forumlist_name {
	text-align: center;
}
.forumlist_name, .forumlist_clicks, .forumlist_image, .forumlist_topics, .forumlist_posts, .forumlist_lastpost {
	padding: 6px 8px;
	border-right: 1px solid #262626;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	text-align: center;
	flex-shrink: 0;
}

.forumlist_image {
	border: 0;
	padding-right: 0px;
}

.forumlist_name:last-child {
	border-right: 0;
}

.forumlist_name {
	text-align: left;
	flex-shrink: 1;
}
.forumlist_topics {
	width: 80px;
	background: #3E4637;
}
.forumlist_posts {
	width: 100px;
	background: #3E4637;
}
.forumlist_lastpost {
	width: 180px;
	border-right: 0;
}
.forumlist_clicks {
	background: #3E4637;
	border-right: 0;
	font-weight: 400;
	width: 360px;
}

.topics_utils {
	display: flex;
	background: #2A3020;
	font-weight: 500;
	border: 1px solid #262626;
	justify-content: space-between;
}

.topics_utils div {
	padding: 8px;
}

.topiclist {
	margin-top: 5px;
}
.topiclist_footer {
	background: #2A3020;
}

.topiclist_head .topiclist_name{
	text-align: center;
}
.topiclist_name, .topiclist_author, .topiclist_icon, .topiclist_image, .topiclist_replies, .topiclist_views, .topiclist_lastpost {
	padding: 8px;
	border-right: 1px solid #262626;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	text-align: center;
	flex-shrink: 0;
}

.topiclist_name {
	flex-grow: 1;
	width: 100px;
	text-align: left;
}
.topiclist_name:last-child {
	border-right: 0;
}
.topiclist_name a {
}
.topiclist_image {
	width: 36px;
}

.topiclist_footer .topiclist_name {
	text-align: center;
}
.topiclist_icon {
	width: 25px;
	border: 0;
	padding-right: 0px;
}
.topiclist_unread .topiclist_name {
	font-weight: 700;
}
.topiclist_author {
	width: 150px;
	background: #3E4637;
}

.topiclist_replies, .topiclist_views {
	width: 100px;
}
.topiclist_views {
	background: #3E4637;
}
.topiclist_lastpost {
	width: 160px;
	border-right: 0;
}

.postlist_nav {
	display: flex;
	margin-bottom: 5px;
	align-items: center;
}
.postlist_pagenumber {
	margin-left: auto;
}
.postlist_totalposts {
	margin: 0px 15px;
}

.postlist_utils {
	display: flex;
	background: #2A3020;
	font-weight: 500;
	color:#797543;
	border: 1px solid #262626;
	justify-content: space-between;
}

.postlist_utils div {
	padding: 8px;
}

.postlist_poll {
	background: #3E4637;
	padding: 8px;
}

.postlist_poll_choices {
	max-width: 60%;
	margin: 20px auto;
}
.postlist_poll_choice {
	font-size: 12px;
	display: flex;
	align-items: center;
	margin-bottom: 8px;
}

.postlist_poll_choice label {
	cursor: pointer;
}
.postlist_poll_choice_caption {
	flex-grow: 1;
	margin-right: 5px;
}
.postlist_poll_choice_bar {
	width: 120px;
	flex-shrink: 0;
	border-radius: 3px;
	overflow: hidden;
	background: #373E31;
	border: 1px solid #262626;
	margin-right: 10px;
	height: 18px;
}

.postlist_poll_choice_choices {
	width: 45px;
	flex-shrink: 0;
}
.postlist_poll_choice_bar_bar {
	background: #C1C2AB;
	border-radius: 3px;
	height: 16px;
}

.postlist_poll_choice_percents {
	width: 35px;
	flex-shrink: 0;
}
.postlist_poll_caption {
	text-align: center;
	font-size: 15px;
	margin-bottom: 5px;
}
.postlist_poll_results {
	text-align: center;
	font-weight: 500;
}


.postlist_poll_maxvotes {
	text-align: center;
	margin-bottom: 10px;
}
.postlist_poll_dovote {
	text-align: center;
	margin-bottom: 10px;
}
.postlist_poll_length {
	text-align: center;
	font-size: 11px;
}

.postlist_row_utils {
	display: flex;
	background: #343425;
	color:#FFA34F;
	border: 1px solid #262626;
	font-weight: 500;
}

.postlist_row_utils .postlist_post_data {
	text-align: center;
	padding: 6px 8px;
}
.postlist_row {
	display: flex;
	border: 1px solid #262626;
	border-bottom-width: 5px;
	border-top: 0px;
	background: #373E31;
}
.postlist_row:nth-child(odd) {
	background: #3E4637;
}
.postlist_post_user {
	width: 180px;
	padding: 6px 8px;
	flex-shrink: 0;
	border-right: 1px solid #262626;
	text-align: center;
}
.postlist_post_user_info_name {
	margin-bottom: 10px;
	font-size: 14px;
}
.postlist_post_user_info_rank + .postlist_post_user_info_avatar {
	margin-top: 10px;
}

.info_online {
	border: 1px solid #262626;
	display: inline-block;
	padding: 4px 6px;
	text-transform: uppercase;
	font-weight: 400;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	margin-bottom: 5px;
	background: #343425;
	color: #96ae9f;
}
.postlist_post_user_info_avatar .info_online {
	display: none;
}
.postlist_post_user_info {
	margin-top: 10px;
	/*text-align: left;*/
	color:#7D8966;
}

.postlist_post_data .btn {
	color:#c2c2c4;
}

.postlist_post_data .btn:hover {
	background-color: #2A3020;
}
.postlist_post_data {
	border-right: 1px solid #262626;
	flex-grow: 1;
	display: flex;
    flex-direction: column;
}


.postbody {
	padding: 8px;
	margin-bottom: auto;
}
.post_signature {
	margin-top: 10px;
	padding: 8px;
	margin-top: auto;
}
.postlist_post_data_top {
	display: flex;
	border-bottom: 1px solid #262626;
	justify-content: space-between;
}
.postlist_post_user_info_online {
	text-align: center;
}
.postlist_post_user_info_online span {
    border: 1px solid #262626;
    display: inline-block;
    padding: 4px 8px;
    text-transform: uppercase;
    font-weight: 500;
    text-decoration: none;   
    background: #343425;
    color: #96ae9f;
}
.postlist_post_data_bottom {
	display: flex;
	padding: 5px;
	border-top: 1px solid #262626;
	justify-content: space-between;
}

.postlist_post_icon, .postlist_post_subject, .postlist_post_link {
	padding: 6px 8px;
}


.checkbox {
	position: relative;
	display: inline-flex;
	cursor: pointer;
	align-items: center;
}

.checkbox + .checkbox {
	margin-left: 5px;
}

.checkbox input[type=checkbox], .checkbox input[type=radio] {
	position: absolute;
	opacity: 0;
}

.checkbox input[type=checkbox] + i, .checkbox input[type=radio] + i {
	width: 20px;
	height: 20px;
	border: 1px solid #24271F;
	background: #535749;
	box-shadow: #000 0px 0px 2px inset;
	position: relative;
	flex-shrink: 0;
	display: inline-block;
	margin-right: 5px;
}
.checkbox input[type=radio] + i {
	border-radius: 20px;
}

.checkbox input[type=checkbox] + i > i, .checkbox input[type=radio] + i > i {
	border-bottom: 2px solid #FFFFCC;
	opacity: 0;
	transform: translate(-50%, -50%) rotate(45deg);
	position: absolute;
	width: 1px;
	height: 5px;
	top: 50%;
	left: 50%;
	transition: all 0.2s;
	border-right: 2px solid #FFFFCC;
}

.checkbox input[type=checkbox]:checked + i > i, .checkbox input[type=radio]:checked + i > i {
	width: 5px;
	height: 10px;
	opacity: 1;
}

#menubar {
	margin: 5px 5px 0 5px;
	padding: 5px;
	background-color:#373E31;
	border-top:1px solid #24271F;
	border-right:1px solid #24271F;
	border-left:1px solid #24271F;
}

#datebar {
	margin: 0 5px 5px 5px;
	padding: 5px;
	background-color:#373E31;
	border-bottom:1px solid #24271F;
	border-right:1px solid #24271F;
	border-left:1px solid #24271F;
}

#findbar {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

.forumrules {
	background-color: #3A3E2F;
	border-width: 1px;
	border-style: solid;
	border-color: #4C5338;
	padding: 4px;
	font-weight: normal;
	font-size: 12px;
}

.forumrules h3 {
	color: red;
}

#pageheader { }
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }



/*  Text
 --------------------- */
h1 {
	color: black;
	font-weight: 500;
	font-size: 1.8em;
	text-decoration: none;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 1.5em;
	text-decoration: none;
	line-height: 120%;
}

h3 {
	font-size: 1.35em;
	font-weight: 500;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
}

h4 {
	margin: 0;
	font-size: 12px;
	font-weight: 500;
}

p.moderators {
	margin: 0;
	float: left;
	color: #797543;
	font-weight: 500;
}

.rtl p.moderators {
	float: right;
}

p.linkmcp {
	margin: 0;
	padding: 0 12px;
	float: right;
	white-space: nowrap;
}

.rtl p.linkmcp {
	float: left;
}

p.breadcrumbs {
	margin: 0;
	float: left;
	color: black;
	font-weight: 500;
	white-space: normal;
	font-size: 1em;
}

.rtl p.breadcrumbs {
	float: right;
}

p.datetime {
	margin: 0;
	float: right;
	white-space: nowrap;
	font-size: 1em;
}

.rtl p.datetime {
	float: left;
}

p.searchbar {
	padding: 5px 12px;
	white-space: nowrap;
} 

p.searchbarreg {
	margin: 0;
	float: right;
	white-space: nowrap;
}

.rtl p.searchbarreg {
	float: left;
}


p.topicauthor {
	margin: 1px 0;
}

p.topicdetails {
	margin: 1px 0;
}

.postreported, .postreported a:link, .postreported a:visited, .postreported a:hover, .postreported a:active {
	margin: 1px 0;
	color: red;
	font-weight:bold;
}

.postapprove, .postapprove a:link, .postapprove a:visited, .postapprove a:hover, .postapprove a:active {
	color: green;
	font-weight:bold;
}

.postapprove img, .postreported img {
	vertical-align: bottom;
	padding-top: 5px;
}

.postauthor {
	color: #FFFFCC;
}

.postdetails {
	color: #7D8966;
}

/*.postbody {
	font-size: 12px;
	font-family: Verdana,Tahoma,Arial, sans-serif;
}
*/
.postbody li, ol, ul {
	margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
	margin: 0 1.5em 0 0;
}

.posthilit {
	background-color: yellow;
}

.nav {
	margin: 0;
	color: #797543;
	font-weight: 500;
}

.pagination {
	padding: 4px;
	color: black;
	font-size: 1em;
	font-weight: 500;
}

.cattitle {

}

.gen {
	margin: 1px 1px;
	font-size: 12px;
}

.genmed {
	margin: 1px 1px;
	font-size: 12px;
	text-decoration: none;
}

.gensmall {
	margin: 1px 1px;
	font-size: 1em;
}

.copyright {
	color: #444;
	font-weight: normal;
}

.titles {
	font-weight: 500;
	font-size: 1.3em;
	text-decoration: none;
}

.online {
	color: green;
}

.offline, .error, .inactive {
	color: red;
}


/* Tables
 ------------ */
th {
	color: #FFA34F;
	font-size: 12px;
	font-weight: 500;
	background-color: #343425;
	white-space: nowrap;
	padding: 7px 5px;
}

td {
	padding: 2px;
}
td.profile {
	padding: 4px;
}

.tablebg {
	background-color: #1B1C07;
}

.catdiv {
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #33342D;

}
.rtl .catdiv {
	background: white url('./images/cellpic2_rtl.jpg') repeat-y scroll top right;
}

.cat {
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #2A3020;
	/*	background: url('./images/metal_m01.jpg') repeat-x scroll top right; */
	text-indent: 4px;
}

.row1 {
	background-color: #373E31;
	padding: 4px;
	color: #C1C2AB;
}

.row2 {
	background-color: #3E4637;
	padding: 4px;
}

.row3 {
	background-color: #343A29;
	padding: 4px;
}

.spacer {
	background-color: #D1D7DC;
}

.current {
	background-color: lightblue;
}

hr {
	height: 1px;
	border-width: 0;
	background-color: #D1D7DC;
	color: #D1D7DC;
}

.legend {
	text-align:center;
	margin: 0 auto;
}

/* Links
 ------------ */

/* Links adjustment to correctly display an order of rtl/ltr mixed content */
.rtl a {
	direction: rtl;
	unicode-bidi: embed;
}

/* CSS spec requires a:link, a:visited, a:hover and a:active rules to be specified in this order. */
/* See http://www.phpbb.com/bugs/phpbb3/59685 */


th a,
th a:visited {
	color: #FFA34F !important;
	text-decoration: none;
}

th a:hover {
	text-decoration: underline;
}

.quick-reply_footer {
	padding: 6px 8px;
}
.post_editor {
	display: flex;
}
.post_editor_buttons {
	padding: 6px 8px;
}

.post_editor .post_editor_bbcodes {
	width: 100%;
}
.post_editor_message {
	flex-grow: 1;
}
.post_editor .helpbox {
	margin-top: 5px;
}
.post_editor_message textarea {
	margin-top: 10px;
	width: 100%;
}
.post_editor_color {
	width: 65px;
	margin-left: 10px;
	flex-shrink: 0;
}

.post_editor_bbcodes .btn {
	margin: 0px;
	outline: 0;
	margin-bottom: 3px;
}
/* Form Elements
 ------------ */
form {
	margin: 0;
	padding: 0;
	border: 0;
}

input, textarea {
	color: #333333;
	font-size: 14px;
	font-family: 'Ubuntu', Verdana, Tahoma, Arial, sans-serif;
	font-weight: normal;
	padding: 6px 8px;
	border: 1px solid #A9B8C2;
	background-color: #FAFAFA;
}
textarea {
	resize: vertical;
}
select {
	color: #333333;
	background-color: #FAFAFA;
	font-size: 1.1em;
	font-weight: normal;
	border: 1px solid #A9B8C2;
	padding: 1px;
}

option {
	padding: 0 1em 0 0;
}

option.disabled-option {
	color: graytext;
}

.rtl option {
	padding: 0 0 0 1em;
}

.post {
	background-color: white;
	border-style: solid;
	border-width: 1px;
}

.btnbbcode {
	color: #000000;
	font-weight: normal;
	font-size: 1.1em;
	background-color: #EFEFEF;
	border: 1px solid #666666;
}

.btnmain {
	font-weight: 500;
	background-color: #ECECEC;
	border: 1px solid #A9B8C2;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnlite {
	font-weight: normal;
	background-color: #ECECEC;
	border: 1px solid #A9B8C2;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnfile {
	font-weight: normal;
	background-color: #ECECEC;
	border: 1px solid #A9B8C2;
	padding: 1px 5px;
	font-size: 1.1em;
}

.helpline {
	background-color: #5E6657;
	border-style: none;
	cursor: default;
}

input:focus, select:focus, textarea:focus {
	outline-style: none;
}

/* BBCode
 ------------ */
.quotetitle, .attachtitle {
	margin: 10px 5px 0 5px;
	padding: 4px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #1B1C07;
	color: #C1C2AB;
	background-color: #2A3020;
	font-size: 0.95em;
	font-weight: 500;
}

.quotetitle .quotetitle {
	font-size: 12px;
}

.quotecontent, .attachcontent {
	margin: 0 5px 10px 5px;
	padding: 5px;
	border: 1px solid #1B1C07;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.4em;
	background-color: #535749;
	color: #C1C2AB;
}

.attachcontent {
	font-size: 0.95em;
}

.codetitle {
	margin: 10px 5px 0 5px;
	padding: 2px 4px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #A9B8C2;
	color: #333333;
	background-color: #A9B8C2;
	font-size: 0.9em;
}

.codecontent {
	direction: ltr;
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #A9B8C2;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	color: #006600;
	font-size: 0.95em;
	font-family: Monaco, 'Courier New', monospace;
	background-color: #FAFAFA;
}

.syntaxbg {
	color: #FFFFFF;
}

.syntaxcomment {
	color: #FF8000;
}

.syntaxdefault {
	color: #0000BB;
}

.syntaxhtml {
	color: #000000;
}

.syntaxkeyword {
	color: #007700;
}

.syntaxstring {
	color: #DD0000;
}


/* Private messages
 ------------------ */
.pm_marked_colour {
	background-color: #000000;
}

.pm_replied_colour {
	background-color: #A9B8C2;
}

.pm_friend_colour {
	background-color: #007700;
}

.pm_foe_colour {
	background-color: #DD0000;
}


/* Misc
 ------------ */
img {
	border: none;
	max-width: 100%;
	height: auto;
}

.sep {
	color: black;
	background-color: #FFA34F;
}

table.colortable td {
	padding: 0;
}

pre {
	font-size: 1.1em;
	font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
	white-space: nowrap;
}

.username-coloured {
	font-weight: 500;
}

.attachblock {
	display:inline-block;
}

.clear {
	clear: both;
}

.newbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #7d806b;
	-webkit-box-shadow:inset 0px 1px 0px 0px #7d806b;
	box-shadow:inset 0px 1px 0px 0px #7d806b;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #373e31), color-stop(1, #3e4637) );
	background:-moz-linear-gradient( center top, #373e31 5%, #3e4637 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#373e31', endColorstr='#3e4637');
	background-color:#373e31;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #515935;
	display:inline-block;
	color:#c1c2ab;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:140px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #2f300f;
}
.newbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3e4637), color-stop(1, #373e31) );
	background:-moz-linear-gradient( center top, #3e4637 5%, #373e31 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e4637', endColorstr='#373e31');
	background-color:#3e4637;
	text-decoration:none;
}
.newbutton:active {
	position:relative;
	top:1px;
	color:#c1c2ab;
}

header .btn {
	color:#FFFFCC;
}
header .btn:hover {
	background: #2A3020;
}

.btn[class*=" icon-"] {
	position: relative;
	padding-left: 30px;
}

.btn.btn-small[class*=" icon-"] {
	padding-left: 24px;
}

.btn::before {
	font-size: 16px;
	position:absolute;
	left: 8px;
	top:3px;
}
.btn.btn-small::before {
	font-size: 16px;
	position:absolute;
	left: 3px;
	top:-1px;
}
[class^="icon-"] {
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
[class^="icon-"], [class*=" icon-"]::before {
	
	font-family: 'icomoon' !important;
}
.icon-pm::before {
	content: '\e901';
}
.icon-letter::before {
	content: '\e900';
}
.icon-profile::before {
	content: '\e905';
}
.icon-edit::before {
	content: '\e907';
}
.icon-quote::before {
	content: '\e908';
}
.icon-warning::before {
	content: '\e909';
}
.icon-delete::before {
	content: '\e90a';
}
.icon-info::before {
	content: '\e90b';
}
.icon-logout::before {
	content: '\e90c';
}
.icon-login::before {
	content: '\e90d';
}
.icon-users::before {
	content: '\e90e';
}
.icon-search::before {
	content: '\e90f';
}
.icon-chat::before {
	content: '\e910';
}
.icon-help::before {
	content: '\e911';
}
.icon-register::before {
	content: '\e912';
}
.icon-up::before {
	content: '\e902';
}
.icon-down::before {
	content: '\e903';
}
.like {
	cursor: pointer;
	display: inline-flex;
    position:relative;
    background: #343425;
	transition: background, color 0.3s;
    font-weight:700;
	line-height: 14px;
	text-indent:0;
	text-shadow:1px 1px 0px #2f300f;
}
.like:hover {
	color:#FFFFCC;
}
.like.btn-small {
	padding-left: 25px;
}
.like.not, .like.not:hover {
	color: #c2c2c4;
	cursor: default;
	background-color: #373E31;
}

.like::before {
	font-family: 'icomoon' !important;
	content: "\e904";
	font-weight:400;
	font-size:16px;
	position:absolute;
	left: 3px !important;
	top:3px !important;
}

.like.liked, .like.liked::before {
    color:#FFFFCC;
}
.like.procliked::before {
	content: "\e906";
	color:#FFFFCC;
	animation: 1s rotate360 infinite linear;
	animation-delay: 0s;
}

@keyframes rotate360 {
	from {transform: rotate(0deg)}
	to {transform: rotate(360deg)}
}

/*body{position:relative;z-index:0;margin: 0px;padding:30px 0 0;}*/
.b-page_newyear { left: 0px;position: absolute;right: 0px;top: 0px;}
.b-page__content{min-height:60px}

.b-head-decor{display:none}
.b-page_newyear .b-head-decor{
	position:absolute;
	top:0;
	left:0;
	display:block;
	height:115px;
	width:100%;
	overflow:hidden;
	background:url(balls/b-head-decor_newyear.png) repeat-x 0 0
}
.b-page_newyear .b-head-decor__inner{position:absolute;top:0;left:0;height:115px;display:block;width:373px}
.b-page_newyear .b-head-decor::before{content:'';display:block;position:absolute;top:-115px;left:0;z-index:3;height:115px;display:block;width:100%;box-shadow:0 15px 30px rgba(0,0,0,0.75)}
.b-page_newyear .b-head-decor__inner_n2{left:373px}
.b-page_newyear .b-head-decor__inner_n3{left:746px}
.b-page_newyear .b-head-decor__inner_n4{left:1119px}
.b-page_newyear .b-head-decor__inner_n5{left:1492px}
.b-page_newyear .b-head-decor__inner_n6{left:1865px}
.b-page_newyear .b-head-decor__inner_n7{left:2238px}

.b-ball{position:absolute}
.b-ball_n1{top:0;left:3px;width:59px;height:83px}
.b-ball_n2{top:-19px;left:51px;width:55px;height:70px}
.b-ball_n3{top:9px;left:88px;width:49px;height:67px}
.b-ball_n4{top:0;left:133px;width:57px;height:102px}
.b-ball_n5{top:0;left:166px;width:49px;height:57px}
.b-ball_n6{top:6px;left:200px;width:54px;height:70px}
.b-ball_n7{top:0;left:240px;width:56px;height:67px}
.b-ball_n8{top:0;left:283px;width:54px;height:53px}
.b-ball_n9{top:10px;left:321px;width:49px;height:66px}
.b-ball_n1 .b-ball__i{background:url(balls/b-ball_n1.png) no-repeat}
.b-ball_n2 .b-ball__i{background:url(balls/b-ball_n2.png) no-repeat}
.b-ball_n3 .b-ball__i{background:url(balls/b-ball_n3.png) no-repeat}
.b-ball_n4 .b-ball__i{background:url(balls/b-ball_n4.png) no-repeat}
.b-ball_n5 .b-ball__i{background:url(balls/b-ball_n5.png) no-repeat}
.b-ball_n6 .b-ball__i{background:url(balls/b-ball_n6.png) no-repeat}
.b-ball_n7 .b-ball__i{background:url(balls/b-ball_n7.png) no-repeat}
.b-ball_n8 .b-ball__i{background:url(balls/b-ball_n8.png) no-repeat}
.b-ball_n9 .b-ball__i{background:url(balls/b-ball_n9.png) no-repeat}
.b-ball_i1 .b-ball__i{background:url(balls/b-ball_i1.png) no-repeat}
.b-ball_i2 .b-ball__i{background:url(balls/b-ball_i2.png) no-repeat}
.b-ball_i3 .b-ball__i{background:url(balls/b-ball_i3.png) no-repeat}
.b-ball_i4 .b-ball__i{background:url(balls/b-ball_i4.png) no-repeat}
.b-ball_i5 .b-ball__i{background:url(balls/b-ball_i5.png) no-repeat}
.b-ball_i6 .b-ball__i{background:url(balls/b-ball_i6.png) no-repeat}
.b-ball_i1{top:0;left:0;width:25px;height:71px}
.b-ball_i2{top:0;left:25px;width:61px;height:27px}
.b-ball_i3{top:0;left:176px;width:29px;height:31px}
.b-ball_i4{top:0;left:205px;width:50px;height:51px}
.b-ball_i5{top:0;left:289px;width:78px;height:28px}
.b-ball_i6{top:0;left:367px;width:6px;height:69px}
.b-ball__i{
	position:absolute;
	width:100%;
	height:100%;
	-webkit-transform-origin:50% 0;
	-moz-transform-origin:50% 0;
	-o-transform-origin:50% 0;
	transform-origin:50% 0;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	pointer-events:none
}
.b-ball_bounce .b-ball__right{position:absolute;top:0;right:0;left:50%;bottom:0;z-index:9}
.b-ball_bounce:hover .b-ball__right{display:none}
.b-ball_bounce .b-ball__right:hover{left:0;display:block!important}
.b-ball_bounce.bounce>.b-ball__i{-webkit-transform:rotate(-9deg);-moz-transform:rotate(-9deg);-o-transform:rotate(-9deg);transform:rotate(-9deg)}
.b-ball_bounce .b-ball__right.bounce+.b-ball__i{-webkit-transform:rotate(9deg);-moz-transform:rotate(9deg);-o-transform:rotate(9deg);transform:rotate(9deg)}
.b-ball_bounce.bounce1>.b-ball__i{-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-o-transform:rotate(6deg);transform:rotate(6deg)}
.b-ball_bounce .b-ball__right.bounce1+.b-ball__i{-webkit-transform:rotate(-6deg);-moz-transform:rotate(-6deg);-o-transform:rotate(-6deg);transform:rotate(-6deg)}
.b-ball_bounce.bounce2>.b-ball__i{-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg)}
.b-ball_bounce .b-ball__right.bounce2+.b-ball__i{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);transform:rotate(3deg)}
.b-ball_bounce.bounce3>.b-ball__i{-webkit-transform:rotate(1.5deg);-moz-transform:rotate(1.5deg);-o-transform:rotate(1.5deg);transform:rotate(1.5deg)}
.b-ball_bounce .b-ball__right.bounce3+.b-ball__i{-webkit-transform:rotate(-1.5deg);-moz-transform:rotate(-1.5deg);-o-transform:rotate(-1.5deg);transform:rotate(-1.5deg)}


/* Hide block */
div.adapthide {
	font-size: 12px;
}
.form-control::placeholder {
	color:#31362C;
}
.form-control {
	padding: 6px 8px;
	border-radius: 3px;
	background: #5E6657;
	width: 100%;
	color:#C1C2AB;
	border: 1px solid #262626
}

#mChatForm {
	border-top: 1px solid #1B1C07;
	margin-top: 5px;
}
.jumpbox {
	display: flex;
}
.jumpbox select {
	width: 100%;
}

.totop {
	position: fixed;
	display: flex;
	left: 40px;
	bottom: 25%;
	cursor: pointer;
	width: 32px;
	border-radius: 3px;
	border: 1px solid #c2c2c4;
	font-size: 20px;
	height: 32px;
	opacity: 0;
	transition: all 0.3s;
	visibility: hidden;
	color:#FFFFCC;
	justify-content: center;
	align-content: center;
	align-items: center;
	background: #343425;
}
.totop.active {
	opacity: 1;
	visibility: visible;
	
}

.after_topics {
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 15px;
}
.after_topics_rules {
	text-align: right;
}

.postlist_buttons {
    grid-area: postlist_buttons;
}

.postlist_pagenumber {
	grid-area: postlist_pagenumber;
}
.postlist_totalposts {
	grid-area: postlist_totalposts;
}
.postlist_pagination {
	grid-area: postlist_pagination;
}

.ba-slider {
    position: relative;
    overflow: hidden;
	max-width: 640px;
}


.ba-slider .ba-before, .ba-slider .ba-after {
	position:absolute;
	bottom: 25px;
	background: #535749;
	display: block;
	border: 1px solid #1B1C07;
	padding: 4px 8px;
	z-index: 5;
}
.ba-slider .ba-before {
	right: 25px;
}
.ba-slider .ba-after {
	left: 25px;
}

.ba-slider img {
    width: 100%;
    display:block;
	max-width: none;
}

.ba-slider .resize {
    position: absolute;
    top:0;
    left: 0;
    height: 100%;
    width: 50%;
	z-index: 6;
    overflow: hidden;
}
.ba-slider .handle {
  position:absolute; 
  left:50%;
  top:0;
  bottom:0;
  width:4px;
  margin-left:-2px;
  z-index: 7;

  background: rgba(0,0,0,.5);
  cursor: ew-resize;
}

.ba-slider .handle:after {
    position: absolute;
    top: 50%;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    content: '\21d4';
    color: white;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    background: #535749;
    border: 1px solid #1b1c07;
    border-radius: 50%;
    transition:all 0.3s ease;
    box-shadow:
      0 2px 6px rgba(0,0,0,.3); 
}

.ba-slider .handle.draggable:after {
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
}
@media (max-width: 990px){
	body {
		font-size: 12px;
	}
}
.wysibb .wysibb-text {
	background: #343A29;
}
.wysibb-text-editor {
	background: #5E6657;
}

@media (max-width: 850px) {
	
	.postlist_nav {
		display:grid;
		grid-template-areas: "postlist_buttons postlist_buttons" "postlist_pagenumber postlist_totalposts" "postlist_pagination postlist_pagination";
		margin-bottom: 15px;
		grid-gap: 15px;
	}
	
	.postlist_pagenumber {
		margin-left: 0;
	}
	.after_topics {
		grid-template-columns: 1fr;
	}
	
	.after_topics_rules {
		margin-top: 20px;
		text-align: left;
	}
	.topiclist_row  {
		flex-wrap: wrap;
		margin-bottom: 5px;
		border-bottom-width: 1px;
	}
	
	.topiclist_name {
		width: calc(100% - 45px);
		border-right: 0;
		border-bottom: 1px solid #262626;
	}
	
	p.topicdetails {
		margin: 0;
	}
	.topiclist_row_icons .topiclist_name {
		width: calc(100% - 70px);
	}
	.topiclist_image, .topiclist_icon {
		border-bottom: 1px solid #262626;
	}
	.topiclist_author, .topiclist_replies, .topiclist_views, .topiclist_lastpost {
		width: 25%;
		font-size:11px;
		padding: 4px;
	}
	
	.postlist_row_utils {
		display: none;
	}
	
	.postlist_row {
		flex-wrap: wrap;
		border-bottom-width: 1px;
		margin-bottom: 10px;
	}
	.postlist_post_data_top {
		flex-wrap: wrap;
	}
	
	.postlist_post_icon, .postlist_post_subject, .postlist_post_link {
		padding: 4px 6px;
	}
	.postlist_post_subject, .postlist_post_link {
		width: 100%;
	}
	.postlist_post_data {
		border-right:0;
	}
	.postlist_post_user {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-right: 0;
		border-bottom: 1px solid #262626;
	}
	.postlist_post_user_info_avatar {
		width: 68px;
	}
	
	.postlist_post_user_info_avatar .info_online {
		display: inline-block;
		padding: 4px 6px;
		font-size: 10px;
	}
	.postlist_post_user_info, .postlist_post_user_info_name {
		margin: 0px;
		width: 33%;
	}
	.postlist_post_user_info_online {
		display: none;
	}
	.mobhide {
		display: none;
	}
}
@media (min-width: 768px) {
	.form-inline .form-control {
		width: auto;
	}
}
@media (max-width: 768px) {
	
	.jumpbox {
		margin-top: 15px;
	}
	.forumlist_row {
		flex-wrap: wrap;
		border-bottom-width: 1px;
	}
	.forumlist_row:not(.forumlist_cat) {
		margin-bottom: 5px;
	}
	.forumlist_image {
		border-bottom: 1px solid #262626;
	}
	.forumlist_name {
		width: calc(100% - 45px);
		border-right: 0;
		border-bottom: 1px solid #262626;
	}

	.forumlist_name:last-child {
		border-bottom: 0;
	}	
	.forumlist_topics {
		/*display: block;*/
	}
	.forumlist_topics::before, .forumlist_posts::before, .forumlist_lastpost::before {
		content: attr(content);
	}
	.forumlist_posts, .forumlist_topics, .forumlist_lastpost {
		width: 33.333333333333333333333333333333%;
	}
	.forumlist_clicks {
		width: 100%;
	}

}
@-webkit-keyframes typing {
    0% {
        background-color: #fff;
        box-shadow: 12px 0 0 0 rgba(255,255,255,.2),24px 0 0 0 rgba(255,255,255,.2)
    }

    25% {
        background-color: rgba(255,255,255,.4);
        box-shadow: 12px 0 0 0 #fff,24px 0 0 0 rgba(255,255,255,.2)
    }

    75% {
        background-color: rgba(255,255,255,.4);
        box-shadow: 12px 0 0 0 rgba(255,255,255,.2),24px 0 0 0 #fff
    }
}

@-moz-keyframes typing {
    0% {
        background-color: #fff;
        box-shadow: 12px 0 0 0 rgba(255,255,255,.2),24px 0 0 0 rgba(255,255,255,.2)
    }

    25% {
        background-color: rgba(255,255,255,.4);
        box-shadow: 12px 0 0 0 #fff,24px 0 0 0 rgba(255,255,255,.2)
    }

    75% {
        background-color: rgba(255,255,255,.4);
        box-shadow: 12px 0 0 0 rgba(255,255,255,.2),24px 0 0 0 #fff
    }
}

@keyframes typing {
    0% {
        background-color: #fff;
        box-shadow: 12px 0 0 0 rgba(255,255,255,.2),24px 0 0 0 rgba(255,255,255,.2)
    }

    25% {
        background-color: rgba(255,255,255,.4);
        box-shadow: 12px 0 0 0 #fff,24px 0 0 0 rgba(255,255,255,.2)
    }

    75% {
        background-color: rgba(255,255,255,.4);
        box-shadow: 12px 0 0 0 rgba(255,255,255,.2),24px 0 0 0 #fff
    }
}
.quickmessage textarea {
	margin-top: 0;
}
.loading {
	display: flex;
	flex-direction: column;
	position: relative;
}
.loading::before {
	background: rgba(0,0,0,0.5);
	z-index: 4;
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
.loading::after {
	content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    -webkit-animation: typing 1s linear infinite alternate;
    -moz-animation: Typing 1s linear infinite alternate;
    animation: typing 1s linear infinite alternate;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 5;
}