@charset "Windows-1251";
@import url(style_cs.1669049510.css);


@font-face {
font-family: Abaddon;
src: local('Abaddon'), url(https://forumstatic.ru/files/001a/83/7c/14940.ttf);
}
@font-face {
font-family: Oblivion;
src: local('Oblivion'), url(https://forumstatic.ru/files/001a/83/7c/34845.ttf) format("truetype");
}
@font-face {
font-family: Magic;
src: local('Magic Cards Kollfin'), url(https://forumstatic.ru/files/001a/83/7c/44236.ttf) format("truetype");
}
@font-face {
font-family: Pelagiad;
src: local('Pelagiad'), url(https://forumstatic.ru/files/001a/83/7c/22180.ttf) format("truetype");
}
@font-face {
font-family: ModernistOne;
src: local('Modernist One'), url(https://forumstatic.ru/files/001a/83/7c/24872.ttf) format("truetype");
}


/***   ICOMOON   ***/
@font-face {
font-family: "icomoon";
src: url("https://forumstatic.ru/files/001a/83/7c/11401.woff") format("woff"),
url("https://forumstatic.ru/files/001a/83/7c/52884.ttf") format("truetype");
font-style:normal; font-weight:normal;
}


/*** RESET ***/
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, h7, h8, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
tr, th, td {margin:0; padding:0; border:0; font-size:100%; font:inherit;}
tr, th, td {border: 0px solid rgb(159 159 152 / 56%);}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height:1;}
ol, ul {list-style: none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content:none; }
table {border-collapse:collapse; border-spacing:0;}

/*! NORMALIZE.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {line-height: 1.15; -webkit-text-size-adjust: 100%;}
body {margin: 0;}
main {display: block;}
h1 {font-size: 2em; margin: 0.67em 0;}
hr {box-sizing:content-box; height:0; overflow:visible;}
pre {font-family: monospace, monospace; font-size:1em;}
a {background-color: transparent;}
abbr[title] {border-bottom:none; text-decoration:underline; text-decoration:underline dotted;}
b, strong {font-weight: bolder;}
i, em {font-style: italic;}
code, kbd, samp {font-family: monospace, monospace; font-size: 1em;}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height:0; position:relative; vertical-align:baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
img {border-style: none;}
button, input, optgroup, select, textarea {font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0;}
button, input {overflow: visible;}
button, select {text-transform: none;}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none; padding: 0;}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {padding: 0.35em 0.75em 0.625em;}
legend {box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;}
progress {vertical-align: baseline;}
textarea {overflow: auto;}
[type="checkbox"], [type="radio"] {box-sizing: border-box; padding: 0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield; outline-offset: -2px;}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button; font: inherit;}
details {display: block;}
summary {display: list-item;}
template {display: none;}
[hidden] {display: none;}


/***   START   ***/
:root {
--bgbody0: #979692;   /* фон форума */
--bgpun: #c3c0b8;   /* фон подложки */
--bgh2: #541a19;   /* фон вспомогательный */

--logopad: 170px;   /* высота шапки */
--prwid: 240px;   /* ширина профиля */

--puna: #58300b;   /* ссылки в pun */
--punah: #5e5e5d;   /* ссылки в pun при наведении */
--clrpun: #181007;   /* цвет в pun */
}

html * {box-sizing: border-box;}

/*** убираем font boosting ***/
html, html * {
text-size-adjust: none;
-ms-text-size-adjust: none;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
}

body {
padding-top: var(--logopad);
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
font-style: normal;
line-height: 1.4;
color: var(--clrpun);
background: url(https://forumstatic.ru/files/001a/83/7c/12574.jpg) 50% 0% repeat-y, url(https://forumstatic.ru/files/001a/83/7c/34555.jpg) 0% 0% repeat;
background-attachment: fixed;
background-color: var(--bgbody0);
}

/* url(https://forumstatic.ru/files/001a/83/7c/77416.webp) calc(50% + 723px) -20px no-repeat, url(https://forumstatic.ru/files/001a/83/7c/90728.webp) calc(50% - 717px) -21px no-repeat,  */


/**************************************************************/


/***   ЦВЕТ ССЫЛОК   ***/
a {
text-decoration: none;
color: var(--puna);
-webkit-transition: 0.22s linear;
-moz-transition: 0.22s linear;
transition: 0.22s linear;
}

a:hover {
color: var(--punah);
}

/*** ссылки в админке ***/
.punbb-admin #pun-admain a {
color: var(--puna) !important;
}

.punbb-admin #pun-admain a:hover, .punbb-admin a:focus {
color: var(--punah) !important;
}


/**************************************************************/


/***   ЗАГОЛОВКИ   ***/
.punbb h2 {
-webkit-transition: 0.22s linear;
-moz-transition: 0.22s linear;
transition: 0.22s linear;
position: relative;
margin: 12px auto 8px;
padding: 0px;
text-align: center;
font-family: Pelagiad, Times New Roman, serif;
font-size: 18px;
}

/*** ЗАГОЛОВКИ НА ГЛАВНОЙ ***/
#pun-index .category h2, #pun-stats h2, #profilenav h2 {
position: relative;
margin: 0px -0px 0px;
padding: 12px 20px 10px;
line-height: 100%;
font-size: 13px;
font-family: ModernistOne, Tahoma, serif;
letter-spacing: 0.11em;
text-transform: uppercase;
border: 1px solid #a8a8a9;
border-width: 1px 0px;
color: #eec39e;
text-shadow: 0px 1px 3px #000;
box-shadow: 0 1px 0px 0px #d7d5d0 inset, 0 2px 0px 0px #adb0b2 inset, 0 -1px 0px 0px #d7d5d0 inset, 0 -2px 0px 0px #adb0b2 inset, 0 4px 8px -6px #b0ada6, 0 -4px 8px -6px #b0ada6, inset 0 0 8px #000;
background: url(https://forumstatic.ru/files/001a/83/7c/13710.jpg) 0px 0px repeat;
background-color: var(--bgh2);
}

#pun-index .category h2 {margin: 8px -0px 0px;}

#pun-stats h2 {
margin: 8px -0px 0px;
text-align: center;
line-height: 100%;
font-size: 13px;
letter-spacing: 0.11em;
}


/***   УКРАШЕНИЯ на категориях и статистике   ***/
#pun-index .category h2 .catleft {
display: block;
position: absolute;
pointer-events: none;
top: -9px;
left: -7px;
width: 76px;
height: 56px;
background: url(https://forumstatic.ru/files/001a/83/7c/81207.png) 0px 0px no-repeat transparent;
background-size: cover;
transform: scale(-1, -1);
}

#pun-index .category h2 .catright {
display: block;
position: absolute;
pointer-events: none;
top: -8px;
right: -8px;
width: 98px;
height: 42px;
background: url(https://forumstatic.ru/files/001a/83/7c/92099.png) 0px 0px no-repeat transparent;
}

#pun-stats h2:before, #pun-stats h2:after {
content: '';
display: block;
position: absolute;
pointer-events: none;
}

#pun-stats h2:before {
bottom: -15px;
left: -7px;
width: 76px;
height: 60px;
background: url(https://forumstatic.ru/files/001a/83/7c/81207.png) 0px 0px no-repeat transparent;
background-size: cover;
transform: scale(-1, 1);
}

#pun-stats h2:after {
bottom: -15px;
right: -7px;
width: 76px;
height: 60px;
background: url(https://forumstatic.ru/files/001a/83/7c/42481.png) 0px 0px no-repeat transparent;
background-size: cover;
transform: scale(-1, -1);
}


/*** ЗАГОЛОВКИ ВНУТРЕННИЕ ***/
#pun-main h1 {
display: flex;
align-items: center;
flex-wrap: nowrap;
flex-direction: row;
gap: 0px 14px;
text-align: center;
margin: 0.5em auto 0.8em;
padding: 0px 10px;
font-size: 1.1em;
font-weight: 400;
letter-spacing: 0.05em;
font-family: Magic, Times New Roman, serif;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #4a4a4a;
text-shadow: 0 0 0px #6f7374;
}

#pun-main h1:before {
content: "";
display: block;
height: 1px;
flex: 1;
background: #9e9e9a;
}

#pun-main h1:after {
content: "";
display: block;
height: 1px;
flex: 1;
background: #9e9e9a;
}


/**************************************************************/


.acchide, #pun-index #pun-main h1, #pun-navlinks h2, #pun-pagelinks h2, #pun-status h2, #pun-ulinks h2, .punbb .forum h2, .punbb .multipage .topic h2, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .punbb .divider hr, .punbb .required label em, .punbb .formsubmit label, .punbb .submitfield label, .punbb .modmenu label, #pun-userlist .main h2 {position: absolute; font-size: 0; height: 0; width: 0; line-height: 0; padding: 0; overflow: hidden; background: transparent; border: 0px none transparent; box-shadow: none;}
.punbb .clearer {display: block; clear: both; height: 0; font-size: 0;}


/***   ВСЕ Таблички на форуме   ***/
table {width: 100%;}

thead {
font-size: 10px;
font-style: italic;
opacity: 0.85;
color: #858080;
}

thead tr {padding: 0.5em 0;}


/*** РАЗДЕЛИТЕЛЬ, rusff-рекомендации, фреймы ***/
.divider, div#pun-live-rusff {display: none;}

iframe {max-width: 100%;}


/**************************************************************/


/***   ЦВЕТНОЙ СКРОЛЛ   ***/
* {
scrollbar-width: thin;
scrollbar-color: #767674 #202024;
}
*::-webkit-scrollbar {
width: 10px;
height: 8px;
background: #202024;
}

*::-webkit-scrollbar-thumb {background: #767674;}
*::-webkit-scrollbar-corner {background: transparent;}

#pun * {scrollbar-width: thin; scrollbar-color: #866e54 rgb(156 156 154 / 44%);}
#pun *::-webkit-scrollbar {
width: 5px;
height: 5px;
background: rgb(156 156 154 / 44%);
border-radius: 2px;
}
#pun *::-webkit-scrollbar-thumb {
background: #866e54;
box-shadow: none;
border-radius: 2px;
}
#pun *::-webkit-scrollbar-corner {background: transparent;}

#pun .obj * {
scrollbar-width: thin;
scrollbar-color: #621d16 rgba(0, 0, 0, 0.25);
}
#pun .obj *::-webkit-scrollbar {
width: 4px;
height: 4px;
background: rgba(0, 0, 0, 0.25);
}
#pun .obj *::-webkit-scrollbar-thumb {background: #621d16;}
#pun .obj *::-webkit-scrollbar-corner {background: transparent;}



/***   ХАЙЛАЙТ-ВЫДЕЛИТЕЛЬ   ***/
.post-content .highlight-text {
background-color: #760a0a !important;
color: #e9e9e9 !important;
padding: 0 6px;
}
.post-content abbr {cursor: help; text-decoration: underline dotted;}


/***  ЦВЕТНОЕ ВЫДЕЛЕНИЕ ТЕКСТА  ***/
*::selection {
background-color: #4b1c1a;
color: #dad3c3;
}

*::-moz-selection {
background-color: #4b1c1a;
color: #dad3c3;
}

.nightb *::selection {
background-color: #323b5c;
color: #e7e7e7;
}

.nightb *::-moz-selection {
background-color: #323b5c;
color: #e7e7e7;
}


/**************************************************************/


/*** поля ввода преднастройка ***/
button, input, optgroup, select, textarea {
font-size: 1em;
background: #c4c1bc;
border: 1px solid #968e85;
box-shadow: 0 0 3px #c0bcb9, inset 0 0 0px 1px #cbc8c4, inset 0 0 2px 1px #797570;
border-radius: 0px;
}

textarea, .nightb textarea {
text-shadow: none;
background: url(https://forumstatic.ru/files/001a/83/7c/43181.png) -12px -12px no-repeat, url(https://forumstatic.ru/files/001a/83/7c/43181.png) calc(100% + 12px) -12px no-repeat, url(https://forumstatic.ru/files/001a/83/7c/43181.png) calc(100% + 12px) calc(100% + 12px) no-repeat, url(https://forumstatic.ru/files/001a/83/7c/43181.png) -12px calc(100% + 12px) no-repeat;
background-color: var(--bgpun);
border: 1px solid #6d5636;
box-shadow: 0 0 8px -3px #888880, inset 0 0 0 1px #d7c1a9, inset 0 0 0px 2px #8d7154, inset 0 0 3px 1px #919284, inset 0 0 10px 1px #a4a49b;
}

.nightb textarea {
border: 1px solid #93846f;
box-shadow: 0 0 8px -3px #a9a59e, inset 0 0 0 1px #eaddbb, inset 0 0 0px 2px #ada599, inset 0 0 3px 1px #a9a49b, inset 0 0 10px 1px #c5c2be;
}


/***   ВЫПАДАЮЩЕЕ ОКНО   ***/
select {outline: none; padding: 0.5em 0.7em;}

/*** поля ввода ***/
input {
outline: none;
padding: 0.7em 0.9em 0.5em;
max-width: 100%;
}

[type="checkbox"], [type="radio"], input[type="radio"] {box-shadow: none;}

/*** радиокнопки ***/
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] *, fieldset[class="radiofield security-level"] * {height: 2em; vertical-align: middle;}

.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0px 0.7em auto 0.2em;}


/*** подчеркнутый и зачеркнутый текст ***/
.bbuline, em.bbuline {text-decoration: underline; font-style: normal;}
del {text-decoration: line-through;}


/**************************************************************/


/***   A5.1 ТЕЛО ФОРУМА  НАЧАЛО ***/
#pun {
position: relative;
overflow-wrap: break-word;
margin: 0px auto 0px;
padding: 0px 20px 20px;
width: 1040px;
font-size: 0.75rem;
color: var(--clrpun);
background: url(https://forumstatic.ru/files/001a/83/7c/15719.png) 50% 100% no-repeat, url(https://forumstatic.ru/files/001a/83/7c/20105.jpg) 50% 0% no-repeat border-box, url(https://forumstatic.ru/files/001a/83/7c/34952.jpg) 50% 0% repeat border-box;
background-color: var(--bgpun);
box-shadow: 0 0 8px rgb(0 0 0 / 40%);
}

.punbb {display:flex; flex-direction:column;}
#pun-main {position:relative;}
#pun-main:after {content:''; display:block; clear:both;}

#pun-post .post-box {border-width:0px !important; box-shadow:none;}


