/*  
Theme Name: RPGLib Theme
Theme URI: http://warha.ru/
Description: Тема сайта warha.ru.
Author: W1ND
Author URI: http://warha.ru/
*/

BODY {
	width: 1000px;
	margin: 0 auto;
	background: #191919;
	font-family: Whitney;
	font-size: 15px;
	line-height: 21px;
	color: #d7cea4;
}
	
i, em {
	font-style: italic;
}
	
b, strong, .strong-text {
	font-weight: 700;
}

.semistrong-text { font-weight: 600; }

.small-text { font-size: 12.5px; }
.semismall-text { font-size: 13.5px; }
.big-text { font-size: 18px; }

.gray-light { color: #ccc !important; } a.gray-light:hover { color: #dfd0cd !important; }
.gray-medium { color: #999 !important; } a.gray-medium:hover { color: #dfd0cd !important; }
.gray-dark { color: #666 !important; } a.gray-dark:hover { color: #dfd0cd !important; }
.red { color: #f84e4e !important; } a.red:hover { color: #dfd0cd !important; }
.dim-red { color: #c7756d !important; } a.dim-red:hover { color: #dfd0cd !important; }
.green { color: #b2f84e !important; } a.green:hover { color: #dfd0cd !important; }
.dim-green { color: #67c75b !important; } a.dark-green:hover { color: #dfd0cd !important; }
.blue { color: #6fa3ff !important; } a.blue:hover { color: #dfd0cd !important; }
.yellow { color: #f8c44e !important; } a.yellow:hover { color: #dfd0cd !important; }
.orange { color: #f89c4e !important; } a.orange:hover { color: #dfd0cd !important; }
.purple { color: #b46fff  !important; } a.purple:hover { color: #dfd0cd !important; }
.dim-orange { color: #f5c16e !important; } a.dim-orange:hover { color: #f5c16e !important; }
.white { color: #fff !important; } a.gray-light:hover { color: #dfd0cd !important; }

.border-ext-solid-black { display: inline-block; padding: 10px; border: 5px solid #000; }
.border-ext-transparent { display: inline-block; padding: 10px; border: 5px solid transparent; }
.border-int-dashed-red { display: block; float: left; border: 3px dashed #f84e4e; }
.border-int-transparent { display: block; float: left; border: 3px dashed transparent;}

.border-ext-solid-black img, .border-ext-transparent img { display: block; float: left; }

.background-gradinent-red { 	background: linear-gradient(to right, #3e1f1fb0 0%, rgb(87 87 87 / 10%) 20%,  #00000000 100%) !important; }
.background-gradinent-orange { 	background: linear-gradient(to right, #3e301fb0 0%, rgb(87 87 87 / 10%) 20%,  #00000000 100%) !important; }
.background-gradinent-blue { background: linear-gradient(to right, #1f243eb0 0%, rgb(87 87 87 / 10%) 20%,  #00000000 100%) !important; }
.background-gradinent-green { background: linear-gradient(to right, #273e1fb0 0%, rgb(87 87 87 / 10%) 20%,  #00000000 100%) !important; }
.background-gradinent-purple { background: linear-gradient(to right, #291f3eb0 0%, rgb(87 87 87 / 10%) 20%,  #00000000 100%) !important; }



.page-block-s strong,
.page-block-m strong,
.page-block-d strong,
.ginfo-left strong,
.page-block-s b,
.page-block-m b,
.page-block-d b,
.ginfo-left b {
	color: #e1c57b;
}

.grey-txt { color: #999; }
	
ul { 
    margin: 20px 0 20px 50px;
	list-style-type: disc;
    list-style-position: outside;
}

ol {
	margin: 20px 0 20px 20px;
	conter-reset: item;
}

ol li {
	margin: 10px 0;
}

ol li:before {
	content: counter(item) '. ';
	counter-increment: item;
	font-weight: 700;
	color: #f89c4e;
}

/*ol li strong,
ol li b {
	color: #f8c44e;
}*/
	
a:link, a:visited, a:active {
	color: #f5c16e;
	text-decoration: none;
}

a:hover {
    color: #dfd0cd;
}

.page-div a:hover img {
    opacity: 0.8;
}
	
.page-block-s .page-div a:not(:has(> img:only-child)),
.page-block-d .page-div a:not(:has(> img:only-child)),
.page-block-n .page-div a:not(:has(> img:only-child)),
.comment-txt a:not(:has(> img:only-child)),
.social-auth-txt a:not(:has(> img:only-child)),
.profile-right-3 a:not(:has(> img:only-child)),
.f-comment-text a:not(:has(> img:only-child)) {
    border-bottom: 1px dashed #f5c16e8c;
}

.page-block-s .page-div a.no-border { display: block; float: left; margin-right: 5px; border: 0; }
.page-block-s .page-div a.no-border:hover { border: 0; }

.page-block-s .page-div a:hover
, .page-block-d .page-div a:hover
, .page-block-n .page-div a:hover
, .comment-txt a:hover
, .social-auth-txt a:hover
, .profile-right-3 a:hover
, .f-comment-text a:hover {
	border-bottom: 1px solid #dfd0cd;
}

.page-block-m .ginfo-div .ginfo-left a:hover
, .comment-body a:hover
, .f-comment-body .f-comment-tline a:hover
, .profile-right-n a:hover
{ text-decoration: underline; }
	
h1 {
	clear: both;	
	font-family: Philosopher;
	font-size: 21px;
	color: #fff;
}
	
.page-cont-head h1 {
	display: block;
	padding: 15px;
	text-align: center;
	background: #252525;
}

.page-cont-info {
	height: 30px;
    position: relative;
    background: #333;
    color: #999;
	word-spacing: -4px;
}

.page-cont-info .cont-tab {
	display: inline-block;
    overflow: hidden;
	padding: 5px 10px;
	font-size: 16px;
	line-height: 20px;
	color: #999;
	word-spacing: 0;
}

.page-cont-info i.bread-delim {
	display: inline-block;
    overflow: hidden;
	padding: 5px 5px;
	line-height: 20px;
	word-spacing: 0;
}

.page-cont-info .cont-tab .ctab-sp {
	margin-left: 5px;
}

.page-cont-info form { display: inline-block; }
	
.page-cont-info a.cont-tab:hover {
	position: relative;
	color: #dfd0cd;
	text-decoration: none;
}

.page-cont-info a.active {
	position: relative;
	background: #404244;
	color: #ccc;
	text-decoration: none;
}

.page-cont-info div.post-status {
	display: inline-block;
	overflow: hidden;
	position: absolute;
	margin: 4px 0 0 4px;
	padding: 1px 7px;
	font-size: 12.5px;
	line-height: 20px;
}

.page-cont-info div.post-misc {
	display: inline-block;
	position: absolute;
    right: 0;
	padding: 5px 10px;
	line-height: 20px;
	word-spacing: 0;
}

.post-misc {
	font-size: 13px;
}

.post-misc i {
	margin: 0 1px;
}

.post-misc span {
	font-family: Philosopher;
}
	
.page-cont-img {
    width: 730px; max-height: 250px;
	border-bottom: 1px solid #252525;
}
	
.page-cont-img img { display: block; width: 730px; max-height: 250px; }
	
h2 {
	display: block;
	clear: both;
	margin-top: 30px;
	margin-bottom: 20px;
	padding: 10px 15px;
	border-radius: 4px;
	font-family: Philosopher;
	font-size: 21px;
	background: #333;
	color: #ccc;
	text-align: center;
}

h2::before {
  content: "";
  display: table;
  clear: both;
}

/*h2 {
    clear: both;
    margin: 30px auto 0;
    padding: 2px 0 0 0;
    color: #f2ad7a;
    background: url(/img/site/header-bg.png) no-repeat;
    width: 485px;
    height: 28px;
    font-family: Philosopher;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
}*/
	
h3 {
	clear: both;
	padding: 10px 15px;
	background: #333;
	font-family: Philosopher;
	font-size: 16px;
	color: #ccc;
	text-align: center;
}
	
h4 {
	margin: 20px 0 10px 0;
	/*padding: 10px 0;
	border-bottom: 2px groove #333;*/
	font-family: Philosopher;
	font-size: 18px;
	color: #f8c44e;
}

h4::before {
  content: "";
  display: table;
  clear: both;
}

.custom-title {
    font-size: 1.3em;
    padding: 5px 0;
    border-bottom: 1px solid #333333;
    color: #e1c57b;
}
	
.floatleft {
	float: left;
}
	
.floatright {
	float: right;
}

.margintop {
	margin-top: 15px;
}
	
/* Таблицы */
.table-wrapper {
	position: relative;
}

.table-scroll {
	/*overflow-x: auto;*/
}

table.center,
table.left {
	width: 100%;
	margin: 20px 0;
}

table.left {
	background: #191919;
}

table.left li:first-child {
	border: 0;
}

table.left li {
	list-style-type: none;
	border-top: 2px solid #111;
}

.page-block-m .page-div table.left li a 
, .page-block-s .page-div table.left li a {
	display: block;
	padding: 5px 0;
	border-bottom: 0;
}

.page-block-m .page-div table.left li a:hover
, .page-block-s .page-div table.left li a:hover {
	background: #222;
}

table.center tr td {
	width: 20%;
	position: relative;
	padding: 0 15px;
	text-align: center;
}

table.center tr a {
	display: block;
	margin: 0 0 25px 0;
}

table.center tr a:hover img {
	opacity: 0.8;
}

table.center tr td br {
	display: block;
	height: 0;
	margin: 0;
	padding: 0;
}

table.left tr td {
	position: relative;
	padding: 0 15px;
}

table.mntb {
    width: 100%;
	margin: 10px 0;
    border: solid 1px #101010;
    border-collapse: separate;
	color: #999;
}

table.mntb-2 {
    margin: 10px auto;
    border: solid 2px #151515;
	border-radius: 8px;
    border-collapse: separate;
	border-spacing: 15px;
	background: #272727;
	color: #999;
}
    
table.mntb tr:nth-child(even), table.tbl-brd tr:nth-child(even) {
   	background: url('/img/site/table_2.png') repeat;
}

table.mntb tr:nth-child(odd), table.tbl-brd tr:nth-child(odd) {
   	background: url('/img/site/table.png') repeat;
}

table.mntb tr.first-tr,
table.mntb thead tr,
table.mntb-2 tr.first-tr,
table.mntb-2 thead tr{
    background: #101010 !important;
	color: #fff;
}
    
table.mntb td {
    max-width: 630px;
	padding: 4px 7px;
	vertical-align: middle;
    border: 1px solid #101010;
}

table.mntb-2 td {
	vertical-align: middle;
    border: 2px solid #151515;
	border-radius: 4px;
	text-align: center;
	background: #252525;
}

table.tbl-brd td {
	padding: 5px 7px;
	border: 1px solid #000;
}

.page-block-s .page-div table.mntb-2 td a, .page-block-s .page-div table.mntb-2 td img {
	display: block;
	border: 0;
}

.page-block-s .page-div table.mntb-2 td img { border-radius: 4px; }

.page-block-s .page-div table.mntb-2 td a:hover {
	background: #333;
}

/*table.mntb td strong,
table.mntb td b {
	font-weight: 700;
	color: #f2ad7a;
}*/
	
.wp-caption {
    position: relative;
	margin: 20px;
}

.wp-caption p.wp-caption-text {    
	padding: 5px 10px;
	display: block;
	box-sizing: border-box;
	position: absolute;
	left: 12px;
	bottom: 17px;
	margin: 5px;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	border-radius: 0 4px 0 0;
	text-align: left;
}
	
.aligncenter {
	display: block;
    margin-left: auto; margin-right: auto;
}
	
.alignright {
    display: block;
	float: right;
    margin-left: 15px;
}
	
.alignleft {
    display: block;
	float: left;
    margin-right: 15px;
}

blockquote {
	margin: 20px 0;
	position: relative;
    padding: 10px 10px 10px 50px;
    background: #1d1d1d;
    color: #999;;
}

blockquote h4 {
	margin-top: 10px;
}

.drk-bck, .lgh-bck {
	min-height: 180px;
    padding: 10px 15px;
}

.drk-bck { background: url(/img/site/table.png) repeat; }
.lgh-bck { background: url(/img/site/table_2.png) repeat; }

.drk-bck h4, .lgh-bck h4 {
	margin: 5px 0 0 0;
}

blockquote::before
{
    font-family: FontAwesome;
    position: absolute;
    top: 22px;
    left: 18px;
    display: block;
    content: "\f10e";
    font-size: 18px;
    color: #333;
}

.info-txt {
	font-size: 12.5px;
	font-weight: bold;
	color: #999;
}
	
.a {
	color: #f5c16e;
}
	
.a:hover {
    color: #ccc;
}

.warn-link {
	display: inline-block;
	background: #f5c16e;
	border-radius: 2px;
	color: #000 !important;
}

.warn-link:hover {
	box-shadow: 0 0 5px #f5c16e;
}

.warn {
	display: inline-block;
    background: #f5c16e;
    border-radius: 2px;
    color: #000 !important;
}
	
.imp-txt,
.imp-tr {
	font-weight: 700;
	color: #ccc;
}

.hot-txt {
	font-weight: 700;
	color: #f8c44e;
}
	
.brd-btm { border-bottom: 1px solid #252525 }
.brd-top-bottom { border-top: 1px solid #333; border-bottom: 1px solid #191919; }
.brd-btm-2 { border-bottom: 1px solid #333 }
.brd-top { border-top: 1px solid #252525 }
.brd-top-2 { border-top: 1px solid #333 }
.nobrd-top { border-top: 0 !important  }
.padding-bottom { padding-bottom: 10px !important }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
	
.opacity02 { opacity: 0.2; }
  
.opacity05 { opacity: 0.5; }
	
.opacity02:hover,
.opacity05:hover {
	opacity: 1;
}
  	
/* Блоки (945=925/18/2)*/
#allbody {
	box-shadow: 0 0 15px #000;
}
	
#main {
	overflow: hidden;
	background: #171613;
	background-image: url('/img/site/stressed_linen.png');
}
	
.side-border {
    width: 1000px;
    display: flex; /* Включаем flexbox */
    flex-wrap: wrap; /* Разрешаем перенос блоков */
    justify-content: space-between; /* Распределяем пространство */
}
	
.side-noborder {
	width: 1000px;
	overflow: hidden;
}
	
/* Категории новостей */
.newstag {
	overflow: hidden;
}
	
.news-head {
    padding: 5px 7px;
    background: url('/img/site/back_dark.png') repeat;
    border-right: 1px solid #252525; border-bottom: 1px solid #252525; border-left: 1px solid #252525;
    font-family: Philosopher;
    font-size: 19px;
    text-align: center;
}
	
.news-head a {
	color: #ccc;
}

.news-head a:hover {
	color: #dfd0cd;
}
	
.info-block {
	overflow: hidden;
	position: relative;
}

.substr-top {
	width: 728px; height: 90px;
	overflow: hidden;
	margin: 15px auto 0 auto;
	background: #222;
}

.substr-top img { display: block; margin: auto; }

.top-header-block {
	display: block;
	width: 370px;
	overflow: hidden;
	float: right;
	margin: 30px 30px 0 0;
	padding: 15px 20px;
	background: rgba(0,0,0,0.7);
}

.top-header-block-h1 h1 {
	font-size: 23px;
}

.top-header-block-text {
	margin: 20px 10px 0 10px;
	line-height: 25px;
}

.top-header-block-def {
	display: block; width: 250px; height: 141px;
	float: left;
	margin: 30px 0 0 40px;
	background: url('/img/site/site_wh3_logo.png') no-repeat;
}

.top-header-block-spon {
	display: block; width: 400px; height: 150px;
	float: right;
	margin: 25px 25px 0 0px;
	background: url('/img/site/header_spon_01.png') no-repeat;
	border-radius: 10px;
}

.top-header-block-spon:hover {
	box-shadow: 0 0 5px #000;
}

#top-header {
	width: 1000px; height: 50px;
	margin: 10px auto;
	background: #252525;
}

.custom-dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #333;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

.dropdown-content a {
	color: #ccc;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

.dropdown-content a:hover {
	background-color: #444;
}

.dropdown-content a.active {
	background-color: #ddd;
}

.custom-dropdown:hover .dropdown-content {
	display: block;
}

.custom-dropdown:hover .dropdown-toggle {
	background-color: #333;
}
	
#top-header .top-menu-unit {
	display: inline-block;
    height: 20px;
	padding: 15px 15px;
	text-align: center;
	color: #ccc;
	 vertical-align: top;
}

#top-header .top-menu-unit-img {
	display: inline-block;
	vertical-align: top;
}

#logo-toogle {
	width: 131px; height: 50px;
	margin: 0 25px;
	background: url('/img/site/logo_toogle_warha.png') no-repeat;
	background-size: 131px 50px;
}

#top-discord {
	width: 50px; height: 50px;
	background: url('/img/site/top-discord.png') no-repeat;
}
	
#top-header .top-menu-unit:hover
, #top-header .top-menu-unit-img:hover {
	background: #2e2e2e;
}
	
#top-header .tpmn-active {
	background: #2e2e2e;
}
	
#mini-bar {
	height: 35px;
	margin-top: 10px;
	background: url('/img/site/back_dark.png') repeat scroll 0% 0% transparent;
}

#mini-bar .hot-news {
	float: left; margin-right: 10px; padding: 7px 15px 0 15px;
}

#mini-bar .hot-news i {
	color: #f89c4e;
}

#mini-bar .hot-news a {
	color: #999;
}

#mini-bar .hot-news span.hot-news-date {
	font-size: 12.5px; color: #666;
}

#mini-bar .hot-news span.hot-news-user {
	font-size: 12.5px; color: #c7756d;
}

#mini-bar .hot-news span.hot-news-score {
	font-size: 12.5px; color: #999;
}

.social-block {
    position: relative;
    float: left;
    margin: 15px 0 0 100px;
}

.social-block a {
    display: inline-block;
    float: left;
    margin-right: 6px;
}

.social-block a div.vk-link { background-position: 0 0; }
.social-block a div.vk-link:hover { background-position: 0 -25px; background-color: #637fa4; }

.social-block a div.tw-link { background-position: -25px 0; }
.social-block a div.tw-link:hover { background-position: -25px -25px; background-color: #5ea9dd; }

.social-block a div.disc-link { background-position: -100px 0; }
.social-block a div.disc-link:hover { background-position: -100px -25px; background-color: #5865f2; }

.social-block a div.vk-link, .social-block a div.tw-link, .social-block a div.disc-link {
    width: 25px;
    height: 25px;
    background-image: url('http://rpglib.ru/img/site/social.png');
    background-color: #6e6e6e;
    border-radius: 2px;
}

.auth-form {
	float: right;
    margin: 10px 10px 0 0;
}

.profile-block {
	display: inline-block;
	padding: 4px;
}

.profile-block i {
	color: #f5c16e;
}

.profile-block a.site-ent {
	color: #ccc;
}

.profile-block:hover a.site-ent,
.profile-block:hover i {
	color: #fff;
}

.profile-block a.reg-txt {
	padding: 2px 5px;
}
	
.profile-block-act {
	padding-top: 7px;
    position: relative;
    float: right;
    margin-right: 15px;
}
	
.profile-block-act .reg-name {
	display: inline-block;
    position: relative;
    margin-right: 10px;
	padding: 7px 11px;
    vertical-align: middle;
    font-size: 16px;
	border-radius: 4px;
}

.profile-block-act .reg-name:hover {
	background: #333;
}

.profile-block-act .avatar {
	vertical-align: middle;
    display: inline-block;
    width: 30px;
    height: 30px;
}

.profile-block-act .avatar img {
	display: block;
    width: 30px; height: 30px;
	margin-top: -2px;
    border-radius: 40px;
	border: 2px solid transparent;
}

.profile-block-act .avatar img:hover { border: 2px solid #f5c16e; }

.profile-block-act a.reg-name div.noti-num {
	position: absolute;
	top: 3px;
	left: 20px;
	font-size: 10px;
	font-weight: 700;
	background: #810a0a;
	border-radius: 50px;
	padding: 6px 3px;
	line-height: 0px;
}

.profile-block-act a.reg-name div.noti-num  span {
	color: #dfd0cd;
    line-height: 0;
}

.reg-out { float: right; margin-top: 10px; margin-right: 10px; }

.reg-out i {
	cursor: pointer;
}
	
.reg-out i:hover {
	opacity: 1;
}
	
.hint {
	position: relative;
}

.hint:hover:after {
	max-width: 300px;
	content: attr(data-title);
	position: fixed;
	right: 0; bottom: 20px;
	padding: 8px 12px;
	background: #151515;
	color: #999 !important;
	box-shadow: 0 0 5px #000;
	z-index: 1;
}

.hint-article {
	display: inline-block;
	position: relative;
}

.hint-article:hover:after {
	content: attr(data-title);
	width: 300px;
	position: absolute;
	z-index: 2;
	left: 0; top: 0;
	margin-top: -50px;
	padding: 5px 10px;
	background: rgba(0,0,0,0.8);
	border: 1px solid #333;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ccc;
}

.hr-page {
	width: 100%;
	border-top: 2px solid #333;
}

.hr-right {
	width: 248px;
    border-top: 1px solid #252525;
}
	
.news-head-right {
	overflow: hidden;
    padding: 5px 7px;
	background: #252525;
    border-top: 1px solid #252525;
	border-bottom: 1px solid #252525;
    font-family: Philosopher;
    font-size: 19px;
    text-align: center;
}
	
.news-head-right a { color: #ccc; }
	
.news-head-right a:hover { color: #dfd0cd; }
	
.substr {
	background: url('/img/site/back_dark.png') repeat;
}

.substr-s,
.substr-ps {
	overflow: hidden;
	position: relative;
	background: url('/img/site/back_dark.png') repeat;
	color: #444;
	text-align: center;
}
	
.substr-s {
	width: 240px; height: 400px;
	margin: 4px 0 4px 4px;
}
.ginfo-block .substr-s {
	margin: 30px auto;
}

.substr-ps {
	width: 728px; height: 90px;
	margin: 10px auto;
	font-size: 15px;
	background: #282828;
	border: 1px solid #282828;
}

.substr-p {
	padding: 5px 0;
}

.substr-p img {
	display: block;
}
	
.newstag_n {
    display: block; float: left;
	padding: 6px 12px;
	border-bottom: none !important;
	font-family: Philosopher;
	font-size: 14px;
	text-align: center;
	opacity: 0.5;
}
	
.newstag_n:hover, .newstag a.active {
	background: #191919;
	opacity: 1;
}

.newstag a.newstag_n {
	color: #f5c16e;
}

.newstag a.newstag_n:hover {
	color: #dfd0cd;
}
	
#newstag_a {
   	margin: -2px 5px 0 -10px;
	padding-top: 6px;
	padding-bottom: 4px;
	background: #212121;
	border-bottom: none !important;
	color: #ccc;
	background: url('/img/site/back_dark.png');
	border: 1px solid #333;
}
	
#sidebar-right {
	width: 248px;flex: 0 0 248px; /* Фиксированная ширина 248px */
    order: 2; /* Второй в порядке на десктопе */
    margin: 0 0 0 12px; /* Отступ слева сохраняем */
}

.page-news {
	flex: 0 0 596px; /* Фиксированная ширина 596px */
    order: 1; /* Первый в порядке на десктопе */
}

.calendar-block {
	flex: 0 0 132px; /* Фиксированная ширина 132px */
    order: 3; /* Третий в порядке на десктопе */
    margin: 0 0 0 12px; /* Отступ слева сохраняем */
}
	
.page-block,
.page-block-s,
.page-block-m,
.page-block-v {
	overflow: hidden;
	float: left;
	background: url('/img/site/back_dark.png') repeat;
}

.page-block-m { width: 1000px }

.page-block-q {
	width: 1000px;
	overflow: hidden;
	background: #191919;
}

.page-block-n {
	width: 740px;
	overflow: hidden;
	float: left;
	background: #191919;
}

.block-main {
	overflow: hidden;
	margin-top: 10px;
	background: url('/img/site/back_dark.png') repeat;
}

.page-block {
    border: 1px solid #252525;
}

.page-block-s,
.page-block-r ,
.page-block-v{ width: 740px }

.page-block h1,
.page-block-s h1,
.page-block-n h1,
.page-block-m h1,
.page-block-q h1,
.page-block-v h1 { line-height: 26px }	
		
.page-div {
	overflow: hidden;
	position: relative;
	padding: 0 15px;
}

.page-block-v .page-div {
	padding: 0;
}
	
.page-div p {
	margin: 20px 0;
}

.page-div blockquote p {
	margin: 10px 0;
}

.vertical-padding {
	padding: 10px 0;
}

.news-div  {
    display: block;
    width: 50%;
    overflow: hidden;
    position: relative;
    float: left;
    opacity: 0.90;
}

.news-sep {
	border-bottom: 1px solid #333;
	border-top: 1px solid #191919;
}

a.news-div .news-thumb {
    box-sizing: border-box;
    padding: 0 4%;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    margin: 4% auto;
}
    
a.news-div .news-thumb img {
    border: 1px solid #000;
    border-radius: 4px;
    max-width: 270px;
    width: 100%;
    height: 100%;
}

a.news-div .news-title {
	margin: 10px 0;
}
	
.news-top-left,
.news-top-right,
.news-bottom-right,
.news-bottom-left {
    position: absolute;
	padding: 0 5px;
	background: rgba(0, 0, 0, 0.8);
	border-radius: 2px;
	line-height: 20px;
	color: #ccc;
}

.news-top-left-b,
.news-top-right-b,
.news-bottom-right-b,
.news-bottom-left-b {
	position: absolute;
	padding: 2px 6px;
	background: rgba(0, 0, 0, 0.8);
	border-radius: 4px;
	line-height: 20px;
	color: #ccc;
}

.news-top-left span,
.news-top-right span,
.news-bottom-right span,
.news-bottom-left span {
	font-family: Philosopher;
	font-size: 12px;
	margin-left: 3px;
}

.news-top-left-b span,
.news-top-right-b span,
.news-bottom-right-b span,
.news-bottom-left-b span {
	font-family: Philosopher;
	font-size: 15px;
}

.news-top-left i,
.news-top-right i,
.news-bottom-right i,
.news-bottom-left i {
	font-size: 11px;
}

.news-top-left-b i,
.news-top-right-b i,
.news-bottom-right-b i,
.news-bottom-left-b i {
	font-size: 14px;
}
	
.news-top-left {
	top: 3px; left: 3px;
}
	
.news-top-right {
	top: 3px; right: 3px;
}
	
.news-bottom-right {
	bottom: 3px; right: 3px;
}
	
.news-bottom-left {
	bottom: 3px; left: 3px;
}

.news-top-left-b {
	top: 5px; left: 5px;
}
	
.news-top-right-b {
	top: 5px; right: 5px;
}
	
.news-bottom-right-b {
	bottom: 5px; right: 5px;
}
	
.news-bottom-left-b {
	bottom: 5px; left: 5px;
}

.mpage-vid-block:hover .news-top-left,
.mpage-vid-block:hover .news-top-right,
.mpage-vid-block:hover .news-bottom-left,
.mpage-vid-block:hover .news-bottom-right,
.mpage-vid-block-r:hover .news-top-left-b {
	display: none;
}

.news-misc {
	position: absolute;
	top: 5px; right: 19px;
	padding: 0 5px;
	font-size: 14px;
	line-height: 20px;
	box-shadow: 0 0 5px #000;
}
    
.news-eye {
    width: 13px; height: 11px;
	float: right;
    margin: 5px 0 0 5px;
	background: url('/img/site/views.png') no-repeat;
}
	
.news-eye-lft {
    width: 13px; height: 11px;
	float: left;
    margin: 5px 5px 0 0;
	background: url('/img/site/views.png') no-repeat;
}
	
.karma-icon {
    width: 12px; height: 12px;
	float: left;
    margin: 4px 5px 0 0;
	background: url('/img/site/karma_icon.png') no-repeat;
}
	
.tags {
	display: block;
	overflow: hidden;
	float: left;
	height: 25px;
    color: #999;
}

.quest-tags { margin: 10px 0 50px 0; }
.vid-tags-marg { max-width: 590px;  margin: 10px 0 10px 15px; }
.news-tags-marg { max-width: 590px;  margin: 10px 0 10px 15px; }
.memes-tags-marg { max-width: 490px; margin: 10px 0 5px 15px; }
.meme-tags-marg { max-width: 825px; margin: 10px 0 10px 15px; }

.meme-tags {
	position: relative;
}

.meme-tags a.meme-comm  {
	display: block;
	position: relative;
	margin: 13px 20px 0px 0px;
	float: right;
	height: 20px;
	font-family: Philosopher;
	color: #999;
}

.meme-tags a.meme-comm:hover { color: #dfd0cd; }

.meme-tags a.meme-comm i {
	margin-right: 2px;
	font-size: 14px;
}

.meme-tags a.meme-comm span {
	font-family: Philosopher;
	font-size: 15px;
}
		
.tags a.a-tag {
	margin-right: 10px;
	text-transform: lowercase;
}
	
.tags a:hover {
	color: #dfd0cd !important;
	text-decoration: none;
}
	
.tags i {
	display: inline-block;
	margin: 0 3px 0 20px;
	font-size: 12.5px;
}

.author-img {
	width: 18px; height: 18px;
	overflow: hidden;
	margin: -5px 7px 0 0;
	vertical-align: middle;
}

.tags .author-img {	margin: -5px 7px 0 20px; }
.booklist .qq-date .author-img { margin: -5px 10px 0 0; }


a.news-div:hover {
	opacity: 1;
}

.border-right {
	border-right: 1px solid #333;
}

.news-info {
	margin-top: 10px;
}
	
.news-info .news-comm {
	display: block;
	float: right;
}

.news-comm span {
	font-family: Philosopher;
}

.news-info .news-date {
	float: left;
}

a.news-div:hover .news-date {
	color: #dfd0cd;
}
	
.footer {
	padding: 15px;
	background: #111;
	line-height: 14px;
}
	
.footer a {
	color: #ccc;
}
	
.footer a:hover {
	color: #fff;
	text-decoration: underline;
}

.footer-info {
	display: inline-block;
	margin: 20px 15px 0 10px;
}
	
.footer-info-2 {
	float: left;
	margin: 15px 0 0 15px;
}
	
.ages {
	padding: 5px;
	border: 2px solid #505050;
	background: #202020;
	font-size: 15px;
	color: #999;
}

.typo {
	width: 115px;
	font-size: 11px;
	color: #666;
}
	
/* Салазки */
.top-but,
.bot-but {
	display: block;
	width: 100px; height: 100%;
	position: fixed;
	top: 0; left: 0;
	font-family: Verdana;
	font-size: 11px;
	font-weight: 700;
	color: #f5c16e;
	opacity: 0.4;
	z-index: -1;
	cursor: pointer;
}
	
.top-but-link,
.bot-but-link {
	position: absolute;
	top: 20px; left: 15px;
	width: 80px; height: 7px;
	padding-left: 20px;
	background: url('/img/site/top_link.gif') no-repeat;
	line-height: 6px;
}
	
.bot-but-link { background-position: 0 -11px; }

.top-but:hover,
.bot-but:hover {
	background: #222;
	opacity: 1;
}

/* Информация о пользователях */
.profile-top {
	height: 120px;
    position: relative;
    margin-top: 10px;
	background: #282828;
}

.profile-top .profile-name {
	overflow: hidden;
    position: absolute;
    top: 10px; left: 125px;
	font-weight: 600;
}

.profile-top .profile-role {
	width: 300px;
    position: absolute;
    top: 45px; left: 125px;
}

.profile-role div.role-comm {
	display: inline-block;
	width: 100px;
	margin: 10px 10px 0 0;
	padding: 1px 5px;
	font-size: 12.5px;
}

.profile-top .profile-image {
	width: 100px; height: 100px;
    overflow: hidden;
    position: absolute;
    top: 10px; left: 10px;
}

.profile-top .profile-image a {
	display: block;
}

.profile-top .profile-image a:hover .profile-img-back {
	width: 100px; height: 100px;
	position: absolute;
	top: 0; left: 0;
	background: #000;
	opacity: 0.8;
}

.profile-top .profile-image a i {
	width: 100px; height: 100px;
	position: absolute;
	top: 3px; left: 86px;
	color: #666;
	font-size: 16px;
	transition: 0.2s;
}

.profile-top .profile-image a:hover i {
	top: 45px; left: 45px;
	color: #fff;
}

.profile-top .profile-image img {
	width: 100px; height: 100px;
}

.profile-top .profile-rating {
	position: absolute;
    top: 70px; left: 125px;
	color: #ccc;
}

.profile-top .profile-rating i {
	margin: 0 2px;
	font-size: 14px;
}

.profile-top .profile-info {
	position: absolute;
    top: 70px; left: 240px;
	color: #ccc;
}

.profile-middle .profile-right-3 h5 .profile-edit
, .profile-middle .profile-right-2 h5 .profile-edit{
	position: absolute;
    top: 15px; right: 15px;
	font-size: 13px;
	color: #999;
}

.profile-middle .profile-right-3 h5 .profile-edit a
, .profile-middle .profile-right-2 h5 .profile-edit a {
	color: #999;
	border-bottom: none;
}

.profile-middle .profile-right-3 h5 .profile-edit a:hover
, .profile-middle .profile-right-2 h5 .profile-edit a:hover {
	color: #dfd0cd;
}

.profile-middle {
	margin-top: 10px;
}

.profile-middle .profile-left {
	width: 200px;
	float: left;
    padding: 5px 10px 10px;
    background: #282828;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.profile-middle .element {
	display: block;
	position: relative;
	margin-top: 5px;
	padding: 5px 10px;
	border-radius: 2px;
	color: #ccc;
}

.profile-middle .element:hover {
	background: #404244;
	text-decoration: none;
}

.profile-middle .active {
	background: #404244;
	color: #ccc;
}

.profile-left .profile-commcount {
	position: absolute;
    top: 3px; right: 3px;
    padding: 2px 8px;
    border-radius: 2px;
    background: #404244;
    color: #ccc;
}

.profile-middle .profile-right,
.profile-middle .profile-right-2
,.profile-middle .profile-right-n
,.profile-middle .profile-right-3 {
	width: 510px;
    float: right;
    background: #282828;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}

.profile-middle .profile-right h5,
.profile-middle .profile-right-2 h5
,.profile-middle .profile-right-n h5
,.profile-middle .profile-right-3 h5 {
	position: relative;
	font-size: 18px;
	margin: 0;
    padding: 15px;
	background: #333;
	text-align: center;
    color: #ccc;
}

.profile-middle .profile-right-2 .mpage-gal-block-r,
.profile-middle .profile-right-2 .mpage-vid-block-r {
	margin: 9px 9px;
	padding: 0;
}

.profile-middle .profile-right a {
    display: block;
    padding: 10px;
    font-size: 13.5px;
    line-height: 18px;
    color: #d7cea4;
}

.profile-middle .profile-right-n .noti-block {
    display: block;
    padding: 10px;
    font-size: 13.5px;
    line-height: 18px;
	color: #999;
}

.noti-new {
    background: #222;
}

.noti-block span.noti-span-time {
	font-size: 12.5px;
	color: #666;
}

.noti-block .noti-block-left {
	padding: 10px; float: left; margin-right: 10px; background: #333;
	border-radius: 25px;
}

.noti-color-answer { color: #67c75b; }
.noti-color-like { color: #f5c16e; }
.noti-color-dislike { color: #f84e4e; }
.noti-color-complain { color: #67c75b; }

.noti-block-left i {
	font-size: 17px;
}

.profile-middle .profile-right a:hover {
    background: #404244;
    color: #dfd0cd;
    text-decoration: none;
}

.profile-right .profile-comminfo {
	height: 20px;
    position: relative;
    margin-top: 10px;
}

.profile-comminfo .profile-commdate {
	height: 20px;
	overflow: hidden;
	position: absolute;
	bottom: 0; left: 0;
	font-size: 12.5px;
    color: #999;
}

.profile-commdate i {
	font-size: 11px;
}

.profile-comminfo .profile-commrate {
    position: absolute;
    top: 0; right: 0;
}

.profile-comminfo .profile-commrate span {
    margin: 0 1px;
	font-family: Philosopher;
	font-size: 12px;
}    
.profile-comminfo .profile-commrate i {
    font-size: 10px;
}

.profile-middle .profile-pagination {
	width: 510px;
    float: right;
	margin-top: 10px;
    background: #282828;
}

.profile-middle .profile-pagination a,
.profile-middle .profile-pagination div.num-sep {
    display: block;
	float: left;
	margin-right: 3px;
	padding: 10px 15px;
    line-height: 18px;
    color: #d7cea4;
}

.profile-middle .profile-pagination a.active,
.profile-middle .profile-pagination a:hover {
	background: #404244;
	color: #ccc;
	text-decoration: none;
}

.profile-rinfo {
	overflow: hidden;
	margin: 10px 0 10px 0;
	clear: both;
	font-size: 14px;
}

.profile-rinfo-left {
	width: 222px; height: 20px;
	overflow: hidden;
	float: left;
	padding: 5px 5px;
	text-align: right;
	font-weight: 700;
	color: #ccc;
}

.profile-rinfo-right {
	width: 222px;
	overflow: hidden;
	margin-left: 1px;
	float: left;
	padding: 5px 5px;
	text-align: left;
	color: #999;
}

.profile-rinfo-right img {
	width: 20px; height: 20px;
}

.profile-rinfo-middle {
	width: 444px; height: 20px;
	overflow: hidden;
	padding: 5px 5px;
	text-align: center;
	font-weight: 700;
	color: #f84e4e;
}
	
/* Комментарии */
.comment-notes {display: none;} /* Ваш e-mail не будет опубликован */

.comment-body  {
	margin-top: 10px;
}

.comment-answer {
	display: inline-block;
	margin-left: 10px;
	font-size: 14px;
	color: #f8c44e;
}

.site-user, a.site-user, .site-user a { color: #fff; }
.site-admin, a.site-admin, .site-admin a { color: #f84e4e; }
.site-moderator, a.site-moderator, .site-moderator a { color: #f8c44e; }
.site-consigliere, a.site-consigliere, .site-consigliere a { color: #f84e4e; }
.site-sage, a.site-sage, .site-sage a { color: #70d9c4; }
.site-laddermaster, a.site-laddermaster, .site-laddermaster a { color: #b373f9; }
.site-contenter, a.site-contenter, .site-contenter a { color: #e4f84e; }
.site-staff, a.site-staff, .site-staff a { color: #92d389; }
.site-smith, a.site-smith, .site-smith a { color: #59e4b1; }
.site-fan, a.site-fan, .site-fan a { color: #6fa3ff; }
.site-maecenas, a.site-maecenas, .site-maecenas a { color: #9d985c; }
.site-superfan, a.site-superfan, .site-superfan a { color: #ff8455; }
.site-famous, a.site-famous, .site-famous a { color: #fff; }
.site-table, a.site-table, .site-table a { color: #d7f971; }
.site-bot, a.site-bot, .site-bot a { color: #e06711; }
.site-bot2, a.site-bot2, .site-bot2 a { color: #e044be; }
.site-bot3, a.site-bot3, .site-bot3 a { color: #11d6e0; }
.site-banned, a.site-banned, .site-banned a { color: #666; }
.site-champion, a.site-champion, .site-champion a { color: #fff; }

a.site-admin:hover, .site-admin a:hover
, a.site-moderator:hover, .site-moderator a:hover
, a.site-laddermaster:hover, .site-laddermaster a:hover
, a.site-contenter:hover, .site-contenter a:hover
, a.site-staff:hover, .site-staff a:hover
, a.site-smith:hover, .site-smith a:hover
, a.site-fan:hover, .site-fan a:hover
, a.site-maecenas:hover, .site-maecenas a:hover
, a.site-superfan:hover, .site-superfan a:hover
, a.site-famous:hover, .site-famous a:hover
, a.site-champion:hover, .site-champion a:hover
, a.site-table:hover, .site-table a:hover
, a.site-bot:hover, .site-bot a:hover
, a.site-bot2:hover, .site-bot2 a:hover
, a.site-bot3:hover, .site-bot3 a:hover
, a.site-banned:hover, .site-banned a:hover
, a.site-champion:hover, .site-champion a:hover
, a.site-consigliere:hover, .site-consigliere a:hover
, a.site-sage:hover, .site-sage a:hover
{
	color: #dfd0cd;
}

.comment-line {
	position: relative;
	margin-left: 50px;
}

.children .comment-line {
	margin-left: 40px;
}

.comment-line-hide { color: #666 !important };
	
.comment-line i.fa-comment {
	font-size: 11px;
	color: #999;
}

.comment-line .fn-body a
{
	display: block;
	float: left;
	color: #999;
}

.comment-line .fn-body a.comment-reply-link { margin-left: 10px; color: #ccc; }

.comment-line .fn-body a:hover
, .comment-line .fn-body a.comment-reply-link:hover
, .comment-line .reply a:hover
{
	color: #dfd0cd;
}
	
.comment-txt {
	margin-top: 5px;
	color: #ccc;
}

.comment-txt a.comment-img
, .f-comment-text a.comment-img {
	display: block;
	border: 0;
}

.comment-txt a:hover 
, .f-comment-text a:hover {
	opacity: 0.8;
}

.comment-img img {
    max-width: 200px;
    max-height: 200px;
}

.spoiler .comment-img img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: none !important;
}

.comment-list {
	list-style: none;
	margin: 0;
}
	
.comment-list p {
	margin-top: 10px;
}

.comment-anchor { display: none; }

.children {
	list-style: none;
	margin: 0;
}

.depth-2, .depth-3, .depth-4, .depth-5 {
	margin-left: 45px;
}

.profile-middle .profile-right-3 h5 .ban-but
, .profile-middle .profile-right-n h5 .ban-but
, .profile-middle .profile-right-2 h5 .ban-but
{
    float: left; margin-right: 10px;
    font-size: 13px;
    color: #999;
}

.profile-middle .profile-right-3 h5 .ban-but:hover
, .profile-middle .profile-right-n h5 .ban-but:hover {
	cursor: pointer;
	color: #dfd0cd;
}

.c-ban-but {
	cursor: pointer;
}

.f-ban-but {
	cursor: pointer;
}

.c-ban-but:hover
, .f-ban-but:hover {
	color: #dfd0cd;
	text-decoration: underline;
}

.comment-line .fn a:hover {
	color: #dfd0cd;
}

.comment-line .fn {
	display: inline-block;
	float: left;
	font-weight: 600;
}

.comment-line .fn img {
	width: 20px; height: 20px;
}

.comment-line .fn img.small {
	width: 16px; height: 16px;
}

.comment-line .site-user div {
	color: #ccc;
}
	
#reply-title {
	display: none;
}
	
.comment-line .comment-right-b {
	position: absolute;
	top: 0;
	font-size: 12.5px;
	color: #999;
	cursor: pointer;
	opacity: 0;
}

.comment-line .complain-button { right: 0; }
.comment-line .redo-button { right: 0; }
.comment-line .hide-button  { right: 25px; }
.comment-line .move-button  { right: 50px; }
.comment-line .change-button { right: 75px; }

.comment-line .comment-right-b a { color: #999; }
.comment-body:hover .comment-right-b { opacity: 1; }

.comment-line .comment-right-b:hover
, .comment-line .comment-right-b:hover a {
	color: #dfd0cd;
}
	
/* Лайки комментов */
.like_dislike_box {
    color: #999;
}

.like_dislike_like.voted {
	background: #273b29 !important;
}

.like_dislike_dislike.voted {
	background: #3b2727 !important;
}

.like_dislike_like:hover, .like_dislike_dislike:hover {
	background: #444 !important;
}
	
.like_dislike_like, .like_dislike_dislike, .like_dislike_post {
	background: #272727;
	border: 0px solid transparent;
    border-radius: 16px;
    height: 32px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    transition: all 0.2s;
    padding: 0;
    font-size: 14px;
	gap: 6px;
    width: auto; /* убираем фиксированную ширину */
    min-width: 32px; /* минимальная ширина как была */
}

.like_dislike, .like_dislike_like, .like_dislike_dislike { position: relative; }

.like_dislike_like { padding: 0 8px; }

.f-comment-text .like_dislike_like, .f-comment-text .like_dislike_dislike { background: #2e2e33; }
	
.like_dislike_count { font-size: 12px; font-weight: 700; }
    
.like_dislike_box .like_dislike:hover { color: #ccc; }
.like_dislike,
.like_dislike_post {
	cursor: pointer;
}

.like_dislike_like,
 .like_dislike_dislike {
	float: left;
}

/* Комменты на форуме */

.f-comment-tline {
	min-height: 50px;
	background: url('/img/site/table.png') repeat;
}

.f-comment-tline .complain-button {
	margin: 0 15px 0 0;
	float: right;
	position: relative;
	border-radius: 4px;
	color: #666;
	cursor: pointer;
	opacity: 0;
}

.f-comment-tline:hover .complain-button { opacity: 1; }

.f-comment-tline .complain-button:hover {
	color: #dfd0cd;
}

.f_like_dislike_box {
	margin: 15px 15px 0 0;
	float: right;
	position: relative;
	color: #999;
}

.f_like_dislike_box .like_dislike:hover { color: #ccc; }
.f_like_dislike_box .like_dislike_post:hover { color: #ccc; }

.f_like {
	float: left;
	border-radius: 4px;
}

.f_like span {
	font-family: Philosopher;
}

.f_dislike {
	margin-left: 10px;
	float: left;
	border-radius: 4px;
}

.f-fn {
	min-width: 100px;
	overflow: hidden;
	float: left;
	margin-top: 15px;
	padding-left: 15px;
	font-weight: 600;
}

a.f-fn:hover {
	color: #dfd0cd;
}

.f-tline-right {
	float: right;
	padding: 0 15px;
}

.f-tline-right a, .f-tline-right span { color: #999; }
.f-tline-right a i, .f-tline-right span i { margin-right: 5px; }
.f-tline-right a:hover { color: #dfd0cd; }

.f-tline-dt {
	float: left;
	margin-top: 15px;
	padding-left: 15px;
	text-align: center;
	color: #999;
}

.f-comment-mline {
	min-height: 100px;
	margin-top: 15px;
}

.f-comment-left {
	width: 120px;
	float: left;
}

.f-av-div {
	display: block;
	width: 100px; height: 100px;
	overflow: hidden;
}

.f-comment-right {
	width: 850px;
	position: relative;
	float: left;
	background: #282828;
}

.f-comment-right:before {
    content: " ";
    position: absolute;
    top: 0;
    left: -19px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 0;
    border-color: transparent #282828 transparent transparent;
}

.f-comment-text {
	padding: 0 15px;
	color: #ccc;
}

.f-comment-text p {
	margin: 10px 0;
}

.f-comment-info {
	margin-top: 10px
}

.finfo-line {
	min-height: 20px;
}

.finfo-left {
	width: 50px; height: 20px;
	float: left;
	text-align: right;
}

.finfo-right {
	width: 50px; height: 20px;
	margin-left: 5px;
	float: left;
	text-align: left;
}

.finfo-center img, .finfo-left img, .finfo-right img {
	width: 20px; height: 20px;
}

.finfo-center {
	min-height: 20px;
	margin-right: 15px;
	text-align: center;
}

.f-reply, .f-reply-s {
	cursor: pointer;
}

.f-date-b {
	margin: 15px 0 15px 0;
	float: left;
	color: #999;
}

.f-date-b a {
	color: #999;
}

.f-date-b a:hover {
	color: #dfd0cd;
}

.f-reply-b {
	margin: 15px 0 15px 15px;
	float: left;
	color: #ccc;
}

.f-reply-b:hover {
	color: #dfd0cd;
	text-decoration: underline;
}

.f-user_sign {
	width: 100%;
	float: left;
	box-sizing: border-box;
	margin: 0 0 15px 0;
	padding: 10px 15px;
	border: 1px dashed #444;
	line-height: 1.5;
}

.voted-like { color: #67c75b; }
.voted-dislike { color: #f84e4e; }


.oneall_social_login {
	width: 405px;
	height: 40px;
	overflow: hidden;
}
 
#no-comments2 {
	padding-bottom: 10px;
	color: #999;
}

/* Блок для закрытой форумной темы */
.closed-topic-bar {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding-bottom: 10px;
    color: #999;
}

/* Каждая колонка (левая и правая) */
.closed-topic-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

/* Ссылка в правой колонке (наследует стили колонки) */
.closed-topic-link {
    color: #999;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

/* Иконки (замок и обновление) */
.closed-topic-icon {
    font-size: 60px;  /* Крупный размер, как в вашем последнем варианте */
}

/* Текст под иконками */
.closed-topic-text {
    font-family: Verdana;
    font-size: 15px;
}

 .comment-div, .comment-div2 {
	overflow: hidden;
	position: relative;
	padding: 15px 15px;
}

#comment {
	width: 100%;
    box-sizing: border-box;
	border: none;
	resize: vertical;
}

#author,
#email,
#cptch_input,
.classic-form {
	border: none;
}

#comment,
#author,
#email,
#cptch_input,
.classic-form  {
	width: 100%; box-sizing: border-box;
	padding: 5px 15px;
	background: #191919;
	font-family: Whitney;
	font-size: 15px;
	color: #ccc;
}

.show-comments {
	overflow: hidden;
	margin: 5px 0 20px 40px;
	cursor: pointer;
}

.form-subm {
	margin: 20px 0;
}

.form-subm .form-txt {
	display: block;
	font-size: 16px;
	color: #ccc;
}

.form-subm select {
	margin-top: 20px;
}

.form-subm input {
	width: 100%; box-sizing: border-box;
	height: 25px;
	margin-top: 20px;
	clear: both;
}

.form-subm textarea {
	clear: both;
}

.form-subm-p textarea {
	width: 90%; box-sizing: border-box;
	margin: 15px 5% 12px 5%;
	height: 80px;
	box-sizing: border-box;
	background: #191919;
}

.form-subm-p textarea#comment {
	margin: 0;
}

.form-subm-p select {
	width: 90%; box-sizing: border-box;
	margin: 15px 5% 12px 5%;
}

.form-subm-p input.button {
	box-sizing: border-box;
	margin: 15px 5% 12px 5%;
	float: right;
	background: #191919;
}

.form-subm-p input.classic-form {
	width: 90%; box-sizing: border-box;
	margin: 15px 5% 12px 5%;
	background: #191919;
}

.subm-name {
	margin: 10px 0 0 10px;
	font-family: Philosopher;
	font-size: 16px;
	color: #ccc;
}

.comment-notes {
    color: #ccc;
}

.comment-form-author,
.comment-form-email {
	float: left;
	margin: 10px 0 0 10px;
    color: #ccc;
}

.comment-form-author .required,
.comment-form-email .required {
    color: red;
}

.comment-respond { overflow: hidden; }

select {
	box-shadow: 0 0 2px #101010;
	padding: 5px 3px;
	background: #222;
	border: 1px solid #333;
	border-radius: 4px;
	font-family: Philosopher;
	font-size: 21px;
	color: #ccc;
	text-align: center;
}

select option {
	display: block;
	text-align: center;
}

#author,
#email {
	width: 90%; box-sizing: border-box;
	margin-left: 5px;
}

.form-submit {
	float: right;
    display: block;
	margin-top: 10px;
    overflow: hidden;
}
	
.av-div {
	display: block;
	width: 40px; height: 40px;
	overflow: hidden;
	float: left;
	border-radius: 40px;
}

.av-div img { width: 40px; height: 40px; border-radius: 40px; }

.children .av-div {
	width: 30px; height: 30px;
}

.children .av-div img {
	width: 30px; height: 30px;
}

.avatar {
	width: 40px; height: 40px;
}
	
#submit, .button {
	display: inline-block;
	padding: 10px 15px;
	background: #333;
	border: none !important;
	border-radius: 4px;
	font-weight: bold;
	color: #ccc;
	box-shadow: 0 0 2px #101010;
}
 
#submit:hover, .button:hover {
	background: #f5c16e;
	color: #000;
	cursor: pointer;
}
	
.logged-in-as {font-size: 12.5px; color: #999;}

/* Последние комм. */
.last-comm {
	display: block;
	padding: 5px 7px;
	line-height: 18px;
	text-align: left;
}

.blue-background { background: #1f242a; } 
.orange-background { background: #282221; } 

.orange-background:hover, .blue-background:hover, .last-comm:hover { background: #333; }
.last-comm-sb { background: url("/img/site/table_2.png") repeat; }

/* Навигация*/
.prev, .next {display: none;}

.nav-next {
	margin-bottom: 10px;
	padding: 10px;
}

.page-numbers {
	margin-right: 5px;
	padding: 7px 9px;
	border-radius: 4px;
	font-family: Philosopher;
	font-size: 16px;
	color: #ccc;
}
	
.page-numbers:hover {
	background: #191919;
}

a.page-numbers {
	background: #282828;
}
	
span.current {
	background: #191919;
}

a.page-numbers-small {
	margin-right: 5px;
	padding: 2px 6px;
	border: 1px solid #333;
	border-radius: 4px;
	font-family: Philosopher;
	background: #282828;
}

a.page-numbers-small:hover {
	background: #191919;
}
	
/* Навигация на главной странице*/
.navigation {
	margin: 10px 0;
}
	
#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
	height: 24px;
	margin: 5px 0 0 0;
	padding: 0;
	font-family: Philosopher;
}

#wp_page_numbers {
	width: 100%;
}

.ginfo-block #wp_page_numbers {
	width: 100%;
	background: none;
}

#wp_page_numbers ul {
	width: 100%;
}
#wp_page_numbers li {
	float: left;
	display: block;
}

#wp_page_numbers a {
	margin-left: 3px;
	padding: 6px 10px;
	color: #f5c16e;
}

#wp_page_numbers li a:hover {
	background: #333;
	color: #d7cea4;
	text-decoration: none;
}

#wp_page_numbers li.space {
	padding: 0 6px;
}

#wp_page_numbers li.active_page a {
	padding: 6px 10px;
	background: #333;
	color: #d7cea4;
}

#wp_page_numbers li.page_info {
	display: none;
}

.navigation-2 {width: 665px; padding-top: 10px;}
	
.navigation-2 #wp_page_numbers {border: 0;}

.navigation-2 #wp_page_numbers .page_info  {display: none;}

.navigation-2 #wp_page_numbers .active_page a {margin-left: 5px;}

/* Навигация на страницах*/
.navi-single {
	width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 700;
}

.navi-single a {
    display: block;
}
    
.navi-single a:hover .navi-single-but {
    background: #333;
}
    
.navi-single a .navi-single-but {
    display: block;
    padding: 5px 10px;
    background: transparent;
}
    
.navi-single-but {
    float: left;
	margin-left: 5px;
    padding: 5px 10px;
    background: #333;
}
	
a:hover .navi-single-but {
    color: #d7cea4;
	text-decoration: none;
}

/* Регистрация и вход*/

.login-form-username,.login-form-password, .form-email, .form-username, .form-password {
	font-size: 14px;
	color: #ccc;
	max-width: 450px;
}
	
.username_email  {
	font-size: 14px;
	color: #ccc;
	width: 500px;
}

.login-form-username input,.login-form-password input, .form-email input, .form-username input, .form-password input, .username_email input {
	width: 200px;
	float: right;
	margin-left: 20px;
	padding: 5px 8px;
	background: #191919;
	border: 1px solid #252525;
	border-radius: 4px;
	color: #ccc;
	transition:all .2s;
	-moz-transition:all .2s; /* Firefox 4 */
	-webkit-transition:all .2s; /* Safari and Chrome */
}
		
.login-form-username input:focus, .login-form-password input:focus, .form-email input:focus, .form-username input:focus, .form-password input:focus, .username_email input:focus {
	background: #151515;
	box-shadow: 0 0 2px #101010;
}
	
/* Похожие новости */
.simnews-block-single:hover {
	color: #ccc !important;
	text-decoration: none !important;
}
	
.simnews-block {
	display: block;
	float: left;
	width: 226px;
	height: 56px;
	overflow: hidden;
	padding: 5px 10px;
	background: #252525;
	text-decoration: none;
	line-height: 0;
}
	
.simnews-block:hover {
	background: #404244;
	color: #dfd0cd;
	text-decoration: none !important;
}
	
.simnews-block:hover .similar1 {
	border: 1px solid transparent;
}
	
.similar1 {
    overflow: hidden;
	float: left;
    margin-top: 6px;
    border: 1px solid #505050;
}

.similar1 div {
    width: 40px; height: 40px;
}

.similar2 {
    height: 40px;
    overflow: hidden;
    margin-top: 6px;
    padding-left: 8px;
    line-height: 14px;
}
	
/* Списки */
.ginfo-div {
	margin-top: 10px;
	overflow: hidden;
}

.ginfo-left {
	width: 675px;
	min-height: 500px;
	float: left;
	margin-bottom: 15px;
	background: #282828;
}

.ginfo-left h3 {
	margin-bottom: 20px;
	font-family: Whitney;
	font-size: 18px;
	color: #ccc;
}

.ginfo-left p {
	margin: 15px;
}

.ginfo-right {
	width: 315px;
	float: left;
	margin-left: 10px;
}
	
.ginfo-block {
    width: 315px; /*min-height: 190px;*/
    overflow: hidden;
	float: left;
	margin-bottom: 10px;
    background: #282828;
}

.ginfo-block h5 {
    font-size: 18px;
	color: #ccc;
	display: block;
	margin: 0;
	padding: 10px 15px;
	text-align: center;
	background: #333;
}

.ginfo-block h5 a {
    position: relative;
	margin-left: 20px;
}

/*.ginfo-block h2 a::after {
	content: ''; 
	display: block;
	width: 15px; height: 15px;
    position: absolute;
    left: -20px; top: 3px;
    background: url('/img/site/link_arrow.png');
}*/
	
.ginfo-body {
	padding: 10px 15px;
}

.ginfo-body2{
	padding: 0;
}
	
.ginfo-media-link {
	display: block;
	position: relative;
}

.ginfo-media-body a {
	display: block;
	overflow: hidden;
	float: left;
	margin: 2px 2px 2px 3px;
}
	

.ginfo-media-img {
    width: 147px; height: 78px;
    overflow: hidden;
    border-top: 10px solid #000;
    border-bottom: 10px solid #000;
}

.ginfo-media-img-mem {
    width: 147px; height: 98px;
    overflow: hidden;
	opacity: 0.85;
}

.ginfo-media-img-mem:hover {opacity: 1}

.ginfo-media-img img {
	width: 147px;
    height: 98px;
    margin-top: -10px;
}

.ginfo-media-img-mem img{
	width: 147px; height: 98px;
}

.ginfo-media-txt {
    display: table;
    width: 135px; height: 88px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 5px 6px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-family: Philosopher;
    font-weight: normal;
    line-height: 16px;
    text-align: center;
    opacity: 0;
}

.ginfo-media-txt span {
	display: table-cell;
	vertical-align: middle;
}

.ginfo-media-link:hover .ginfo-media-txt {
	opacity: 1;
}
	
.ginfo-line
, .ginfo-line2 {
	display: block;
	overflow: hidden;
	text-decoration: none;
}

.ginfo-line { padding: 5px 10px; }
.ginfo-line2 { padding: 10px; }
	
.ginfo-line:hover
, .ginfo-line2:hover {
	background: #404244;
}
	
.booklist  {
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 5px;
	line-height: 1.6;
}

.ginfo-line:hover .booklist {
	color: #dfd0cd;
}

.booklist .qq-author {
	font-weight: 700;
	color: #f5c16e;
}

.booklist .qq-title {
	color: #ccc;
}

.booklist .qq-pre-title {
	color: #999;
	font-size: 12.5px;
}

.booklist2 {
	width: 165px; height: 70px;
	overflow: hidden;
	float: left;
	margin-left: 10px;
	font-size: 12.5px;
	line-height: 17px;
	color: #ccc;
}

.booklist .qq-date {
	color: #666;
	font-size: 12.5px;
}

.booklist .qq-commcount
, .q-name .qq-commcount {
	float: right;
	color: #666;
	font-size: 12.5px;
}

.ginfo-line:hover .booklist .qq-title
,.ginfo-line:hover .booklist .qq-title2
,.ginfo-line:hover .booklist .qq-date
,.ginfo-line:hover .booklist .qq-author 
,.ginfo-line:hover .booklist .qq-pre-title
,.ginfo-line:hover .booklist .qq-commcount
,.index-block-q:hover .q-name2
,.ginfo-line2:hover .booklist2 {
	color: #dfd0cd;
}

.ginfo-line2 .ginfo-news-img {
	display: block;
	width: 105px; height: 70px;
	overflow: hidden;
	float: left;
	border: 1px solid #505050;
}

.ginfo-line2:hover .ginfo-news-img {
	border: 1px solid transparent;
}

.ginfo-line2 .ginfo-news-img img {
	width: 105px; height: 70px;
}
	
.text-right-v {
	display: table;
	width: 215px; height: 140px;
	overflow: hidden;
	position: absolute;
	top: 0; left: 0;
	padding: 5px 6px;
	background: rgba(0, 0, 0, 0.8);
	font-family: Philosopher;
	font-size: 16px;
	text-align: center;
	color: #fff;
	opacity: 0;
}

.text-right-v span {
	display: table-cell;
	vertical-align: middle;
}
	
.right-block-v:hover .text-right-v {
	opacity: 1;
}
	
a.index-block-q {
	display: block;
	height: 22px;
	overflow: hidden;
	position: relative;
}

a.index-block-q {padding: 1px 0;}
	
a.index-block-q:hover {
	background: #333;
}

a.index-block-q .q-name {
	max-width: 265px;
	float: left;
	overflow: hidden;
	margin-left: 5px;
	font-family: Philosopher;
	font-size: 14px;
}

a.index-block-q .q-name2 {
	float: right;
	margin-right: 5px;
	color: #999;
	font-family: Philosopher;
	font-size: 12px;
}
	
.right-block,
.right-block-v {
	display: block;
	overflow: hidden;
	position: relative;
	float: left;
}

.right-block {
	display: block;
	width: 248px; height: 84px;
	line-height: 18px;
}

.text-right {
    width: 120px; height: 70px;
    overflow: hidden;
    position: absolute;
    top: 5px; left: 120px;
    font-size: 12.5px;
    line-height: 14px;
    color: #ccc;
}
    
.right-block:hover .text-right {
    color: #dfd0cd;
}
	
.right-block-v {
	width: 228px; height: 152px;
	margin: 10px 0 0 10px;
}

.right-block-v:hover {
	box-shadow: 0 0 5px #000;
}
	
.right-block:hover  {
	background: #333;
}
	
/* Миниатюры правого сайдбара */
.views-img {
	display: block;
	overflow: hidden;
	position: absolute;
	top: 6px; left: 5px;
	border: 1px solid #505050;
}

.views-img-v,
.views-img-v2 {
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0; left: 0;
}
	
.views-img { width: 105px; height: 70px; }
.views-img img { width: 105px; height: 70px; }

.views-img-v {
	width: 226px; height: 120px;
	border-top: 15px solid #000;
	border-right: 1px solid #000;
	border-bottom: 15px solid #000;
	border-left: 1px solid #000;
}

.views-img-v2 {
	width: 226px; height: 150px;
	border: 1px solid #000;
	opacity: 0.85;
}

.views-img-v2:hover {
	opacity: 1;
}

.views-img-v img {
	width: 228px; height: 152px;
	margin-top: -15px;
}

.views-img-v2 img {
	width: 228px; height: 152px;
}

.right-block-v .video-play-r {
	top: 55px; left: 92px;
}
	
.right-block:hover .views-img {
	border: 1px solid transparent;
}

/* Игры */
.game-box {
	width: 200px; height: 300px;
	overflow: hidden;
	position: relative;
	float: left;
	margin-top: 20px;
	margin-left: 26px;
	border: 2px solid #000;
	border-radius: 8px;
}
	
.game-box:hover {
	box-shadow: 0 0 5px #000;
}
	
.game-box .game-box-thumb {
	width: 200px; height: 300px;
}
	
.game-box .game-box-thumb img {
	width: 200px; height: 300px;
}

.game-box .game-box-title {
	width: 186px; min-height: 21px;
	position: absolute;
	top: 0; left: 0;
	padding: 7px;
	background: rgba(0, 0, 0, 0.9);
	font-family: Philosopher;
	font-size: 15px;
	text-align: center;
	color: #fff;
}
	
.views-msg {
	display: block;
	width: 10px;
	height: 10px;
	float: right;
	margin: 5px 0 0 4px;
	background: url(/img/site/msg.png) no-repeat;
}
	
.video-icon {
	display: block;
	width: 11px;
	height: 15px;
	position: absolute;
	top: 5px; left: 5px;
	background: url(/img/site/video_icon.png) no-repeat;
}
	
/*.gall-icon {
	display: block;
	width: 11px;
	height: 13px;
	position: absolute;
	top: 4px; left: 6px;
	background: url(/img/site/gallery_icon.png) no-repeat;
}*/
	
.updated-icon {
	display: block;
	width: 12px; height: 12px;
	float: left;
	margin: 4px 3px 4px 0;
	background: url(/img/site/update.png) no-repeat;
}
	
.bor {
	border: 12px solid #000000;
	border-image: url(/img/site/fg_border.png) 12 12 12 12 repeat; 
	-webkit-border-image: url(/img/site/fg_border.png) 12 12 12 12 repeat;
	-moz-border-image: url(/img/site/fg_border.png) 12 12 12 12 repeat;
	-o-border-image: url(/img/site/fg_border.png) 12 12 12 12 repeat;
}

.army { width: 600px; margin: 0 auto; text-align: center; }

/* Изображения в ряд */

.row-3 {
	margin: 20px 0;
	text-align:center;
	font-size: 0px;
	letter-spacing: 0px;
	word-spacing: 0px;
}

.row-3 br {
    display: none;
}

.row-3 p {
	padding: 0 !important;
	margin: 0 !important;
	display: inline;
	font-size: 0px;
	letter-spacing: 0px;
	word-spacing: 0px;
}

.page-block-s .page-div .row-3 a 
, .page-block-m .page-div .row-3 a
, .page-block-n .page-div .row-3 a
, .f-comment-text .row-3 a {
	display:inline-block;
	overflow: hidden;
	position: relative;
	margin: 10px 20px 0 20px;
	border: 12px solid #000000;
	border-image: url(/img/site/fg_border.png) 12 12 12 12 repeat !important; 
	text-align:center;
}

.page-block-s .page-div .row-3 a:hover:after
,  .page-block-m .page-div .row-3 a:hover:after
,  .page-block-n .page-div .row-3 a:hover:after
, .f-comment-text .row-3 a:hover:after {
	content: ' '; 
	display: block;
	width: 100%; height: 100%;
    position: absolute;
    left: 0; top: 0;
    background: url('/img/site/fg_loupe.png') center center no-repeat rgba(0, 0, 0, 0.6);
	z-index: 1;
}

.row-3 img {
	position: relative;
	display: block;
}

.row-3 img[data-pos="horis"] {
max-width:1000%;
max-height:100%;
}

.row-3 img[data-pos="vert"] {
	max-width:100%;
}

.row-3 img.bor {
	border:none;
	border-image:none;
	-webkit-border-image:none;
	-moz-border-image:none;
	-o-border-image:none;
}

.row-3 .wp-caption {
	display: inline-block;
	margin: 10px 20px 0 0;
	padding-right: 36px;
}

.row-3 .wp-caption .wp-caption-text {
	margin: 10px 0 5px 20px !important;
	padding: 5px 10px !important;
	max-width: 80% !important;
}

.row-3 .wp-caption-text img {
	min-width:0;
	min-height:0;
	margin-left:0;
	left:auto;
}

.row-3 .wp-caption-text br {
display:block;
}

.bora {
	border: 12px solid #000000;
	border-image: url(/img/site/fg_border.png) 12 12 12 12 repeat; 
	-webkit-border-image: url(/img/site/fg_border.png) 12 12 12 12 repeat;
	-moz-border-image: url(/img/site/fg_border.png) 12 12 12 12 repeat;
	-o-border-image: url(/img/site/fg_border.png) 12 12 12 12 repeat;
}

a .alignleft {
	margin: 0 15px 15px 0;
}

/* Видео */			
.video-cont {
	overflow: hidden;
	position: relative;
}
	
.video-emb p  {
	display: block;
	height: 450px;
}

.video-excerpt {
    color: #ccc;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #191919;
}
	
/* Мемы */
.meme-div {
	overflow: hidden;
	float: left;
	margin: 10px 55px 0 10px;
	max-height: 1080px;
}

.meme-div a img {
	max-width: 600px;
}

.meme-cont {
	width: 1000px;
	overflow: hidden;
}

.meme-emb {
	overflow: hidden;
	float: left;
	margin: 10px 55px 0 10px;
}
	
.meme-emb img {
    display: block;
	max-width: 850px;
}
	
.meme-emb-m img {
    display: block;
	height: 100%;
	max-width: 600px;
    margin: 20px auto;
}

.picjpg, .picpng {
	margin: 0 5px;
}

.meme-auth {
	display: block;
	float: left;	
	margin: 10px 0 0 10px;
}

.meme-auth a {
	display: block;
	width: 50px; height: 50px;
	overflow: hidden;
	border-radius: 50px;
}

.meme-auth a img {
	width: 50px;
	height: 50px;
	border-radius: 50x;
}

.meme-auth-link {
	margin-bottom: 10px;
}

.meme-auth-link span { margin-left: 20px; font-family: Philosopher; font-size: 16px; color: #fff;}
	
/* Плавающий блок */
.fixed-block {
	width: 248px;
	overflow: hidden;
	position: fixed;
	top: 10px;
	z-index: 2;
}
	
/* Видео на главной странице сайта */
#mpage-hot {
	height: 156px;
	background: #191919;
	border-bottom: 1px solid #252525;
	word-spacing: -4px;
}
	
#mpage-vid,
#mpage-gal {
	display: inline-block;
	height: 100%;
	overflow: hidden;
	word-spacing: 0;
}
	
#mpage-vid {width: 494px; border-right: 1px solid #252525; }
#mpage-gal {margin-left: 10px; width: 493px; border-left: 1px solid #252525; }
	
.mpage-vid-head {
    padding: 5px 7px;
	background: #252525;
    font-family: Philosopher;
    font-size: 19px;
    text-align: center;
	border-bottom: 1px solid #252525;
}

.mpage-vid-head a {
	color: #ccc;
}
	
.mpage-vid-head a:hover { 
	color: #dfd0cd;
}
	
.mpage-vid-block {
	display: block;
	width: 150px; height: 104px;
	overflow: hidden;
	position: relative;
	float: left;
	margin-top: 10px;
    margin-left: 10px;
}
	
.mpage-vid-block-r,
.mpage-gal-block-r {
	display: inline-block;
	width: 212px; height: 140px;
	overflow: hidden;
	position: relative;
	margin-top: 24px; margin-left: 24px;
}

.mpage-gal-block-bm {
	display: inline-block;
	width: 330px; height: 180px;
	overflow: hidden;
	position: relative;
}

.meme-best-block {
	float: left; margin: 20px 0px 20px 27px;
}

.meme-best-header {
	background: #151515; padding: 10px 15px; font-size: 16px; font-weight: 700; text-align: center; color: #ccc;
}
	
.mpage-gal-block {
	display: block;
	width: 150px; height: 104px;
	overflow: hidden;
	position: relative;
	float: left;
	margin-top: 10px;
    margin-left: 11px;
}
	
.mpage-vid-block:hover,
.mpage-vid-block-r:hover,
.mpage-gal-block:hover,
.mpage-gal-block-r:hover {
	box-shadow: 0 0 5px #000;
}
	
.mpage-vid-img {
	display: block;
	width: 152px; height: 84px;
	overflow: hidden;
	position: absolute;
	top: 0; left: 0;
	border-top: 10px solid #000;
	border-right: 1px solid #000;
	border-bottom: 10px solid #000;
	border-left: 1px solid #000;
}

.mpage-vid-img-r {
	display: block;
	width: 210px; height: 110px;
	overflow: hidden;
	position: absolute;
	top: 0; left: 0;
	border-top: 15px solid #000;
	border-right: 1px solid #000;
	border-bottom: 15px solid #000;
	border-left: 1px solid #000;
}
	
.mpage-gal-img {
	display: block;
	width: 148px; height: 102px;
	overflow: hidden;
	position: absolute;
	top: 0; left: 0;
	border: 1px solid #000;
	opacity: 0.85;
}

.mpage-gal-img:hover {
	opacity: 1;
}
	
.mpage-gal-img-r {
	display: block;
	width: 210px; height: 138px;
	overflow: hidden;
	position: absolute;
	top: 0; left: 0;
	border: 1px solid #000;
}
	
.mpage-vid-img img { width: 153px; height: 102px; margin-top: -10px;}
.mpage-vid-img-r img { width: 210px; height: 140px; margin-top: -15px;}
.mpage-gal-img img { width: 153px; height: 102px;}
.mpage-gal-img-r img { width: 210px; height: 140px;}

.mpage-gal-img-bm {
	display: block;
	width: 328px; height: 178px;
	overflow: hidden;
	position: absolute;
	top: 0; left: 0;
	border: 1px solid #000;
	background: #fff;
}

.mpage-gal-img-bm img { width: 330px}

.mpage-vid-txt {
	display: table;
	width: 142px; height: 92px;
	overflow: hidden;
	position: absolute;
	bottom: 0; left: 0;
	padding: 5px 6px;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	font-family: Philosopher;
	font-weight: normal;
	line-height: 16px;
	text-align: center;
	opacity: 0;
}

.mpage-vid-txt-r {
	display: table;
	width: 200px; height: 130px;
	overflow: hidden;
	position: absolute;
	bottom: 0; left: 0;
	padding: 5px 6px;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	font-family: Philosopher;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	opacity: 0;
}
	
.mpage-vid-txt span,
.mpage-vid-txt-r span {
	display: table-cell;
	vertical-align: middle;
}
	
.mpage-vid-block:hover .mpage-vid-txt,
.mpage-vid-block-r:hover .mpage-vid-txt-r {
	opacity: 1;
}
	
.video-play {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 40px; left: 67px;
	background: rgba(0, 0, 0, 0.8);
	border-radius: 2px;
}

.video-play i {
	position: absolute;
	top: 6px; left: 7px;
	font-size: 10px;
	color: #fff;
}

.video-play-big {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 43px;
    left: 62px;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 4px;
}

.video-play-big i {
	position: absolute;
    top: 6px; left: 8px;
    font-size: 10px;
    color: #fff;
}

.video-play-r {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50px; left: 85px;
	background: rgba(0, 0, 0, 0.8);
	border-radius: 4px;
}

.video-play-r i {
	position: absolute;
	top: 10px; left: 14px;
	font-size: 22px;
	color: #fff;
}

.mpage-vid-img-r .video-play-r {
	top: 50px; left: 85px;
}
	
.mpage-vid-block:hover .video-play,
.mpage-vid-block-r:hover .video-play-r,
.ginfo-media-link:hover .video-play-big,
.right-block-v:hover .video-play-r {
	display: none;
}
	
.mpage-gal-txt-r {
	width: 212px; max-height: 90px;
	overflow: hidden;
	position: absolute;
	bottom: 0; left: 0;
	padding: 6px 0;
	background: rgba(0, 0, 0, 0.6);
	font-family: Philosopher;
	font-size: 16px;
	color: #ccc;
	border-radius: 0 0 4px 4px;
	font-weight: normal;
	text-align: center;
}
	
.mpage-gal-block-r:hover .mpage-gal-txt-r {
	background: rgba(0, 0, 0, 0.8);
}
	
.simvideos-block-single {
	padding-bottom: 20px;
}

.simmemes-block-single {
	margin: 5px 0 0 11px;
	padding-bottom: 20px;
}

.social-auth-txt {
	margin: 20px 0 5px 0;
	color: #999;
}

.question-block {
	display: block;
	max-width: 685px;
	overflow: hidden;
	margin-bottom: 2px;
	padding: 10px 15px;
	background: url('/img/site/back_dark.png') repeat;
}

.question-tags {
	min-width: 50px;
	float: left;
	color: #ccc;
}

.question-tags i {
	font-size: 12.5px;
}

.question-tags a {
	margin-right: 10px;
	font-size: 13px;
	text-transform: lowercase;
	color: #999;
}

.question-tags a:hover {
	color: #dfd0cd;
}

.question-tags i {
	margin-right: 3px;
}

.question-done {
	display: inline-block;
	margin-left: 20px;
	color: #f8c44e;
}

.question-done span {
	margin-left: 1px;
}

.question-info {
	overflow: hidden;
	float: right;
	margin-top: 15px;
	color: #999;
}

.qinfo-preleft {
	overflow: hidden;
	width: 20px;
	float: left;
}

.qinfo-left { float: left }
.qinfo-right { float: right }

.question-info .qinfo-block {
	overflow: hidden;
}

.question-info .qinfo-block  i
,.question-info .qinfo-block  a i {
	font-size: 15px;
	color: #999;
}

.question-info .qinfo-block  span
,.question-info .qinfo-block a  span {
	margin-left: 1px;
	font-family: Philosopher;
	font-size: 15px;
	color: #999;
}

.question-info .qinfo-block a:hover span 
,.question-info .qinfo-block a:hover i { color: #dfd0cd;}

.question-block-left {
	width: 715px; float: left;
}

.question-block-right {
	width: 275px; float: left; margin-left: 10px;
}

.question-head {
	width: 600px;
}

.question-head a {
	display: block;
	max-width: 510px; max-height: 21px;
	overflow: hidden;
	float: left;
	font-size: 16px;
}

.question-div {
	overflow: hidden;
	position: relative;
	margin: 10px 0 5px 0;
	background: url('/img/site/table.png') repeat;
}

.question-div p {
	margin: 10px;
}

.question-head-h {
	max-width: 675px;
	font-family: Philosopher;
	margin: 10px 0 0 0;
	padding: 15px 20px;
	font-size: 19px;
	background: #252525;
    border-top: 1px solid #36373c;
    border-bottom: 1px solid #000;
	/*text-align: center;*/
	color: #fff;
}

.question-block .question-h {
	overflow: hidden;
	margin: 5px 0 5px 0;
}

.question-block .question-h .question-slug-h {
	width: 160px; height: 20px;
	overflow: hidden;
	float: left;
	font-size: 12.5px;
	color: #999;
}

.question-block .question-h .question-link-h {
	width: 200px;
	overflow: hidden;
	float: left;
}

.question-block .question-h .question-author-h {
	height: 20px;
	overflow: hidden;
	float: left;
}

.question-cat-left {
	overflow: hidden;
	width: 320px;
	margin: 6px 0 0 1px;
	float: left;
}

.question-cat-img {
	overflow: hidden;
	float: left;
}

.question-cat-img img {
	width: 50px; height: 50px;
}

.question-cat-title {
	width: 240px;
	overflow: hidden;
	float: left;
	margin: 0 0 0px 15px;
	font-family: philosopher;
	font-size: 17px
}

a .question-cat-descr {
	width: 245px;
	overflow: hidden;
	float: left;
	margin: 5px 0 0px 15px;
	line-height: 1.3;
}

.question-cat-center {
	float: left;
	width: 105px;
	margin: 10px 0 0 5px;
	color: #999;
}

.question-cat-right {
	float: left;
	width: 245px;
	margin: 10px 0 0 5px;
}

.question-cat-misc {
	font-size: 12.5px;
}

.question-cat-misc  .question-cat-submisc {
	margin-right: 7px;
}

.question-cat-alast {
	overflow: hidden;
	width: 250px; height: 20px;
	color: #999;
}

.wp-block-separator, hr, .question-border {
    margin-bottom: 15px;
    border-top: 1px solid #191919;
    border-bottom: 1px solid #333;
}

.hr {
	border-top: 1px solid #191919;
    border-bottom: 1px solid #333;
}

.comment-border {
	margin: 15px 0 5px 0;
	border-top: 1px dashed #333;
}

.question-button {
	float: right;
	margin: 0px 1px 15px 0px;
	padding: 4px 7px;
}

.question-stat {
	max-width: 238px; height: 88px;
	margin: 0 10px 0 14px;
	float: left;
	padding: 4px 8px;
	background: #191919;
	border: 1px solid #000;
	border-radius: 4px;
	color: #ccc;
}

.best-answer, .question-close {
	font-size: 18px;
	color: #999;
}

.best-answer:hover, .question-close:hover {
	cursor: pointer;
	color: #f5c16e;
}

.page-div .inline-block-dark,
.page-div .inline-block-light {
	margin-left: -15px;
	width: 700px;
	padding: 15px;
	overflow: hidden;
}

.page-div .inline-block-dark { background: #191919; }

.page-div .inline-block-light { background: #202020; }

/*.page-div .pdiv-inline-block { border-top: 2px solid #191919 }*/

.vk-wh-ban:hover {
	opacity: 1
}

.commentAreaTag {
	display: inline-block;
	position: relative;
	padding: 12px;
	cursor: pointer;
	color: #ccc;
}

.commentAreaTag:hover {
	background: #222;
}

a.commentAreaTag-link { display: block; color: #ccc; font-weight: 700; }

a.commentAreaTag-metalink {
	display: block;
	position: absolute;
	top: 0; right: 0px;
	color: #666;
}

.smileHide {
	display: none;
	float: left;
	width: 100%;
	margin: 10px 0;
	padding: 10px 5px;
	background: #252525;
	border-radius: 4px;
}

.spoiler {
	margin: 10px 0;
}

.spoiler-trigger {
	height: 23px;
    padding: 3px 6px;
    font-weight: 700;
    color: #999;
    cursor: pointer;
    background: #191919;
    text-align: center;
}

.spoiler-trigger i {
	font-size: 12px;
	margin-left: 5px;
}

.spoiler-block {
	display: none;
	background: #191919;
}

.spoiler-text {
    border: 2px solid #191919;
	background: #222;
    padding: 10px 15px;
}

.comment-link { font-size: 11px; color: #f5c16e;}

.comment_redo_time {
	font-size: 12.5px;
	color: #666;
}

.substr .substr-stream {
	display: block;
	overflow: hidden;
	background: url('/img/site/back_dark.png') repeat;
}

.substr .substr-stream:hover  {
	background: #333;
}

.substr-stream .stream-img {
	float: left;
	width: 30px; height: 30px;
	margin-left: 5px; margin-top: 5px;
	overflow: hidden;
	border-radius: 30px;
}

.substr .substr-stream .stream-text {
	float: left;
	width: 140px; height: 40px;
	margin-left: 5px;
	overflow: hidden;
}

.substr .substr-stream .stream-text .stream-title {
	float: left;
	width: 140px; height: 20px;
	overflow: hidden;
	font-size: 13px;
}

.substr .substr-stream .stream-text .stream-descr {
	float: left;
	width: 140px; height: 20px;
	overflow: hidden;
	font-size: 9px;
	color: #999;
}

.stream-online {
	padding: 2px 4px;
	border-radius: 4px;
	background: #b72626;
	color: #fff;
	text-transform: uppercase;
}

.ginfo-body2 .substr-stream .stream-text {
	float: left;
	width: 165px; height: 40px;
	margin-left: 15px;
	overflow: hidden;
}

.ginfo-body2 .substr-stream .stream-text .stream-title {
	float: left;
	width: 165px; height: 20px;
	overflow: hidden;
	font-size: 13px;
}

.ginfo-body2 .substr-stream .stream-text .stream-descr {
	float: left;
	width: 165px; height: 20px;
	overflow: hidden;
	font-size: 10px;
	color: #999;
}

.substr-stream .stream-type {
	float: left;
	width: 20px; height: 40px;
	margin-left: 5px;
}

.substr-stream .stream-type  img {
	display: block;
	margin-top: 12px; margin-left: 12px;
}

.substr-stream .stream-status {
	float: right;
	width: 20px; height: 40px;
}

.substr-stream .stream-stats {
	float: right;
	margin-top: 11.5px; margin-left: 5px;
	font-size: 11px;
}
.substr-stream .stream-stats i { margin-right: 2px; }
.substr-stream .stream-stats span { font-family: Philosopher; margin-right: 5px; }
.str-on { color: #999; }
.str-off { color: #999; }

.chat-main {
	position: relative;
}

#chat-body {
	overflow-y: scroll;
	background: #282828;
}

.chat-chat #chat-body {
	height: 600px;
}

.forum-chat #chat-body {
	height: 205px;
}

.chat-comment {
	margin-top: 0px;
}

.chat-comment .av-div {
	margin: 10px 0 10px 10px;
}

.chat-line {
	width: 620px;
	margin: 10px 0 10px 10px;
	float: left;
}

.chat-line a:hover span { color: #dfd0cd; }

.chat-name {
	font-weight: 700;
	color: #f5c16e;
}

.chat-line-a {
	width: 500px;
	float: left;
}

.chat-time {
	width: 100px;
	font-size: 10px;
	margin-left: 10px;
	color: #666;
	float: left;
}

.chat-appeal {
	color: #f84e4e; 
	font-weight: 700;
}

.stream-emb {
	float: left;
	overflow: hidden;
}

#stream-chat {
	background: url(/img/site/back_dark.png) repeat;
}

.av-div-s {
	display: block;
	width: 30px; height: 30px;
	overflow: hidden;
	margin: 10px 0 0 10px;
	float: left;
	border-radius: 3px;
}

.av-div-s img { width: 30px; height: 30px; border-radius: 30px; }

#stream-chat #chat-reply .comment-form-comment {
	width: 550px;
	float: left;
}

#stream-chat #chat-reply .submit {
	margin: 20px 0 0 15px;
	float: left;
}

#stream-chat #chat-reply #smileShow {
	margin: 20px 0 0 15px;
	padding: 6px 11px;
	float: left;
}

#chat-users {
	width: 225px;
	position: absolute;
	right: 25px; bottom: 0;
	padding: 10px 15px;
	background: #282828;
}

.helfmap a:hover { box-shadow: 0px 5px 50px 2px rgba(255, 255, 255, 1); }

a.category-main
, a.category-main-b {
	display: block; float: left; background: #191919; color: #999;
}

a.category-main { width: 308px; height: 50px; margin: 12px; padding: 10px; border: 1px solid #151515; border-radius: 4px; }
a.category-main-b { width: 710px; height: 100px; margin: 0 auto; padding: 15px; }

a.category-main:hover .category-right-middle-top
, a.category-main:hover .category-right-right i 
, a.category-main-b:hover .category-right-middle-top-b
, a.category-main-b:hover .category-right-right-b i {
	color: #999;
}

.category-left
, .category-left-b {
	float: left; overflow: hidden;
}

.category-left { width: 50px; height: 50px; border-radius: 50px; overflow: hidden; }
.category-left-b { width: 100px; height: 100px; border-radius: 100px; overflow: hidden; }

.category-left img { width: 50px; height: 50px; }
.category-left-b img { width: 100px; height: 100px; }

.category-right
, .category-right-b {
	float: left;
}

.category-right { margin-left: 10px; }
.category-right-b { max-width: 340px; max-height: 100px; overflow: hidden; margin-left: 15px; }

.category-right-middle
, .category-right-middle-b {
	float: left;
}

.category-right-middle { height: 50px; }
.category-right-middle-b { height: 100px; }

.category-right-middle-top
, .category-right-middle-top-b {
	font-weight: 700; color: #f5c16e;
}

.category-right-middle-top-b { width: 150px; font-size: 17px; }

.category-right-middle-bottom {
	font-size: 12.5px;
}

.category-right-middle-bottom-b {
	margin-top: 5px;
}

.category-right-middle-top-left {
	float: left; margin-right: 10px;
}

.category-right-right
,.category-right-right-b {
	float: right; height: 50px;
}

.category-right-right-b { font-size: 16px; }

.category-right-right i
, .category-right-right-b i {
	color: #f89c4e;
}

.category-right-right span
, .category-right-right-b span {
	font-family: Philosopher;
}

p.head-line {
	border-bottom: 1px solid #333;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}

p.head-line a, p.head-line span {
	display: inline-block;
	margin-left: 10px;
	padding: 6px 12px;
	background: #1e1e1e;
	border: 1px solid #333;
	border-radius: 4px 4px 0 0;
	box-shadow: 0 0 2px #101010;
	border-bottom: 0 !important;
}

p.head-line span {
	color: #666;
}

p.head-line a.head-line-leading:hover, p.head-line a:hover, p.head-line em a {
	background: #2b2b2b;
	color: #ccc;
	font-style: normal;
}

p.head-line a.head-line-leading {
	float: right;
	font-style: normal;
}

p.head-line a.color-01 {
	box-shadow: 0 -1px 5px #f89c4e7a;
	color: #f89c4e;
}

p.head-line a.color-02 {
	box-shadow: 0 -1px 5px #f89c4e7a;
	color: #f89c4e;
}

.page-block-s .page-div p.head-line a { border-bottom: none; }

.poll-block {
	margin-top: 5px;
	padding: 10px 15px;
}


.poll-line {
	overflow: hidden; width: 100%; box-sizing: border-box; position: relative; margin-bottom: 10px; background: url('/img/site/table.png') repeat; border-radius: 4px;
}

.poll-subline-01 {
	position: absolute;
	height: 100%;
	background: #333;
}

.poll-subline-02 {
	z-index: 1;
	position: relative;
	padding: 8px 15px;
}

.poll-perc {
	float: right;
	font-weight: 700;
}

.poll-total {
	margin: 0 auto;
	padding: 5px 15px;
	font-weight: 700;
	text-align: center;
	border-bottom: 1px solid #333;
}

.poll-block .poll-to-vote:hover {cursor: pointer; box-shadow: 0 0 5px #111;}

.poll-block .voted {font-weight: 700; color: #f5c16e; }

input.poll-input:checked + .poll-subline-02 {
	background: #333;
	cursor: pointer;
}

input.poll-input {display: none; }

.user-medals {
	width: 100px; margin: 10px 0 0 0; text-align: center;
}
    
/*! Simple Hint v3.0.0 | Copyright (c) 2014 Catalin Covic | https://github.com/catc */
/* 
	=========================
	CHANGE ANY VARIABLES HERE
	=========================
*/
/* 
	=========================
*/

.hint-right-middle, .hint-left-middle, .hint-top-middle, .hint-bottom-middle { position: relative; }

.sideb-comm-cal p {
	padding: 4px 5px;
	box-sizing: border-box;
	width: 100%;
	float: left;
}

.sideb-comm-cal p:nth-child(even) {
	background: #262626;
}

[data-title]:after {
  content: attr(data-title);
  width: fit-content; max-height: 400px; overflow: hidden;
  text-align: left;
  z-index: 9999;
  /* 
			============================
			CHANGE ANY TOOLTIP CSS HERE
			============================
		*/
  background: #333;
  padding: 5px 10px;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  /* 
			============================
		*/ }

[data-title]:after, [data-title]:before {
  display: inline-block;
  pointer-events: none;
  position: absolute;
  visibility: hidden;
  }

[data-title]:hover:after, [data-title]:hover:before {
  visibility: visible; }

[data-title]:before {
  content: "";
  border: 5px solid transparent;
  z-index: 9998; }

[class*="hint-bottom"]:before {
  border-bottom-color: #333;
  top: 100%;
  margin-top: 0px; }

[class*="hint-bottom"]:after {
  margin-top: 10px;
  top: 100%; }

[class*="hint-top"]:before {
  border-top-color: #333;
  bottom: 100%;
  margin-bottom: 0px; }

[class*="hint-top"]:after {
  bottom: 100%;
  margin-bottom: 10px; }

[class*="hint-bottom-middle"]:before, [class*="hint-top-middle"]:before {
  right: 50%;
  margin-right: -5px; }

[class*="hint-bottom-middle"]:after, [class*="hint-top-middle"]:after {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

[class*="hint-bottom-left"]:before, [class*="hint-top-left"]:before {
  left: 15px; }

[class*="hint-bottom-left"]:after, [class*="hint-top-left"]:after {
  left: 0; }

[class*="hint-bottom-right"]:before, [class*="hint-top-right"]:before {
  right: 15px; }

[class*="hint-bottom-right"]:after, [class*="hint-top-right"]:after {
  right: 0; }

[class*="hint-left"]:before {
  border-left-color: #000;
  left: 0;
  margin-left: -10px; }

[class*="hint-left"]:after {
  right: 100%;
  margin-right: 10px; }

[class*="hint-right"]:before {
  border-right-color: #000;
  right: 0;
  margin-right: -10px; }

[class*="hint-right"]:after {
  left: 100%;
  margin-left: 10px; }

[class*="hint-left-middle"]:before, [class*="hint-right-middle"]:before {
  top: 50%;
  margin-top: -5px; }

[class*="hint-left-middle"]:after, [class*="hint-right-middle"]:after {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

[class*="hint-left-top"]:before, [class*="hint-right-top"]:before {
  top: 15px; }

[class*="hint-left-top"]:after, [class*="hint-right-top"]:after {
  top: 0; }

[class*="hint-left-bottom"]:before, [class*="hint-right-bottom"]:before {
  bottom: 15px; }

[class*="hint-left-bottom"]:after, [class*="hint-right-bottom"]:after {
  bottom: 0; }

.hint-persist:before, .hint-persist:after {
  visibility: visible; }

@media only screen and (max-width: 768px) {
  [class*="hint-"][class*="-mobile"]:after, [class*="hint-"][class*="-mobile"]:before {
    display: none; } }

[class*="hint-"][class*="-s-small"]:after {
  width: 200px;
  white-space: normal; }

[class*="hint-"][class*="-s-med"]:after {
  width: 300px;
  white-space: normal; }

[class*="hint-"][class*="-s-big"]:after {
  width: 450px;
  white-space: normal; }

.hint-d-short:hover:after, .hint-d-short:hover:before {
  -webkit-transition: visibility 0s 0.4s ease;
  transition: visibility 0s 0.4s ease; }

.hint-d-med:hover:after, .hint-d-med:hover:before {
  -webkit-transition: visibility 0s 1s ease;
  transition: visibility 0s 1s ease; }

.hint-d-long:hover:after, .hint-d-long:hover:before {
  -webkit-transition: visibility 0s 1.5s ease;
  transition: visibility 0s 1.5s ease; }

[class*="hint-fade"][class*="-d-short"]:hover:before, [class*="hint-fade"][class*="-d-short"]:hover:after, [class*="hint-anim"][class*="-d-short"]:hover:before, [class*="hint-anim"][class*="-d-short"]:hover:after {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s; }

[class*="hint-fade"][class*="-d-med"]:hover:before, [class*="hint-fade"][class*="-d-med"]:hover:after, [class*="hint-anim"][class*="-d-med"]:hover:before, [class*="hint-anim"][class*="-d-med"]:hover:after {
  -webkit-transition-delay: 1s;
  transition-delay: 1s; }

[class*="hint-fade"][class*="-d-long"]:hover:before, [class*="hint-fade"][class*="-d-long"]:hover:after, [class*="hint-anim"][class*="-d-long"]:hover:before, [class*="hint-anim"][class*="-d-long"]:hover:after {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s; }

[class*="hint-fade"]:before, [class*="hint-fade"]:after {
  -webkit-transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
  transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
  opacity: 0; }

[class*="hint-fade"]:hover:before, [class*="hint-fade"]:hover:after {
  opacity: 1; }

[class*="hint-anim"][class*="hint-top"]:after, [class*="hint-anim"][class*="hint-top"]:before {
  bottom: 125%;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out, bottom 0.3s ease-out;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out, bottom 0.3s ease-out; }

[class*="hint-anim"][class*="hint-top"]:hover:after, [class*="hint-anim"][class*="hint-top"]:hover:before {
  opacity: 1;
  bottom: 100%; }

[class*="hint-anim"][class*="hint-bottom"]:after, [class*="hint-anim"][class*="hint-bottom"]:before {
  top: 125%;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, top 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease, top 0.3s ease; }

[class*="hint-anim"][class*="hint-bottom"]:hover:after, [class*="hint-anim"][class*="hint-bottom"]:hover:before {
  top: 100%;
  opacity: 1; }

[class*="hint-anim"][class*="hint-right"]:after, [class*="hint-anim"][class*="hint-right"]:before {
  margin-right: -25px;
  margin-left: 25px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease, margin 0.3s ease-out;
  transition: opacity 0.3s ease-out, visibility 0.3s ease, margin 0.3s ease-out; }

[class*="hint-anim"][class*="hint-right"]:hover:after, [class*="hint-anim"][class*="hint-right"]:hover:before {
  margin-right: -10px;
  margin-left: 10px;
  opacity: 1; }

[class*="hint-anim"][class*="hint-left"]:after, [class*="hint-anim"][class*="hint-left"]:before {
  margin-right: 25px;
  margin-left: -25px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease, margin 0.3s ease-out;
  transition: opacity 0.3s ease-out, visibility 0.3s ease, margin 0.3s ease-out; }

[class*="hint-anim"][class*="hint-left"]:hover:after, [class*="hint-anim"][class*="hint-left"]:hover:before {
  margin-right: 10px;
  margin-left: -10px;
  opacity: 1; }

[class*="hint-"][class*="-t-info"][class*="hint-bottom"]:before {
  border-bottom-color: #44C2F9; }

[class*="hint-"][class*="-t-info"][class*="hint-top"]:before {
  border-top-color: #44C2F9; }

[class*="hint-"][class*="-t-info"][class*="hint-right"]:before {
  border-right-color: #44C2F9; }

[class*="hint-"][class*="-t-info"][class*="hint-left"]:before {
  border-left-color: #44C2F9; }

[class*="hint-"][class*="-t-info"]:after {
  background: #44C2F9; }

[class*="hint-"][class*="-t-success"][class*="hint-bottom"]:before {
  border-bottom-color: #83C510; }

[class*="hint-"][class*="-t-success"][class*="hint-top"]:before {
  border-top-color: #83C510; }

[class*="hint-"][class*="-t-success"][class*="hint-right"]:before {
  border-right-color: #83C510; }

[class*="hint-"][class*="-t-success"][class*="hint-left"]:before {
  border-left-color: #83C510; }

[class*="hint-"][class*="-t-success"]:after {
  background: #83C510; }

[class*="hint-"][class*="-t-error"][class*="hint-bottom"]:before {
  border-bottom-color: #FF4C4C; }

[class*="hint-"][class*="-t-error"][class*="hint-top"]:before {
  border-top-color: #FF4C4C; }

[class*="hint-"][class*="-t-error"][class*="hint-right"]:before {
  border-right-color: #FF4C4C; }

[class*="hint-"][class*="-t-error"][class*="hint-left"]:before {
  border-left-color: #FF4C4C; }

[class*="hint-"][class*="-t-error"]:after {
  background: #FF4C4C; }

[class*="hint-"][class*="-t-notice"][class*="hint-bottom"]:before {
  border-bottom-color: #FFAE00; }

[class*="hint-"][class*="-t-notice"][class*="hint-top"]:before {
  border-top-color: #FFAE00; }

[class*="hint-"][class*="-t-notice"][class*="hint-right"]:before {
  border-right-color: #FFAE00; }

[class*="hint-"][class*="-t-notice"][class*="hint-left"]:before {
  border-left-color: #FFAE00; }

[class*="hint-"][class*="-t-notice"]:after {
  background: #FFAE00; }
  
 /* Вкладки остаются сверху */
.smile-tabs {
    display: flex;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    background: #191919;
    border-radius: 4px 4px 0 0;
    padding: 5px 5px 0 5px;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Для Firefox */
}

.smile-tabs::-webkit-scrollbar {
    display: none; /* Для Chrome/Safari */
}

.smile-tab {
    padding: 8px 12px;
    border-bottom: none;
    cursor: pointer;
    font-size: 14px;
    color: #666;
    text-decoration: none;
    margin-right: 5px;
    border-radius: 4px 4px 0 0;
    transition: all 0.3s;
    flex-shrink: 0;
}

.smile-tab:hover {
    background: #333;
}

.smile-tab.active {
    color: #dfd0cd;
    background: #333;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
    font-weight: bold;
}

/* Контейнер с горизонтальным скроллом */
.smile-content {
    overflow-y: hidden;
    overflow-x: auto;
    padding: 10px;
    border-top: none;
    border-radius: 0 0 4px 4px;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin; /* Тонкий скроллбар для Firefox */
    scrollbar-color: #ccc #f5f5f5; /* Цвет скроллбара для Firefox */
}

.smile-content::-webkit-scrollbar {
    height: 8px; /* Высота горизонтального скроллбара */
}

.smile-content::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 4px;
}

.smile-content::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}

.smile-content::-webkit-scrollbar-thumb:hover {
    background: #999;
}

/* Категории смайлов в горизонтальной линии */
.smile-category {
    display: inline-block;
    vertical-align: top;
    padding: 5px;
    white-space: normal;
    width: auto;
    min-width: 100%;
    box-sizing: border-box;
}

.smile-category:not(.active) {
    display: none;
}

.smile-category.active {
    display: inline-block;
}

/* Смайлы внутри категории */
.addSmile {
    cursor: pointer;
    padding: 3px;
    border-radius: 3px;
    transition: background 0.2s;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    margin: 2px;
}

.addSmile:hover {
    background: #333;
}

.addSmile img {
    width: 32px;
    height: 32px;
    object-fit: contain;
    display: block;
}

.smile-item {
    display: inline-flex;
    flex-direction: column; /* Располагаем элементы вертикально */
    align-items: center;
    margin: 3px;
    padding: 3px;
    border-radius: 4px;
    width: 40px;
}


.smile-emoji {
    font-size: 12px;
    margin-top: 2px;
    opacity: 0.8;
}

/* Секция реакций под комментарием */
.comment-txt .comment-reactions-section {
    margin: 16px 0 16px 0;
}

.f-comment-text .comment-reactions-section {
	margin: 16px 0 4px 0;
}

/* Контейнер реакций комментария */
.comment-reactions-container {
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Кнопка добавления реакции к комментарию */
.add-comment-reaction-btn, .add-post-reaction-btn {
    background: #272727;
    border: 0px solid transparent;
    border-radius: 16px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    transition: all 0.2s;
    padding: 0;
    font-size: 14px;
}

.f-comment-text .add-comment-reaction-btn, .f-comment-text .add-post-reaction-btn {  background: #2e2e33; }

.add-comment-reaction-btn:hover, .add-post-reaction-btn:hover {
    background: #444;
    color: #f5f5f5;
}

/* Список реакций комментария */
.comment-reactions-list, .post-reactions-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

/* Элемент реакции комментария */
.comment-reaction-item.user-reacted, .post-reaction-item.user-reacted {
    background: #273b29;
}

.comment-reaction-item:hover, .post-reaction-item:hover {
	background: #444 !important;
}

.comment-reaction-item img, .post-reaction-item img {
    width: 24px;
    height: 24x;
    margin-right: 4px;
}

.comment-reaction-count, .post-reaction-count {
    font-weight: bold;
    margin-left: 2px;
}

/* Текст когда нет реакций */
.no-reactions {
    font-size: 12px;
    color: #999;
    font-style: italic;
    margin-left: 5px;
}

/* Контейнер выбора реакций для комментариев */
.comment-reactions-hide {
    position: absolute;
    background: #191919;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    width: 500px;
    max-width: 90vw;
    z-index: 1000;
    display: none;
}

.comment-reactions-hide .smile-content {
    max-height: 300px;
    overflow-y: auto;
}

.comment-reactions-hide .smile-item {
    width: 50px;
    margin: 5px;
}

.comment-reactions-hide .addSmile {
    width: 46px;
    height: 46px;
}

.comment-reactions-hide .addSmile img {
    width: 40px;
    height: 40px;
}

/* Адаптивность */
@media (max-width: 768px) {
    .comment-reactions-hide,
    .post-reactions-hide {
        width: 90vw;
        max-width: 350px;
    }
    
    .comment-reactions-hide .smile-item,
    .post-reactions-hide .smile-item {
        width: 44px;
    }
    
    .comment-reactions-hide .addSmile,
    .post-reactions-hide .addSmile {
        width: 40px;
        height: 40px;
    }
    
    .comment-reactions-hide .addSmile img,
    .post-reactions-hide .addSmile img {
        width: 36px;
        height: 36px;
    }
    
    .comment-reactions-list,
    .post-reactions-list {
        gap: 4px;
    }
    
    .comment-reaction-item,
    .post-reaction-item {
        padding: 3px 6px;
        font-size: 11px;
    }
    
    .comment-reaction-item img,
    .post-reaction-item img {
        width: 16px;
        height: 16px;
    }
}

/* Стили для имен пользователей в реакциях */

/* Контейнер для всплывающей подсказки */
.reaction-users-popup {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: white;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 12px;
    white-space: normal; /* Изменено с nowrap на normal */
    z-index: 10000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    max-width: 300px;
    min-width: 100px;
    text-align: left; /* Изменено с center на left для лучшего вида */
    margin-bottom: 5px; 
}

/* Стрелочка вниз для подсказки */
.reaction-users-popup:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}

/* Показываем подсказку при наведении */
.comment-reaction-item:hover .reaction-users-popup, .post-reaction-item:hover .reaction-users-popup {
    display: block;
}

/* Стили внутри всплывающей подсказки */
.reaction-users-tooltip {
    line-height: 1.4;
}

.reaction-users-tooltip .current-user {
    /*color: #4CAF50;
    font-weight: bold;*/
}

.reaction-users-tooltip > div {
    display: block; /* Каждый элемент на новой строке */
    margin-bottom: 2px; /* Небольшой отступ между именами */
}

.reaction-users-tooltip > div:last-child {
    margin-bottom: 0; /* Убираем отступ у последнего элемента */
}

/* Элемент реакции комментария */
.comment-reaction-item, .post-reaction-item {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    background: #272727;
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.2s;
    font-size: 12px;
    position: relative; /* Для позиционирования подсказки */
}

/* Стиль для чужой реакции */
.comment-reaction-item.other-user-reacted, .post-reaction-item.other-user-reacted {
    background: #272727;
}

/* Стиль для чужой реакции */
.f-comment-text  .comment-reaction-item.other-user-reacted {
    background: #2e2e33;
}

/* Эффект при наведении на любую реакцию */
.comment-reaction-item:hover, .post-reaction-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Особый эффект при наведении на чужую реакцию */
.comment-reaction-item.other-user-reacted:hover, .post-reaction-item.other-user-reacted:hover {
    border-color: #ccc;
}

.comment-reaction-item img, .post-reaction-item img {
    width: 24px;
    height: 24px;
    margin-right: 4px;
}

.comment-actions {
    position: relative;
    float: right;
    margin-left: 8px;
    vertical-align: middle;
}
.comment-actions-trigger {
    cursor: pointer;
    font-weight: bold;
    font-size: 18px;
    line-height: 1;
    color: #aaa;
    padding: 0 6px;
    border-radius: 4px;
    background: transparent;
    user-select: none;
    display: inline-block;
}
.comment-actions-trigger:hover {
    background: #3a3a3a;
    color: #fff;
}
.comment-actions-menu {
    position: absolute;
    top: 24px;
    right: 0;
    background: #2d2d2d;
    border: 1px solid #4a4a4a;
    border-radius: 6px;
    padding: 8px 0;
    min-width: 200px;
    z-index: 10000;
    box-shadow: 0 4px 12px rgba(0,0,0,0.6);
    display: none;
}
/* Элементы внутри меню */
.comment-actions-menu .comment-right-b,
.comment-actions-menu .f-ban-but,
.comment-actions-menu .change_comment_author {
    display: block !important;
    padding: 10px 16px !important;
    margin: 0 !important;
    color: #999 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    text-align: left !important;
    white-space: nowrap !important;
    cursor: pointer;
    transition: background 0.2s;
    opacity: 1 !important;
    position: static !important;
    float: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.comment-actions-menu a,
.comment-actions-menu span[class*="ban-button"] {
	 text-decoration: none !important;
}
.comment-actions-menu .comment-right-b i,
.comment-actions-menu .f-ban-but i,
.comment-actions-menu a i,
.comment-actions-menu span i {
    margin-right: 10px !important;
    width: 18px !important;
    text-align: center !important;
    color: #aaa !important;
    font-size: 15px !important;
}
.comment-actions-menu .comment-right-b:hover,
.comment-actions-menu .f-ban-but:hover,
.comment-actions-menu a:hover,
.comment-actions-menu span[class*="ban-button"]:hover,
.comment-actions-menu .change_comment_author:hover {
    background: #3e3e3e !important;
    color: #fff !important;
}
.comment-actions-menu .comment-right-b:hover i,
.comment-actions-menu .f-ban-but:hover i,
.comment-actions-menu a:hover i,
.comment-actions-menu span:hover i {
    color: #fff !important;
}

.modal {
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
}
.modal-content {
    background-color: #2d2d2d;
    margin: 10% auto;
    padding: 20px;
    border: 1px solid #4a4a4a;
    width: 400px;
    border-radius: 8px;
    color: #ddd;
}
.close-modal {
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    color: #aaa;
}
.close-modal:hover {
    color: #fff;
}
.form-group {
    margin-bottom: 15px;
}
.form-group label {
    display: block;
    margin-bottom: 5px;
    color: #ccc;
}
.form-group input {
    width: 100%;
    padding: 8px;
    background: #3a3a3a;
    border: 1px solid #5a5a5a;
    color: #fff;
    border-radius: 4px;
}
.form-row {
    display: flex;
    gap: 10px;
}
.form-row .half {
    flex: 1;
}
/* Ровные радио-кнопки обтекания */
.align-options {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-top: 5px;
}
.align-options label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 0;
    cursor: pointer;
    font-weight: normal;
}
.align-options input[type="radio"] {
    width: auto;
    margin: 0;
    vertical-align: middle;
    accent-color: #4CAF50; /* цвет выделения, можно убрать или изменить */
}
.btn-submit {
    background: #4caf50;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
}
.btn-submit:hover {
    background: #45a049;
}
.hint {
    font-size: 12px;
    color: #888;
    display: block;
    margin-top: 3px;
}

.error {
    color: #ff6b6b;
    background: #2a2a2a;
    padding: 10px;
    border-left: 3px solid #ff4444;
    margin: 10px 0;
}
.success {
    color: #6bff6b;
    background: #2a2a2a;
    padding: 10px;
    border-left: 3px solid #44ff44;
    margin: 10px 0;
}

.desktop-only {
    display: block;
}
.mobile-only {
    display: none;
}

@media screen and (max-width: 730px) {
    /* Скрываем десктопную версию, показываем мобильную */
    .desktop-only {
        display: none;
    }
    .mobile-only {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    /* Порядок блоков */
    .sidebar-right-mobile {
        order: 2;
    }
    .page-news-mobile {
        order: 3;
    }
    .video-mobile {
        order: 4;
    }
    .meme-mobile {
        order: 1;
    }
    .calendar-block-mobile {
        order: 5;
    }

    /* Общие стили для блоков */
    .sidebar-right-mobile,
    .page-news-mobile,
    .video-mobile,
    .meme-mobile,
    .calendar-block-mobile {
        width: 100% !important;
        box-sizing: border-box;
    }

    /* Видео и мемы: две колонки с симметричными отступами */
    .video-mobile,
    .meme-mobile {
        padding-left: 5px !important;
        padding-right: 5px !important;
        box-sizing: border-box !important;
    }

    .video-items-container,
    .meme-items-container {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        margin: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Современные браузеры (gap) */
    @supports (gap: 10px) {
        .video-items-container,
        .meme-items-container {
            gap: 10px;
        }
        .video-items-container .mpage-vid-block,
        .meme-items-container .mpage-gal-block {
            flex: 0 0 calc(50% - 5px) !important;
            width: calc(50% - 5px) !important;
            margin: 0 !important;
        }
    }

    /* Старые браузеры (без gap) */
    @supports not (gap: 10px) {
        .video-items-container .mpage-vid-block,
        .meme-items-container .mpage-gal-block {
            flex: 0 0 calc(50% - 5px) !important;
            width: calc(50% - 5px) !important;
            margin: 0 0 10px 0 !important;
        }
        .video-items-container .mpage-vid-block:nth-child(odd),
        .meme-items-container .mpage-gal-block:nth-child(odd) {
            margin-right: 10px !important;
        }
    }

    /* Изображения внутри карточек */
    .video-items-container .mpage-vid-img,
    .meme-items-container .mpage-gal-img {
        width: 100%;
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }

    .video-items-container .mpage-vid-img img,
    .meme-items-container .mpage-gal-img img {
        width: 100%;
        height: auto;
        display: block;
    }

    /* Текст видео */
    .video-items-container .mpage-vid-txt {
        width: 100%;
        padding: 5px 0 0;
        box-sizing: border-box;
    }

    /* Иконка сердца и кнопка play */
    .video-items-container .news-top-left,
    .meme-items-container .news-top-left {
        position: absolute;
        top: 5px;
        left: 5px;
        z-index: 2;
    }
    .video-items-container .video-play {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
    }

    /* Сброс старых стилей для видео/мемов */
    .video-mobile .mpage-vid-block,
    .meme-mobile .mpage-gal-block {
        width: auto !important;
        margin: 0 !important;
    }
    .video-mobile .mpage-vid-img,
    .meme-mobile .mpage-gal-img {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Новости: две колонки через flex */
    .page-news-mobile .page-block {
        display: flex !important;
        flex-wrap: wrap !important;
        margin: 0 -5px !important;
        padding: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .page-news-mobile .page-block .news-div {
        display: block !important;
        flex: 0 0 calc(50% - 10px) !important;
        width: calc(50% - 10px) !important;
        max-width: calc(50% - 10px) !important;
        margin: 0 5px 20px 5px !important;
        padding: 0 !important;
        float: none !important;
        clear: none !important;
        box-sizing: border-box !important;
        opacity: 0.9;
        overflow: hidden;
        position: relative;
    }
    .page-news-mobile .page-block .news-div * {
        box-sizing: border-box;
    }
    .page-news-mobile .page-block .news-div .news-thumb {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .page-news-mobile .page-block .news-div .news-thumb img {
        width: 100% !important;
        height: auto !important;
        display: block;
    }
    .page-news-mobile .page-block .clearfix {
        display: none !important;
    }

    /* Остальные мобильные стили (без изменений) */
    .page-block, .mobile-width { width: 100% !important; }
    .mobile-margin {margin: 0 !important;}
    .side-border { width: 100%; }
    .f-comment-right:before, .f-comment-info, .substr-s,
    #sidebar-right .fixed-block, .substr-p, #chat-users, .f-tline-dt a span,
    .mpage-vid-block .video-play, .mpage-vid-block-r .video-play-r,
    .profile-info, .question-cat-center, .mobile-display-none {
        display: none !important;
    }
    .f-fn { min-width: 0px; }
    .poll-block { padding: 10px 3%; }
    BODY, #main, .side-border, #top-header, .side-noborder, .page-block-n, .page-block-q, .footer, .info-block,
    .ginfo-left, .ginfo-right, .ginfo-block, .footer-block, .navigation, #mpage-vid, #mpage-quest, #mpage-gal,
    #sidebar-right, .news-right-block, .page-block-s, .page-block-r, .page-block-v, .page-block-m, .page-block-q,
    .profile-middle .profile-left, .profile-middle .profile-right-n, .profile-middle .profile-right,
    .profile-middle .profile-right-3, .profile-middle .profile-right-2, .profile-right-3 .profile-rinfo,
    .question-head, .chat-chat #chat-body, .chat-comment, .chat-line, .chat-line-a, .chat-main,
    .question-block-left, .question-block-right {
        width: 100%;
		display: block;
        float: left;
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }
	.info-block { height: 50% !important; }
    a.ginfo-media-link, a.mpage-vid-block-r, a.mpage-gal-block-r, div.meme-best-block {
        width: 47%;
        margin-left: 2%;
    }
    .mpage-vid-img, .mpage-gal-img, .ginfo-media-img, .ginfo-media-img-mem,
    .mpage-vid-img-r, .mpage-gal-img-r, .mpage-gal-block-bm, .mpage-gal-img-bm,
    .question-link-h, .question-block .question-h, .question-head-h {
        width: 100%;
        box-sizing: border-box;
    }
    .mpage-vid-img img, .mpage-gal-img img, .ginfo-media-img img, .ginfo-media-img-mem img,
    .mpage-gal-img-r img, .mpage-gal-block-bm .mpage-gal-img-bm img,
    .mpage-vid-txt, .mpage-vid-txt-r {
        width: 100%;
        height: auto;
    }
    #logo-toogle { width: 30px; }
    #top-header { height: auto; }
    .f-comment-text p { margin-top: 0; }
    .f-comment-text blockquote p { margin-top: 10px; }
    .f-date-b, .f-reply-b { margin: 15px 0 15px 10px; }
    .f-comment-right { background: transparent; }
    .f-comment-left { width: 40px; }
    .f-av-div, .f-av-div img { width: 40px; height: 40px; border-radius: 40px; }
    .f-comment-right { width: calc(100% - 40px); }
    .simnews-block { width: 41%; }
    .top-header-block, a.news-div .news-thumb img {
        width: 100%;
        height: 100%;
        float: left;
        margin: 0;
        border: 0;
    }
    .profile-right-3 .profile-rinfo-right, .profile-right-3 .profile-rinfo-left { width: 45%; }
    .substr-top { height: 100%; }
    .newstag { width: 100%; margin: 10px 0 0 0; height: auto; border-radius: 0; }
    .newstag .news-head { width: 100%; }
    .substr-s, .substr-s img, .substr-top, .news-head-right, .news-info, .meme-cont,
    .meme-emb img, .meme-div img, .page-div div.row-3 a img, .page-news, .poll-line {
        width: 100%;
        box-sizing: border-box;
    }
    .page-div p img.bora { width: 90%; }
    .form-subm #comment { min-height: 300px; }
    .f-comment-text, .comment-div, .comment-div2, .page-div {
        padding-left: 10px;
        padding-right: 10px;
    }
    #chat-reply textarea { height: 100px; }
    .news-right-block-v { height: 100%; }
    p.head-line a, p.head-line span {
        padding: 2px 4px;
        font-size: 10px;
    }
    #mpage-vid, #mpage-gal, .page-cont-info, .table-scroll { overflow-x: auto; }
    #comment:focus { padding-bottom: 50vh !important; }
	
	/* ---------- Адаптивные изображения в статьях (кроме иконок и смайлов) ---------- */
	.page-div img:not(.feature-icon):not(.reaction-smile):not(.no-resize) {
		max-width: 100%;
		height: auto;
		display: block;
		box-sizing: border-box;
		float: none !important;
		margin-left: auto;
		margin-right: auto;
	}

	.page-div a img:not(.feature-icon):not(.reaction-smile):not(.no-resize) {
		max-width: 100%;
		height: auto;
	}
}