/* ==========================================================================
   OMSI2MOD.RU — Единый полный стилевой файл (style.css + comments.css + button.css + темы)
   ========================================================================== */

:root,
[data-theme="light"] {
  --bg-body: #ffc300;
  --bg-surface: #ffffff;
  --bg-elevated: #f0f1f3;
  --text-main: #333333;
  --text-muted: #656565;
  --accent: #962a03;
  --accent-hover: #c03300;
  --border: #dddddd;
  --border-strong: #cccccc;
  --header-bg: #962a03;
  --warn-bg: #fff8e6;
  --warn-border: #f5d076;
  --warn-text: #5c4308;
  --color-text: #962a03;
}

[data-theme="dark"] {
  --bg-body: #111315;
  --bg-surface: #1a1d21;
  --bg-elevated: #24282e;
  --text-main: #e6edf3;
  --text-muted: #9198a1;
  --accent: #e04a16;
  --accent-hover: #ff5c24;
  --border: #2f353d;
  --border-strong: #3b424b;
  --header-bg: #181b1f;
  --warn-bg: #292212;
  --warn-border: #594414;
  --warn-text: #f2d58b;
  --color-text: #fff;
}

/* ==================== 1. БАЗОВЫЕ СТИЛИ (style.css) ==================== */
body {
  margin: 0px;
  font: 12px/16px 'Arial', sans-serif;
  color: var(--text-main);
  text-align: center;
  background: var(--bg-body);
  -webkit-font-smoothing: subpixel-antialiased;
  transition: background-color 0.2s ease, color 0.2s ease;
}
td, input, select, textarea { font: 12px 'Arial', sans-serif; }
body a { color: #407ab2; text-decoration: none; }
body a:hover { text-decoration: none; }

#mchatBtn, .chatboxcontent, .maincontblock, .maincontblock2, .block, .catName, .vkblock, .pagesBlockuz1 b, .pagesBlockuz1 a:link, .pagesBlockuz1 a:visited, .pagesBlockuz1 a:hover, .pagesBlockuz1 a:active, input[type=submit], input[type=reset], input[type=button], input[type=text], input[type=password], textarea, select, .logo-list-in, .profile-list-in, .cat_but, .newmat, .favlink, .messagebody, .cell1, .cell2, .combutt i, ul.best-file li img.best-file-img, ul.best-file li a, ul.best-file li, ul.best-file li span, .pro_num span, .pro_num a {
  -webkit-border-radius: 1px !important;
  -moz-border-radius: 1px !important;
  border-radius: 1px !important;
}