/***   ШАПКА   ***/
#title-logo-table {
position: absolute;
left: 0px;
right: 0px;
width: 100%;
height: 164px;
top: -148px;
margin: 0px 0px;
background: url(https://forumstatic.ru/files/001a/83/7c/42417.webp) 50% 0% no-repeat transparent;
}


/**************************************************************/


/***   НАВИГАЦИЯ 1 ФОРУМ УЧАСТНИКИ   ***/
#pun-navlinks {
z-index: 10;
position: relative;
margin: 20px -0px 0px !important;
background-color: rgb(234 239 245 / 8%);
border: 1px solid #6d5636;
border-width: 0 0 1px 0;
box-shadow: inset 0 -1px 0 0 #d7c1a9, inset 0 -2px 0 0 #91826d, inset 0 -1px 4px #adb1b5, inset 0 -2px 8px #a2a099;
border-radius: 18px 18px 0 0;
}


/***   НАВИГАЦИЯ 2 АКТИВНЫЕ ТЕМЫ УВЕДОМЛЕНИЯ   ***/
#pun-ulinks {
z-index: 9;
position: relative;
padding: 10px 10px;
margin: auto -0px;
width: auto;
text-transform: lowercase;
background: rgb(207 206 204 / 10%);
border: 1px solid #85847f;
border-width: 0 0 1px 0;
box-shadow: inset 0 -1px 0 0 #bdbcb6, inset 0 -1px 8px -2px #636465;
}


/***   НАВИГАЦИЯ 1-2 ТЕКСТ   ***/
#pun-navlinks .container, #pun-ulinks .container {display:flex; flex-direction:row; justify-content:space-evenly; flex-wrap:wrap;}

#pun-navlinks .container {
padding: 14px 10px 10px;
height: 100%;
align-items: center;
font-family: Magic, Tahoma, sans-serif;
font-size: 20px;
font-weight: 600;
letter-spacing: 0.02em;
}

#pun-navlinks li {
margin: auto 0px;
padding: 0 2px;
}

#pun-navlinks li#navadmin span {font-size: 0px;}

#pun-navlinks li#navadmin span:before {
content: 'Adminka';
display: inline;
font-size: 20px;
}

#pun-ulinks .container {
font-size: 0.9em;
font-family: Tahoma, Arial, serif;
}

#pun-ulinks li {
margin: auto;
padding: 0 2px;
}



/***   ЦВЕТ ССЫЛОК НАВИГАЦИИ   ***/
#pun-navlinks a, #pun-ulinks a {
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}

#pun-ulinks a {
color: #3e3e3e;
text-shadow: 0 0px 1px #a2a39d;
}
#pun-ulinks a:hover {color: #20201c;}



/*** число непрочитанных сообщений ЛС и число уведомлений ***/
span.num_msg {
position: absolute;
z-index: 21;
display: inline-block;
margin-left: 2px !important;
margin-top: -10px !important;
padding: 9px 4px 4px 4px !important;
height: 18px !important;
line-height: 0;
font-size: 11px !important;
font-weight: 400 !important;
font-family: Verdana, Arial, sans-serif;
text-shadow: 1px 1px 2px #000;
background: #9f0000 !important;
}

span.num_msg:before {
top: 15px !important;
background: #9f0000 !important;
}

.bubble {
display: inline-block;
position: inherit !important;
top: 0px !important;
right: 0px !important;
margin: auto auto auto 6px !important;
padding: 0px 3px 1px 3px !important;
min-width: 1em !important;
width: auto !important;
height: auto !important;
font-weight: 400 !important;
font-size: 1em !important;
font-family: Verdana, Arial, sans-serif !important;
font-family: Verdana, Arial, sans-serif;
text-shadow: 1px 1px 2px #000;
background: #9f0000 !important;
border-radius: 2px !important;
}

.bubble:after {display: none !important;}


/*** ОТКЛЮЧАЕМ НАЗВАНИЯ ПОЛЕЙ И ЗАГОЛОВКИ ***/
#pun-navlinks h2, #pun-ulinks h2, #pun-announcement h2, #pun-status h2, #pun-status .item4, #pun-ulinks #Rz, #pun-navlinks li#navawards, #pun-navlinks li#navrules {
display: none;
font-size: 0;
}

h1.title-logo {display:none;}


/**************************************************************/


/***  ПЕРЕАДРЕСАЦИЯ  ***/
#pun-redirect h1 {width:auto !important; margin: auto 0px !important;}
#pun-redirect .container {width: auto !important;}
#pun-redirect a {transition: none;}

.redirect-page {
background: url(https://forumstatic.ru/files/001a/83/7c/12574.jpg) 50% 0% repeat-y, url(https://forumstatic.ru/files/001a/83/7c/34555.jpg) 0% 0% repeat !important;
background-attachment: fixed !important;
background-color: var(--bgbody0) !important;
}

.redirect-page #pun-main {margin: 0px;}

.redirect-page #pun {
padding: 30px 18px 24px;
text-align: center;
font-size: 11px;
background: url(https://forumstatic.ru/files/001a/83/7c/15719.png) 50% 100% no-repeat, url(https://forumstatic.ru/files/001a/83/7c/20105.jpg) 50% 0% no-repeat border-box, url(https://forumstatic.ru/files/001a/83/7c/34952.jpg) 50% 0% repeat border-box !important;
background-color: var(--bgpun) !important;
}


/**************************************************************/


/***   ФОНД И ПРИВЕТСТВИЕ   ***/
#pun-status {
margin: 1.4em 0px 1.1em 0px;
font-size: 1.08em;
font-family: Magic, Times New Roman, serif;
}

#pun-status p.container {
display: block;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
color: #4d4d4d;
}

#pun-status .container span {padding: 0 0.2em;}


/***   ХЛЕБНЫЕ КРОШКИ   ***/
p.crumbs {
margin: 1.1em 20px;
font-family: Pelagiad, Georgia, sans-serif;
font-size: 1.26em;
}
p.crumbs a {font-weight: 600;}


/**************************************************************/


/*** ТАБЛИЦЫ ФОРУМА ***/
#pun-index .category table {border-collapse: separate;}

#pun-index .category table thead {display:none;}

#pun-index .category .container {
background: url(https://forumstatic.ru/files/001a/83/7c/59428.png) 100% 0px no-repeat;
padding-top: 6px;
}


/*** СТРОКА форум - последнее сообщение ***/
#pun-index .category tr {
padding: 18px 30px 18px 30px;
margin: 0px -0px;
position: relative;
display: grid;
grid-template-columns: 2.4fr 1.4fr 120px;
grid-template-rows: repeat(4, auto);
grid-template-areas:
"lone lfour ."
"lone lfour ltwo"
"lone lfour lthree"
"lone lfour .";
-webkit-transition: 0.25s linear;
-moz-transition: 0.25s linear;
transition: 0.25s linear;
}

#pun-index .category tr:first-child {padding-top: 24px;}
#pun-index .category tr:last-child {
padding-bottom: 24px;
border-bottom: 0px solid transparent !important;
}


/* описание форума ссылка и внутренности */
#pun-index .category .tcl {grid-area: lone; padding: 0;}

/* тем */
#pun-index .category .tc2 {grid-area: ltwo; border: 0px none transparent;}

/* сообщений */
#pun-index .category .tc3 {grid-area: lthree;}

/* последнее сообщение */
#pun-index .category .tcr {
grid-area: lfour;
align-self: center;
text-align: right;
font-size: 0.9em;
margin-left: 0px;
margin-right: 64px;
}

#pun-index .category .tcr em+a+br, .obj h7+br, .pfs+br, .pfs-top+br {display: none;}

/*** Сообщений и Тем ***/
#pun-index .tc2::before {
margin-right: 4px;
content: "Темы: ";
}

#pun-index .tc3::before {
margin-right: 4px;
content: "Посты: ";
}

#pun-index .category .tc2,
#pun-index .category .tc3 {
padding: 1px 0;
margin: 0px 0px 0px 20px;
text-align: left;
font-size: 1em;
font-family: Times New Roman, Tahoma, serif;
display: block;
color: #585750;
}


/*** ОТСТУП заголовка первой категории ***/
#pun #pun-category1>h2 {margin-top: 0px;}


/***   ОФОРМЛЕНИЕ ТЕМ НА ГЛАВНОЙ   ***/
.category .tcl .intd {
position: relative;
padding: 16px 22px;
text-align: justify;
font-size: 11px;
background: url(https://forumstatic.ru/files/001a/83/7c/43181.png) calc(100% + 12px) -12px no-repeat, url(https://forumstatic.ru/files/001a/83/7c/43181.png) calc(100% + 12px) calc(100% + 12px) no-repeat, url(https://forumstatic.ru/files/001a/83/7c/43181.png) -12px calc(100% + 12px) no-repeat;
background-color: rgb(233 230 225 / 12%);
border: 1px solid #6d5636;
box-shadow: 0 0 8px -3px #a9a59e, inset 0 0 0 1px #d7c1a9, inset 0 0 0 2px #8d7154, inset 0 0 8px 2px #a9aaa5;
}


/* УКРАШЕНИЕ ТЕМ на главной */
.category .tcl .intd:before, .category .tcl .intd:after {
content: '';
display: block;
position: absolute;
pointer-events: none;
opacity: 0.8;
}

.category .tcl .intd:before {
z-index: 9;
top: -24px;
left: -8px;
width: 100px;
height: 85px;
background: url(https://forumstatic.ru/files/001a/83/7c/42481.png) 0px 0px no-repeat transparent;
}

.category .tcl .intd:after {
bottom: -19px;
right: -10px;
width: 100px;
height: 80px;
background: url(https://forumstatic.ru/files/001a/83/7c/81207.png) 0px 0px no-repeat transparent;
}

#pun-index .category tr.inew .intd:before, #pun-index .category tr.inew .intd:after {
opacity: 1;
filter: brightness(1.05);
}


/***   ЗАГОЛОВОК-ССЫЛКА В ФОРУМ   ***/
div.tclcon h3 {
padding: 0 0 6px 0px;
margin: 0px 0px 10px 0px;
letter-spacing: 0.02em;
text-align: center;
text-transform: uppercase;
font-style: normal;
font-family: Pelagiad, Magic, Georgia, serif;
font-size: 16px;
font-weight: 600;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-image: linear-gradient(90deg, transparent 0%, #979694 30%, #979694 70%, transparent 100%);
border-image-slice: 1;
}

div.tclcon h3+strong, div.tclcon h3+strong+br {display: none;}

div.tclcon h3 a {
-webkit-transition: 0.25s linear;
-moz-transition: 0.25s linear;
transition: 0.25s linear;
padding: 0;
position: relative;
display: inline-block;
}



/*** МОДЕРАТОРЫ ***/
.modlist {display:none;}


/*** АВТОР ПОСЛЕДНЕГО ПОСТА ***/
#pun-index span.lastpost {
display: block;
margin-top: 2px;
font-size: 11px;
}


/*** ЮЗЕР-АВАТАР ***/
#pun-index .user-avatar {
margin-right: -68px !important;
vertical-align: middle;
float: right;
height: 50px !important;
width: 50px !important;
}

#pun-index .user-avatar .avatar-image {
border-radius: 0px 0px !important;
border: 1px solid #917e60;
outline: 1px solid #917e60;
outline-offset: 4px;
opacity: 0.95;
height: 50px !important;
width: 50px !important;
margin: 0px auto auto 0px;
position: relative;
}
#pun-index .user-avatar .avatar-image:hover {opacity: 1; border-radius: 0px !important;}

.punbb .user-avatar .avatar-image {
width: 32px !important;
height: 32px !important;
border-radius: 0% !important;
border: 1px solid #917e60;
outline: 1px solid #917e60;
outline-offset: 3px;
box-shadow: 0 0 4px #b1afae;
}
.punbb .user-avatar .avatar-image:hover {border-radius: 0px !important;}

.punbb .user-avatar {
width: 30px !important;
height: 30px !important;
margin: 0px 14px 2px 0px !important;
}

#pun-index .user-avatar .avatar-image,
.punbb .user-avatar .avatar-image {
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}



/***   ИНДИКАТОР ОНЛАЙН   ***/
.punbb .user-avatar .isonline {
z-index: 8 !important;
width: 9px !important;
height: 9px !important;
right: -9px !important;
top: -6px !important;
bottom: auto;
background: #e5e3e0 !important;
animation: blinkColor 2.4s linear infinite !important;
}
@keyframes pulse-yell {
  0% {
  transform: scale(0.85);
  box-shadow: 0 0 0 0 rgba(255, 214, 139, 0.7);
  }
  70% {
  transform: scale(0.95);
  box-shadow: 0 0 0 8px rgba(255, 214, 139, 0);
  }
  100% {
  transform: scale(0.85);
  box-shadow: 0 0 0 0 rgba(255, 214, 139, 0);
  }
}
#pun-index .user-avatar .isonline {
top: -8px !important;
right: -8px !important;
}


/**************************************************************/


/*** СТАТИСТИКА ***/
#pun-stats .section {padding-top: 6px;}

#pun-stats ul.container {
position: relative;
padding: 10px 0 0 0;
display: grid;
grid-template-columns: 0.5fr 0.5fr 0.5fr 1fr;
grid-template-rows: repeat(5, auto);
grid-template-areas: "ntemy nsoob nrega nposl"
"nonln nonln nonln nonln"
"nusers nusers nusers nusers"
"nbirth nbirth nbirth nbirth";
}
#pun-stats li.item1 {grid-area: ntemy;}
#pun-stats li.item2 {grid-area: nsoob;}
#pun-stats li.item3 {grid-area: nrega;}
#pun-stats li.item4 {grid-area: nposl;}
#pun-stats li.item5.onlinelist {grid-area: nonln;}
#pun-stats li.item5.users_24h {grid-area: nusers;}
#pun-stats li.item6.birthday {grid-area: nbirth; margin-top: 10px;}
#pun-stats li.item5.onlinelist span {display: inline;}
#pun-stats li.item5.users_24h>div span {display: inline;}

/* выделяем цифры статистики */
#pun-stats li strong, li#onlinelist strong {font-weight: 600;}

/* блоки статистики */
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
padding: 2px 0;
font-size: 15px;
text-align: center;
align-self: center;
font-family: Pelagiad, Times New Roman, serif;
color: #3d3c3b;
}

/*** Заменяем слова в статистике ***/
#pun-stats li.item3 span, #pun-stats li.item4 span {font-size: 0px;}

#pun-stats li.item3 span:before, #pun-stats li.item4 span:before {
display: inline-block;
font-size: 15px;
padding-right: 5px;
}

#pun-stats li.item3 span:before {content: 'Странники:';}
#pun-stats li.item4 span:before {content: 'На пороге:';}

/* Активны */
#pun-stats li.item5.onlinelist {
text-align: left;
font-size: 11px;
}

/* посетили за сутки */
#pun-stats li.item5.users_24h>div {
display: block;
text-align: left;
font-size: 11px;
}

/* выделить админсостав в статистике */
#pun-stats a.group1, #pun-stats a.group2 {font-weight: 600;}


/**************************************************************/


/* сервисный копирайт */
#pun-about {
padding: 6px 16px;
text-align: right;
font-size: 11px;
font-family: Magic, Verdana, sans-serif;
}

/* ФУТЕР-ПОДВАЛ */
#html-footer {position: relative;}

/* Объявление */
#pun-announcement {
margin: 0em -0px auto;
padding: 0 0px;
background: url(https://forumstatic.ru/files/001a/83/7c/67570.jpg) 0px 0px repeat-x transparent;
}


/**************************************************************/


/* легенда блоков */
legend {
margin: auto auto 0px 20px;
padding: 14px 10px 2px;
text-align: left;
font-size: 0.9em;
font-weight: 400;
letter-spacing: 0.02em;
font-family: Georgia, serif;
background-color: transparent;
border: 1px solid #acaca6;
border-width: 0 0 1px 0;
color: #50504b;
}

/* блок с выборами или заполнениями и описаниями, список ЛС и сам пост письма*/
.fs-box {margin: 0.2em 0.6em 0.3em;}

/* название над блоком выбора */
p#sex.infofield, label[for="fld-lang"], label[for="fld1"], label[for="fld2"], label[for="fld3"], label[for="fld4"], label[for="fld5"], label[for="fld6"], label[for="fld7"], label[for="fld8"], label[for="fld9"], label[for="fld10"], label[for="fld11"], label[for="fld12"] {
margin-left: 0.5em;
font-style: italic;
font-size: 0.9em;
letter-spacing: 0.04em;
}

/* обнуляем для чек и некоторых радио */
p.checkfield label, span.radio label, dd div.checkfield label {
font-style: normal;
font-size: 1em;
margin-left: 0em;
}

/* описание под полями выбора */
.punbb .fs-box p, .punbb .fs-box fieldset {
padding: 0 0 0.9em 0;
line-height: 140%;
}


/**************************************************************/


/*** СТРАНИЦА ПОИСКА ***/
/* отступ поиска на страничке юзеров */
form#userlist {margin: 1em 0.6em;}

/* поля в строчку в Поиске Участников и Поиске Тем */
form#userlist p.inputfield, form#userlist p.selectfield, form#punbbsearch p.inputfield, form#punbbsearch p.selectfield {display: inline-block;}

/* верхняя граница для блоков-выборов */
form#userlist fieldset, form#punbbsearch fieldset, form#messages[method="post"] fieldset {
margin-bottom: 0.5em;
}

/* переопределяем фон и отступы для ЛС */
#profile.messages-container fieldset {
padding: 0;
border: 0px none transparent;
background-color: transparent;
box-shadow: none;
}


/**************************************************************/


/***   ПРОФИЛЬ РЕДАКТИРОВАНИЕ   ***/
/* предпросмотр */
#viewprofile div.container table {width:auto;}

#profile-left {
width: 30%;
text-align: center;
}

#profile-left li {margin: auto 1em 0.7em !important;}

#profile-left li strong {
display: block;
font-weight: 400 !important;
}

#profile-left #profile-name strong, #profile-left #pa-online strong {
font-weight: 600;
font-family: Pelagiad, Times New Roman, serif;
font-size: 1.26em;
}

#profile-left #profile-name strong {
padding-top: 1em;
font-size: 21px;
font-family: Pelagiad, Times New Roman, sans-serif;
}

#profile-left #profile-title {
font-size: 0.9em;
font-style: italic;
}

#profile-left #pa-edit {
margin-top: 2em !important;
margin-bottom: 1.8em !important;
}

#profile-right #pa-invites {display:none;}

/* отделяем подпись */
#viewprofile #profile-signature {padding: 1.2em 1.5em 1em 1.5em;}

#profile-signature ul {
border-style: solid;
border-width: 1px 0 0 0;
}

#profile-right {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));
grid-template-rows: auto;
overflow: hidden;
width: 100% !important;
}

#profile-right li {
padding: 8px 10px 12px !important;
margin: 1em 0.8em 0em 0em;
text-align: center;
font-size: 0.9em;
border: 1px solid #979593;
border-radius: 0px;
background: rgb(228 228 224 / 8%);
box-shadow: 0 0 4px rgb(162 162 152 / 40%);
}

#profile-right li span {
margin-left: auto !important;
display: block;
clear: both;
float: none !important;
text-align: center !important;
width: auto !important;
padding: 0.5em 1em 0.2em;
font-weight: 600;
font-size: 1.1em;
font-family: Tahoma, sans-serif;
color: #4e4c4a;
}

#profile-right li strong {
padding-left: 0 !important;
text-align: center;
font-weight: 400;
}

#profile-right #pa-posts {order: -5; grid-column: 1 / -1;}
#profile-right #pa-fld1 {order: -4;}
#profile-right #pa-fld2 {order: -3;}
#profile-right #pa-fld3 {order: -2;}
#profile-right #pa-fld4 {order: -1;}

#profile-right #pa-fld1 span, #profile-right #pa-fld2 span, #profile-right #pa-fld3 span, #profile-right #pa-fld4 span {
color: #830000;
}

#profile-right #pa-fld1, #profile-right #pa-fld2, #profile-right #pa-fld3, #profile-right #pa-fld4 {
background: rgb(226 226 218 / 20%);
border: 1px solid #6d5636;
}


/*** МЕНЮ отступ ***/
#profile>.container {
margin-left: 200px;
margin-right: 18px;
}

#profile .fs-box {margin: 0.2em 0em;}


/* ПРОФИЛЬ-навигация */
#profilenav {
width: 180px;
float: left;
margin-top: 0px;
margin-left: -200px;
margin-bottom: 0.9em;
text-shadow: none;
background-color: rgb(226 225 221 / 12%);
border: 1px solid #969384;
box-shadow: inset 0 0 0 1px #cccac5, inset 0 0 0 2px #a2a19d, 0 1px 8px rgb(87 90 92 / 20%), inset 0 0 8px 2px #b5b5b6;
}

#profilenav ul {
padding: 0 0 10px 0;
text-align: center;
}

#profilenav li {
padding: 6px;
font-weight: 600;
}

#profile #profilenav li a {color: var(--puna) !important;}
#profile #profilenav li a:hover {color: var(--punah) !important;}
#profile #profilenav li.isactive a {
color: #760a0a !important;
padding: 0 4px;
}


/* Заголовок предпросмотра профиля */
#profile #profilenav h2 {
margin: -1px 1px 8px !important;
padding: 10px 2px 8px;
font-size: 14px;
}


/* ЛС */
#pun-messages #profile>.container {margin-left: auto !important; margin-right: 0px;}

#pun-messages #profilenav {
align-items: center;
justify-items: left;
display: block;
float: left;
width: 200px;
margin: auto auto 10px auto !important;
padding: 6px;
font-size: 0.9em;
}

#pun-messages .fs-box p, #pun-messages .fs-box fieldset {line-height: 150%;}

#pun-messages #profilenav h2 {
width: auto;
margin: 10px -4px !important;
padding: 12px 8px 10px 8px;
font-size: 14px;
}

#profilenav>h2:first-child {margin: 0px auto !important;}

#pun-messages #profilenav ul {
margin: auto 14px;
padding: 0;
}

#pun-messages #profilenav li {
display: inline-block;
padding: 4px 6px;
}

#pun-messages #profilenav h2:first-child {
grid-column: 1 / 2;
grid-row: 1 / 2;
margin-top: -7px !important;
}

#pun-messages #profilenav h2:last-child {
grid-column: 1 / 2;
grid-row: 2 / 3;
margin-top: 0px;
}

#pun-messages #profilenav ul:first-child {
grid-column: 2 / 3;
grid-row: 1 / 2;
padding: 0 0 4px 0;
}

#pun-messages #profilenav ul:last-child {
grid-column: 2 / 3;
grid-row: 2 / 3;
}

/* уведомления и звук ЛС */
#notify-settings {
margin: auto 0px 12px !important;
padding: 0.55em 2em 0.5em;
background: rgb(234 239 245 / 8%);
border: 1px solid #969384;
}


/**************************************************************/


/*** ОСНОВНОЙ ***/
/* Послать email и ЛС */
a.sendmail, a.sendpm, a.sendemail {
padding: 2px 8px;
margin: auto 0.2em;
}

/* заголовки части списков и статистика посещений */
.punbb .required label, .punbb .datafield span.input {font-weight: 600;}
.punbb .datafield span.input a {font-weight: 400;}

/*** ПЕРСОНАЛЬНЫЙ ***/
/* Пол */
#profile fieldset.radiofield {border-top: 0px none transparent;}

p#sex.infofield {padding: 0.3em 0 0.3em 0.2em;}

input[name="form[interests]"], input[name="form[fld1]"], input[name="form[fld2]"], input[name="form[fld3]"], input[name="form[fld4]"], input[name="form[fld5]"], input[readonly="readonly"], input[name="keywords"], input[name="req_email"] {max-width: 90%;}

/*** АВАТАР ***/
.punbb img.avatardemo {
float: right;
margin: 0 0 0.8em 1.8em;
}

/*** ПОДПИСЬ ***/
div.fs-box.hashelp span.label {font-weight: 600;}
dl.parsedsig {
margin: 0.7em 0.5em 0.5em;
line-height: 150%;
}
#profile #form-buttons #button-sticker, #profile #form-buttons #button-video {display:none;}

/*** ОТОБРАЖЕНИЯ ***/
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
float: left;
margin-right: 1em;
}
.punbb .inline .infofield {clear:both;}

/*** УПРАВЛЕНИЕ ***/
#setmods dl {padding: 0.8em 0;}

#setmods dt {
font-weight: 600;
margin: 0.4em auto 0.4em 1.9em;
}

#setmods dd div.checkfield {padding: 3px 2px;}

/*** НАГРАДЫ ***/
#profileContainer .fs-box tr {display: table-row;}

#awards-content tr {
width: 100%;
margin: 0px;
padding: 0px;
}

#awards-content td.tc2, #awards-content td.tcl {width: 20% !important;}


/**************************************************************/


/* автор темы и правка шрифта для внутренностей тем */
/* span.byuser {font-size: 0.9em;} */
span.byuser:before {
content: '-';
padding: 0 5px;
}

.tcr span.byuser:before {display:none;}

#pun-index span.lastpost span.byuser {font-size: 1em;}

/* отступы в табличках */
.punbb .main td {padding: 0.8em 0.4em;}

/* Табличное - общее */
.usertable {margin: 0.6em auto;}


/* фикс для ячеек в табличке */
.forum td, .usertable td, .fs-box .hasicon td {
width: 100% !important;
text-align: center;
}
.fs-box .post-content tr {display: table-row; border-width: 0px;}

/* загрузки */
#filetable .ft-version, #filetable .tc3 {text-align: center;}

/* ЛС табличка */
#messages .fs-box tr {
display: grid;
grid-template-columns: 1.7fr 1.2fr 0.8fr 0.3fr;
grid-template-rows: auto;
align-items: center;
justify-items: center;
}

/* иконки и текст заголовка ЛС */
#messages .fs-box .tcl {text-align: left;}

/* thead-фикс */
#messages th.pmtcl1, #messages th.pmtc22, #messages th.pmtc33, #messages th.pmtc24 {
width: 100% !important;
}

#messages .tc2.pmtc22 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}

#pun #messages .tc2.pmtc22 .user-avatar {margin: 0px 14px 2px 0px !important;}

/* Заголовок письма */
#messages .pmtcl1 .tclcon {
text-align: left;
}


/* участники */
.usertable .tcl, .usertable .tc2 {
justify-self: start;
text-align: left;
line-height: 110%;
}

.usertable .tcl {
padding-left: 1em !important;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}

.usertable td.tcl {font-weight: 400;}

.usertable tr {
display: grid;
grid-template-columns: 1fr 1fr 0.4fr 0.5fr 0.6fr 0.5fr;
grid-template-rows: auto;
align-items: center;
justify-items: center;
}

.online-list tr {
display: grid;
grid-template-columns: 0.9fr 1.3fr 0.8fr;
grid-template-rows: auto;
align-items: center;
justify-items: center;
}

.online-list td {padding: 1em 0.4em !important;}
.online-list td.tcl {justify-self: left;}
.online-list th.tcl {width: 100% !important;}
#pun-online .tcl.action {width: 100% !important;}


/* список активных тем */
.forum {margin: 0.5em auto 1em;}

.forum tr {
display: grid;
grid-template-columns: 1.7fr 1fr 0.4fr 0.9fr;
grid-template-rows: auto;
align-items: center;
justify-items: center;
}

.forum .tcl, .forum .tc2 {text-align: left;}

.forum .tcr {font-size:0.9em;}
.forum .tcr span {
display: block;
/* font-size: 0.9em; */
margin-top: 0em;
}

/* внутри категории */
#pun-viewforum .forum tr {
display: grid;
grid-template-columns: 1.8fr 0.4fr 1fr;
grid-template-rows: auto;
align-items: center;
justify-items: center;
}

#pun-viewforum thead tr {padding: 0;}
#pun-viewforum .forum .tc2 {text-align: center;}
#pun-viewforum .forum .tc3 {display: none;}

#pun-viewforum .modmenu {
margin: 0.7em -0px;
padding: 12px 16px 10px;
border-radius: 0px;
}

#pun-viewforum .modmenu span {display: none;}

/* страницы новая тема */
#pun-viewforum .linksb {
grid-template-columns: 1fr auto;
grid-template-rows: auto;
}

#pun-viewforum .linksb .pagelink {
grid-column: 1 / 2;
grid-row: 1 / 2;
}

#pun-viewforum .linksb .postlink {
grid-column: -2 / -1;
grid-row: 1 / 2;
justify-self: end;
}

.postlink.long {
grid-column: 1 / -1;
text-align: right;
margin: auto 0px auto auto;
}