.screenum { margin-right: 7px; }
.fa-refresh:hover { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }
#Statku { width: 240px !important; height: 24px !important; margin-top: 5px; padding-top: 10px; border-top: 1px solid var(--border-strong); }
.cross { display: inline-block; overflow: hidden; padding: 4px 0; color: #fff; text-align: center; text-shadow: 0px 1px 0px rgba(0,0,0,0.25); cursor: pointer; }
#delete { display: none; }
#delete:target { display: block !important; position: fixed; bottom: 0; width: 100%; height: 50px; line-height: 50px; background: red; color: #fff; font-size: 16px; z-index: 10001; }
.block:hover .nmpr i { color: red; }

@keyframes snow { 0% { background-position: 0px 0px, 0px 0px, 0px 0px; } 100% { background-position: 500px 1000px, 400px 400px, 300px 300px; } }
@-moz-keyframes snow { 0% { background-position: 0px 0px, 0px 0px, 0px 0px; } 100% { background-position: 500px 1000px, 400px 400px, 300px 300px; } }
@-webkit-keyframes snow { 0% { background-position: 0px 0px, 0px 0px, 0px 0px; } 100% { background-position: 500px 1000px, 400px 400px, 300px 300px; } }

.statistics { margin: 10px -10px; text-align: center; font-family: tahoma; border-top: 1px solid var(--border-strong); border-bottom: 1px solid var(--border-strong); padding: 7px 0 10px 0; }
.statistics .block { display: inline-block; margin: 0 14px; position: relative; box-shadow: 0px 3px var(--bg-surface); background: transparent; }
.statistics .block div { border-radius: 50%; height: 50px; line-height: 50px; font-size: 37px; }
.statistics span { display: block; margin-top: 10px; text-transform: uppercase; font-size: 13px; color: var(--text-muted); }
.statistics .block div, .statistics span { transform: scale(1, 1.2); }
.statistics .block:nth-of-type(1) div { color: #41ad41; }
.statistics .block:nth-of-type(2) div { color: #909084; }
.statistics .block:nth-of-type(3) div { color: #ca6539; }

.userregnum { top: 0; right: 0; font-size: 11px; padding: 8px; position: absolute; }
.userregnum:hover { text-decoration: underline; cursor: pointer; }

/* Выпадающие меню логотипа и профиля в шапке */
.profile-menu { position: relative !important; }
.profile-menu s { border: 1px solid #19a719; display: inline-block; z-index: 1000; background: #19a719; color: #fff; left: 12px; line-height: 14px; padding: 3px 6px; text-decoration: none; border-radius: 55px; position: relative; bottom: 10px; }
.profile-button, .profile-button:hover { display: inline-block; position: relative; line-height: 30px; padding-right: 35px; text-decoration: none; color: #fff; }
.profile-button i { position: absolute; right: 0px; top: 14px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid rgba(0,0,0,0.3); }
.profile-avatar, .profile-avatar img { border-radius: 100px; }
.profile-avatar { display: inline-block; width: 25px; height: 25px; position: absolute; top: 8px; right: 0px; border-radius: 20px; }
.profile-avatar img { width: 32px; height: 32px; object-fit: cover; vertical-align: middle; background: #fff; }
.profile-menu:hover .profile-list { visibility: visible; transition: all .1s ease-in-out; top: 23px; opacity: 1; }
.profile-list { transition: all .2s ease-in-out; opacity: 0; position: absolute; width: 242px !important; right: -8px !important; top: 30px; padding-top: 35px; visibility: hidden; z-index: 1000; }
.profile-list-in { background: #962a03; width: 242px !important; max-width: 420px !important; box-shadow: 0px 5px 20px rgba(0,0,0,0.6); border: 1px solid #7d2100; overflow: hidden; }
.profile-list-in::before { content: ''; right: 7px; top: 27px; transform: rotate(45deg); border-top: 1px solid; border-left: 1px solid; width: 20px; height: 20px; position: absolute; background-color: #962a03; border-color: #7d2100; z-index: 1; }
.profile-list-in a { display: block; padding: 0px 15px !important; line-height: 40px !important; text-decoration: none; text-align: left; border-bottom: 1px solid #7d2100; font-size: 15px; background: #962a03; z-index: 2; position: relative; color: #fff !important; }
.profile-list-in a:hover, .logo-list-in a:hover { background: #7d2100 !important; }
.profile-list-in a.last { border-bottom: 0px !important; }
.profile-list-in a b { background: #19a719; color: #fff; float: right; font-style: normal; padding: 3px 8px; line-height: 16px !important; margin-top: 9px; border-radius: 20px; margin-right: -5px; }
.profile-list-in a i { font-size: 15px; margin-right: 12px; }

.logomenu:hover .logo-list { visibility: visible; transition: all .1s ease-in-out; top: 53px; opacity: 1; }
.logo-list { transition: all .2s ease-in-out; opacity: 0; position: absolute; width: 260px !important; top: 60px; padding-top: 5px; visibility: hidden; z-index: 1000; }
.logo-list-in { background: #962a03; width: 258px; box-shadow: 0px 5px 20px rgba(0,0,0,0.6); border: 1px solid #7d2100; overflow: hidden; }
.logo-list-in::before { content: ''; right: 137px; top: -3px; transform: rotate(45deg); border-top: 1px solid; border-left: 1px solid; width: 25px; height: 25px; position: absolute; background-color: #962a03; border-color: #7d2100; z-index: 1; }
.logo-list-in a { position: relative; z-index: 2; display: block; padding: 0px 15px !important; line-height: 40px !important; text-decoration: none; text-align: left; font-size: 15px; background: #962a03; color: #fff !important; }
.logo-list-in a i { font-size: 15px; margin-right: 12px; }
.logo-list-bottom { border-bottom: 1px solid #7d2100; }

.shapka_location { position: absolute; top: 0; margin-left: 214px; line-height: 50px; padding: 0 6px; font-size: 15px; color: white; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 530px; text-align: left; }
.shapka_location i { color: #ffc300; }
.newmod1 { color: #fefefe; position: relative; left: 100px; top: 3px; background: #19a719; padding: 4px; border-radius: 25px; font-size: 11px; box-shadow: 0 0 8px #842908; z-index: 10000; }
.newmod { z-index: 100; color: #fff; background: #5db847; padding: 5px; border-radius: 25px; margin-left: -15px; cursor: default; }
.profile { width: 25px; height: 42px; font-size: 14px; display: inline-block; position: relative; z-index: 10001; padding: 0 8px 0 10px; line-height: 42px; cursor: default; }
.profile:hover { cursor: pointer; }
.profile:hover .profile-menu s { display: none !important; }
.myWinTD1 { background: var(--bg-surface) !important; }
.myWinTD2 { background: #FFD1C0 !important; }

/* Кнопка переключения темы в шапке полной версии */
.desktop-theme-btn {
  position: absolute;
  right: 52px;
  top: 10px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 30px;
  padding: 0 10px;
  border-radius: 4px !important;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(0, 0, 0, 0.22);
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  z-index: 20;
}
.desktop-theme-btn:hover { background: rgba(0, 0, 0, 0.4); }

.catsTdI { text-align: left; text-indent: 10px; }
#toTop:active #toplink { top: 5px; }
#favorite_block { padding: 10px 10px; }
.favorite0 { color: gray; text-align: center; font-size: 15px; padding: 30px; }
.favorite0 img { margin-top: 30px; }
.favlink { padding: 0 10px; height: 36px; margin-bottom: 10px; font: 16px/36px 'tahoma'; color: #35690B !important; text-decoration: none !important; background: #57d83b; background: linear-gradient(#6bf74c, #57d83b); border-radius: 3px; display: block; text-align: left; font-weight: bold; cursor: pointer; }
.favlink:hover { background: #57d83b; }
.favorite_delete { width: 16px; height: 16px; background: url(/img/closefav.png); position: static; margin-top: -36px; margin-left: 400px; opacity: 0.3; }
.favorite_delete:hover { opacity: 1; }
a.favormenu { top: 0; right: 0; font-size: 11px; padding: 8px; position: absolute; font-weight: 400 !important; color: var(--accent); }
a.favormenu:hover { color: #ffc300; text-decoration: underline; }
.favlinkdel { padding: 0 10px; height: 36px; display: block; line-height: 36px; font: 16px/36px 'tahoma'; background: #ff0000d6; margin-bottom: 10px; color: white !important; text-decoration: none !important; border-radius: 3px; }

.tipsy { padding: 5px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; background-image: url('/img/tooltipugol.gif'); font-size: 13px; }
.tipsy-inner { padding: 5px 8px; background-color: black; color: white; max-width: 300px; text-align: center; border-radius: 3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }
#golike { display: inline-block; text-decoration: none; background: var(--bg-surface); padding: 3px 5px; color: var(--text-main); position: relative; bottom: 4px; }
iframe#mchatIfm2 { height: 600px !important; border-bottom: 1px solid var(--border-strong); }

#sort4 i, #sort5 i { font-size: 18px !important; }
.fa-mat { font-size: 15px; line-height: .75em !important; margin-right: 8px; }
.fa-ots { margin-right: 5px; }
.statproc { display: none; }
.visualstatic { border-top: 1px solid var(--border); padding-top: 5px; text-align: center; }
.redmat { position: fixed; right: 8px; top: 8px; z-index: 1000; }
.u-mpanel { margin-left: -5px !important; }
.u-mpanel-l, .u-mpanel-toggle { border: 1px solid #fff !important; }
.reklink:hover { cursor: pointer; background: var(--bg-elevated); }
.reklink span { display: block; color: var(--text-muted); font-size: 13px; }
.reklink { border-top: 1px solid var(--border); padding: 7px 0px 7px 50px; font-size: 13px; }
.reklink i { position: absolute; left: 7px; font-size: 18px; margin-top: -2px; width: 36px; height: 36px; line-height: 36px; text-align: center; border-radius: 50%; background: var(--bg-elevated); }
.redmatbut { float: right; margin-top: -3px; margin-right: -5px; }
.sqj:hover { cursor: pointer; }
.sqj:hover .monpl { background: url('/img/monpl.png') 0px 0px no-repeat; width: 16px; height: 16px; position: absolute; right: 10px; margin-top: -25px; }
.sqj span { display: block; color: var(--text-muted); font-size: 13px; }
.sqj { border-top: 1px solid var(--border); padding: 7px 0px 7px 50px; font-size: 17px; }
.sqj_wm { background: url('/img/webmoney.png') 10px 6px no-repeat; }
.sqj_ya { background: url('/img/yandmoney.png') 10px 6px no-repeat; }
.glenta { width: 50px; height: 50px; position: fixed; right: 0px; top: 0px; background: url(/img/glenta.png); }
.myvk { margin-top: 10px; background: #597DA3; padding: 10px; display: block; text-align: center; color: #fff !important; border: 1px solid; font-weight: bold; }
.myvk:hover { background: #6594C5; }
.slmat { font-size: 16px; border-right: 1px solid var(--border); margin: 0 15px 0 10px; }
.xw-bc { height: 0px !important; }
.xw-plain .xw-body { padding: 0px !important; }
#baseLogForm { margin: 5px; }
.menucat { color: var(--color-text); font-weight: bold; padding: 5px; position: relative; background: var(--bg-elevated); margin: 5px 0; }
.menucat a { color: var(--color-text); position: absolute; right: 0; margin-top: -6px; padding: 6px 8px 6px 0; }
.chaticon { background: url(/img/profile.png) 6px 1px no-repeat; padding: 0px 12px; }
.chat_box { width: 300px; z-index: 10000; display: none; position: fixed; bottom: 10px; right: 10px; border: 3px solid #962a03; background: var(--bg-surface); border-radius: 3px; box-shadow: 0 0 20px rgba(0,0,0,0.7); }
#MCaddFrm { padding: 1px 5px 5px 5px !important; margin-top: -4px !important; background: var(--bg-elevated); border-radius: 0 0 10px 10px; }
.close { display: block; position: absolute; right: 6px; top: 6px; color: #C27153; background: url(/img/chatboxbut.png) -14px 0px no-repeat; width: 12px; height: 12px; }
.razchat { display: block; position: absolute; right: 24px; top: 6px; color: #C27153; background: url(/img/chatboxbut.png) 0px 0px no-repeat; width: 12px; height: 12px; }
.close, .razchat { opacity: 0.6; }
.close:hover, .razchat:hover { opacity: 1; cursor: pointer; }

.matred:visited { color: var(--text-main); }
#ualert_cont { position: fixed; bottom: 15px; right: 15px; width: 300px; }
.ualert { cursor: pointer; opacity: 0; color: #fff; margin: 10px 0; border-radius: 3px; font: 11px Verdana, sans-serif; padding: 15px; }
.ualert.red { background: #cd4040; }
.ualert.green { background: #9dcd40; }
.ualert.blue { background: #409dcd; }
.ualert.violet { background: #9d40cd; }
.ualert.yellow { background: #cd9d40; }
.ualert.black { background: #262626; }
.line_cell { display: block; padding: 10px; margin: 0 0 5px 0; text-decoration: none; }
.info { padding: 10px; text-decoration: none; margin-bottom: 5px; }
.fl_l { float: left; padding-right: 10px; }
.infolink { color: var(--accent); overflow: hidden; word-wrap: break-word; font-weight: bold; }
.infolinkgray { color: gray; }
.fl_l img { border-radius: 3px; max-height: 40px; }

a.login-with i { width: 36px !important; height: 36px !important; border-radius: 25px !important; }
.mobilbrowser { padding: 10px 0px; background: var(--bg-surface); color: var(--text-main); }
.imgoriglink { position: fixed; bottom: 10px; margin: auto; color: #fff; display: none; }
.spoloska { width: 2px; height: 50px; float: left; background: url(/img/linia.png) 0px -4px no-repeat; }
.ls_fixed { position: fixed; top: 10px; right: 10px; border-radius: 3px; color: var(--accent); padding: 10px 15px; background: rgba(150, 42, 3, 0.15); }
.ls_fixed b { background: #962a03; color: #ffc300; padding: 2px 5px; border-radius: 3px; margin-left: 5px; }
.ls_fixed:hover { background: rgba(150, 42, 3, 0.25); }
.loginsos { font-size: 9pt; text-align: center; margin-top: 10px; }
a.login-with { margin: 0px 2px 10px 5px !important; display: inline-block; }
.loginButton[type=submit] { width: 150px; height: 25px; }
.selectblock { padding: 3px 0px; text-align: center; background: var(--bg-elevated); }

.loginButton { position: relative; background: var(--bg-surface); color: #3498DB; width: 230px; height: 50px; cursor: pointer; font-size: 18px; padding-left: 35px; border: 2px solid #3498DB; transition: background-color .2s .01s ease-out, border-color .1s .01s ease-out; }
.loginButton::before { content: '\f090'; display: inline-block; font: normal normal normal 22px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; position: absolute; left: 25px; top: 13px; }
.loginButton:hover { background: #3498DB; color: #fff; }
.loginButton:active { line-height: 53px; }

.noEntry { padding: 10px 0px; }
.welmat { color: gray; text-align: center; border: 10px solid var(--bg-surface); }
.likelink:before { content: "\f08e" !important; }

/* --- ИНФОРМЕР КАТЕГОРИЙ (адаптируется под смену темы) --- */
.catName {
  background: var(--bg-elevated);
  font-family: tahoma;
  font-size: 14px;
  display: block;
  padding: 5px 5px 5px 15px;
  color: var(--color-text) !important;
  margin: 5px 10px;
  border: 1px solid var(--border);
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.catName:before {
  content: "\f10c";
  display: inline-block;
  font: normal normal normal 8px/1 FontAwesome;
  margin: 5px 0 0 -25px;
  position: absolute;
}
.catName:hover.catName:before { content: "\f111" !important; }
.catName:active { background: var(--accent) !important; color: #fff !important; }
.catNum { position: relative; font-size: 12px; margin: 1px 5px 0 0; float: right; color: var(--text-muted); }
.catName:hover { border: 1px solid var(--accent); background: var(--bg-surface); }
.catsTdI:active .catName:before { content: "\f058" !important; margin-right: 10px; }

.procentop { bottom: 20px; position: fixed; left: 50px; }
a.mchatlink { color: gray !important; }
a.mchatlink:hover { color: red !important; text-decoration: underline; }
#reg:hover #reg1 { display: inline; }
#reg1 { display: none; }
#log1 { border-radius: 3px 0 0 3px; margin: 0px 1px; }
#log2 { border-radius: 0 3px 3px 0; }
.register { float: right; margin-top: 17px; }
.register a { color: #fff; padding: 6px 9px; background: #AA5333; }
.register a:hover { background: #B35D3D; }

.omsi2logo { width: 222px; background: url(/img/logo/new.png?2) 0 12px no-repeat; height: 50px; float: left; position: relative; cursor: pointer; }
.omsi2logo:active { background: url(/img/logo/new.png?2) 0 14px no-repeat; }
.profile_menu { float: right; }
.omsi2logo:active .newmod1 { top: 5px !important; }

/*--------------------- POPUP start ---------------------*/
.popup { margin: auto; text-align: left; border-radius: 3px; width: 100%; min-width: 700px; background: var(--bg-surface); color: var(--text-main); }
.popup a { color: #407ab2; }
.popuptitle a { color: #fff; }
.popuptitle { font-size: 15px; color: #fff; background: #962a03; padding: 10px 10px; background: linear-gradient(#c73500, #a92d00); }
.popupbody { padding: 0 10px 15px 12px; background: var(--bg-surface); color: var(--text-main); }
/*--------------------- POPUP end ---------------------*/

.blocksnoska { padding: 5px; text-align: center; color: gray; }
.blocksnoska:hover { text-decoration: underline; }
#icondr { padding: 10px 0; line-height: 1.5; text-align: center; font-size: 15px; background-image: url('/img/dr.png'); background-position: 10px 8px; background-repeat: no-repeat; background-color: #FFFACD; color: #000; }
#ng { background-image: url('/img/ng.png'); background-position: 11px 11px; background-repeat: no-repeat; background-color: #FFFACD; }

#slader { margin: 4px; }
.addmoder { color: red; text-align: center; padding: 5px 0px 10px 0px; }
#puzadpn { display: none !important; }
.comment_message img { max-width: 560px; }
.lc_message img { max-width: 232px; }
.ve-screen { border-radius: 5px !important; }
.vep-video-block { text-align: center; }
.uphoto { display: inline-block; vertical-align: middle; margin: 0px 0px 10px 0px !important; text-align: left; }
.pluso-wrap a { border-radius: 15px; }
.user_avatar img { width: 45px; height: 45px; border-radius: 25px; }
img { border: 0px; }
a.noun img { margin: 2px; }
ul, li { margin: 0px; padding: 0px; }
.clear { clear: both; overflow: hidden; height: 1px; }
:focus { outline: none; }
textarea { resize: none; }
hr { height: 1px; background: var(--border-strong); border: 0px; overflow: hidden; }

/* WRAP & HEADER */
#wrap { margin-top: 58px; }
#container { width: 1005px; margin: auto; text-align: left; }
#header { margin-bottom: 5px; width: 952px; height: 220px; background: url(/img/logoaddon.png) no-repeat; border-radius: 3px; margin: auto; z-index: 2; position: relative; }
#header2 { width: 952px; height: 197px; background: url(/img/logo3.png) no-repeat; border-radius: 3px; z-index: 2; position: relative; }
#cup { position: absolute; margin-left: 564px; width: 75px; height: 15px; background: url(/img/addon.gif); margin-top: 55px; }
#exit a { position: absolute; margin-left: 10px; width: 15px; height: 16px; background: url(/img/exit.png); margin-top: 10px; opacity: 0.6; }
#exit a:hover { opacity: 1; }
#LinkAddonSite a { position: absolute; margin-left: 348px; width: 600px; height: 50px; margin-top: 165px; }
#schetchik { position: absolute; margin-left: 860px; margin-top: 3px; opacity: 0.5; }
#schetchik:hover { opacity: 1; }
#schetchik img { border-radius: 5px; }
#glenta { position: absolute; margin-left: 824px; width: 128px; height: 128px; background: url(/img2/glenta.gif?1); margin-top: 0px; }
#homelinklogo a { position: fixed; margin-left: 4px; width: 10px; height: 10px; margin-top: 18px; }

#sitelogo { padding: 5px 0px 0px 10px; width: 460px; font: 10px Arial; color: #fff; }
#date { float: right; font: 13px 'tahoma'; color: #fff; text-align: right; position: relative; }
#date li { display: block; font: 13px/32px 'tahoma'; color: #fff; padding: 0px 10px 0px 8px; background: url(/.s/t/783/5.png) no-repeat top right; }
#date li1 { display: block; font: 13px/32px 'tahoma'; color: #fff; padding: 0px 10px 0px 8px; }
.endlinia:hover { background: #962a03 !important; }
#usermenu:hover { opacity: 1 !important; }
#usermenu { height: 50px; background: var(--header-bg); z-index: 1000; position: fixed; width: 100%; background: linear-gradient(#c73500, #a92d00); top: 0; }
[data-theme="dark"] #usermenu { background: #181b1f; border-bottom: 1px solid var(--border); }
#usermenu ul { list-style: none; width: 1005px; margin: auto; position: relative; }
.shapkainfo { color: #fff; padding: 13px 0 0 0; font-size: 15px; }
.shapkainfo b { padding: 4px; margin: 0px 2px; font-size: 16px; }

#usermenu li { float: left; }
#usermenu li a { display: block; font: 14px/42px 'tahoma'; color: #fff; padding: 0px 10px 0px 8px; text-decoration: none; }
#usermenu li a:hover { background-color: #962a03; }

#usermenu1 { height: 32px; background: #962a03; border-radius: 3px; z-index: 2; position: relative; }
#usermenu1 ul { list-style: none; padding-left: 2px; }
#usermenu1 li { float: left; height: 32px; }
#usermenu1 li a { display: block; font: 13px/32px 'tahoma'; color: #fff; padding: 0px 10px 0px 8px; text-decoration: none; background: url(/.s/t/783/5.png) no-repeat top right; transition: color 100ms linear; }
#usermenu1 li a:hover { background-color: #AC3205; }

#whois { position: relative; color: #fff; font: 13px 'tahoma'; line-height: 32px; margin-left: 8px; }
#whois a { color: #fff; }
#whois a:hover { color: #ffc300; }

/* Поиск в шапке (сохранен оригинальный вид с иконкой лупы) */
#search { position: relative; margin: 2px 0px 0px 0px; }
#search input[type="text"] { background: url(/img/search.png?2) no-repeat 174px 16px transparent; border: 0; font: 15px tahoma; color: #fff; width: 200px; cursor: pointer; height: 50px; padding: 2px 1px 4px 15px; transition: all 0.3s; border-radius: 0 !important; }
input::-webkit-input-placeholder, input:-moz-placeholder { color: #ddd; }
input:focus::-webkit-input-placeholder, input:focus:-moz-placeholder { color: #962a03; }
#search input[type="text"]:hover, #search input[type="text"]:focus { background: url(/img/search.png?2) no-repeat 165px 16px #962a03; }
#search input[type="text"]:focus { cursor: text; color: #fff; }

.button_searchs { background: url(/img/search.png) no-repeat 6px 6px #5db847 !important; height: 30px; width: 30px; position: absolute; top: 0px; right: 10px; border: 2px solid #5db847 !important; }
.button_searchs:hover { border: 2px solid #5d9033 !important; background: url(/img/search.png) no-repeat 6px 6px #5d9033 !important; }
.search { position: relative; float: right; margin: 8px 10px 0px 0px; }
.search a { color: #fff; }
.search a:hover { color: #ff7e15; }
.search:active { margin: 9px 10px 0px 0px; }
#search form { width: 233px; height: 23px; }
#search div { height: 23px; }
#search .schQuery { float: left; }
#search .schQuery input.queryField { background: none; margin: 3px 0px 0px 7px; padding: 0px; width: 200px !important; border: 0px; font: 13px 'Arial'; color: #fff; }
#search .schBtn { float: right; }
#search .schBtn input { border: 0px; margin: 0px 1px 0px 0px; width: 24px; height: 22px; background: url(/.s/t/783/7.png); cursor: pointer; border-radius: 0px; }
#search .schBtn input:hover { background-position: bottom left; }

#search_menu { margin: 2px 0px 0px 0px; }
#search_menu input[type="text"] { box-shadow: 0px 3px #f7971e; border: 1px solid var(--border); font: 16px tahoma; color: var(--text-main); width: 260px; cursor: pointer; height: 35px; padding: 3px 1px 3px 10px; border-bottom: 1px solid var(--border); }
.button_searchs_menu { height: 30px; width: 25px; position: absolute; margin-top: -34px; right: 0px; color: var(--accent) !important; border: 0px solid !important; background: var(--bg-surface) !important; font-size: 13px !important; }
#search_menu input[type="text"]:focus { cursor: text; }
.button_searchs_menu:hover { color: var(--accent) !important; }
#search_menu input::-webkit-input-placeholder { color: var(--accent); }
#search_menu input::-moz-placeholder { color: var(--accent); }
#search_menu input:focus::-webkit-input-placeholder { color: #ccc; }
#search_menu input:focus::-moz-placeholder { color: #ccc; }

/* CONTAINERS */
#content { margin-top: 8px; }
.sidebar { float: left; width: 260px; }
.sidebar-mid { width: 260px; }
#maincont { float: left; margin: 0px 0px 8px 9px; width: 715px; background: var(--bg-surface); color: var(--text-main); padding: 0px 10px 0px 10px; border-radius: 3px; }
#maincont1 { float: left; width: 735px; padding: 0px 0px 0px 10px; }
.maincontblock-o { float: left; margin-bottom: 8px; width: 715px; background: var(--bg-surface); color: var(--text-main); padding: 0px 10px; border-radius: 10px; }
.strblock { font-size: 13px; float: left; margin-bottom: 5px; width: 715px; background: var(--bg-surface); color: var(--text-main); padding: 0px 10px 10px 10px; border-radius: 3px; }
.maincontblock1 { box-shadow: 0px 3px #f7971e; float: left; margin-bottom: 8px; width: 715px; background: var(--bg-surface); color: var(--text-main); padding: 0px 10px; border-radius: 3px; }
.maincontblock2 { box-shadow: 0px 3px #f7971e; float: left; margin-bottom: 8px; width: 715px; background: var(--bg-surface); color: var(--text-main); padding: 0px 10px 10px 10px; }

/* Menus */
ul.uz, ul.uMenuRoot { margin: 0; padding: 0; }
.uMenuH li { float: left; padding: 0 5px; list-style: none; }
.uMenuV { background: none; z-index: 5; }
.uMenuV li { list-style: none; margin: 0px !important; background: none; }
.uMenuV li a { font-size: 17px; display: block; padding: 5px 0px 6px 0px; color: var(--accent); }
.uMenuV li a:hover { color: #fff; }
.uMenuV .uMenuItem { display: block; color: var(--accent); font-family: tahoma; background: url(/img/podmenu.png) no-repeat bottom; border-radius: 5px; }
.uMenuV .uMenuItem:hover { background: #962a03; text-decoration: none; color: #fff; }
.uMenuV .uMenuArrow { position: absolute; right: 3px; top: 10px; width: 4px; height: 7px; overflow: hidden; background: url(/.s/t/783/11.gif); }

.block .xw-tl, .block .xw-bl, .block .u-menuvsep { display: none; }
.block .xw-ml, .block .xw-mr { margin: 0; padding: 0; background: none !important; }
.block .xw-mc { color: var(--text-main); font-weight: normal; float: none; margin: 0px; padding: 0px; line-height: 28px; background: var(--bg-elevated) !important; border: 1px solid var(--border) !important; border-radius: 0px 5px 5px 0px; }
.block .u-menubody { border: 0px !important; padding: 0px 0px; }
.block .u-menuvitem { background: var(--bg-elevated) !important; padding: 0px 35px 0px 30px; line-height: 28px; }
.block .u-menuvitem:first-child { border-top-left-radius: 0px; border-top-right-radius: 5px; }
.block .u-menuvitem:last-child { border-bottom-left-radius: 0px; border-bottom-right-radius: 5px; }
.block .u-menuvitem span { font-size: 14px; color: var(--text-main); text-decoration: underline; }
.block .u-menuitemhl { background: #d2dfeb !important; padding: 0px 35px 0px 30px; line-height: 28px; }
.block .u-menuitemhl span { text-decoration: none; }
.block .u-menuarrow { position: absolute; right: 3px; top: 10px; width: 4px; height: 7px; overflow: hidden; background: url(/.s/t/783/11.gif); }
.block .u-menu { margin-left: 0px; }
.block .x-sh { display: none; }

/* Container blocks styles */
#chatbox { z-index: 302; transition: all .25s ease-in-out; }

.block { box-shadow: 0px 3px #f7971e; margin-bottom: 14px; background: var(--bg-surface); color: var(--text-main); z-index: 2; position: relative; }
.blockND { box-shadow: 0px 3px #f7971e; padding-bottom: 1px; margin-bottom: 10px; background: var(--bg-surface); color: var(--text-main); border-radius: 3px; z-index: 2; position: relative; }
.blocktitlea { background: url(/img/online.png?1) 0px 7px no-repeat; padding: 0 0 0 12px; color: var(--accent) !important; position: absolute; right: 10px; }
a.pollarhive { font-weight: 400 !important; color: var(--accent); font-size: 15px; top: 0; right: 3px; padding: 5px; position: absolute; }
a.ostotz { left: 10px; color: #C27153; font-size: 10px; padding: 2px 0px; position: absolute; }
a.ostotz:hover { text-decoration: underline; }
.noun:hover { text-decoration: underline !important; }
.blocktitle, .blocktitle1 { font: bold 15px 'tahoma'; color: var(--color-text); padding: 6px 10px; text-align: center; border-radius: 3px 3px 0 0; }
.blocktitle i, .blocktitle1 i { position: absolute; left: 10px; top: 8px; }
.blockcontentOP { margin: auto; padding: 10px; }
.blockcontent { margin: 7px 40px 0px 40px; width: 174px; }
.blockcontentLOGIN { padding-bottom: 10px; }
.blockcontentLU { text-align: center; margin: 0px 0px 0px 15px; }
.blockcontentMN { text-align: center; margin-bottom: 5px; }
.blockcontentND { text-align: center; margin: 2px; }
.blockcontentNA { text-align: center; }
.blockcontentVK { margin: 0px; }
.blockcontentCH { padding-bottom: 5px; }
.blockcontentST { padding: 3px 10px 10px 10px; }
.blockcontentCO { margin: 0px 0px; }
.blockcontent li { margin-left: 15px; }

.uadm.uadm--mini.uadm--vertical .uadm-collapse { left: 40px; }

/* Entries Style */
.matday { cursor: default; float: right; font-size: 15px; margin-top: 3px; color: var(--text-muted); }
.matday:hover { color: var(--text-main); }
.mattoday { background: #24ab24; color: #fff; padding: 2px 8px; border-radius: 6px; position: absolute; top: 6px; right: 6px; font-size: 12px; }

.eTitle2 { font: 18px 'tahoma'; color: var(--accent); padding: 10px 0; }
.eTitle a { font: bold 14px 'tahoma'; color: var(--accent); text-decoration: none; display: block; }
.eTitle2 a { font: 14px 'arial'; color: var(--accent); text-decoration: none; }
.eTitle2 a:hover { text-decoration: underline; }
.eTitle1, .eTitle3 { font: bold 14px 'tahoma'; color: var(--accent); padding-top: 4px; }
.eTitle1 a, .eTitle3 a { font: 14px 'tahoma'; color: #407ab2; text-decoration: none; }
.eTitle4 span { color: gray; }
.eText { font: 15px 'tahoma'; color: var(--text-main); line-height: 1.5; }
.eMessage:hover { max-height: 1500px; }
.etextimg, .eMessage img { width: 735px; }
.eMessage li, .eText li { margin-left: 15px; }
.eDetails1, .eDetails2 { font: 11px 'Arial'; color: var(--accent); margin: 10px 0px; }
.eDetails a:hover, .eDetails1 a:hover, .eDetails2 a:hover { text-decoration: underline; }
.eDetails2 { padding: 3px 0; }
.e-comments, .eDetails { color: var(--text-muted); }

/* Comments & Calendar Style */
.cAnswer, .cMessage { text-align: justify !important; }
.cBlock1, .cBlock2 { padding: 5px; border-bottom: 1px solid var(--border-strong) !important; }
.calTable { width: 100%; }
.calWday, .calWdaySe, .calWdaySu { text-transform: uppercase; }
.calWdaySe, .calWdaySu { font-weight: bold; }
.calMdayA, .calMdayIsA { background: #333; color: #fff; border-radius: 5px; }
.calMdayA a, .calMdayIsA a { color: #fff !important; }
a.calMonthLink:link, a.calMdayLink:link { font-weight: bold; }

/*--------------------- Footer start ---------------------*/
footer { padding-top: 20px; background: #962a03; color: #FFF; box-shadow: inset 0 10px 50px -10px rgba(0,0,0,0.5); z-index: 2; position: relative; }
[data-theme="dark"] footer { background: #181b1f; border-top: 1px solid var(--border); }
.footer_in { width: 1002px; text-align: left; margin: 0px auto; }
.footer_in a { color: #d6dade; text-decoration: none; }
.footer_in a:hover { color: #fff; }
.footer_table { display: table; width: 100%; }
.footer_td1, .footer_td2, .footer_td3, .footer_td4 { display: table-cell; vertical-align: top; width: 25%; }
.footer_td1 { padding-right: 15px; }
.footer_td2, .footer_td3 { padding: 0px 15px; }
.footer_td4 { padding-left: 15px; }
.footer_title { padding-bottom: 15px; font-size: 17px; }
.footer_in ul, .footer_in li { margin: 0px; list-style-type: none; padding: 0px; font-size: 13px; }
.footer_in li { padding-bottom: 10px; }
.footer_in li a { font-size: 13px; color: #86c9f3; text-decoration: none; }
.footer_in li a:hover { color: #FFF; text-decoration: none; }
.footer_counters { text-align: center; margin-top: 15px; }
.footer_counters img { height: 31px !important; width: auto !important; }
.footer_social { width: 148px; padding-left: 7px; overflow: hidden; margin: 10px auto 0px; }
.footer_add { font-size: 14px; color: #ffffff; padding-bottom: 15px; clear: both; margin-top: 10px; }
.footer_add span { display: block; padding-top: 5px; }
.footer_add span span { display: inline-block; padding: 0px; opacity: 1; }
.statpos { position: absolute; top: -1000px; }
.new_footer { padding: 10px 30px; text-align: center; }
.footer_links { clear: both; }
.footer_links li { display: inline-block; margin-right: 10px; margin-left: 10px; }
.footer_links li a { color: #fff; margin: 0 10px; padding: 5px 0; border-bottom: 1px dashed #ffc300; }
.footer_links li a:hover { color: #ffc300; }
.footer_logo { width: 213px; height: 26px; background: url('/img/logo/new.png?2'); opacity: 1; margin: 0 auto; }
/*--------------------- Footer end ---------------------*/

/* User Group Marks */
a.groupUser { color: gray; }
a.groupModer { color: blue; }
a.groupAdmin { color: red; }
a.groupVerify { color: var(--text-main); }
a.groupFriends { color: green; }

.codeMessage, .quoteMessage { padding: 5px; border: 1px solid var(--border-strong) !important; margin-bottom: 5px; border-radius: 3px; background: var(--bg-elevated); color: var(--text-main); }
.bbcodeBlock, .bbquoteBlock { margin: 5px; }

.catPages1, .catPages2 { margin: 5px 0px; }
.swchItemA span, .swchItem span, .swchItemA1 span, .swchItem1 span { padding: 2px; }
.wysibb { border-radius: 3px !important; border: 1px solid var(--border-strong) !important; }

/*--------------------- INPUTS start ---------------------*/
input[type="checkbox"], input[type="radio"] { display: none; }
input[type=checkbox]:not(checked), input[type=radio]:not(checked) { position: absolute; opacity: 0; }
input[type=checkbox]:not(checked) + label { position: relative; padding: 3px 0 0 45px; cursor: pointer; font-size: 13px; }
input[type=checkbox]:not(checked) + label:before { content: ''; position: absolute; top: 0px; left: 0; width: 35px; height: 20px; border-radius: 13px; background: #CDD1DA; box-shadow: inset 0 2px 3px rgba(0,0,0,.2); transition: all 0.15s; }
input[type=checkbox]:not(checked) + label:after { content: ''; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 10px; background: #FFF; box-shadow: 0 2px 5px rgba(0,0,0,.3); transition: all 0.15s; }
input[type=checkbox]:checked + label:before { transition: all 0.3s; background: #5cb85c; }
input[type=checkbox]:checked + label:after { left: 17px; }
input[type=checkbox]:focus + label:before { box-shadow: 0 0 0 3px rgba(255,255,0,.5); }
input[type=radio]:not(checked) + label { position: relative; padding: 0 0 0 25px; cursor: pointer; }
input[type=radio]:not(checked) + label:before { content: ''; position: absolute; top: -2px; left: 0; width: 15px; height: 15px; border: 1px solid #CDD1DA; border-radius: 50%; background: #FFF; }
input[type=radio]:not(checked) + label:after { content: ''; position: absolute; top: -1px; left: 0px; width: 16px; height: 16px; border-radius: 50%; background: #5cb85c; box-shadow: inset 0 1px 1px rgba(0,0,0,.5); opacity: 0; transition: all .15s; }
input[type=radio]:checked + label:after { opacity: 1; }
input[type=radio]:focus + label:before { box-shadow: 0 0 0 3px rgba(255,255,0,.5); }
label { line-height: 30px; }

input[type=submit], input[type=reset], input[type=button] { background: #962a03; border: 2px solid #962a03; color: #fff; cursor: pointer; }
#sfSbm, input[value=" + "], input[value="+"] { border-radius: 15px !important; }
#frF16, #ldF18, input[value=" + "], input[value="+"], .pollBut, .commSbmFl, #mchatBtn { color: #fff !important; border-radius: 3px; cursor: pointer; background: #c5c5c5 !important; border: 1px solid #c5c5c5 !important; }
#frF16:hover, #ldF18:hover, input[value=" + "]:hover, input[value="+"]:hover, .pollBut:hover, .commSbmFl:hover, #mchatBtn:hover { background: #58CA3F !important; border: 1px solid #58CA3F !important; }
#chatbox:hover #mchatBtn, .block:hover .pollBut, .maincontblock2:hover .commSbmFl, .maincontblock-o:hover .commSbmFl { background: #58CA3F !important; border: 1px solid #58CA3F !important; }
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover { background: #C03300; border: 2px solid #C03300; }
input[type=text], input[type=password], textarea, select { background: var(--bg-surface); border: 1px solid var(--border-strong); font: 13px 'Arial'; color: var(--text-main); box-sizing: border-box; }
select { cursor: pointer; }
input[type=text]:hover, input[type=password]:hover, textarea:hover, select:hover { border: 1px solid var(--accent); }
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus { border: 1px solid var(--accent); }
#mchatBtn, input.codeButtons, input.button { padding-left: 0px; padding-right: 0px; }
.queryField { width: auto !important; }
.commFl { width: 100%; }
/*--------------------- INPUTS end ---------------------*/

#uNetRegF { text-align: left; padding: 7px 1px; }
.myWinSuccess { color: #407ab2; }
#uNetRegF b { color: var(--accent); }
.myBtnLeft img, .myBtnRight img, .myBtnLeftA img, .myBtnRightA img, .myBtnRight + td input, .myBtnRightA + td input { display: block; }
.myBtnCenter, .myBtnCenterA { line-height: 19px !important; background: none !important; }
.myBtnLeft, .myBtnRight, .myBtnLeftA, .myBtnRightA { display: none !important; }

/* Окна uCoz (_uWnd) */
.xw-plain, .xw-resize, .xw-active { z-index: 99 !important; color: var(--text-main); padding: 0; position: absolute; box-shadow: 0 0 20px rgba(0,0,0,1); }
.xw-hdr { font-size: 11px !important; color: #FFF !important; background: #962a03 !important; font-weight: bold !important; padding: 20px 20px 30px !important; height: 12px !important; }
.xw-hdr-text { font-size: 1.09em !important; color: #FFF !important; background: #962a03 !important; font-weight: bold !important; }
.xt { background: url('/img/ajaxclose.png') no-repeat !important; float: right !important; opacity: 0.4 !important; width: 20px !important; height: 20px !important; margin: 0 !important; }
.xt, .favorite_delete, .wbbclose, .aurCommDel, .u-mpanel-toggle { transition: 0.2s; }
.xt:hover, .favorite_delete:hover, .wbbclose:hover, .aurCommDel:hover, .u-mpanel-toggle:hover { transform: rotateZ(90deg); }
.xt-close { background-position: 0 0 !important; }
.xt-close-over { background-position: 0 0 !important; opacity: 1 !important; }
.xw-bc, .xw-mr, .xw-bl, .xw-br, .xw-ml, .xw-mc { background: var(--bg-surface) !important; color: var(--text-main) !important; border: 0 !important; }
.xw-mr { padding-right: 0px !important; }
.xw-ml { padding-left: 0px !important; }
.xw-body { border: 0 !important; padding-left: 0px !important; padding-right: 0px !important; }
.xw-tl, .xw-tr, .xw-tc { padding: 0px !important; font-size: 11px !important; color: #FFF !important; background: #962a03 !important; font-weight: bold !important; }
fieldset { border: 1px solid var(--border) !important; padding: 2px !important; margin-bottom: 3px !important; }
.xt-maxi, .xt-mini, .xw-sps { display: none !important; }
.myWinPollTd { padding: 3px !important; border: 1px solid var(--border) !important; }
.myBtnCont { padding: 0px !important; }
.myBtnCont a:link { background: #962a03; border: 1px solid #962a03 !important; color: #f9f7f9 !important; font-size: 12px !important; font-family: tahoma, verdana, arial, sans-serif; text-decoration: none !important; border-radius: 3px; outline: medium none !important; white-space: nowrap !important; margin: 0 !important; padding: 4px 11px !important; cursor: pointer !important; }
.myBtnCont a:hover { background: #C03300 !important; border: 1px solid #C03300 !important; }
.myWinGrid { opacity: 0.55 !important; filter: alpha(opacity=55); }

#whois li a { display: block; font: 12px/32px 'Arial'; color: #fff; padding: 0px 10px 0px 8px; text-decoration: none; background: url(/.s/t/783/5.png) no-repeat top right; }
#error404 { font-size: 15px; margin-top: 200px; color: var(--accent); }
#error-404 { display: none; }
#error-404:target { display: inline; }

.matred { color: #407ab2; }
.matred:hover { color: red; text-decoration: underline; }
.privet { text-align: center; font: 13px 'arial'; padding: 10px 5px; }
.privet a { text-decoration: none !important; }
.welcome { font: bold 14px 'tahoma'; color: var(--accent); margin: 5px 0px; }
.error_user { font-size: 14px; background: #FCD5C4; padding: 8px 11px; color: #AC0000; text-align: center; }
.warningorange a { font-weight: bold; }
.warningorange span { font-size: 10px; color: gray; padding-left: 3px; }
.warningorange a:hover { color: red; text-decoration: underline; }
.warningorange { line-height: 1.4; font-size: 15px; background: rgba(255, 170, 0, 0.46); padding: 10px; color: var(--text-main); margin-bottom: 10px; }
.statusOnline { color: green; }
.statusOffline { color: gray; }

.reg1 { text-align: left; padding: 3px; }
.reg2 { clear: left; float: left; width: 160px; }
.reg1 input[type='text'], .reg1 input[type='password'] { width: 160px; }
#rCode { width: 160px; height: 35px; text-align: center; font-weight: bold; font-size: 13px; margin-top: 2px; }
#rRes { font-size: 9px; color: red; display: none; }

/* Page Selector Start */
.catPages1, .catPages2, .pagesBlockuz2 { color: #ffffff; border: 1px; margin-bottom: 10px; margin-top: 10px; }
.catPages1 a:link, .catPages1 a:visited, .catPages1 a:hover, .catPages1 a:active { text-decoration: none; color: var(--text-muted); background: var(--bg-elevated); padding: 3px 6px; font-weight: bold; border: 1px solid var(--border); }
.catPages1 a:hover { background: #6699cc; color: #FFFFFF; font-weight: bold; border: 1px solid var(--border); }
.catPages1 b, .catPages2 b, .pagesBlockuz2 b { text-decoration: none; background: var(--bg-surface); padding: 3px 6px; color: #ccc; font-size: 11px; border: 1px solid var(--border); }
.pageselect { padding: 10px 0 10px 20px; margin-bottom: 0px !important; line-height: 30px; width: 715px !important; }
.pagesBlockuz1 { font-size: 13px; }
.pagesBlockuz1 a:link, .pagesBlockuz1 a:visited, .pagesBlockuz1 a:hover, .pagesBlockuz1 a:active { text-decoration: none; margin: 0px 2px; padding: 5px 11px; color: var(--accent); background: var(--bg-elevated); border: 1px solid var(--border); font-weight: bold; }
.pagesBlockuz1 a:hover { border: 1px solid var(--accent); }
.pagesBlockuz1 b { margin: 0px 2px; padding: 6px 12px; color: #f0f1f3; background: #962a03; }
.pagesBlock1 { color: #EFEEEB; border: 0px; display: inline-block; }
.pagesBlock1 a:link, .pagesBlock1 a:visited, .pagesBlock1 a:hover, .pagesBlock1 a:active { margin: 0px 2px; padding: 3px 5px; border-radius: 5px; color: var(--accent); background: var(--bg-surface); border: 1px solid var(--border); font-weight: bold; }
.pagesBlock1 a:hover { border: 1px solid var(--accent); text-decoration: none; }
.pagesBlock1 b { padding: 3px 5px; background: #962a03; color: #fff; border: 1px solid #962a03; border-radius: 5px; }
.catPages2 a:link, .catPages2 a:visited, .catPages2 a:hover, .catPages2 a:active { text-decoration: none; color: #fff; padding: 3px 6px; font-size: 11px; font-weight: bold; border: 1px solid var(--border); }
.pagesBlockuz2 a:link, .pagesBlockuz2 a:visited, .pagesBlockuz2 a:hover, .pagesBlockuz2 a:active { text-decoration: none; color: var(--text-muted); background: var(--bg-elevated); padding: 3px 6px; }
.pagesBlock2 { color: #EFEEEB; border: 0px; margin-bottom: 10px; margin-top: 10px; }
.pagesBlock2 a:link, .pagesBlock2 a:visited, .pagesBlock2 a:hover, .pagesBlock2 a:active { text-decoration: none; padding: 3px 10px; font-weight: bold; }
.pagesBlock2 b { text-decoration: none; padding: 3px 10px; }
.pageselector { font-size: 15px; }
a.swchItem1:hover { text-decoration: underline; }
/* Page Selector End */

.betatest { color: var(--accent); text-align: center; border: 1px dashed var(--accent); border-radius: 3px; padding: 10px; }
.myWinCont input, .myWinCont select { font-family: Tahoma, Arial; font-size: 8pt; color: var(--text-main); vertical-align: middle; width: 100%; }
.myWinCont ul > li { margin: 5px 0 5px 5px !important; padding: 0 0 0 15px; background: url(/img/li.png) no-repeat 0 6px !important; }
.postsload { text-align: center; padding: 8px; font-size: 15px; color: var(--accent); }

.uOnline { margin-bottom: 5px; }
#userkaOnl { font-size: 13px; color: #518D21; border-radius: 3px; text-align: center; }
#userkaNum { color: #41ad41; }
#userkaNum:hover { text-decoration: underline; cursor: pointer; }
#userkaOnl a { display: inline-block; padding: 3px; text-transform: capitalize; }
#userkaOnl a:hover { text-decoration: underline; }

#toTop, #toBack { width: 100px; text-align: center; padding: 10px; position: fixed; bottom: 0px; left: 0px; cursor: pointer; color: var(--accent); text-decoration: none; height: 100%; background: rgba(150, 42, 3, 0.15); z-index: 1; }
#toTop:hover, #toBack:hover { background: rgba(150, 42, 3, 0.25); }
#toplink, #topbeck { display: block; padding: 0px 20px; margin: 70px 31px 0 15px; position: fixed; top: 2px; }
#toplink { background: url(/top/top.png) no-repeat left 3px; }
#topbeck { background: url(/img/back.png) no-repeat left 0px; }

#num_ls { background: #ee7a27; padding: 6px 10px; border-radius: 15px; color: #962a03; }
.last_comment_os { overflow: hidden; float: left; font: 11px Verdana, Arial, Helvetica, sans-serif; color: var(--text-muted); width: 250px; margin: 5px 0px; }
.last_comment_os a:link, .last_comment_os a:visited { color: var(--text-muted); }
.last_comment_os a:hover { color: #999; }
.lc_message { float: left; margin: 0; padding: 5px; width: 232px; background: var(--bg-elevated); border: 1px solid var(--border); border-radius: 3px; }
.lc_uzer { float: left; text-align: right; width: 250px; position: relative; }
.lc_ugol { position: absolute; float: right; background: url(http://wallaby.ucoz.ru/_ph/1/2/242703095.png) no-repeat right; width: 27px; height: 27px; top: -1px; right: 20px; }
.lc_avatar { float: right; width: 30px; height: 30px; padding: 3px; border: 1px solid var(--border); margin: 10px 55px 0px 10px; }
.lc_name { float: right; width: 145px; margin: 13px 0px 2px 0px; font-weight: bold; }
.lc_data { float: right; font: 9px Verdana, Arial, Helvetica, sans-serif; color: #999; width: 145px; }
.transparency_i a:hover img { opacity: 0.5; }

div.input_submit { background: var(--bg-surface); border: 1px solid #202c36; color: var(--accent); display: inline-block; padding: 5px 10px; text-align: center; border-radius: 1px; }
div.input_submit:hover { background-color: #364959; cursor: pointer; }
div.input_submit.alt { background: #FDDED2; border: 1px solid #962a03; border-radius: 3px; }
div.input_submit.alt:hover { background-color: #FFC9B5; cursor: pointer; }
div.input_submit.some { background: #e9e9e9; border: 1px solid #ccc; text-shadow: #fff 0px 1px 0px; color: #666; }
div.input_submit.some:hover { cursor: default; background-color: #f9f9f9; color: #666; }
.blockcontentND img { border-radius: 5px; }
.myWinCont, .myWinCont td, .myWinCont dl, .myWinCont dt { font-size: 13px !important; }
a.thank_button:link, a.thank_button:visited { display: inline-block; padding: 1px 0; background: url("http://www.csomsk.ru/1-ucoz/rip/thank_button.png") no-repeat 0 -1px; width: 103px; height: 24px; margin: 0; vertical-align: top; }
a.thank_button:hover, a.thank_button:active { background-position: left -27px; }
#bad-browser { color: white; font-weight: bold; line-height: 20px; position: fixed; bottom: 0px; right: 0px; left: 0px; font-family: Tahoma; padding: 10px 0px; height: 20px; overflow: hidden; background-color: #962a03; z-index: 99999; width: 100% !important; }
#bad-browser:hover { background-color: #9C2427; }
#bad-browser a { color: white; }
.minichat { text-decoration: none; }
.progress_w { width: 183px; height: 15px; border: 1px solid #3b7d44; background: #f2f2f2; margin: 10px 0; }
.progress_ws { height: 15px; float: left; }
.progress_upb { background: #962a03; height: 13px; width: 1px; float: left; padding: 1px; }
.groupUser { padding: 3px; }
.blockscroll { display: none; z-index: 1; position: fixed; top: 5px; width: 250px; }
.problems, .reg_num { text-align: center; color: var(--accent); border: 1px dashed var(--accent); border-radius: 3px; padding: 5px; margin: 5px 0px; }
.cMessage i { color: gray !important; }
.massage_link img { max-width: 245px; margin-top: 5px; }
.pointPointArrow { width: 16px; height: 16px; background: url('/img/strelka.png') no-repeat; position: absolute; display: none; z-index: 100000; top: 0; left: 0; }

::-webkit-scrollbar { width: 10px; height: 5px; background: var(--bg-surface); }
::-webkit-scrollbar-track-piece { -webkit-border-radius: 0px; }
::-webkit-scrollbar-thumb:vertical { height: 5px; background-color: #444; }
::-webkit-scrollbar-thumb:horizontal { width: 5px; background-color: #444; }
::-webkit-scrollbar-thumb:hover { background: #222; }

.bf { text-align: left; margin-bottom: 1px; margin-top: 1px; }
.sf { clear: left; float: left; width: 105px; }
.bf input[type='text'] { border: 1px solid #b8b8b8; color: #696969; padding: 2px 4px; width: 155px; }
.bf input[type='text']:focus { border: 1px solid #a6a6a6; color: #575757; }
.bf input[type='button'] { padding: 2px 4px; }
.bf img { display: none; border: none; }
.xt-show { background-position: 0 -240px; }
.xt-show-over { background-position: -15px -240px; }
.xt-hide { background-position: 0 -255px; }
.xt-hide-over { background-position: -15px -255px; }
.rh, #hideCont { display: none; }
#capcode { width: 160px; height: 35px; text-align: center; color: grey; font-size: 14pt; }

/* Опросы */
.cell-poll { background: var(--bg-surface); }
.opros { color: var(--text-main); border-top: 1px solid var(--border); display: inline-block; width: 100%; text-align: center; padding-top: 10px; font-size: 13px; }
.cell-poll-title { padding-bottom: 10px; border-bottom: 1px solid var(--border); font-size: 13px; text-align: center; font-weight: bold; }
.cell-poll a { text-decoration: none; outline: none; }
.cell-poll-answers { float: left; width: 100%; margin: 10px 0px; text-align: left; }
.answer { float: left; width: 235px; height: 20px; color: var(--text-main); position: relative; padding: 2px 0 2px 3px; margin: 0 0 10px 0; background: var(--bg-elevated); border: 1px solid var(--border); border-radius: 3px; }
.answer input { margin: 3px 5px 2px 5px; }
.answer label { margin: 2px 0; color: var(--text-main); top: -5px; }
.answer div { height: 20px !important; padding: 2px 0px; position: absolute; z-index: 998; top: 0px; left: 0px; width: 100%; }
.answer span { float: right; height: 14px !important; margin-right: 2px; top: 1px; padding: 2px 5px; color: var(--text-main); position: relative; z-index: 999; }
.pollBut { padding: 4px !important; width: 100%; color: #fff; border-radius: 3px !important; margin-top: 2px; }
.pollBut:hover, .block:hover .pollBut { background: #58CA3F; border: 1px solid #58CA3F; }
.cell-poll-link { float: left; width: 100%; padding-top: 10px; border-top: 1px solid #B6C0CD; font: 9px Verdana, Arial, Helvetica, sans-serif; color: #999; }
.cell-poll-link span { float: left; }
.cell-poll-link b, .cell-poll-link a { float: right; }
.cell-poll-link b { color: #B6C0CD; }

.uSpoilerButBl input { width: 100%; margin: 10px 0 5px 0; }
.peremenaya { margin: 10px 0px; width: 912px; text-align: center; padding: 20px; border: 1px solid red; border-radius: 3px; background: red; color: white; }
.red_mat { padding: 20px 0px; text-align: center; border: 1px dashed var(--accent); border-radius: 3px; color: var(--accent); font-size: 16px; margin: 0px 10px; }
.swchItem, .swchItem1 { text-decoration: none; color: var(--accent); }
.swchItem:hover, .swchItem1:hover { text-decoration: underline; }
.newshapka { background: #962a03; height: 64px; margin-bottom: 5px; color: #fff; }
.like2 { cursor: pointer; text-decoration: none !important; font-size: 17px; float: right; }
.likes2 { background: url(/img/rlike.png) 5px 0px no-repeat; padding: 0px 11px; }
.likehover { opacity: 0; }
.maincontblock:hover .likehover { display: inline; opacity: 1; }
.maincontblock:hover { box-shadow: 0 0 0 1px #a92d00; }
.likes2hover { background: url(/img/rlike.png) 5px 0px no-repeat; padding: 0px 11px; opacity: 0; display: none; }
.maincontblock:hover .likes2hover { opacity: 1; }
.aurComm:hover .likes2hover { display: inline; }
.combut { color: gray; display: block; }
.combut:hover { color: var(--accent); }
a.takru:hover { color: red !important; text-decoration: underline; }

@font-face { font-family: RobotoCondensed; src: url(/fonts/RobotoCondensed.ttf); }

@media screen and (max-height: 800px) {
  .pressbox img { margin-top: 10px; margin-bottom: 10px; }
  .glenta { position: absolute; }
  #container { margin-top: 0px; }
}

@media screen and (max-width: 1100px) {
  div.chat_button, .ls_fixed { color: var(--accent); background: var(--bg-surface); font: bold 13px 'arial'; display: block; border: 1px solid; }
  .ls_fixed b { color: #fff; }
}

@keyframes rotateInUpRight {
  0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; }
  100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; }
}
.rotateInUpRight { animation-name: rotateInUpRight; }

.name_ava { color: #fff; font-size: 25px; text-align: center; width: 45px; height: 45px; line-height: 47px; font-weight: bold; text-transform: capitalize; text-shadow: 3px 3px 5px rgba(0,0,0,0.2); }
.name_ava_profil { color: #fff; font-size: 110px; text-align: center; width: 150px; height: 150px; border-radius: 50%; line-height: 150px; font-weight: bold; text-transform: capitalize; text-shadow: 10px 10px 15px rgba(0,0,0,0.2); }
.name_ava_author { color: #fff; font-size: 45px; text-align: center; width: 66px; height: 66px; line-height: 66px; font-weight: bold; text-transform: capitalize; text-shadow: 4px 4px 6px rgba(0,0,0,0.2); }
.name_ava_shapka { color: #fff; font-size: 15px; text-align: center; width: 32px; height: 32px; line-height: 32px; font-weight: bold; text-transform: capitalize; text-shadow: 2px 2px 5px rgba(0,0,0,0.2); }
.color_ava0 { background: #3A539Bd6; }
.color_ava1 { background: #1abc9cd6; }
.color_ava2 { background: #2ecc71d6; }
.color_ava3 { background: #3498dbd6; }
.color_ava4 { background: #9b59b6d6; }
.color_ava5 { background: #f1c40fd6; }
.color_ava6 { background: #e67e22d6; }
.color_ava7 { background: #e74c3cd6; }
.color_ava8 { background: #d35400d6; }
.color_ava9 { background: #f39c12d6; }

/* Информационный блок .errormod */
.errormod { padding: 10px; background: var(--bg-elevated); color: var(--text-main); margin-bottom: 10px; border: 1px solid var(--border); font: 14px 'tahoma'; animation: changeBorderColor 7s forwards; line-height: 1.5; text-align: left; }
.errormod a { display: inline; font-weight: bold; text-decoration: underline 1px dashed; }
.errormod a:hover { text-decoration: underline; }
.errormod i { margin-right: 5px; }
.golinkerr { color: #4285F4; }
.yalinkerr { color: #ff6d00; }

@keyframes changeBorderColor {
  0%, 50% { border-color: red; background: var(--warn-bg); color: var(--warn-text); }
  100% { border-color: var(--border); background: var(--bg-elevated); color: var(--text-main); }
}

.vkblock {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 260px;
  height: 35px;
  box-sizing: border-box;
  margin-bottom: 8px;
  font: 14px 'tahoma';
  text-decoration: none;
  background: #0077ff;
  color: #fff;
}

.vkblock i {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
}

.vkblock:hover {
  background: #0261cf;
}
#searchblock { position: relative; }
.searchblock, .sidebar-mid { overflow: hidden; }
.searchblock { width: 260px; position: fixed !important; top: 58px; }
#usermenu, #toplink, .searchblock, .pro_num { transition: 0.2s; }
.tabsblock { padding: 0px; margin: auto; }

section { display: none; background: var(--bg-surface); }
.tabsblock label { display: inline-block; padding: 3px 0px !important; text-align: center; text-transform: uppercase; width: 125px; font-size: 11px; box-sizing: border-box; color: var(--color-text); background: var(--bg-surface); line-height: 16px; }
.tabsblock label:hover { background: var(--bg-elevated); cursor: pointer; }
.tabsblock input:checked + label { color: var(--color-text); font-weight: bold; }
#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4 { display: block; }
.tabsblock input[type=radio]:checked + label:after, .tabsblock input[type=radio]:not(checked) + label:before { opacity: 0; }
.tabsblock a:hover { color: #488ac2; }
.tabsblock label:nth-child(2) { border-right: 1px solid var(--border); }
.tabsblock label:nth-child(4) { margin: 0 0 0 -4px; border-left: 1px solid var(--border); }
.tabsblock label:nth-child(6) { border-radius: 0 3px 3px 0; border: 1px solid #55adf5; margin: 0 0 0 -7px; }
.inf_ava { width: 100%; color: var(--text-main) !important; padding: 0 !important; margin: 0 0 40px 0 !important; }
.inf_ava img { width: 80px; height: 80px; float: left; border-radius: 50%; margin-right: 20px; }
.inf_ava span { margin-top: 35px; display: inline-block; }
.inf_ava:hover { color: #55adf5 !important; }
#nizpred { margin: 5px 0; color: var(--accent); }

@keyframes swingX { 15%, 45%, 75% { transform: translateX(2px); } 30%, 60% { transform: translateX(-2px); } 100% { transform: translateX(0); } }
@keyframes swingY { 15%, 45%, 75% { transform: translateY(2px); } 30%, 60% { transform: translateY(-2px); } 100% { transform: translateY(0); } }
.logo-list-in111 a:hover, .profile-list-in a:hover { animation: swingX 0.4s ease 1; }
.catName111:hover { animation: swingY 0.4s ease 1; }

/* =========================================================
   2. ОПТИМИЗИРОВАННЫЙ ВИД МАТЕРИАЛОВ
   ========================================================= */
.maincontblock { background: var(--bg-surface); color: var(--text-main); margin-bottom: 15px; position: relative; padding: 10px; border-radius: 4px; overflow: hidden; }
.eCatName6 { color: red !important; }
.eTitle { font: 18px 'tahoma', sans-serif; color: var(--color-text); padding-right: 30px; margin-bottom: 10px; line-height: 1.3; }
.entry-title-link { text-decoration: none !important; }
.matversion { background: var(--bg-elevated); border: 1px solid var(--accent); padding: 0px 5px; border-radius: 1px; font: 18px 'tahoma' !important; margin-top: -4px; display: inline-block; vertical-align: middle; color: var(--text-main); }
.eMessage { margin-left: -10px; margin-right: -10px; }
.matimg { width: 100%; text-align: center; }
.matimg img { max-width: 100%; width: 100%; height: auto; display: block; }

#matauthor { padding: 10px 0; font-size: 16px; color: var(--text-muted); display: flex; flex-wrap: wrap; gap: 5px; align-items: center; }
#matauthor a, #matauthor i, .e-loads, .e-comments, .e-loads i, .e-comments i, .mat-rating-right { color: var(--text-muted); }
#matauthor a { text-decoration: none; padding-right: 15px; border-right: 1px dashed var(--border-strong); margin-right: 10px; }
#matauthor a:hover { color: var(--accent); text-decoration: underline; }
#matauthor i, .e-loads i { margin-right: 5px; }
.screenum { display: inline-flex; align-items: center; gap: 4px; cursor: default; }

.eDetails { display: flex; align-items: center; gap: 15px; padding-top: 10px; border-top: 1px dashed var(--border-strong); flex-wrap: wrap; }
.e-loads, .e-comments { font-size: 17px !important; cursor: default; display: inline-flex; align-items: center; gap: 5px; padding-right: 15px; border-right: 1px dashed var(--border-strong); }
.e-comments { cursor: pointer; border-right: 0 !important; }
.e-comments:hover { text-decoration: underline; }
.e-loads i, .e-comments i { font-size: 17px; }
.e-loads b { font-weight: bold; }

.mat-rating-right { margin-left: auto; display: flex; align-items: center; gap: 5px; font-size: 17px !important; cursor: default; }
.mat-rating-right i { margin: 0 2px; }
#matnewtab { position: absolute; top: 10px; right: 10px; z-index: 5; }
#matnewtab i { color: #ccc; transition: color 0.2s; }
#matnewtab a:hover i { color: var(--accent); }
.status-label { font-size: 15px; padding: 5px; border-radius: 2px; color: red; margin-left: 5px; }

@media screen and (max-width: 600px) {
  .eDetails { gap: 10px; }
  .mat-rating-right { margin-left: 0; width: 100%; margin-top: 5px; justify-content: flex-start; }
}

/* =========================================================
   3. СТИЛИ СТРАНИЦЫ МАТЕРИАЛА И КОММЕНТАРИЕВ (comments.css)
   ========================================================= */
.comdata1 { color: green !important; }
.comnew { color: red !important; }
.downblock2 { margin: 10px 0 -10px 0; }
.downblock2 a { text-decoration: none; }
.uSpoilerText iframe { width: 693px; height: 400px; }

#table1 { display: table; width: 100%; border: 0; border-collapse: collapse; margin-top: 5px; }
.row1 { display: table-row; }
.cell1, .cell2 { background: var(--bg-elevated); color: var(--text-main); border: 1px solid var(--border); width: 350px; display: inline-block; text-align: center; height: 34px; line-height: 34px; }
.cell1:hover, .cell2:hover { background: var(--border); cursor: pointer; }
.cell1 { margin-right: 11px; }

.messagebody { color: var(--text-main); background: var(--bg-elevated); display: inline-block; margin: 5px 0; padding: 5px 10px; width: 693px; border: 1px solid var(--border); }
.sourselink a { color: var(--text-main); }
.sourselink { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fuckadblock { display: block; color: red; line-height: 1.4; padding: 5px; border-radius: 3px; margin-bottom: 10px; font-size: 15px; background: #FEEFB3; text-align: center; }
.fuckadblock a { display: block; padding: 5px; background: #61e844; margin: 5px; border-radius: 3px; color: #fff; }
.fuckadblock a:hover { color: #215d14; }
.fuckadblock span { color: gray; font-size: 14px; }

#authormoney { display: block; margin: 15px 0 10px 0; width: 715px; }
.am_cell, .am_cell1 { display: table-cell; }
.am_cell1 { width: 300px; }
.am_cell input { cursor: pointer; text-align: center; }
.am_cell input::before { background: rgba(0, 0, 0, 0.1); position: absolute; right: 0; top: 0; font-weight: normal; display: inline-block; margin: 0 0 0 10px; color: #fff; font-size: 23px; padding: 12px 16px; font-family: Flaticon; }
.am_form { position: relative; margin: 0 10px; border-radius: 50px; transition: all .15s ease-in-out; }
.am_form a { position: absolute; left: 3px; top: 3px; height: 44px; width: 44px; color: #000; border-radius: 25px; }
.am_form input[type="text"] { height: 50px; font-size: 20px; padding-left: 47px; border: 0; border-radius: 25px !important; }
.am_form:hover { transform: scale(1.1); box-shadow: 0 5px 5px rgba(0,0,0,0.2); }
.selweb::selection { background: #fff; color: #000; }
.am_ya input[type="text"] { width: 235px; background: #ffcc00 !important; color: #000 !important; }
.am_wm input[type="text"] { width: 220px; background: #036cb5 !important; color: #fff !important; }
.am_qw input[type="text"] { width: 210px; background: #ff9f00 !important; color: #000 !important; }
.ydbk { background: url(/img/icon/am_yd.png?2) 10px 4px no-repeat #fff; }
.wbbk { background: url(/img/icon/am_wb.png?2) 8px 7px no-repeat #fff; }
.qwbk { background: url(/img/icon/am_qiwi.png?2) 9px 9px no-repeat #fff; }

.alert { padding: 10px 20px; cursor: pointer; position: fixed; bottom: 10px; right: 10px; font-size: 15px; border-radius: 3px; }
#random_mod { display: none; }
#random_mod:target { display: inline; color: red; }
#fancybox-loading:hover, .fancybox-close:hover, .fancybox-prev span:hover, .fancybox-next span:hover { background-image: url(/img/icon/fancybox_sprite_hover.png); }
.fancybox-nav { width: 50% !important; }
.commTable { border-top: 1px solid var(--border); background: var(--bg-elevated); margin: 0 -10px -10px -10px; padding: 0 5px 5px 5px; width: 735px; border-radius: 0 0 3px 3px; }
.com-order-title { margin-right: 5px; margin-top: 5px; color: var(--accent); font: 14px 'tahoma'; }

#namemod { opacity: 0; transition: opacity 0.25s ease-in-out; }
.matvk { padding: 7px 5px 8px; display: block; text-align: center; background-color: #5181b8; color: #fff; border-radius: 25px; width: 200px; margin: 10px auto; }
.matvk:hover { text-decoration: none !important; background: #4270a5; }

.matversionshapka { position: relative; background: #862603; border: 1px solid #862603; padding: 1px 5px; border-radius: 3px; font: bold 14px 'tahoma' !important; left: 5px; }
.matversionshapka:before { content: ""; position: absolute; top: 6px; left: -4px; width: 5px; height: 5px; border-width: 0 0 1px 1px; border-style: solid; border-color: #862603; background: #862603; transform: rotate(45deg); }
.combutt i { font-size: 14px; padding: 5px 10px; cursor: pointer; margin: 4px 5px 7px 0; background: var(--border); color: var(--text-main); }
.combutt i:hover { background: #333; color: #fff; }
#favorite_user, #likenum { font-size: 15px !important; }
.alert:before { position: absolute; top: 50%; left: 13px; display: block; margin-top: -8px; width: 16px; height: 16px; content: ''; }
.alert-info { background-color: var(--bg-surface); border: 2px solid; color: green; }
.alert-warning { background-color: var(--bg-surface); border: 2px solid; color: #8a6d3b; }
.alert-danger, .alert-success { background-color: var(--bg-surface); border: 2px solid; color: red; }

.moderpanel { float: right; }
.backlink { background: url(/img/back.png) 5px 3px no-repeat; padding: 0px 11px; opacity: 0.9; }
.backlink:hover { opacity: 1; }
#adduser { border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); background: var(--bg-elevated); min-height: 55px; margin: 10px -10px 5px -10px; color: var(--text-main); padding: 10px; }
.uSpoilerText span object { margin-top: 5px; width: 715px !important; height: 402px !important; }
.pro_num { cursor: default; color: var(--accent); display: block; position: fixed; top: 58px; margin-left: 1014px; }
.pro_num span, .pro_num a { font-size: 17px; padding: 5px 8px 4px 5px; display: inline-block; letter-spacing: 0.02em; background: var(--bg-surface); color: var(--accent); margin-bottom: 9px; box-shadow: 0px 3px #f7971e; }

.apohm { margin-bottom: 8px; }
#aporesult a { padding: 5px 10px; border-top: 1px solid var(--border-strong); }
#aporesult a:hover { background: #962a03; color: #fff; text-decoration: none !important; }
green { color: green; }
red { color: red; }
.authormat, .authormat1 { padding: 10px 0 0 0; }
.authormat { text-align: center; }
.authormat1 { text-align: left; }
.newauthor { hyphens: auto; word-wrap: break-word; width: 715px; }
.authormat span, .authormat1 span { color: gray; padding: 0 5px; }
.profmatlink { color: var(--text-main); }
.profmatlink:hover { text-decoration: underline; }
#adduser:hover .profmatlink { color: #407ab2; }
.butautmat { cursor: pointer; display: inline-block; color: #fff; padding: 4px 10px; margin: 1px 10px 1px 0; background: #c5c5c5; }
.butautmat:hover { background: #58CA3F; }
.autMat { padding-bottom: 5px; color: gray; }
.bbCodeName { display: none; }
.thumbs { width: 715px; }
.etextimg { margin: -5px -10px -10px -10px; padding: 5px 0 10px 0; min-width: 735px !important; max-width: 735px !important; position: relative; }
.plots { margin-bottom: 7px; }
.link[href*="omsi2mod.ru"], .link[title*="omsi2mod.ru"] { padding-left: 20px; background: url(/favicon.ico) 0px 1px no-repeat; }
.link[href*="vk.com"], .link[title*="vk.com"] { padding-left: 20px; background: url(https://vk.com/images/icons/favicons/fav_logo.ico) 0px 1px no-repeat; }
.link[href*="yadi.sk"], .link[title*="yadi.sk"] { padding-left: 32px; background: url(/img/icon/yadisk.png) 0px 1px no-repeat; }
.link[href*="youtu.be"], .link[title*="youtu.be"], .link[href*="youtube.com"], .link[title*="youtube.com"] { padding-left: 26px; background: url(/img/icon/youtub.png) 0px 1px no-repeat; }
.link[href*="cloud.mail.ru"], .link[title*="cloud.mail.ru"] { padding-left: 20px; background: url(/img/icon/cloudmailru.png) 0px 1px no-repeat; }
.modmatlink { color: var(--text-main); }
.modmatlink:hover { border-bottom: 1px solid !important; text-decoration: none !important; }
#getAdduser:hover .modmatlink { color: #407ab2; border-bottom: 1px dashed; }

.eText a:hover { text-decoration: underline; }
.textmessage img, .textmessage iframe { margin-top: 5px; }
.com_lvl_0 img, .com_lvl_0 iframe { max-width: 665px; }
.com_lvl_1 img, .com_lvl_1 iframe { max-width: 625px; }
.com_lvl_2 img, .com_lvl_2 iframe { max-width: 605px; }
.com_lvl_3 img, .com_lvl_3 iframe { max-width: 585px; }
.com_lvl_4 img, .com_lvl_4 iframe { max-width: 565px; }
.com_lvl_5 img, .com_lvl_5 iframe { max-width: 545px; }
.com_lvl_6 img, .com_lvl_6 iframe { max-width: 525px; }
.com_lvl_7 img, .com_lvl_7 iframe { max-width: 505px; }
.com_lvl_8 img, .com_lvl_8 iframe { max-width: 485px; }
.com_lvl_9 img, .com_lvl_9 iframe { max-width: 465px; }
.com_lvl_10 img, .com_lvl_10 iframe { max-width: 445px; }
.com_lvl_11 img, .com_lvl_11 iframe { max-width: 425px; }
.com_lvl_12 img, .com_lvl_12 iframe { max-width: 405px; }

#wbbmodal { background: rgba(0, 0, 0, 0.55) !important; }
#wbbmodal .wbbm { box-shadow: 0 0 20px rgba(0,0,0,1) !important; border: 0px solid #bbb !important; }
#wbbmodal .wbbm-title { background: #962a03; padding: 0px 10px !important; color: #FFF !important; }
#wbbmodal .wbbm-title .wbbclose { top: 9px !important; right: 9px !important; font-size: 0px !important; background: url('/img/ajaxclose.png'); width: 20px; height: 20px; opacity: 0.4; }
.wbbclose:hover { opacity: 1 !important; }
.modal-text:focus { border: 1px solid var(--accent) !important; }

.pomlink { display: block; }
.pomlink:hover { text-decoration: underline; }
.wysibb-toolbar-container { border-radius: 3px !important; border: 1px solid var(--border-strong) !important; }
.eText img { cursor: zoom-in; max-width: 715px; }
#apotwins a:hover { text-decoration: underline; }
.mycom { color: red; cursor: default; padding-left: 3px; }
.fancybox-outer { background: transparent !important; }
.fancybox-opened .fancybox-outer { box-shadow: none !important; }
#fancybox-overlay { opacity: 0.55 !important; }
#newEntryB .timestaamp { display: none; }
.forumwarning { color: var(--text-muted); }
.forumwarning:hover { color: var(--text-main); }
.com-order-block { margin-bottom: 5px; font-size: 12px; color: var(--accent); }
.commnum { position: absolute; margin-top: 2px; color: var(--accent); margin-left: 3px; }
.matvideo { margin-top: 10px; cursor: pointer; font-size: 15px; color: var(--accent); padding: 10px; border: 1px solid; border-radius: 3px; }
.matvideo:hover { color: #BE3605; text-decoration: underline; }
.eDetails2, .eDetails2 a { font: 14px 'arial' !important; }
#NoLike { opacity: 0.8; }
#NoLike:hover { opacity: 1; }
.termscom { color: var(--accent); padding-left: 3px; float: right; font: 400 15px 'tahoma'; cursor: pointer; }
.termscom span:hover { text-decoration: underline; }
select[name="subs"] { display: none; }
.terms0 { float: right; }
.terms0:hover { color: red; text-decoration: underline; }
.slesh { font-size: 12px; border-right: 1px solid var(--border-strong); margin: 7px; }
.com-order-block0 { display: none; }
.like { bottom: 0px !important; font-size: 15px; text-decoration: none; margin-right: 0px; padding: 4px 8px !important; }
.dislike { color: var(--text-muted); cursor: pointer; }
.dislike:hover { color: var(--accent); }
.shesterenka { background: url(/img/shesterenka.png) 0px 1px no-repeat; padding: 0px 11px; opacity: 0.6; }
.shesterenka:hover { opacity: 1; }

.uPanel { background: var(--bg-surface); color: var(--text-main); float: left; padding: 10px; border-radius: 3px; position: fixed; bottom: 10px; right: 10px; z-index: 500; }
.uPanel a.url, .uPanel a.url:visited { display: block; float: left; color: #fff; font-weight: bold; height: 26px; line-height: 26px; transition: all 0.4s ease; opacity: 0.4; padding: 0px 7px; position: relative; }
.uPanel a.url img { vertical-align: -8px; }
.uPanel a.url:hover, .uPanel a.url.highlighted { text-shadow: 0px 0px 5px #fff; color: #fff; opacity: 1.0; }
.uPanel a.url span { display: block; position: absolute; bottom: 0px; left: 20px; color: #fff; background: red; padding: 0px 3px; height: 14px; line-height: 14px; font-size: 7pt; font-weight: bold; border-radius: 3px; }

.myWinCont legend { font-size: 13px !important; }
.report-spam-wrap { opacity: 1 !important; }
.report-spam-toggle-wrapper { padding: 0px !important; margin: 0 !important; border: 0 !important; }

.rating_comment { float: right; }
.rating_comment i { font-size: 14px; }
.fa-thumbs-down, .fa-thumbs-up { color: gray; padding: 0 5px; opacity: 0; }
.fa-thumbs-up:hover { color: green; }
.fa-thumbs-down:hover { color: red; }
.aurComm:hover .fa-thumbs-down, .aurComm:hover .fa-thumbs-up { opacity: 1; }
.rating_comment_num, #favorite_user, #likenum { padding: 2px 6px; background: var(--bg-elevated); border-radius: 25px; }
.rating_comment_num { font-size: 13px; }
.ratered { color: red; margin-right: 5px; display: inline; }
.rategreen { color: green; margin-right: 5px; display: inline; }
.aurComm:hover .rategreen, .aurComm:hover .ratered { display: none; }

/*--------------------- NewCommStyle start ---------------------*/
.comnum { float: right; font-size: 10px; }
.comnum a:hover { text-decoration: underline; }
.comnum a { color: var(--text-muted); }
.aurComm:hover #comz { display: inline; }
#comz { display: none; border-right: 1px solid var(--border-strong); padding-right: 5px; margin-right: 6px; }
.userpole, .timepole { display: block; }
.timepole { font-size: 12px; color: var(--text-muted); }
.aurComm { border-top: 1px solid var(--border); padding: 10px 0; }
.aurCommBody { margin-left: 55px; font-size: 13px; color: var(--text-muted); line-height: 1.28; }
.aurCommUser { color: var(--text-main); font-weight: bold; text-decoration: none; text-transform: capitalize; }
.aurCommLink { text-decoration: none; }
.aurCommTime { color: var(--text-muted); text-decoration: none; }
.aurCommUser:hover, .aurCommTime:hover, .aurCommLink:hover, .comment_answer:hover { text-decoration: underline; }
.textmessage { font-size: 15px; padding: 2px 0px 4px 0px; color: var(--text-main) !important; max-width: 655px; overflow: hidden; text-overflow: ellipsis; }
.textmessage *:not(a):not([class*="com_group"]):not([class*="acid"]) { color: var(--text-main) !important; }
.textmessage a:hover { text-decoration: underline; }
.aurCommAva { float: left; width: 55px; height: 45px; }
.aurCommAva img { width: 45px; height: 45px; object-fit: cover; }
.aurCommDel { display: none; float: right; width: 11px; height: 11px; background: url(/img/comX.png) 0 0px; opacity: 0.5; }
.aurCommDel:hover { opacity: 1; }
.aurCommRED { margin-right: 5px; display: none; float: right; width: 11px; height: 11px; background: url(/img/comR.png) 0 0px; opacity: 0.5; }
.aurCommRED:hover { opacity: 1; }
.aurCommTopugol { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid var(--bg-elevated); margin-left: 34px; }
.aurCommInput { width: 100%; height: 22px; border: 1px solid var(--border-strong) !important; }
.aurCommText { font-size: 9px; color: #808080; }
.aurCommSecurity { padding-left: 5px; }
.aurCommSecurity .securityCode { width: 78px; height: 22px; color: var(--text-main); text-transform: uppercase; font-size: 11px !important; padding: 3px 0 0 0; position: absolute; border: 1px solid var(--border-strong) !important; background: rgba(255,255,255,0.5); }
.aurCommSecurity #secuImgC { height: 22px; }
.aurCommInputName { width: 91px; height: 22px; padding: 3px 0 0 0; border: 1px solid var(--border-strong) !important; }

.top_use1s { width: 225px; font-family: Tahoma, sans-serif; text-align: center; height: 300px; }
.top_user { width: 75px; height: 90px; overflow: hidden; float: left; background: #1d1d1d; }
.top_user img { width: 90px; margin-left: -7px; }
.top_user a { width: 75px; height: 90px; position: absolute; z-index: 2; text-decoration: none; }
.top_user a:hover { background: rgba(255,255,255,0.1); }
.top_user a span { color: #FFF; padding-top: 70px; text-align: center; display: block; font-size: 11px; }
.top_user_black { position: absolute; width: 75px; height: 24px; background: rgba(0,0,0,0.3); margin-top: 66px; }
.topcom { color: var(--accent); padding: 5px; }
.topbar { float: right; padding: 0px 9px 9px 9px; background: var(--bg-surface); border-radius: 5px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); }
#nRate-default { color: gray; }
#nRate-minus { color: #990000; }
#nRate-plus { color: green; }

ul.best-file { position: relative; z-index: 99; margin: 5px 0; list-style: none; float: left; border: 0; transition: all .25s ease-in-out; cursor: pointer; border-radius: 3px; }
ul.best-file:nth-child(3), ul.best-file:nth-child(6) { margin: 5px 15px; }
ul.best-file:hover { box-shadow: 0 0 10px rgba(0,0,0,0.3); transform: scale(1.1); z-index: 999; }
ul.best-file li { display: block; width: 235px; height: 137px; position: relative; overflow: hidden; box-shadow: 0px 3px #f7971e; }
ul.best-file li img.best-file-img { object-fit: cover; width: 235px; height: 137px; position: absolute; left: 0; right: 0; z-index: 1; }
ul.best-file li span { float: right; display: block; background: rgba(150,42,3,0.7); padding: 2px 4px; font-family: Tahoma; font-size: 11px; color: #fff; line-height: 14px; position: absolute; left: 5px; top: 5px; z-index: 2; overflow: hidden; }
ul.best-file li a { width: 215px; display: block; background: rgba(150,42,3,0.7); height: 23px; padding: 0 5px; text-align: center; font-weight: normal; color: #fff; line-height: 25px; position: absolute; left: 0; bottom: 0; z-index: 3; overflow: hidden; margin: 5px; }
ul.best-file li a img { vertical-align: 1px; }
.recomend_download { font: bold 14px 'tahoma'; color: var(--accent); margin: 5px 0 0 5px; }

.fancybox-next { cursor: e-resize !important; cursor: url(https://omsi2mod.ru/img/cursor/right.png) 36 0, auto !important; }
.fancybox-prev { cursor: w-resize !important; cursor: url(https://omsi2mod.ru/img/cursor/left.png) 0 0, auto !important; }
.fancybox-nav:hover span { display: none; }
.videoplay { display: block; position: relative; background: rgba(255, 195, 0, 0.3); color: #e62117; margin-bottom: 5px; padding: 10px; text-align: center; border: 1px solid #ffc1c1; }
.videoplay i { position: absolute; left: 15px; top: 13px; font-size: 20px; }
.videoplay:hover { text-decoration: none !important; background: #f92419; color: #fff; }
#capc { width: 125px; height: 35px; text-align: center; color: grey; font-size: 14pt; float: left; }
#cap { float: right; }

/* =========================================================
   4. КНОПКИ СКАЧИВАНИЯ И КАТЕГОРИЙ (button.css в стиле Mobile)
   ========================================================= */
.cat_but, .newmat {
  text-align: center;
  cursor: pointer;
  color: #215d14;
  background: #57d83b;
  background: linear-gradient(#6bf74c, #57d83b);
  display: block;
}
.cat_but:hover, .newmat:hover { background: #57d83b; }
.cat_but i { font-size: 18px !important; position: absolute; margin: 5px 0 0 6px; display: block; }
.cat_but { font: 16px 'tahoma'; height: 25px; line-height: 25px; }
.newmat { font: 15px 'tahoma'; height: 35px; line-height: 35px; }
.cat_but:active { line-height: 28px; }
.newmat:active { line-height: 38px; }

/* Кнопки скачивания на странице мода в стиле мобильной версии */
.addmat {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 50px;
  padding: 10px 16px;
  margin-bottom: 10px;
  background: #258c42 !important;
  color: #ffffff !important;
  font: 600 16px/1.3 -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, sans-serif !important;
  text-align: center;
  text-decoration: none !important;
  box-sizing: border-box;
  box-shadow: 0 2px 6px rgba(37, 140, 66, 0.25);
  transition: background-color 0.15s ease, transform 0.1s ease;
  cursor: pointer;
}
.addmat:hover {
  background: #1f7838 !important;
  color: #ffffff !important;
}
.addmat:active {
  transform: translateY(1px);
}
.addmat i {
  font-size: 20px !important;
  position: static !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center;
}
.downum {
  font: 700 16px/1 'tahoma', sans-serif !important;
  position: static !important;
  margin-left: 5px;
  white-space: pre;
}
.addmat.addmatvk {
  background: #0077ff !important;
  box-shadow: 0 2px 6px rgba(0, 119, 255, 0.25);
}
.addmat.addmatvk:hover {
  background: #0062d6 !important;
}

.statistic {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  color: var(--text-main);
  font-size:25px;
  margin: 15px 0 10px 0;
}

.statistic .south {
  display: flex;
  align-items: center;
  justify-content: center; 
  flex: 1; 
  height: 100%;
  gap: 10px; 
  text-align: center;
}

.statistic .south:not(:last-child) {
  border-right: 1px solid var(--border); 
}

.POWERED_BY{background: #872603;color:#fff}