/* модерирование списка тем */
#pun-modviewforum .forum tr {
grid-template-columns: 1.8fr 0.5fr 0.5fr 0.9fr 0.3fr;
grid-template-rows: auto;
padding-left: 20px;
}

#pun-modviewforum .forum .tc2 {text-align: center;}

#pun-modviewforum .modmenu {margin: 1.4em 1.5em 0.8em 0.5em;}

/* предпросмотр сообщения */
#post-preview .post-box {margin: 1.4em auto 1.1em;}

#pun #pun-post .post h3+.container, #pun #post-preview .post h3+.container {overflow:hidden;}

/* заплатки для блоков */
.punbb .post-links ul:after, .punbb .main div.inline:after, .punbb .post-box:after, .punbb .linksb:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
overflow: hidden;
line-height: 0.0;
font-size: 0;
}


/**************************************************************/


/***   ПОДФОРУМЫ   ***/
div.subforums {margin: 1em auto;}

#pun-viewforum .category tr.isub {
padding: 0;
margin: 0px;
position: relative;
display: grid;
grid-template-columns: 1.8fr 1.2fr;
grid-template-rows: auto;
}

#pun-index tr.isub .tcl {
padding-left: 0px !important;
margin-left: 30px;
}

#pun-viewforum .category tr.isub .tcl {
grid-row: 1 / 2;
grid-column: 1 / 2;
padding: 10px 0px;
}

#pun-viewforum tr.isub td.tcl div.tclcon h3 {
text-align: center;
margin: 0px 0px 10px;
}

#pun-viewforum .category thead, #pun-viewforum .category tr.isub .tc2, #pun-viewforum .category tr.isub .tc3 {
display: none;
}

#pun-viewforum .category tr.isub .tcr {
grid-row: 1 / 2;
grid-column: 2 / 3;
text-align: center;
padding: 0.7em 0.4em;
display: flex;
flex-direction: column;
justify-content: center;
flex-wrap: nowrap;
}

#pun-viewforum .category tr.isub td.tcr a+br {display: none;}
#pun-viewforum .category tr.isub .tcr em.user-avatar {display: none;}
#pun-viewforum .category tr.isub td {padding: 0;}
#pun-viewforum .category tr.isub div.icon {display: none; float: left;}


/**************************************************************/


/*** ИКОНКИ ***/
.forum .tcl .intd, .fs-box .tcl .intd {
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: auto;
align-items: center;
}

.intd div.icon {
opacity: 0.75;
display: block;
margin: auto 18px auto 0px;
width: 8px;
height: 8px;
border: 1px solid #866d54;
box-shadow: 0px 0px 0px 1px #d7c1a9, 0 0 0 2px #896e53, 0 0 4px 2px #b2b6b9, inset 0 -1px 2px #bab4ac;
background: #d0cdc8;
transform: scaleY(1.2) rotate(45deg);
}

.inew .intd div.icon {
opacity: 1;
filter: brightness(1.02);
border: 1px solid #523f24;
box-shadow: 0px 0px 0px 1px #e2c6a7, 0 0 0 2px #806137, 0 0 4px 2px #b2b6b9, inset 0 -2px 2px #fa8d58;
background: #c01e15;
}

.iclosed .intd div.icon {
opacity: 1;
background-position: -100px 0px;
border: 1px solid #6d5636;
box-shadow: 0px 0px 0px 1px #d7c1a9, 0 0 0 2px #7c6943, 0 0 4px 2px #b2b6b9, inset 0 -1px 3px #090807;
background: #8f8c88;
}

.isticky .intd div.icon {
opacity: 1;
border: 1px solid #6d5636;
box-shadow: 0px 0px 0px 1px #d7c1a9, 0 0 0 2px #8d7154, 0 0 4px 2px #b2b6b9, inset 0 -1px 2px #1b1006;
background: #ffda8e;
}


/* Убрать Важно, Закрыто, Опрос */
span.stickytext, span.closedatafield, span.polltext {font-size: 0px;}


/* иконки на главной */
#pun-index .category .tcl {
margin-left: 0px;
margin-right: 16px;
padding: 0px;
}

#pun-index div.icon {
display: block;
overflow: hidden;
pointer-events: none;
position: absolute;
top: -1px;
left: -1px;
margin: 0px;
width: 46px;
height: 46px;
border: 0px solid transparent;
transform: none;
box-shadow: none;
background: transparent;
}

#pun-index div.icon:after {
content: '';
display: block;
width: 46px;
height: 46px;
background: url(https://forumstatic.ru/files/001a/83/7c/78040.png) 50% 50% no-repeat;
background-size: cover;
border-radius: 50%;
position: absolute;
top: -4px;
left: -5px;
/* animation: clockm1d linear 48s infinite; */
}

#pun-index .category .inew .tcl div.icon:after {
/* animation: clockm1d linear 10s infinite; */
filter: brightness(1.1) contrast(1.15);
}


/* цифры непрочитанных сообщений */
.icon[data-new-topics]:before, .subforums span[data-new-topics]:before {
margin: 11px auto auto 10px !important;
opacity: 1;
text-shadow: 0 1px 2px #000;
background-color: #c20000 !important;
z-index: 10;
}


/**************************************************************/


/* ТОПИК ПАГИНАЦИЯ и Ответить-создать */
.linkst {
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: auto;
padding: 0.5em 0 0.7em;
}

.linkst .pagelink {
grid-column: 1 / 2;
grid-row: 1 / 2;
}

.linkst .postlink {
grid-column: -2 / -1;
grid-row: 1 / 2;
justify-self: end;
}

.linksb {
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: auto auto;
padding: 0.5em 0;
margin: 8px 0px 6px;
}

.linksb .pagelink {
grid-column: 1 / -1;
grid-row: 1 / 2;
}

.linksb .subscribelink {
grid-column: 1 / 2;
grid-row: -2 / -1;
justify-self: end;
}

.linksb .postlink {
grid-column: -2 / -1;
grid-row: -2 / -1;
justify-self: end;
}

.linkst, .linksb {
font-family: Pelagiad, Verdana, Tahoma, sans-serif;
font-size: 1.1em;
}

/* ответить новая тема */
.postlink {
font-weight: 600;
padding: 0 0px 0 2em;
font-size: 1.15em;
}

.postlink a, .subscribelink a {
background: transparent;
border: 0px solid transparent;
padding: 2px 6px;
}

/* номера страниц */
.pagelink {font-size: 1.1em;}

.pagelink a, .pagelink strong {
padding: 2px 6px;
font-size: 1.1em;
line-height: 100%;
}

.pagelink strong {border-bottom: 2px solid #868b8f;}


/**************************************************************/


/* отступ для плавающей навигации */
.punbb div.post.toppost, .punbb div.post.firstpost, .punbb div.post.topicpost {padding-top: 0; margin-top: 0px;}

.punbb .post h3 {width: auto;}

/***   ДАТА ПОСТА И НОМЕР ПОСТА   ***/
h3 span {
display: block;
margin: 0px -0px;
padding: 10px 10px 8px;
font-size: 1em;
font-weight: 400;
letter-spacing: 0.03em;
font-family: Pelagiad, Times New Roman, Verdana, serif;
font-style: italic;
text-align: center;
border: 1px solid #6d5636;
border-width: 1px 0px;
box-shadow: inset 0 -1px 0 0 #d7c1a9, inset 0 -2px 0 0 #8d7154, inset 0 1px 0 0 #d7c1a9, inset 0 2px 0 0 #8d7154, inset 0 -1px 4px #9c9990, inset 0 -1px 7px #9d9b96, 0 4px 8px -6px #979886, 0 -4px 8px -6px #979886;
background-color: rgb(234 239 245 / 8%);
}

#pun-messages h3 span {margin: 0px 0px 0px 0px;}

h3 span .permalink {
grid-column: 1 / 2;
grid-row: 1 / 2;
}

h3 span strong:first-of-type {
margin: auto 0.7em auto 2em;
display: inline;
float: right;
font-size: 1em;
}

/* поделиться */
h3 a.sharelink {display: none;}

/* изменение скрипта кнопками */
h3 strong.fnt {
margin: auto 1.5em !important;
display: inline;
float: right;
}

/* делим пост на части */
.punbb .post h3+.container {
display: block;
margin: 0px 0px 0px 0px;
padding: 30px 24px 16px !important;
overflow-wrap: break-word;
}

/* обнуляем фон в ЛС-сообщении */
.punbb #profile .post h3+.container {
background: transparent;
box-shadow: none;
}


/**************************************************************/


/*** БЛОК АВТОРА ПОСТА ***/
.post-author {
position: relative;
float: left;
display: block;
margin: 0px auto 4px 0px;
padding: 14px 12px 14px;
width: var(--prwid);
align-self: start;
text-align: center;
font-size: 0.9em;
background-color: rgb(233 230 225 / 12%);
box-shadow: 0 0 8px #9a968e, inset 0 0 6px #a5a9ac;
}


/*** УКРАШЕНИЕ БЛОКА АВТОРА ***/
.post-author:before, .post-author:after {
content: '';
display: block;
position: absolute;
opacity: 0.86;
pointer-events: none;
}

.post-author:before {
z-index: 9;
top: -24px;
left: -8px;
width: 100px;
height: 85px;
background: url(https://forumstatic.ru/files/001a/83/7c/42481.png) 0px 0px no-repeat transparent;
}

.post-author:after {
bottom: -19px;
right: -10px;
width: 100px;
height: 80px;
background: url(https://forumstatic.ru/files/001a/83/7c/81207.png) 0px 0px no-repeat transparent;
}


/* расстояние между блоками по умолчанию */
.post-author li {margin: 0.3em auto;}

.post-author li:last-child {margin-bottom: 0px;}

.post-author li.pa-online {
margin: 1.2em auto -2px auto;
font-family: Pelagiad, Times New Roman, serif;
font-size: 13px;
}

.post-author li.pa-online strong {font-weight: 600;}



/***   НИКНЕЙМ   ***/
li.pa-author, .pa-author {
display: block;
position: relative;
overflow-wrap: break-word;
font-size: 22px;
font-weight: 400;
font-family: Pelagiad, Times New Roman, serif;
line-height: 0.9;
}

.pa-author strong {font-weight: 400;}

.pa-author {
position: relative;
margin: 0px -12px 12px -12px !important;
padding: 10px 10px 10px !important;
color: #e8d1ae;
text-shadow: 0 1px 3px #000;
background: url(https://forumstatic.ru/files/001a/83/7c/13710.jpg) 0px 0px repeat;
background-color: var(--bgh2);
box-shadow: 0 0 5px rgb(0 0 0 / 25%), inset 0 0 14px rgb(0 0 0 / 55%);
border-style: solid;
border-width: 3px 0;
-moz-border-image: url(https://forumstatic.ru/files/001a/83/7c/66138.png) 3 3 repeat;
-webkit-border-image: url(https://forumstatic.ru/files/001a/83/7c/66138.png) 3 3 repeat;
border-image: url(https://forumstatic.ru/files/001a/83/7c/66138.png) 3 3 repeat;
}

#pun .pa-author a {
color: #e9c193;
text-shadow: 0px 0px 3px #181614, 0 0 6px #a82910, 0 0 10px #5a1a0d;
}

#pun .pa-author a:hover {filter: brightness(1.2);}

/* украшение никнейма */
.pa-author:before {
content: '';
display: block;
position: absolute;
pointer-events: none;
bottom: -15px;
right: -8px;
width: 76px;
height: 56px;
background: url(https://forumstatic.ru/files/001a/83/7c/81207.png) 0px 0px no-repeat transparent;
background-size: cover;
}


/* статус */
.pa-title {
padding: 0 0 4px;
font-style: italic;
font-family: Times New Roman, Verdana, serif;
font-size: 1.1em;
line-height: 100%;
letter-spacing: 0.08em;
}

/* аватар */
.post-author .pa-avatar {
margin: 8px auto 10px;
line-height: 0;
}

/* фикс высоты и ширины аватара */
.post-author .pa-avatar img {
max-width: 100%;
width: auto;
max-height: 330px;
height: auto;
border-radius: 0px;
}

/* рамка для аватара */
#profile-left #pa-avatar img, .post-author .pa-avatar img {
width: auto;
max-width: 100%;
line-height: 12px;
}
.post-author .pa-avatar img {box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);}
.post-author .pa-avatar img:hover {border-radius: 0px;}


/***  ПОСТЫ РЕПУТАЦИЯ в строчку ***/
.pa-posts, .pa-respect {
display: inline-block;
box-sizing: border-box;
width: 48%;
padding: 0 2px;
}

.pa-posts {margin-top: 6px;}

.pa-posts .fld-name, .pa-respect .fld-name {
display: flex;
justify-content: center;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
font-size: 11px;
line-height: 1;
padding: 0 0 6px;
}


/*** ЛИЧНОЕ ЗВАНИЕ ЛЗ ***/
.pa-fld1, 
.pa-fld2, 
.pa-fld3, 
.pa-fld4 {
position: relative;
width: auto;
margin: 0px -12px !important;
background-color: #bcbdb7;
}

.pa-fld1, .pa-fld2, .pa-fld3 {text-align: center;}

.pa-fld1 {
padding: 15px 15px 1px;
margin-top: 20px !important;
}
.pa-fld2 {padding: 1px 15px;}
.pa-fld3 {padding: 1px 15px 4px;}
.pa-fld4 {
padding: 12px 0 10px 0;
margin-top: -1px !important;
}

/* названия доп. полей */
.pa-fld1 .fld-name, .pa-fld2 .fld-name, .pa-fld3 .fld-name {
font-weight: 600;
font-family: ModernistOne, Tahoma, sans-serif;
font-size: 14px;
}

/* украшение доп. полей */
.pa-fld1:before {
content: '';
display: block;
pointer-events: none;
position: absolute;
top: 0px;
right: 0px;
width: 100%;
height: 12px;
transform: scale(-1, -1);
margin: 0px;
background: url(https://forumstatic.ru/files/001a/83/7c/67570.jpg) 0px -7px repeat-x #bcbdb7;
}

.pa-fld1:after {
content: '';
display: block;
position: absolute;
pointer-events: none;
z-index: 9;
top: -16px;
right: 0px;
width: 100%;
height: 30px;
background: url(https://forumstatic.ru/files/001a/83/7c/89391.png) 50% 0px no-repeat transparent;
}



/* флажки АНКЕТА ХРОНОЛОГИЯ */
.pa-fld4 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: flex-start;
justify-content: space-evenly;
background: url(https://forumstatic.ru/files/001a/83/7c/67570.jpg) 0px -7px repeat-x;
}

.pa-fld4 .fld-name, .pa-fld4 .fld-name+br, .pa-fld4 a+br {display: none;}

.pa-fld4 a {
display: inline-block;
box-sizing: border-box;
width: 38%;
min-height: 44px;
margin: auto 2px;
padding: 8px 4px 0;
font-size: 0px;
background: url(https://forumstatic.ru/files/001a/83/7c/13710.jpg) 0px 0px repeat;
background-color: var(--bgh2);
clip-path: polygon(0 0, 100% 0%, 100% 75%, 50% 100%, 0 75%);
}

.pa-fld4 a:before {
display: block;
font-family: ModernistOne, Tahoma, serif;
font-size: 15px;
letter-spacing: 0.05em;
text-transform: uppercase;
}

.pa-fld4 a:before {
content: "Анкета";
color: #efc19a;
text-shadow: 0px 0px 3px #181614, 0 0 8px #dd2c09, 0 0 12px #591a0e;
}
.pa-fld4 a:last-child:before {content: "Хроники";}
.pa-fld4 a:hover:before {color: #ffd89b; text-shadow: 0px 0px 3px #181614, 0 0 6px #c6380b, 0 0 10px #e42e13;}


/**************************************************************/


/* ТЕКСТ СООБЩЕНИЯ-ПОСТА */
.post-body {
line-height: 1.5;
position: relative;
padding-left: 16px;
padding-right: 0px;
margin-left: var(--prwid);
}

.post-box {
position: relative;
padding: 0px 10px;
text-align: justify;
}

.punbb .post-content {width: 100%; padding: 0; margin: 0;}

/* ссылки под постом */
.post-links {
text-align: right;
margin: 12px 0px 4px;
font-family: Magic, Georgia, sans-serif;
font-size: 13px;
font-weight: 400;
letter-spacing: 0.02em;
text-shadow: 0 0 1px #ada695;
}


.post-links li {
display: inline-block;
position: relative;
padding: 0px 4px 0px;
background: transparent;
-webkit-transition: 0.25s linear;
-moz-transition: 0.25s linear;
transition: 0.25s linear;
}

.pl-email, .pl-website {float: left;}


/*** ОТКЛЮЧАЕМ всякое в полях профиля ***/
.pa-positive,
.pa-sex,
.pa-from,
.pa-time-visit,
.pa-reg,
.pa-age,
.pa-invites,
.pa-gifts,
.post-links li.pl-share,
.pl-share,
.pl-reports,
li.pl-reports {display: none;}


/* Отступы для абзацев, таблички */
.post-content p {padding: 0 0 0.6em 0;}
.punbb .post-content tbody {vertical-align: middle;}

.punbb .post-content td {
display: table-cell;
border-width: 0px !important;
border-color: transparent;
border-style: none !important;
padding: 0;
height: auto;
overflow: hidden;
}


/*** РЕПУТАЦИЯ внутренний отступ ***/
#pun-respect #pun-main .container, #pun-positive #pun-main .container {padding: 6px 14px 0;}


/* подпись - разделитель и текст */
.post-sig dt {
display: block;
height: 1px;
width: 90%;
margin: 1.5em auto 1.1em;
opacity: 1;
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, #979694 25%, #979694 75%, rgba(255, 255, 255, 0) 100%);
}
.post-sig dd {font-size: 0.9em; line-height: 150%;}


/* цитата, спойлер и код */
.post-content .quote-box,
.post-content .code-box,
.post-content .hide-box {
display: flex;
flex-direction: column;
position: relative;
padding: 16px 20px;
margin: 14px 0.6em 14px 0.6em;
box-shadow: 0 0 5px rgb(0 0 0 / 8%), inset 0 0 0 1px #cccccb, inset 0 0 1px 2px #a8a7a2, inset 0 0 8px #a4a39f;
background: url(https://forumstatic.ru/files/001a/83/7c/43181.png) -13px -13px no-repeat, url(https://forumstatic.ru/files/001a/83/7c/43181.png) calc(100% + 13px) -13px no-repeat, url(https://forumstatic.ru/files/001a/83/7c/43181.png) calc(100% + 13px) calc(100% + 13px) no-repeat, url(https://forumstatic.ru/files/001a/83/7c/43181.png) -13px calc(100% + 13px) no-repeat,
url(https://forumstatic.ru/files/001a/83/7c/59428.png) 100% 0px no-repeat, url(https://forumstatic.ru/files/001a/83/7c/78121.png) -88px calc(100% + 47px) no-repeat;
background-color: #c4c1ba;
border: 1px solid #8f877a;
}

.post-content .quote-box.spoiler-box {
background: url(https://forumstatic.ru/files/001a/83/7c/59428.png) 100% 0px no-repeat;
background-color: #c4c1ba;
}
.post-content .code-box {font-size: 0.8rem;}

.post-content .quote-box:after {
content: '';
display: block;
pointer-events: none;
position: absolute;
top: -9px;
right: -10px;
width: 98px;
height: 42px;
background: url(https://forumstatic.ru/files/001a/83/7c/92099.png) 0px 0px no-repeat transparent;
opacity: 0.86;
}

/* отключаем декор внутри цитаты */
.post-content .quote-box .quote-box:after {display: none;}
.post-content .quote-box.spoiler-box:after {display: none;}


/*** УБИРАЕМ ЛИШНИЙ ОТСТУП В ЦИТАТЕ ***/
.quote-box p:last-of-type, blockquote p:last-of-type, .post-content p:last-of-type {padding-bottom: 0;}

/* АВТОР цитаты, выделить код, скрытый текст */
.quote-box cite,
.code-box .legend,
.hide-box cite {
display: block;
position: relative;
margin: -16px -20px 16px -20px;
padding: 6px 1em 6px;
width: auto;
text-align: center;
font-weight: 400;
font-size: 15px;
font-family: ModernistOne, Tahoma, serif;
letter-spacing: 0.04em;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-image: linear-gradient(90deg, transparent 0%, #949182 30%, #949182 70%, transparent 100%);
border-image-slice: 1;
}


/*** максимальный скролл в блоке кода ***/
.post-content .scrollbox {
overflow: auto;
height: auto !important;
max-height: 180px;
width: 100%;
padding-bottom: 8px;
}


/***   СПОЙЛЕР   ***/
/* свернуть спойлер ссылка */
.post-content .spoiler-box>blockquote a[onclick^="clickSP"] {
margin: 8px 0px -8px auto;
padding: 2px 6px 0;
font-size: 0.75em;
font-family: Tahoma, sans-serif;
border-top: 1px solid #8e82af;
}

.spoiler-box>div[onclick]>p {margin: 0 !important; padding: 0 !important;}
.post-content .spoiler-box>blockquote.visible {overflow-x: hidden !important;}

/***   БЛОК СПОЙЛЕРА ВИДИМАЯ ЧАСТЬ   ***/
.post-content .quote-box.spoiler-box {padding: 0px;}

.post-content .spoiler-box>div {
background-image: none !important;
background-color: #c4c1ba;
padding: 13px 1em 12px 3.6em !important;
box-shadow: none;
font-weight: 400;
font-size: 0.9em;
letter-spacing: 0.02em;
display:block;
}

.post-content .spoiler-box>div.visible {
background-image: none !important;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-image: linear-gradient(90deg, transparent 0%, #979694 30%, #979694 70%, transparent 100%);
border-image-slice: 1;
}

/*** звезда на спойлере ***/
.post-content .spoiler-box>div:before {
content: '\e901';
font-family: icomoon, FontAwesome;
font-size: 15px;
position:absolute;
display: inline-block;
margin: -2px 8px auto -25px;
height: 20px;
line-height: 20px;
}

.post-content .spoiler-box>div.visible:before {
transform: rotate(45deg);
height: 20px;
line-height: 20px;
}

/* отступ открытого текста от края названия*/
.post-content .spoiler-box>blockquote {padding: 16px 20px 18px !important;}

/* html-темы */
.html-post-box {overflow:hidden;}


/**************************************************************/


/* Тему читают */
#topic-users-in {
margin: auto -0px;
padding: 0.8em 0em 0.7em;
line-height: 150%;
font-size: 1em;
font-family: ModernistOne, Verdana, Tahoma, serif;
position: relative;
}

#topic-users-in:after {
content: '';
display: block;
position: absolute;
pointer-events: none;
bottom: -18px;
right: -7px;
width: 76px;
height: 60px;
background: url(https://forumstatic.ru/files/001a/83/7c/42481.png) 0px 0px no-repeat transparent;
background-size: cover;
transform: scale(-1, -1);
opacity: 0.8;
}

#topic-users-in a {font-size: 1.1em;}
#topic-users-in a:after {content: ',';}
#topic-users-in a:last-child:after {display:none;}

/* модераторское меню */
#pun-multimove .modmenu, #pun-multidelete .modmenu, #pun-multimegre .modmenu {
padding: 1em 0 1em 25px;
text-align: right;
}

#topic-modmenu {padding: 0.5em 0 0.8em 20px;}

#mod-options option {
padding: 0 10px;
filter: brightness(1.02);
}

/* RSS Atom*/
#pun-searchtopics div.modmenu {display:none;}
#pun-viewtopic #topic-modmenu span {display:none;}
.isuser #pun-viewtopic #topic-modmenu {display:none;}

.isadmin #pun-viewtopic #topic-modmenu,
.ismoderator #pun-viewtopic #topic-modmenu {display:block;}

#topic-feed {display:none;}


/**************************************************************/


/* скрыть отредактировано от пользователя */
.isuser .lastedit, .isguest .lastedit, .pa-awards, .pa-gifts {display:none;}
.isadmin .lastedit, .ismoderator .lastedit {display:none;}

.post-content p.lastedit {
padding: 0.6em 0;
text-align: right;
font-size: 0.85em;
font-style: italic;
opacity: 0.55;
}


/* РАЗДЕЛИТЕЛЬ hr */
hr, .post-content hr {
position: relative;
margin: 0.7em auto 1em auto !important;
height: 0px;
opacity: 1 !important;
}


/* картинки и текст рядом */
.punbb .post-content img.postimg {
vertical-align: middle;
max-height: 1000px;
max-width: 100%;
width: auto;
height: auto;
}

* img {width:auto; max-width:100%; height:auto;}


/* таблица опроса*/
#poll-special div.formal.vote-result table td {width: 33%;}

#poll-special td h1 {
display: block;
margin: auto 0px;
height: 8px !important;
background-image: none;
background-color: var(--bgh2);
padding: 2px;
}

#poll-special td h1:before, #poll-special td h1:after {display: none;}
#poll-special td span {padding: 0 1em;}
#poll-special table.poll2 tr td:first-child {text-align: right !important;}
#poll-special table.poll2 tr td.tac {text-align: center !important;}

/* опрос да-нет*/
#poll-special.section.type-3 div.formal.vote-result table td {width: auto;}


/**************************************************************/


/* bb-кнопки */
#form-buttons {
padding: 5px 4px 4px;
margin: 0.2em auto;
border: 1px solid #959595;
background: rgb(226 224 220 / 12%);
}

#post-form fieldset {padding: 0.35em 0 0.625em;}
#post-form fieldset .fs-box, #pun-messages form#post {
margin: 0.2em 0em 0.3em;
padding: 0 30px;
}
#pun-messages form#post {margin: 0.2em 0em 1.1em;}
#post-form #form-buttons {
padding: 4px 4px 4px 8px;
margin: 1em 0px;
}

/* оболочка поля ответа */
textarea {
outline: none;
max-width: 100%;
line-height: 155%;
padding: 14px;
margin: 0.5em 0px 0.1em;
font-size: 1em;
}

/* расширитель */
div.grippie {filter: contrast(0.3);}

/* чтобы не плясал текст */
textarea#main-reply {
text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}


/***   СПИСОК BB-КНОПОК   ***/
.punbb .hashelp {position: relative;}

#pun_wrap #post .container[id$="-area"],
#tags .container {
display: block;
overflow: auto;
max-height: 270px;
border: 1px solid #8d7154;
text-shadow: none;
box-shadow: 0 0 6px #bbbfc2 inset, 0px 1px 5px rgba(0, 0, 0, 0.08);
background: var(--bgpun);
}

#form-buttons+#tags {position: relative;}

#tags .container {
position: absolute;
right: 6px;
top: 0px !important;
z-index: 2;
padding: 12px;
}

#tags tr {display: table-row;}

#pun-messages #post-form div.container {padding-left: 12px !important;}

#font-area div, #size-area div, #addition-area div {
height: auto !important;
padding: 4px 8px;
}

#font-area div:hover, #size-area div:hover, #addition-area div:hover {
background: var(--bgpun);
filter: brightness(1.1);
}

#image-area-tcon-computer {margin-bottom: 0.6em;}
#image-area {max-width: 430px;}

#pun #video-area-tinp, #pun #image-area-tinp {border: #6d5636 solid 1px;}

#keyboard-span input {
margin: 2px !important;
padding: 0px 10px !important;
border: 1px solid #8d7154 !important;
border-radius: 0px;
background-image: none;
background-color: var(--bgpun) !important;
box-shadow: none;
color: inherit !important;
text-shadow: none;
filter: brightness(1.08);
font-family: Arial, Helvetica, sans-serif !important;
}
#keyboard-span input:hover {filter: brightness(1.18);}


/* BB-теги  */
#form-buttons tr {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(26px, 1fr));
grid-template-rows: auto;
gap: 6px 6px;
}

#form-buttons td {
height: 26px;
font-family: 'icomoon';
font-size: 16px;
font-weight: 400;
position: relative;
opacity: 1;
color: var(--clrpun);
}

#form-buttons td:hover {
opacity: 1;
color: var(--punah);
}

#form-buttons td img {
display: inline-block;
z-index: 10;
}

#button-files_rusff, #button-graffiti_rusff {display: none !important;}

/*дополнения*/
#button-styles:before {
position: relative;
display: inline-block;
height: 26px;
width: 26px;
line-height: 26px;
top: -6px;
}

#button-styles:before {content: "\f02c";}
#form-buttons td#button-styles img {margin-left: -26px;}
#form-buttons td:before {pointer-events: none;}
#post-form .fs-box p.checkfield {padding-top: 0.8em;}


/**************************************************************/


/*** КНОПКИ ***/
/* центрируем кнопки */
#post-form .formsubmit {text-align: center;}

#imageupload-left input[type=button] {width: auto !important;}

#viewprofile-next #pa-edit a, 
input[class="button"],
input[class="button submit"],
input[type="button"], 
input[type="submit"],
.button {
margin: auto 0.2em;
padding: 4px 13px 4px !important;
text-transform: lowercase;
letter-spacing: 0.02em;
font-weight: 400 !important;
font-family: Pelagiad, Times New Roman, serif !important;
font-size: 16px;
border: 1px solid #8c785d;
border-radius: 0px;
box-shadow: inset 0px 0px 1px 1px #cbc8c4, inset 0px 0px 0px 2px #9f9b97, 0 1px 4px rgb(0 0 0 / 10%);
background: linear-gradient(5deg, #ccc9c4 0%, #bab9b3 50%, #ccc9c4 100%), #ccc9c4;
background-size: auto 280%;
background-position: 0% 0%;
cursor: pointer;
-webkit-transition: 0.25s linear;
-moz-transition: 0.25s linear;
transition: 0.25s linear;
}


/***   КНОПКИ ПРИ НАВЕДЕНИИ   ***/
#viewprofile-next #pa-edit a:hover,
input[class="button"]:hover,
input[class="button submit"]:hover,
input[type="button"]:hover,
.button:hover {
color: var(--punah) !important;
cursor: pointer;
background-position: 0% 100%;
}


/**************************************************************/


/*** АДМИНКА ***/
#pun .punbb-admin #pun-navlinks, #pun .punbb-admin #pun-ulinks {position:relative; top: 0px;}

#pun-admain {
background-color: var(--bgpun);
color: var(--clrpun);
}

.punbb-admin .linksb {
display: flex;
flex-wrap: wrap;
height: auto !important;
padding: 1em 0;
font-size: 1.1em;
}

div.adcontainer {background-color: var(--bgpun);}
#pun-adnav ul.adsubnav li {color: var(--punah) !important;}

#pun-admain h1, #pun-admain h2, #pun-admain h3, #pun-admain h4, .adformal h2, #pun-adnav h2, .adformal h2, #pun #pun-adnav h2 {
font-size: 11px !important;
font-family: Tahoma, Arial, sans-serif;
color: #c9c6c1 !important;
background-color: var(--bgh2);
}

/*для мелочи */
#pun-admain1 form.adcontainer, #pun-admain2 form.adcontainer, #pun-admain-new form.adcontainer, #pun-admain1 div.adcontainer, #pun-admain2 div.adcontainer {
padding: 16px 8px 12px !important;
}

#pun-admain span[class="adinput"] input:not([type="radio"]), #pun-admain input:not([type="radio"]), #pun-admain span[class="adinput"] input:not([type="checkbox"]), #pun-admain input:not([type="checkbox"]), #pun-admain input:not([type="submit"]), #pun-admain span[class="adinput"] label, #pun-admain textarea, #pun-admain select, #pun-admain optgroup {width: 100%;}

#pun-admain input[type="submit"], #pun-admain input[type="checkbox"], #pun-admain input[type="radio"], #pun-admain p.submitend input.button, #pun-admain input.button {width: auto !important;}

#pun-admain input[type="submit"], #pun-admain p.submitend input.button, #pun-admain input.button {font-size: 16px;width: auto;
}

#pun-admain fieldset .handle, #pun-admain fieldset p {
border-left-width: 20em;
border-color: transparent !important;
background-color: #c9c6c1 !important;
}

#pun-admain .adlabel {
margin-left: -18em !important;
width: 18em !important;
padding-left: 1em;
padding-right: 0em !important;
}

.punbb div.adminmain.post {
padding: 0 0 0 15em !important;
margin-top: 0px;
}

#pun-adnav .isactive ul.adsubnav a {border-bottom: none;}
.award-edit {margin-right: 1em !important;}
#pun-admain input, #pun-admain select {width: auto;}
#pun #pun-admain fieldset, #pun .adcontainer, #pun .adformal {border-color: transparent;}
#pun #pun-admain .adcontainer td {border-width: 0px;}

/* сервисный баннер */
.admin-advert-block {
width: 100% !important;
margin-top: 80px;
text-align: center;
}
.admin-advert-block a {color: var(--puna);}

.punbb-admin #filetable {font-size: 11px;}

input[type="checkbox"] {
border: 1px solid #8e8e8b;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding: 5px !important;
cursor: pointer;
transition: all .4s ease-in-out 0s;
height: 1em;
}

input[type="radio"] {
border: 1px solid #8e8e8b;
border-radius: 100%;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding: 5px !important;
cursor: pointer;
transition: all .2s ease-in-out 0s;
height: 1em;
}

input[type="checkbox"]:checked, input[type="radio"]:checked {
height: 1em;
background: #302f29 !important;
}


/**************************************************************/


/* страница нет новых сообщений */
h1+div.info {
padding: 1.2em 2em 1.2em;
}

/* заплатки для страницы регистрации */
form#register div.info-box {
margin: 0.2em 1.35em 0.3em;
text-align: justify;
}

form#register div.info-box p {
padding: 0 0 0.9em 0;
line-height: 140%;
}

/* списки на страницах VIP */
#forum-vip ul li,
#forum-foundation ul li {
list-style-type: disc;
padding-bottom: 0.5em;
margin-left: 2em;
}

#pun-help h3 {
margin: 1.2em auto;
width: 80%;
}

#pun-help p {padding-bottom: 0.8em;}
#pun-help dl, #pun-help ul {padding-bottom: 0.6em;}
#pun-help dl dt, #pun-help ul li {padding: 0 0 0.6em 1em;}
#pun-help dd {padding: 0 0 2em 1em;}


/**************************************************************/


/*** ВСПЛЫВАЮЩИЕ ОКНА ***/
.modal-inner, .inner {
padding: 20px 20px;
color: var(--clrpun);
background: url(https://forumstatic.ru/files/001a/83/7c/34952.jpg) 50% 0% repeat border-box;
background-color: var(--bgpun);
border: 1px solid #a8a7a2 !important;
box-shadow: inset 0 0 0 1px #e1e0dc, inset 0 0 0 2px #b4b3b0, 0 1px 8px rgb(33 33 33 / 65%), inset 0 0 8px 2px #bcbfc0 !important;
}

#pun .pun-modal .container {overflow: hidden;}

#pun .pun-modal .closer {
font-family: Verdana, sans-serif;
font-size: 18px !important;
margin-right: 4px !important;
}

.inner td {vertical-align: top;}

/* перемещение сообщений */
#move_posts_form thead tr, #move_posts_form tbody tr {
padding-right: 8px;
border-bottom: 1px solid rgba(7, 10, 14, 0.16);
display: grid !important;
align-items: center;
grid-template-columns: 1fr auto;
justify-items: start;
}

#pun #pun-report .bg, #pun #pun-reputation .bg, #pun #pun-admin-award-form .bg {
background-color: #111;
}


/**************************************************************/


/***   ЗАКЛАДКИ   ***/
#BookmCntToggle {
top: 12px !important;
color: var(--bgh2) !important;
background: var(--bgpun) !important;
height: 26px !important;
width: 26px !important;
z-index: 11 !important;
}
#MyBookmarks {
margin-top: 80px;
background: var(--bgpun);
min-height: 150px;
max-height: 500px;
}
#MyBookmarks h2 {
margin-top: 0px;
padding: 6px 0;
font-size: 16px;
background: var(--bgh2);
color: var(--bgpun);
}
#MyBookmarks .container {
height: auto;
overflow-y: auto;
overflow-x: hidden;
max-height: 440px;
}
.editBookmark {background-color: var(--bgpun);}


/**************************************************************/


/*** ОТСТУПЫ РАЗНЫХ БЛОКОВ ***/
#pun-stats li.item5.onlinelist {padding: 14px 20px 4px;}
#pun-stats li.item5.users_24h {padding: 12px 20px 8px;}
#pun-status {padding: 0 20px;}
#viewprofile div.container table {
margin: auto 20px;
width: calc(100% - 40px);
}
#pun-userlist .usertable, #pun-online div.online-list,
.linkst, .linksb, div.modmenu,
#pun-viewforum #pun-main div.container, #pun-searchtopics #pun-main div.container,
#topic-users-in,
#punbbsearch.container,
#userlist.container,
#pun-movetopic fieldset, #pun-movetopic p.formsubmit {
padding-left: 26px;
padding-right: 26px;
}
#pun-delete p.formsubmit {margin: 0.8em 22px;}

#pun-messages form#messages {
margin-left: 200px;
padding-left: 20px;
padding-right: 20px;
}

#pun-announcement div.container {padding-left: 0px; padding-right: 0px;}



/**************************************************************/


/*** СТРЕЛКИ ***/
.topbot {
position: absolute;
right: -22px;
z-index: 4;
display: block;
}
.go-up,
.go-down {
-webkit-transition: 0.22s linear;
-moz-transition: 0.22s linear;
transition: 0.22s linear;
cursor: pointer;
display: none;
position: fixed;
z-index: 12;
box-sizing: border-box;
text-align: center;
font-family: Tahoma, Verdana, sans-serif;
font-size: 0px;
line-height: 200%;
overflow: hidden;
background-color: transparent;
}
.go-up {
width: 30px;
height: 60px;
bottom: calc(30% + 120px);
background: url(https://forumstatic.ru/files/001a/83/7c/16083.png) 0% 0% no-repeat;
}
.go-down {
width: 30px;
height: 60px;
bottom: 30%;
margin-left: 7px;
background: url(https://forumstatic.ru/files/001a/83/7c/16083.png) 0% 100% no-repeat;
}
.go-down:hover, .go-up:hover {filter: brightness(1.15);}


/*** РЕАКЦИИ ***/
/* .reactions-root, .reactions-container {display: none;} */
#pun .post-body .reactions-container {justify-content: flex-end; margin-right: -8px;}
#pun .post-body .reaction-picker-panel {right: 0;}
#pun .post-body .emoji-mart {
border: 1px solid #8d7154;
border-radius:0px;
background:var(--bgpun);
box-shadow: 0 0 6px #bbbfc2 inset, 0px 1px 5px rgb(0 0 0 / 8%);
}
#pun .emoji-mart-bar {border:0px solid transparent;}
#pun .post-body .reaction-chip {
background-color: var(--bgpun); 
border: 1px solid #787872;
}
#pun .reaction-chip:not(.reaction-chip--disabled):hover {
background-color: var(--bgpun); 
filter: brightness(1.05);
}
#pun .post-body .reaction-picker-button {
border-radius: 0px; 
width: 18px; 
height: 18px; 
padding: 4px; 
margin-top: 4px;
}
#pun .post-body .reaction-chip.reaction-chip--clicked {
border: 1px solid rgb(65 65 65 / 22%); 
background: transparent; 
color: var(--clrpun);
box-shadow:none;
}
#pun .emoji-mart-search input {
margin-bottom: 6px;
color:var(--clrpun);
border: 1px solid #968e85;
box-shadow: none; border-radius: 0px;
background: #c4c1bc;
}
.nightb #pun .emoji-mart-search input {background:#d6d5d0;}
#pun .emoji-mart-category-label span {
color:var(--clrpun);
filter: brightness(1.07);
background: #c4c1bc;
border: 1px solid #968e85;
}
#pun .emoji-mart-anchor {color:var(--punah);}
#pun .emoji-mart-anchor:hover, .emoji-mart-anchor:focus, .emoji-mart-anchor-selected {color:var(--puna);}
#pun .emoji-mart-anchor-selected {color:var(--puna)!important;}
#pun .emoji-mart-anchor-bar {background-color:var(--puna)!important;}


/**************************************************************/


/*** MOBILE STYLE ***/


@media screen and (max-width: 1000px) {
body {background:url(https://forumstatic.ru/files/001a/83/7c/12574.jpg) 50% 0% repeat-y;}

#pun {width: 100%; max-width: 1000px; padding: 0 0 20px;}

#pun-index .category h2 .catleft {
left: 0px;
background-size: cover !important;
background: url(https://forumstatic.ru/files/001a/83/7c/81207.png) 7px 0px no-repeat transparent;
}

.nightb #pun-index .category h2 .catleft {
left: 0px;
background-size: cover !important;
background: url(https://forumstatic.ru/files/001a/83/7c/36316.png) 7px 0px no-repeat transparent;
}

#pun-index .category h2 .catright {
right: 0px;
background-size: cover !important;
background: url(https://forumstatic.ru/files/001a/83/7c/92099.png) 8px 0px no-repeat transparent;
}

.nightb #pun-index .category h2 .catright {
right: 0px;
background-size: cover !important;
background: url(https://forumstatic.ru/files/001a/83/7c/61896.png) 8px 0px no-repeat transparent;
}

#pun-stats h2:before {
left: 0px;
background-size: cover !important;
background: url(https://forumstatic.ru/files/001a/83/7c/81207.png) 7px 0px no-repeat transparent;
}

.nightb #pun-stats h2:before {
left: 0px;
background-size: cover !important;
background: url(https://forumstatic.ru/files/001a/83/7c/36316.png) 7px 0px no-repeat transparent;
}

#pun-stats h2:after {
right: 0px;
background-size: cover !important;
background: url(https://forumstatic.ru/files/001a/83/7c/42481.png) -7px 0px no-repeat transparent;
}

.nightb #pun-stats h2:after {
right: 0px;
background-size: cover !important;
background: url(https://forumstatic.ru/files/001a/83/7c/85706.png) -7px 0px no-repeat transparent;
}

.obniz:before {
left: 0px;
background-size: cover !important;
background: url(https://forumstatic.ru/files/001a/83/7c/42481.png) -7px 0px no-repeat transparent;
}

.nightb .obniz:before {
left: 0px;
background-size: cover !important;
background: url(https://forumstatic.ru/files/001a/83/7c/85706.png) -7px 0px no-repeat transparent;
}

.obniz:after {
right: 0px;
background-size: cover !important;
background: url(https://forumstatic.ru/files/001a/83/7c/81207.png) 7px 0px no-repeat transparent;
}

.nightb .obniz:after {
right: 0px;
background-size: cover !important;
background: url(https://forumstatic.ru/files/001a/83/7c/36316.png) 7px 0px no-repeat transparent;
}

#topic-users-in:after,
.nightb #topic-users-in:after {
right: 0px;
background-size: cover !important;
background: url(https://forumstatic.ru/files/001a/83/7c/42481.png) -7px 0px no-repeat transparent;
}

.topbot {right: 22px;}
}


@media screen and (max-width: 964px) {
.ob2, .nightb .ob2 {padding: 44px 12px 40px;}
.ob2 strong, .nightb .ob2 strong {font-size: 34px;}
.ob2 em, .nightb .ob2 em {font-size: 16px;}
.ob2 p, .nightb .ob2 p {margin: 20px 0px auto;}
}


@media screen and (max-width: 840px) {
/* ЛС */
#pun-messages #profilenav {
float: none;
clear: both;
width: 100%;
position: relative;
}

#pun-messages form#messages {margin-left: 0px;}

.obj {
grid-template-columns: 1fr 1fr;
grid-template-rows: auto 1fr;
justify-items: stretch;
height: 302px;
background: url(https://forumstatic.ru/files/001a/83/7c/60851.webp) 0% 3px no-repeat transparent;
}

.ob2 {
max-width: 314px;
grid-column: 1 / 2;
grid-row: 1 / 2;
height: auto;
padding: 26px 12px 0px;
background-image: none;
}

.ob1 {
max-width: 314px;
grid-row: 2 / 3;
background-image: none;
height: auto;
padding: 12px 34px 10px;
}

.ob3 {
max-width: 314px;
grid-column: 2 / -1;
grid-row: 1 / -1;
justify-self: right;
}

.obj .ob1>h7, .dadm, .ob2 p {display: none;}

.nightb .obj {
grid-template-columns: 1fr 1fr;
grid-template-rows: auto 1fr;
justify-items: stretch;
height: 302px;
background: url(https://forumstatic.ru/files/001a/83/7c/90997.webp) 0% 3px no-repeat transparent;
}

.nightb .ob2 {
max-width: 314px;
grid-column: 1 / 2;
grid-row: 1 / 2;
height: auto;
padding: 26px 12px 0px;
background-image: none;
}

.nightb .ob2 {
max-width: 314px;
grid-column: 1 / 2;
grid-row: 1 / 2;
height: auto;
padding: 26px 12px 0px;
background-image: none;
}

.nightb .ob1 {
max-width: 314px;
grid-row: 2 / 3;
background-image: none;
height: auto;
padding: 12px 34px 10px;
}

.nightb .ob3 {
max-width: 314px;
grid-column: 2 / -1;
grid-row: 1 / -1;
justify-self: right;
}

.nightb .obj .ob1>h7, .nightb .dadm, .ob2 p {display: none;}
}


@media screen and (max-width: 680px) {
#pun {
width: 100%;
max-width: 680px;
min-width: 320px;
}

.post-rating, .post-vote {font-size: 11px;}

#pun div.post-rating p {
border: 1px solid #a39c91 !important;
border-radius: 3px;
background: #c4c1ba;
}

.nightb #pun div.post-rating p {
border: 1px solid #b8b8b7 !important;
background: #d6d5d5;
}

/* иконки на навигацию */
#pun-navlinks li a:before {
overflow: hidden;
display: inline;
font-family: 'icomoon', 'fontawesome';
font-size: 0px;
}

#pun-navlinks li#navindex a:before {
content: "\e901";
}

#pun-navlinks li#navuserlist a:before {
content: "\e912";
}

#pun-navlinks li#navsearch a:before {
content: "\e910";
}

#pun-navlinks li#navprofile a:before {
content: "\e911";
}

#pun-navlinks li#navpm a:before {
content: "\e90f";
}

#pun-navlinks li#navlogout a:before {
content: "\e90d";
}

#pun-navlinks li#navregister a:before {
content: "\e904";
}

#pun-navlinks li#navlogin a:before {
content: "\e90e";
}

/* реклама */
#pun-navlinks li#navpr_1 a:before {
content: "\e903";
}
/* читатель */
#pun-navlinks li#navpr_2 a:before {
content: "\e907";
}

/*** навигация ***/
#pun-navlinks .container {
margin: 0px 0px 0px 0px;
padding: 6px 0;
}
#pun-navlinks .container {justify-content: space-evenly;}
#pun-navlinks li a span {font-size:0px; display:none;}
#pun-navlinks li a:before {
font-size: 24px;
padding: 2px 2px 2px 6px;
}
#pun-navlinks li#navadmin span, #pun-navlinks li#navadmin span:before {
font-size: 0px;
display: none;
}
#pun-navlinks li#navadmin a:before {
font-size: 26px;
content: "\e913";
font-family: 'icomoon', 'fontawesome';
}

#pun-ulinks {
text-align: center;
width: auto;
height: 36px;
padding-top: 9px;
}
#pun-ulinks .container {flex-direction: column; position: relative;}
#pun-ulinks:before {
content: 'Меню пользователя';
margin: auto;
font-family: ModernistOne, Tahoma, sans-serif;
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
letter-spacing: 0.12em;
color: #313131;
text-shadow: 0 1px 2px #d6d7d7;
}
#pun-ulinks ul {
position: absolute;
top: 5px;
width: 92%;
margin-left: 4%;
z-index: 10;
padding: 0 10px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
border: 1px solid #83827e;
text-shadow: none;
box-shadow: 0 0 6px #aaa7a2 inset, 0px 1px 5px rgb(0 0 0 / 8%);
background: var(--bgpun);
}
#pun-ulinks:hover ul {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
}
#pun-ulinks li {padding-right: 0; margin: auto 0px;}
#pun-ulinks ul li a {
padding: 8px 4px;
margin: 3px 0px 0px;
display: block;
font-size: 14px;
border-bottom: 1px solid #9f9e99;
}
#pun-ulinks ul li:last-child a {
margin-bottom: 2px;
border-bottom: 0px solid transparent;
}
#pun-ulinks li:nth-child(3), #pun-ulinks li.item5 {display: none;}

#pun-navlinks .container {flex-wrap: nowrap;}
#pun-navlinks li {padding: 0 4px;}

select {width: 100%;}

#pun .post-body div.html-post-box {overflow: hidden;}

/* предпросмотр профиля*/
#viewprofile div.container table {margin: auto; width: 100%;}

#profile-right {padding: 0 6px !important;}
#profile-right li {margin: 1em 0.3em 0em;}
#viewprofile-next #viewprofile .container tr {display: flex; flex-direction: column;}
#profile-left {width: 100% !important; padding-bottom: 6px !important;}

/* главная страница */
#pun-index .category tr {
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
grid-template-areas:
"lone lone"
"ltwo lthree"
"lfour lfour";
padding: 14px 8px 4px 8px;
}

#pun-index .category tr:last-child {padding-bottom: 14px;}
.category .tcl .intd {margin: auto 16px 6px;}

#pun-index .category .tc2, #pun-index .category .tc3 {
margin: 0px;
padding: 4px 0 0;
text-align: center;
}
#pun-index .category .tcl {margin-right: 0px;}
#pun-index .category .tcr {
margin-right: 20px;
margin-left: 20px;
}

#pun-index .user-avatar {margin-right: -52px !important;}
#pun-index .user-avatar .avatar-image, #pun-index .user-avatar {
width: 36px !important;
height: 36px !important;
}

#pun-stats ul.container {
grid-template-columns: 1fr 6px 1fr;
grid-template-rows: repeat(5, auto);
grid-template-areas:
"ntemy . nrega"
"nsoob . nposl"
"nonln nonln nonln"
"nusers nusers nusers"
"nbirth nbirth nbirth";
padding: 10px 20px 0;
}
#pun-stats li.item5.onlinelist {padding: 8px 0px 4px;}
#pun-stats li.item5.users_24h {padding: 12px 0px 8px;}

/* табла внутренняя */
#pun-viewforum .category tr.isub {
grid-template-columns: 1fr;
grid-template-rows: auto auto;
}

#pun-viewforum .category tr.isub .tcl {
padding: 0 0px 4px;
border-width: 0px;
grid-column: 1 / -1;
grid-row: 1 / 2;
}

#pun-viewforum .category tr.isub .tcr {
padding: 0px 0 20px;
grid-column: 1 / -1;
grid-row: 2 / 3;
}
#pun-viewforum .category tr.isub div.icon {display: none;}


/* внутри форума */
#pun-viewforum thead, #pun-messages thead, #pun-searchtopics thead {display:none; font-size:0px;}

#pun-viewforum .forum .tc2, #pun-viewforum .forum .tc3 {display:none;}

#pun-viewforum .forum tr {
grid-template-columns: 1fr;
grid-template-rows: auto auto;
padding: 4px 0;
border-bottom: 1px solid transparent;
border-image: linear-gradient(to right, transparent 0%, rgb(91 69 41 / 20%) 20%, rgb(91 69 41 / 20%) 80%, transparent 100%);
border-image-slice: 1;
}

#pun-viewforum .forum tr:last-child {border-bottom: 0px solid transparent;}
#pun-viewforum .main td.tcl {padding: 0.7em 0.4em 0em;}

#pun-viewforum .main td.tcr {
font-size: 11px;
text-align: right;
padding: 6px 0.4em 10px 30px;
}

.intd div.icon {margin: auto 18px auto 0px;}

.forum .tcr span {margin-top: 0.2em;}

/* модерирование тем */
#pun-modviewforum .forum tr {
padding-left: 4px;
grid-template-columns: 1fr 50px;
grid-template-rows: auto auto;
border-bottom: 1px solid rgb(126 104 75 / 40%);
}

#pun-modviewforum .forum tr:last-child {border-bottom: 0px solid transparent;}

#pun-modviewforum .forum .tcl {
grid-column: 1 / 2;
grid-row: 1 / 2;
}
#pun-modviewforum .forum .tcmod {
grid-column: 2 / 3;
grid-row: 1 / 2;
}

#pun-modviewforum .forum .tcr, #pun-modviewforum .forum .tc2, #pun-modviewforum .forum .tc3 {
display: none;
}

#pun-modviewforum .modmenu {
padding-left: 4px;
padding-right: 4px;
margin: 1.4em 0.5em 0.8em 0.5em
}

/* пагинация ответить */
.linkst, .linksb {
padding-left: 12px;
padding-right: 12px;
row-gap: 10px;
}

#pun-viewforum .linkst, #pun-viewforum .linksb {
grid-template-columns: auto;
row-gap: 10px;
}

.linkst {
grid-template-columns: 1fr;
grid-template-rows: auto auto;
}
.linkst .pagelink {grid-column: 1 / -1; grid-row: 1 / 2;}
.linkst .postlink {grid-row: 2 / 3;}

#pun-viewforum .postlink.long {width: auto; padding: 0;}

/* скрываем раскрываем блоки профиля */
.post-author li, .punbb .post .post-author span.post-img-Sp {display: none;}

#pun .post-author li.pa-author, .post-author li.pa-title, .post-author li.pa-avatar {
display: block;
padding-right: 70px;
}
#pun .post-author li.pa-author {padding: 4px 70px 4px 14px !important;}
#pun .pa-author a,
.nightb #pun .pa-author a {
text-shadow: none;
color: var(--puna);
}
#pun .pa-author a:hover,
.nightb #pun .pa-author a:hover {
text-shadow: none;
color: var(--punah);
}
.post-author li.pa-title {font-size: 0.9em;}
.post-author:hover li.pa-fld1, .post-author:hover li.pa-fld2, .post-author:hover li.pa-fld3 {display: block;}
.post-author:hover li.pa-fld4 {display: flex; text-align: center;}
li.pa-fld4 a {width: 45%;}
li.pa-fld1, li.pa-fld2, li.pa-fld3, li.pa-fld4 {
margin: 0px -20px 0px !important;
width: auto;
}
li.pa-fld1 {margin-top: 12px !important;}

.post-author:hover li.pa-respect, .post-author:hover li.pa-posts {
display: inline-block;
text-align: center;
font-size: 0.85em;
}
.pa-fld1:after {display:none;}

/* автор */
#pun li.pa-author,
#pun .pa-author {
text-shadow: none;
color: var(--puna);
padding: 0;
margin: 0.2em auto 8px auto !important;
background-image: none !important;
background-color: transparent;
border: 0px solid transparent !important;
box-shadow: none;
font-size: 1.75em;
}

/* аватарка */
.post-author li.pa-avatar img {
object-fit: cover;
width: 54px;
height: 54px;
}

.post-author li.pa-avatar {
margin: auto;
padding-right: 0px;
position: absolute;
top: 12px;
right: 20px;
}

/* аватар в ЛС */
#pun-messages .post-author li.pa-avatar img {
object-fit: cover;
width: 50px;
height: 50px;
}

/* индикатор онлайн */
.post-author.online .pa-author:after {
display: inline-block;
content: '';
width: 8px;
height: 8px;
border-radius: 50%;
background-image: none;
background-color: #ff4d00;
box-shadow: inset 1px -3px 3px #860000;
transform: translateY(-8%);
margin-left: 12px;
position: relative;
top: auto;
right: auto;
}

.nightb .post-author.online .pa-author:after {
background-color: #add868;
box-shadow: inset 1px -3px 3px #2f3445;
}

/* посты, профиль, редактирование */
.punbb .post h3+.container {
grid-template-columns: 1fr;
padding: 8px 14px 8px 14px !important;
}

.post-author {
--prwid: 100%;
margin: 12px 0px 18px 0px;
padding: 12px 20px;
position: relative;
top: 0px;
float: none;
clear: both;
font-size: 1em;
text-align: left;
}

.post-author:after, .pa-author:before {display:none;}

.post-body {
grid-row: 2 / 3;
grid-column: 1 / 2;
padding-left: 0;
margin-left: 0px;
font-size: 1.2em;
}

.post-links {
grid-row: 3 / 4;
grid-column: 1 / 2;
margin: 12px 4px 4px 4px;
}

.post-links ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}

.post-links li {
margin: 2px;
padding: 2px 10px;
border: 1px solid #a39c91;
border-radius: 3px;
background: #c4c1ba;
flex: auto;
text-align: center;
}

.nightb .post-links li {
border: 1px solid #b8b8b7;
background: #d6d5d5;
}

.post-content .quote-box:after,
#topic-users-in:after {
display: none;
}


/* список просматривающих форум */
#topic-users-in {
padding: 1em 12px;
margin: auto 0px;
}

#topic-modmenu {padding: 1em 12px;}
legend {margin: auto auto 0px 0px;}
#post-form fieldset .fs-box, #pun-messages form#post {padding: 0 8px;}

/* теги поля ответа */
#tags .container {
position: static !important;
width: 100%;
max-height: 200px !important;
}

/* хлебные крошки */
p.crumbs {margin: 1.1em 14px 1em 14px;}

/***   RESPECTS PAGE   ***/
#pun-respect.punbb .main table th, #pun-positive.punbb .main table th {display:none;}

#pun-respect.punbb .main table tr, #pun-positive.punbb .main table tr {
display: flex;
flex-wrap: wrap;
padding: 6px 14px 0;
background: var(--bgpun);
}

#pun-respect.punbb .main table tr *,
#pun-positive.punbb .main table tr * {box-sizing: border-box;}

#pun-respect.punbb .main table tr .tcl,
#pun-positive.punbb .main table tr .tcl {
order: 4;
flex: 0 0 164px;
line-height: 1.4rem;
}

#pun-respect.punbb .main table tr .tc2,
#pun-positive.punbb .main table tr .tc2 {
order: 1;
flex: 0 0 20px;
font-weight: 700;
font-size: 16px !important;
line-height: 0.5rem;
}

#pun-respect.punbb .main table tr .tc3,
#pun-positive.punbb .main table tr .tc3 {
order: 2;
flex: 0 0 180px;
}

#pun-respect.punbb .main table tr .tc3+.tc3,
#pun-positive.punbb .main table tr .tc3+.tc3 {
order: 5;
flex: 0 0 100%;
font-style: italic;
padding-left: 0px;
padding-top: 0px;
border-bottom: solid 1px #9a916f;
}

#pun-respect.punbb .main table tr .tcr,
#pun-positive.punbb .main table tr .tcr {
order: 3;
flex: 1 0 auto;
}

/* список участников и активные участники */
#pun-userlist .relation,
#pun-userlist .posts,
#pun-userlist .num_posts,
#pun-userlist .user_title,
#pun-userlist .title {display: none;}

#pun-userlist .usertable tr {grid-template-columns: 1fr 0.6fr 0.6fr;}

.online-list tr {
margin-bottom: 10px;
grid-template-columns: 1fr 0.6fr;
grid-template-rows: auto auto;
border-bottom: 1px solid transparent;
border-image: linear-gradient(to right, transparent 0%, rgb(91 69 41 / 20%) 20%, rgb(91 69 41 / 20%) 80%, transparent 100%);
border-image-slice: 1;
}

.online-list tr:last-child {margin-bottom: 0px; border-bottom: 0px solid transparent;}
#pun .online-list td {padding: 0.4em 0.4em}

.online-list .tcl.username {grid-column: 1 / 2; grid-row: 1 / 2;}
.online-list .tc3 {grid-column: -2 / -1; grid-row: 1 / 2;}
.online-list .tcl.action {grid-column: 1 / -1; grid-row: 2 / 3;}

#punbbsearch.container,
#pun-userlist .usertable,
#login.container {
margin-bottom: 12px !important;
}

/* активные темы */
#pun-searchtopics .tc2, #pun-searchtopics .tc3 {display: none;}

#pun-searchtopics tr {
grid-template-columns: 1fr;
grid-template-rows: auto auto;
padding: 5px 0;
border-bottom: 1px solid transparent;
border-image: linear-gradient(to right, transparent 0%, rgb(91 69 41 / 20%) 20%, rgb(91 69 41 / 20%) 80%, transparent 100%);
border-image-slice: 1;
}

#pun-searchtopics tr:last-child {border-bottom: 0px solid transparent;}
#pun-searchtopics .tcl {grid-column: 1 / -1; grid-row: 1 / 2;}
#pun-searchtopics .tcr {
grid-column: 1 / -1;
grid-row: 2 / -1;
text-align: right;
padding-right: 40px !important;
font-size: 0.9em;
}
#pun-searchtopics .forum td {padding: 0.4em;}

#pun .punbb .user-avatar {
float: right;
margin: 0px 0px 2px 14px !important;
}

#pun #pun-userlist.punbb .user-avatar {
float: left;
margin: 0px 14px 2px 0px !important;
}

/* ЛС */
#pun #messages td {padding: 0.4em 0.4em;}

#messages .fs-box tr {
grid-template-columns: 1fr 0.7fr 40px;
grid-template-rows: auto auto;
padding: 7px 0;
}

#messages .tcl.pmtcl1 {grid-column: 1 / 3; grid-row: 1 / 2;}
#messages .tc2.pmtc24 {grid-column: -2 / -1; grid-row: 1 / 2;}
#messages .tc2.pmtc22 {grid-column: 2 / -1; grid-row: 2 / 3;}
#messages .tc3.pmtc33 {grid-column: 1 / 2; grid-row: 2 / 3;}

#messages legend {display: none;}

/* профиль */
#profile>.container {margin-left: 18px;}

#profilenav {
width: 100%;
float: none;
clear: both;
margin-top: 4px;
margin-left: 0px;
margin-right: 0px;
background: var(--bgpun);
}
#profilenav ul li {display: inline-block;}

span.input input {margin-bottom: 6px;}

#viewprofile-next #profilenav {display: none;}

/* страница поиска */
form#userlist p.inputfield,
form#userlist p.selectfield,
form#punbbsearch p.inputfield,
form#punbbsearch p.selectfield {
width: 100%;
}

#punbbsearch.container,
#pun-userlist .usertable,
#login.container {
padding-left: 8px;
padding-right: 10px;
}

#pun-searchtopics #pun-main div.container,
#pun-online div.online-list,
#pun-messages form#messages {
padding-left: 16px;
padding-right: 14px;
}

#pun-edit #post {
padding-left: 10px;
padding-right: 10px;
}

#userlist.container {
padding-left: 0px;
padding-right: 0px;
}

/* шаблоны в посте */
.personne {margin-top: 30px;}
.persinfo {margin: 0px 5px auto;}
.post-content .tes1:first-of-type {margin-top: 30px;}
.tes1 .h6:before {display:none;}



/* админка */
.punbb-admin {width: 100%; max-width: 540px;}
.punbb-admin .admin-advert-block {width: 100%;}
.punbb-admin #pun-navlinks .container {
flex-direction: row;
flex-wrap: wrap;
margin: 0px !important;
}
#pun-adnav ul {display: flex; flex-wrap: wrap; flex-direction: row;}

div.adcontainer {background-color: var(--bgpun);}

.punbb div.adminmain.post {padding: 0 0 0 0em !important;}

.punbb-admin #pun-navlinks a, .punbb-admin #pun-navlinks li#navadmin span:before {
font-size: 0px;
margin: 0px;
}

.punbb-admin #pun-navlinks a:before {font-size: 24px;}
.punbb-admin #pun-navlinks li {padding: 0;}
.punbb-admin span.num_msg {font-size: 16px !important;}

.punbb-admin #pun-ulinks .container {flex-direction: column; flex-wrap: nowrap;}
.punbb-admin .adminmain {padding: 0em 0px !important;}
.punbb-admin #pun-adnav {float: none; clear: both; width: 100%; margin-left: 0em; display: block; box-sizing: border-box;}
.punbb-admin #pun-admain fieldset {padding: 0 4px 0 4px !important;}
.punbb-admin #pun-adnav li {display: inline-block;}
.punbb-admin #pun-adnav li.isactive a {color: var(--punah) !important;}
.punbb-admin #pun-admain fieldset p,
#pun-admain fieldset p,
.punbb-admin #pun-admain fieldset .handle {
border-left-width: 0em !important;
border-left: none;
padding-left: 6px;
box-sizing: border-box;
}
.punbb-admin #pun-admain fieldset p {margin-bottom: 6px;}
.punbb-admin #pun-admain2 fieldset .subforums {margin-left: 0em;}

.punbb-admin #pun-admain .adlabel {
width: 100%;
box-sizing: border-box;
display: block;
float: none;
clear: both;
margin-left: 0em;
}
#pun-admain fieldset .handle, #pun-admain fieldset p {border-left-width: 0em !important;}
#pun-admain .adlabel {margin-left: 0em !important; width: 100% !important;}
.punbb-admin #pun-admain .adinput {padding: 0px 26px 0 0 !important;}
.punbb-admin #pun-admain span.adsubmit {
position: relative;
display: block;
left: 1em !important;
margin-bottom: 6px;
}
.punbb-admin #pun-admain p.adsubmitfield span.adsubmit {top: 2px;}

#pun-admain textarea {width: 98% !important; box-sizing: border-box;}

.punbb-admin #pun-admain1 form.adcontainer,
.punbb-admin #pun-admain2 form.adcontainer,
.punbb-admin #pun-admain1 div.adcontainer,
.punbb-admin #pun-admain2 div.adcontainer {
padding: 18px 0px 12px 0px;
overflow: hidden;
}
#pun-admain1 form.adcontainer,
#pun-admain2 form.adcontainer,
#pun-admain1 div.adcontainer,
#pun-admain2 div.adcontainer {
padding-left: 0;
padding-right: 0;
}
.punbb-admin #pun-admain p span.astable label {float: none; clear: both;}
}


@media screen and (max-width: 600px) {
#MyBookmarks, #BookmCntToggle {display: none !important;}

/* объявление */
.obj {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto auto 1fr;
justify-items: center;
margin: auto;
padding: 26px 0 0;
max-width: 380px;
height: 302px;
background: url(https://forumstatic.ru/files/001a/83/7c/63772.webp) 50% 3px no-repeat transparent;
}

.ob1, .ob2, .ob3 {
grid-column: 1 / -1;
padding: 0px 0px 0px;
max-width: 310px;
}
.ob1 {
grid-row: 3 / -1;
padding-top: 16px;
}
.ob2 {
grid-row: 1 / 2;
padding-bottom: 16px;
}
.ob3 {
grid-row: 2 / 3;
height: auto;
background-image: none;
position: relative;
margin: auto;
}

.ob1 ul {max-height: 54px;}

.ob3:before {
display: block;
padding: 4px 0px 3px;
margin: auto;
width: 100%;
max-width: 310px;
height: 24px;
line-height: 24px;
content: 'Навигация';
font-family: ModernistOne, Tahoma, sans-serif;
text-transform: uppercase;
font-weight: 400;
font-size: 16px;
letter-spacing: 0.12em;
color: #cca379;
border-radius: 4px;
background: #501711;
box-shadow: 0 -10px 16px -6px #782419 inset, 0 0 5px rgb(0 0 0 / 25%);
}

.ob3 ul {
position: absolute;
top: 31px;
width: 92%;
margin-left: 4%;
z-index: 10;
padding: 10px 10px 4px;
height: 0px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
opacity: 0;
-webkit-transform-origin: 0 0%;
-ms-transform-origin: 0 0%;
transform-origin: 0 0%;
border: 1px solid #2f110c;
box-shadow: 0 0 6px #681e16 inset, 0px 1px 5px rgb(0 0 0 / 8%);
background: #46150e;
}

.ob3:hover ul {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
opacity: 1;
height: auto;
}

.nightb .obj {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto auto 1fr;
justify-items: center;
margin: auto;
padding: 26px 0 0;
max-width: 380px;
height: 302px;
background: url(https://forumstatic.ru/files/001a/83/7c/52618.webp) 50% 3px no-repeat transparent;
}
.nightb .ob1, .nightb .ob2, .nightb .ob3 {
grid-column: 1 / -1;
padding: 0px 0px 0px;
max-width: 310px;
}
.nightb .ob1 {
grid-row: 3 / -1;
padding-top: 16px;
}
.nightb .ob2 {
grid-row: 1 / 2;
padding-bottom: 16px;
}
.nightb .ob3 {
grid-row: 2 / 3;
height: auto;
background-image: none;
position: relative;
margin: auto;
}
.nightb .ob1 ul {max-height: 54px;}
.nightb .ob3:before {
display: block;
padding: 4px 0px 3px;
margin: auto;
width: 100%;
max-width: 310px;
height: 24px;
line-height: 24px;
content: 'Навигация';
font-family: ModernistOne, Tahoma, sans-serif;
text-transform: uppercase;
font-weight: 400;
font-size: 16px;
letter-spacing: 0.12em;
border-radius: 4px;
box-shadow: 0 -8px 10px -6px #7f89ad inset;
color: #dee0ea;
background: #40465e;
}
.nightb .ob3 ul {
position: absolute;
top: 31px;
width: 92%;
margin-left: 4%;
z-index: 10;
padding: 10px 10px 4px;
height: 0px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
opacity: 0;
-webkit-transform-origin: 0 0%;
-ms-transform-origin: 0 0%;
transform-origin: 0 0%;
border: 1px solid #191b25;
box-shadow: 0 0 6px #424a66 inset, 0px 1px 5px rgb(0 0 0 / 8%);
background: #272b3a;
}
.nightb .ob3:hover ul {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
opacity: 1;
height: auto;
}
}


@media screen and (max-width: 540px) {
#pun #pun-navlinks li#navpm span.num_msg {
font-size: 11px !important;
height: 18px;
line-height: 0px !important;
}

textarea {font-size: 1.3em;}

/* фикс для таблиц в постах */
#pun .post .post-content td, #pun #post-preview .post-content td {display: block; width: 100% !important;}
#pun .post .post-content dl.post-sig td {display: table-cell;}
#pun-messages .post-content td {display:block; width: 100% !important; box-sizing: border-box;}
#pun-messages .post-content dl.post-sig td {display: table-cell;}
}


@media screen and (max-width: 480px) {
#pun-stats ul.container {
grid-template-columns: 1fr;
grid-template-rows: repeat(7, auto);
grid-template-areas:
"ntemy"
"nsoob"
"nrega"
"nposl"
"nonln"
"nusers"
"nbirth";
}

.punbb select, .checkfield input[type="checkbox"], .radiofield input[type="radio"], .punbb .longinput input {
width: auto;
max-width: 280px;
}

/* шаблоны в посте */
.personne {padding: 15px 24px 20px 24px;}
.personne .h6 {
margin: -15px -24px 16px -24px;
padding: 17px 10px 16px 10px;
border: 1px solid #6d5636;
border-width: 1px 0 1px 0;
box-shadow: inset 0 -1px 0 0 #d7c1a9, inset 0 -2px 0 0 #91826d, inset 0 -1px 4px #adb1b5, inset 0 -2px 8px #b9c1c7, inset 0 1px 0 0 #d7c1a9, inset 0 2px 0 0 #91826d, inset 0 1px 4px #adb1b5, inset 0 2px 8px #b9c1c7;
}
.personne .h6:before {display: none;}
.m20 {top: -18px; position: relative; max-width: 170px; right: auto;}
}