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

/***   ICOMOON   ***/
@font-face {
font-family: "icomoon";
src: url("https://forumstatic.ru/files/000b/09/4f/25668.woff") format("woff"),
url("https://forumstatic.ru/files/000b/09/4f/65578.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}

@import url("https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");


@font-face {
font-family: Lora;
font-style: normal;
font-weight: 400;
src: local('Lora'), url(https://forumstatic.ru/files/000b/09/4f/78807.ttf);
}

@font-face {
font-family: Lora;
font-style: italic;
font-weight: 400;
src: local('Lora'), url(https://forumstatic.ru/files/000b/09/4f/27232.ttf);
}

@font-face {
font-family: Lora;
font-style: normal;
font-weight: 600;
src: local('Lora'), url(https://forumstatic.ru/files/000b/09/4f/64394.ttf);
}

@font-face {
font-family: Lora;
font-style: italic;
font-weight: 600;
src: local('Lora'), url(https://forumstatic.ru/files/000b/09/4f/29193.ttf);
}


/*************************шиповничек**********************************/


/*** 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 var(--pun-border-thin);
}

/* 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;
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;
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 {
--prwid: 252px;
--body-background: #181c1f;
--thumb-background: #755541;
--pun-thumb-color: #181c1f;
--pun-scroll-background: rgb(127 115 99 / 27%);
--pun-background: #d1cec6; /* #cfccc6 - холоднее */
--pun-background-light: #d1d0cd;
--pun-background-thin: rgb(219 217 212 / 35%);
--pun-background-shade: #34444b;
--pun-color: #191403;
--pun-color-thin: #6b4f4b;
--pun-color-light: #dfdfdd;
--pun-a: #355555;
--pun-a-hover: #755541;
--pun-a-author: #fcd8a3;
--pun-border: #5b6b6b;
--pun-border-bold: #363f3f;
--pun-border-thin: rgb(151 130 113 / 63%);
--message-background: #9d2509;
--pun-a-shadow: #131313;
--pun-box-shadow: 160 137 123;
}

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 {
line-height: 1.4;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
font-style: normal;
color: var(--pun-color);
background: url(https://forumstatic.ru/files/000b/09/4f/16708.webp) 0% 0% repeat, linear-gradient(348deg, var(--body-background) 54.9%, #1f2629 55%) no-repeat;
background-attachment: fixed;
background-color: var(--body-background);
}


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


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

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


/*** НАВИГАЦИЯ ***/
#pun-navlinks a {
color: var(--pun-a-author);
text-shadow: 0 0 2px var(--pun-a-shadow);
}

#pun-navlinks a:hover,
#pun-navlinks a:active {
filter: brightness(1.2);
text-shadow: 0 0 1px var(--pun-a-shadow), 0 0 3px var(--pun-a-shadow);
}

#pun-ulinks a {
color: var(--pun-a);
}

#pun-ulinks a:hover {
color: var(--pun-a-hover);
}


/*** Автор ***/
li.pa-author a,
.pa-author a,
.pa-author {
color: var(--pun-a-author);
text-shadow: 0 0 2px var(--pun-a-shadow);
}

li.pa-author a:hover,
.pa-author a:hover {
filter: brightness(1.2);
}


/* Ссылки под постом - профиль, редактирование */
.post-links a {
color: var(--pun-a);
}

.post-links a:hover {
color: var(--pun-a-hover);
}


/*** ссылки профиля ***/
#profile #profilenav li a {
color: var(--pun-a) !important;
}

#profile #profilenav li a:hover {
color: var(--pun-a-hover) !important;
}

#profile #profilenav li.isactive a {
color: var(--pun-color) !important;
padding: 0 4px;
}


/* Ссылки в статистике */
#pun-stats li.item5.onlinelist a,
#pun-stats li.item5.users_24h>div a {
color: var(--pun-a);
font-size: 12px;
}

#pun-stats li.item5.onlinelist a:hover,
#pun-stats li.item5.users_24h>div a:hover {
color: var(--pun-a-hover);
}


/*** ЦИТАТА И КОД ***/
.quote-box cite a,
.code-box .legend a {
color: var(--pun-a-author);
text-shadow: 0 0 2px var(--pun-a-shadow);
}

.quote-box cite a:hover,
.code-box .legend a:hover,
.quote-box cite a:active,
.code-box .legend a:active {
filter: brightness(1.15);
}


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

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

.punbb-admin #pun-admain li.isactive a {
color: var(--pun-color) !important;
}


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


/***   ЗАГОЛОВКИ   ***/
.punbb h2 {
position: relative;
margin: 12px auto;
padding: 0px;
letter-spacing: 1px;
text-transform: uppercase;
text-overflow: ellipsis;
text-align: center;
font-weight: 400;
font-size: 12px;
font-family: Lora, OldStandart, Tahoma, sans-serif;
}


/*** ЗАГОЛОВКИ НА ГЛАВНОЙ ***/
#pun-index .category h2,
#pun-stats h2,
#post-form h2 {
position: relative;
margin: 20px -16px 14px;
padding: 10px 20px 8px;
line-height: 100%;
letter-spacing: 2px;
font-weight: 400;
font-size: 13px;
font-family: Lora, OldStandart, Georgia, Tahoma, sans-serif;
color: var(--pun-a-author);
text-shadow: 0 0 2px var(--pun-a-shadow);
border: 0px solid var(--pun-border-thin);
border-width: 1px 0px;
box-shadow: inset 0 0 5px rgb(0 0 0 / 45%);
background: url(https://forumstatic.ru/files/000b/09/4f/16708.webp) 0% 0% repeat, radial-gradient(ellipse at 50% 0%, var(--pun-background-shade) 10%, var(--body-background) 110%);
background-color: var(--body-background);
}

#pun-stats h2 {
margin: 24px -16px 2px;
text-align: center;
line-height: 100%;
font-size: 14px;
letter-spacing: 3px;
}


#post-form h2 {
margin: 16px -16px;
padding: 10px 8px 8px;
transform: none;
letter-spacing: 1px;
}




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


/*** ЗАГОЛОВКИ ВНУТРЕННИЕ ***/
#pun-main h1 {
margin: 6px 0px 12px;
padding: 4px 10px;
font-size: 10px;
font-weight: 400;
font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
letter-spacing: 1px;
overflow: hidden;
text-align: center;
text-transform: uppercase;
text-overflow: ellipsis;
white-space: nowrap;
color: var(--pun-color-thin);
}


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


/* обнуляем всякое */
.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-color: 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: 11px;
font-style: italic;
color: var(--pun-color);
opacity: 0.65;
}

thead tr {
padding: 6px 0;
}


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

iframe {
max-width: 100%;
}


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


/***   ЦВЕТНОЙ СКРОЛЛ   ***/
-moz-* {
scrollbar-width: thin;
scrollbar-color: var(--thumb-background) var(--body-background);
}

*::-webkit-scrollbar {
width: 10px;
height: 8px;
background-color: var(--body-background);
}

*::-webkit-scrollbar-thumb {
background-color: var(--thumb-background);
}

*::-webkit-scrollbar-corner {
background-color: transparent;
}

#pun * {
scrollbar-width: thin;
scrollbar-color: var(--pun-thumb-color) var(--pun-scroll-background);
}

#pun *::-webkit-scrollbar {
width: 5px;
height: 5px;
background-color: var(--pun-scroll-background);
border-radius: 0px;
}

#pun *::-webkit-scrollbar-thumb {
background-color: var(--pun-thumb-background);
border-radius: 2px;
}

#pun *::-webkit-scrollbar-corner {
background-color: transparent;
}


/***   ХАЙЛАЙТ-ВЫДЕЛИТЕЛЬ   ***/
.post-content .highlight-text {
background-color: var(--body-background) !important;
color: var(--pun-color-light) !important;
padding: 0 6px;
}

.post-content abbr {
cursor: help;
text-decoration: underline dotted;
}


/***  ЦВЕТНОЕ ВЫДЕЛЕНИЕ ТЕКСТА  ***/
*::selection {
background-color: var(--pun-background-shade);
color: var(--pun-color-light);
}

*::-moz-selection {
background-color: var(--pun-background-shade);
color: var(--pun-color-light);
}


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


/*** поля ввода преднастройка ***/
button,
input,
optgroup,
select,
textarea {
line-height: 1;
font-size: 1em;
color: var(--pun-color);
border-radius: 0px;
border: 1px solid #ada095;
background-color: var(--pun-background-light);
}

textarea {
text-shadow: none;
border: 1px solid var(--pun-border);
background-color: var(--pun-background-thin);
box-shadow: 0 1px 4px rgb(var(--pun-box-shadow) / 25%);
}

#post-form.formal {
margin-bottom: 16px;
}


/***   ВЫПАДАЮЩЕЕ ОКНО   ***/
select {
outline: none;
padding: 5px 10px;
}


/*** поля ввода ***/
input {
outline: none;
padding: 0.5em 0.9em 0.4em;
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;
line-height: 1.6;
}

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


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

del {
background-color: transparent !important;
text-decoration: none;
opacity: 0.8;
filter: blur(2px);
}

del:hover {
text-decoration: none;
opacity: 1;
filter: blur(0px);
}


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


/***   A5.1 ТЕЛО ФОРУМА  НАЧАЛО ***/
#pun {
position: relative;
overflow-wrap: break-word;
margin: 130px auto 30px;
padding: 8px 24px 14px;
width: 1040px;
font-size: 1em;
letter-spacing: 0.015em;
color: var(--pun-color);
outline: 1px solid #272d2f;
outline-offset: 14px;
border: 1px solid var(--pun-border-bold);
box-shadow: inset 0 0 0 1px #111618, inset 0 0 2px 0px #0e0e0e, inset 0 0 0 5px #1f262b, inset 0 0 0 6px #131313, inset 0 0 0 7px #73685a, inset 0 0 0 8px #352f29, inset 0 0 4px 8px #513f28;
background: url(https://forumstatic.ru/files/000b/09/4f/16442.webp) 0% 0% repeat var(--pun-background);
background-color: var(--pun-background);
}

.punbb {
display: block;
width: auto;
}

#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: relative;
height: 0px;
margin: 0px 0px;
}


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


/***   НАВИГАЦИЯ 1 ФОРУМ УЧАСТНИКИ   ***/
#pun-navlinks {
top: -0px;
z-index: 10;
-webkit-position: sticky;
position: sticky;
height: 44px;
line-height: 1.2;
padding: 4px 30px 2px;
margin: 0px -16px 0px !important;
border: 0px solid #352f29;
border-width: 0px 0px 1px 0px;
background: url(https://forumstatic.ru/files/000b/09/4f/16708.webp) 0% 0% repeat, radial-gradient(ellipse at 50% 100%, var(--pun-background-shade) 5%, var(--body-background) 100%);
background-color: var(--body-background);
box-shadow: inset 0 0 5px rgb(0 0 0 / 50%);
}


/***   НАВИГАЦИЯ 2 АКТИВНЫЕ ТЕМЫ УВЕДОМЛЕНИЯ   ***/
#pun-ulinks {
top: 43px;
z-index: 8;
-webkit-position: sticky;
position: sticky;
padding: 10px 10px 8px;
margin: auto -16px;
width: auto;
text-transform: lowercase;
border: 0px solid var(--pun-border-thin);
border-width: 0px 0px 1px 0px;
background-color: var(--pun-background);
}


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

#pun-navlinks .container {
margin: auto;
width: auto;
height: 100%;
align-items: center;
letter-spacing: 0.02em;
text-transform: uppercase;
font-weight: 400;
font-size: 13px;
font-family: Lora, OldStandart, Tahoma, sans-serif;
}

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

#pun-navlinks li#navadmin span:before {
content: 'Админка';
display: inline;
font-size: 12px;
margin-right: -0px;
}

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

#pun-ulinks .container {
font-family: Tahoma, Trebuchet MS, Arial, sans-serif;
font-size: 11px;
}

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


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

span.num_msg:before {
top: 15px !important;
background-color: var(--message-background) !important;
}

.bubble,
.notify-bubble {
display: inline-block;
position: inherit !important;
top: 0px !important;
right: 0px !important;
margin: auto auto auto 6px !important;
padding: 1px 3px 0px 3px !important;
min-width: 8px !important;
width: auto !important;
height: auto !important;
font-weight: 400 !important;
font-size: 8px !important;
font-family: Verdana, Arial, sans-serif !important;
color: #fff !important;
text-shadow: 1px 1px 2px var(--pun-a-shadow);
background-color: var(--message-background) !important;
border-radius: 2px !important;
}

.bubble:after, .notify-bubble:after {
display: none !important;
}

#pun #notify-link .unreads {
top: -9px;
right: -14px;
height: 14px;
min-width: 14px;
font-weight: 400;
font-size: 8px;
border-radius: 2px !important;
background-color: var(--message-background);
}

#pun #post #mentions-area {
background-color: transparent;
border-color: transparent;
}



/*** ОТКЛЮЧАЕМ НАЗВАНИЯ ПОЛЕЙ И ЗАГОЛОВКИ ***/
h1.title-logo,
#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;
}


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


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

#pun-redirect .container {
width: auto !important;
}

#pun-redirect a {
transition: none;
}

.redirect-page {
background-color: var(--body-background) !important;
}

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

.redirect-page #pun {
padding: 20px 24px 20px;
text-align: center;
font-size: 11px;
background-color: var(--pun-background) !important;
}


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


/***   ФОНД И ПРИВЕТСТВИЕ   ***/
#pun-status {
display: block;
position: relative;
margin: auto 0px auto;
padding: 0px 0px;
font-size: 11px;
font-family: Trebuchet MS, Tahoma, sans-serif;
text-align: center;
}

#pun-status p.container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}

#pun-status .container span {
padding: 12px 4px;
}

/* приветствие и фонд по углам */
#pun-status .status-right {
clear: both;
float: none;
margin-left: auto;
}

#pun-status p span.item3 {
font-size: 0px;
}
#pun-status p span.item3 a {
font-size: 11px;
}


/***  аватарка в строке приветствия  ***/
.status_userava>img {
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%;
transform: scale(1.08);
}

.status_userava>img:hover {
transform: scale(1);
}

.status_userava {
display: block;
margin: auto 8px auto 0px !important;
padding: 0px !important;
width: 32px;
height: 32px;
border-radius: 2px;
overflow: hidden;
flex-basis: 32px;
flex: none;
}


/***   ХЛЕБНЫЕ КРОШКИ   ***/
p.crumbs {
margin: 12px 0px;
font-style: italic;
font-size: 12px;
font-family: Dihjauti, Tahoma, serif;
text-align: center;
}

p.crumbs a {
font-weight: 600;
font-style: normal;
}

#pun-crumbs2 {
padding-top: 16px;
}


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


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

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

/*** блок с форумами в категории ***/
#pun-index #pun-main .category .container {
position: relative;
border-width: 0px 0px;
border-radius: 0px;
background-color: transparent;
}

#pun-main .category .container {
position: relative;
}


/*** СТРОКА форум - последнее сообщение ***/
#pun-index .category tr {
position: relative;
background-color: var(--pun-background-thin);
margin: 10px 0px;
padding: 15px;
position: relative;
display: grid;
grid-template-columns: 105px 3.5fr 1.5fr;
grid-template-rows: 32px auto auto 1fr;
grid-template-areas:
". lone lfour"
"ltwo lone lfour"
"lthree lone lfour"
". lone lfour";
font-size: 1em;
border: 1px solid var(--pun-border-thin);
box-shadow: 0 1px 4px rgb(var(--pun-box-shadow) / 15%);
}

#pun-index .category tr:last-of-type {
margin-bottom: 0px;
}

#pun-index .category tbody tr:first-of-type {
margin-top: 0px;
}


/* описание форума ссылка и внутренности */
#pun-index .category .tcl {
grid-area: lone;
padding: 0 25px;
border: 1px solid var(--pun-border-thin);
border-width: 0px 1px;
}

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

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

/* последнее сообщение */
#pun-index .category .tcr {
grid-area: lfour;
align-self: center;
text-align: center;
margin: auto 0px;
padding: 12px 0px 12px 25px;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
font-size: 11px;
}

#pun-index .category .tcr em+a+br,
.lastpost-link+br {
display: none;
}

a.lastpost-link {
font-size: 12px;
}


/*** Сообщений и Тем ***/
#pun-index .tc2::before {
margin-right: 5px;
font-family: 'icomoon', 'FontAwesome', 'icon';
content: "\f02d";
}

#pun-index .tc3::before {
margin-right: 5px;
font-family: 'icomoon', 'FontAwesome', 'icon';
content: "\f0e6";
}

#pun-index .category .tc2,
#pun-index .category .tc3 {
align-self: stretch;
display: block;
justify-content: center;
flex-direction: row;
flex-wrap: nowrap;
margin: 0px 15px 0px 0px;
padding: 4px 0px;
text-align: center;
font-size: 11px;
border: 0px solid var(--pun-border-thin);
border-width: 0px 0px;
}


/***   ОФОРМЛЕНИЕ ТЕМ НА ГЛАВНОЙ   ***/
.category .tcl .intd {
font-size: 0.95em;
text-align: justify;
}


/***   ЗАГОЛОВОК-ССЫЛКА В ФОРУМ   ***/
div.tclcon h3 {
padding: 0px;
margin: auto auto 8px auto;
font-family: Tahoma, Arial, sans-serif;
font-size: 14px;
font-weight: 600;
text-align: center;
}

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


/*** МОДЕРАТОРЫ ***/
.modlist {
display: block;
padding: 6px 6px 0 6px;
text-align: center;
font-size: 11px;
font-style: italic;
opacity: 0.8;
}


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


/*** ЮЗЕР-АВАТАР ***/
.punbb .user-avatar {
width: 32px !important;
height: 32px !important;
margin: 0px 14px 2px 0px !important;
overflow: visible;
}

.punbb .user-avatar a {
display: block;
overflow: hidden;
border-radius: 2px;
}

.punbb .user-avatar .avatar-image {
width: 32px !important;
height: 32px !important;
opacity: 0.9 !important;
border-radius: 2px !important;
}

.punbb .user-avatar .avatar-image:before {
content: '';
position: absolute;
z-index: 3;
top: 0px;
left: 0px;
display: block;
width: 100%;
height: 100%;
/* mix-blend-mode: overlay;  */
opacity: 0.15;
background-color: transparent;
border-radius: 2px;
transition: 0.22s linear;
}


.punbb .user-avatar .avatar-image:hover {
border-radius: 2px !important;
opacity: 1 !important;
}

.punbb .user-avatar .avatar-image:hover:before {
opacity: 0.0;
transition: 0.22s linear;
}

#pun-index .user-avatar {
position: absolute;
top: 50%;
left: -60px;
float: none;
clear: both;
height: 40px !important;
width: 40px !important;
margin: 0px auto !important;
transform: translateY(-50%);
border-radius: 2px !important;
}

#pun-index .user-avatar .avatar-image {
position: relative;
margin: 0px auto auto 0px;
height: 40px !important;
width: 40px !important;
transform: scale(1);
opacity: 0.75;
}

#pun-index .category .tcr .user-avatar:hover .avatar-image {
transform: scale(1.1);
}


/***   ИНДИКАТОР ОНЛАЙН   ***/
.punbb .user-avatar .isonline {
z-index: 8 !important;
width: 9px !important;
height: 9px !important;
right: -3px !important;
top: -3px !important;
bottom: auto;
border: 1px solid var(--message-background);
border-radius: 50% !important;
background-color: var(--message-background) !important;
animation: blinkColor 3s 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: -4px !important;
right: -4px !important;
}


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


/*** РАЗДЕЛЕНИЕ НА 2 СТОЛБЦА РРП ***/
#pun-index .category-4 tbody.hasicon {
display: grid;
grid-template-columns: repeat(2, minmax(48%, 1fr));
grid-template-rows: auto;
gap: 6px 6px;
}

/* блоки внутри форума РРП */
#pun-index .category-4 tbody tr,
#pun-index .category-4 tbody tr:first-of-type {
grid-template-columns: 1fr 1fr;
margin: 2px;
grid-template-rows: 1fr auto max-content;
grid-template-areas:
"lone lone"
"ltwo lthree"
"lfour lfour";
}

#pun-index .category-4 .tcl {
padding: 0 0 10px 0;
border-width: 0px !important;
}

#pun-index .category-4 .tc2,
#pun-index .category-4 .tc3 {
padding: 4px 0;
margin-right: 0px;
border: 1px solid var(--pun-border-thin);
border-width: 1px 0px !important;
}

#pun-index .category-4 .tcr {
padding: 10px 0 0 0;
border-top: 0px !important;
}

/*** отступ РРП ***/
#pun-index .category-5 {
margin-top: 10px;
}

/*** иконки ***/
#pun-index .category-4 div.icon {
width: 36px;
height: 16px;
display: block;
position: relative;
float: left;
top: 2px;
left: auto;
margin: auto 6px 10px 6px;
}

/*** название и модераторы ***/
#pun-index .category-4 div.tclcon h3 {
text-align: center;
}

#pun-index .category-4 .modlist {
text-align: center;
}


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


/*** СТАТИСТИКА ***/
#pun-stats {
margin: 4px 0px 10px;
}

#pun-stats ul.container {
font-size: 11px;
padding: 12px 24px 4px;
margin: 0px 0px 12px 0px;
position: relative;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1.1fr;
grid-template-rows: auto auto auto auto auto 1fr 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.statistics {
display: none;
}


/*** выделяем цифры статистики ***/
#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: 0 10px 6px 10px;
font-family: Tahoma, Trebuchet MS, sans-serif;
text-align: center;
}

#pun-stats li.item1 span,
#pun-stats li.item2 span,
#pun-stats li.item3 span,
#pun-stats li.item4 span {
display: block;
padding-bottom: 6px;
}

/*** Заменяем слова в статистике ***/
#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: 11px;
}

#pun-stats li.item3 span:before {
content: 'Участники:';
}

#pun-stats li.item4 span:before {
content: 'Приветствуем:';
}


/*** Активны ***/
#pun-stats li.item5.onlinelist {
padding: 0 0 3px 14px;
text-align: left;
}

#pun-stats li.item5.onlinelist span {
display: block;
max-height: 106px;
overflow-y: auto;
overflow-x: hidden;
margin-top: 4px;
padding-right: 6px;
text-align: justify;
}

/* посетили за сутки */
#pun-stats li.item5.users_24h>div {
display: block;
text-align: left;
margin-top: 6px;
padding-top: 4px;
border-width: 0px 0 0 0;
}

#pun-stats li.item5.users_24h>div span {
display: block;
max-height: 126px;
overflow-y: auto;
overflow-x: hidden;
margin-top: 4px;
padding-right: 6px;
text-align: justify;
}

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


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


/* СЕРВИСНЫЙ КОПИРАЙТ */
#pun-about {
padding: 6px 6px;
text-align: right;
text-transform: lowercase;
font-size: 11px;
}

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

/* ОБЪЯВЛЕНИЕ */
#pun-announcement {
margin: 16px -0px 46px;
padding: 0 0px;
background-color: transparent;
}


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


/* легенда блоков */
legend {
margin: auto auto 0px 20px;
text-align: left;
text-transform: lowercase;
font-size: 0.9em;
font-weight: 400;
letter-spacing: 0.02em;
}

legend span {
padding: 3px 10px;
color: var(--pun-color-thin);
}

legend span:before,
legend span:after {
display: inline-block;
}

legend span:before {
content: '[';
margin-right: 3px;
}

legend span:after {
content: ']';
margin-left: 3px;
}

#post-form legend span {
background-color: transparent;
border-width: 0px;
opacity: 0.85;
}

#pun-edit legend,
legend.warntext {
padding: 10px 0;
}

/* блок с выборами или заполнениями и описаниями, список ЛС и сам пост письма*/
.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-size: 0.9em;
letter-spacing: 0.01em;
opacity: 0.85;
}

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

/* описание под полями выбора */
.punbb .fs-box p:not(.post-box p),
.punbb .fs-box fieldset {
padding: 0.3em 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: 10px;
}

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


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


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

.punbb #profile-left {
width: 30%;
text-align: center;
border: 1px solid var(--pun-border-thin);
border-radius: 2px;
background-color: var(--pun-background);
}

#profile-left li {
margin: auto 12px 8px !important;
}

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

#profile-left #profile-name strong,
#profile-left #pa-online strong {
font-weight: 600 !important;
font-size: 11px;
font-family: Trebuchet MS, Tahoma, sans-serif;
}

#profile-left #profile-name strong {
padding-top: 18px;
letter-spacing: 0em;
font-size: 15px;
}

#profile-left #profile-title {
font-size: 11px;
}

#profile-left #pa-edit {
margin-top: 20px !important;
margin-bottom: 20px !important;
}

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

/*** отделяем подпись ***/
#viewprofile #profile-signature {
padding: 12px 14px 12px 14px;
}

#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;
gap: 16px 14px;
overflow: hidden;
width: 100% !important;
}

#profile-right li {
padding: 8px 10px 12px !important;
text-align: center;
font-size: 11px;
border: 1px solid var(--pun-border-thin);
border-radius: 2px;
background-color: var(--pun-background);
}

#profile-right li span {
margin-left: auto !important;
display: block;
clear: both;
float: none !important;
text-align: center !important;
width: auto !important;
padding: 6px 12px 4px;
font-weight: 600;
font-size: 11px;
color: var(--pun-color);
}

#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>.container {
margin-left: 190px;
margin-right: 18px;
}

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


/* ПРОФИЛЬ-навигация */
#profilenav {
width: 176px;
float: left;
margin: 0px 0px 12px -190px;
padding-bottom: 16px;
text-shadow: none;
border: 1px solid var(--pun-border);
border-radius: 2px;
background-color: var(--pun-background);
}

#profilenav ul {
padding: 0px 0px;
text-align: center;
font-weight: 600;
font-size: 12px;
font-family: Trebuchet MS, Tahoma, sans-serif;
}

#profilenav li {
padding: 6px;
}


/* Заголовок предпросмотра профиля */
#profile #profilenav h2 {
margin: 0px 0px 10px !important;
padding: 10px 0px 6px 0px;
font-size: 12px;
font-weight: 600;
border: 0px solid var(--pun-border);
border-width: 0px 0px 1px 0px;
background-color: transparent;
}


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

#pun-messages #profilenav {
align-items: center;
justify-items: center;
display: block;
float: left;
margin: auto 14px 10px auto !important;
}

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



#pun-messages #profilenav h2 {
width: 100%;
margin: 18px 0px 14px !important;
}

#pun-messages #profilenav h2:last-of-type {
border-width: 1px 0px;
}

#profilenav h2 span {
padding: 0 8px;
}

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

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

#pun-messages #profilenav h2:first-child {
grid-column: 1 / 2;
grid-row: 1 / 2;
margin-top: 0px !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 18px !important;
padding: 8px 18px 8px;
font-size: 11px;
line-height: 1.1;
border: 1px solid var(--pun-border-thin);
border-radius: 2px;
background-color: var(--pun-background);
}

/* кнопка загрузки файлов */
#profile p.submitend {
padding: 14px 8px;
}

span.files-page-select {
padding-top: 12px;
}


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


/*** ОСНОВНОЙ ***/
/* Послать 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-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;
}

div.checkfield .sub {
margin-left: 16px;
}


/*** НАГРАДЫ ***/
#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:before {
content: '-';
padding: 0 5px;
}

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

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

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

/* Табличное - общее */
.usertable {
margin: 5px 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;
}

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

/* загрузки */
#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;
font-size: 12px;
}

.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;
font-size: 0.9em;
}

.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: 11px;
}

.forum .tcr span.byuser {
display: flex;
flex-direction: row;
justify-content: center;
margin-top: 0em;
}

#pun-viewforum .forum .tcr span.byuser {
display: inline-block;
}

/* внутри категории */
#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: 8px 6px 7px 34px;
border-radius: 0px;
}

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

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

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

#pun-modviewforum .modmenu .container input[type="submit"],
#pun-multimove .modmenu .container input[type="submit"] {
margin: 16px 8px 10px;
}


/* предпросмотр сообщения */
#post-preview .post-box {
margin: 1.4em auto 1.1em;
font-family: Verdana, Tahoma, sans-serif;
line-height: 1.5;
}

#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;
font-style: italic;
font-size: 11px;
}

#pun-viewforum .category tr.isub {
padding: 15px;
margin: 0px 0px 12px;
position: relative;
display: grid;
grid-template-columns: 1fr 0.5fr;
grid-template-rows: auto;
border: 1px solid var(--pun-border-thin);
background-color: var(--pun-background-thin);
}

#pun-index tr.isub {
margin: 10px 48px 10px 48px;
}

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

/*** подфорумы внутри форума ***/
#pun-viewforum .category tr.isub .tcl {
grid-row: 1 / 2;
grid-column: 1 / 2;
padding: 0px 0px;
}

#pun-viewforum tr.isub td.tcl div.tclcon h3 {
margin: auto 0px 12px 0px;
padding: 4px 16px 4px 36px;
}

#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: 8px 5px;
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;
}

/* подфорумы конкурсы мастерская */
#pun-viewforum[data-forum-id="33"] .category table tbody.hasicon,
#pun-viewforum[data-forum-id="46"] .category table tbody.hasicon,
#pun-viewforum[data-forum-id="48"] .category table tbody.hasicon,
#pun-viewforum[data-forum-id="53"] .category table tbody.hasicon {
display: grid;
grid-template-columns: repeat(2, minmax(48%, 1fr));
grid-template-rows: auto;
gap: 6px 6px;
}

#pun-viewforum .category tr#forum_f80.isub,
#pun-viewforum .category tr#forum_f81.isub,
#pun-viewforum .category tr#forum_f50.isub,
#pun-viewforum .category tr#forum_f51.isub,
#pun-viewforum .category tr#forum_f59.isub,
#pun-viewforum .category tr#forum_f72.isub,
#pun-viewforum .category tr#forum_f76.isub,
#pun-viewforum .category tr#forum_f75.isub,
#pun-viewforum .category tr#forum_f79.isub,
#pun-viewforum .category tr#forum_f32.isub,
#pun-viewforum .category tr#forum_f35.isub {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto auto;
padding: 15px 15px 8px;
}

#pun-viewforum .category tr#forum_f80.isub .tcl,
#pun-viewforum .category tr#forum_f81.isub .tcl,
#pun-viewforum .category tr#forum_f50.isub .tcl,
#pun-viewforum .category tr#forum_f51.isub .tcl,
#pun-viewforum .category tr#forum_f59.isub .tcl,
#pun-viewforum .category tr#forum_f72.isub .tcl,
#pun-viewforum .category tr#forum_f76.isub .tcl,
#pun-viewforum .category tr#forum_f75.isub .tcl,
#pun-viewforum .category tr#forum_f79.isub .tcl,
#pun-viewforum .category tr#forum_f32.isub .tcl,
#pun-viewforum .category tr#forum_f35.isub .tcl {
grid-column: 1 / -1;
grid-row: 1 / 2;
padding-bottom: 12px;
}

#pun-viewforum .category tr#forum_f80.isub .tcr,
#pun-viewforum .category tr#forum_f81.isub .tcr,
#pun-viewforum .category tr#forum_f50.isub .tcr,
#pun-viewforum .category tr#forum_f51.isub .tcr,
#pun-viewforum .category tr#forum_f59.isub .tcr,
#pun-viewforum .category tr#forum_f72.isub .tcr,
#pun-viewforum .category tr#forum_f76.isub .tcr,
#pun-viewforum .category tr#forum_f75.isub .tcr,
#pun-viewforum .category tr#forum_f79.isub .tcr,
#pun-viewforum .category tr#forum_f32.isub .tcr,
#pun-viewforum .category tr#forum_f35.isub .tcr {
grid-column: 1 / -1;
grid-row: 2 / -1;
border-top: 1px solid var(--pun-border-thin);
}


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


/*** ИКОНКИ ***/
.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: 1;
display: block;
margin: auto 12px auto 0px;
width: 12px;
height: 12px;
border: 1px solid var(--pun-border);
border-radius: 0%;
background-color: var(--pun-background);
}

.inew .intd div.icon {
opacity: 1;
border: 1px solid var(--pun-border);
background-color: var(--pun-background-shade);
}

.iclosed .intd div.icon {
opacity: 1;
border: 1px solid var(--pun-border-bold);
background-color: var(--pun-color-thin);
}

.isticky .intd div.icon {
opacity: 1;
border: 1px solid var(--pun-border);
background-color: var(--body-background);
}


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


/* иконки на главной */
#pun-index div.icon {
position: absolute;
top: 21px;
left: 15px;
display: block;
margin: auto;
width: 90px;
height: 20px;
border: 1px solid var(--pun-border-thin);
outline: none;
border-radius: 0%;
background-color: var(--pun-background);
opacity: 1;
}

#pun-index div.icon.inew {
border: 1px solid var(--pun-border);
background-color: var(--body-background);
}


/* цифры непрочитанных сообщений */
.icon[data-new-topics]:before,
.subforums span[data-new-topics]:before {
display: none;
z-index: 8;
top: -1px;
left: 50%;
transform: translatex(-50%);
margin: auto auto auto 0px !important;
opacity: 1;
font-size: 8px !important;
color: var(--pun-color-light) !important;
text-shadow: 0px 0px 2px var(--pun-a-shadow);
border-radius: 2px !important;
background-color: var(--body-background) !important;
}


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


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

.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: 18px 0px 12px;
}

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

.linksb .subscribelink {
grid-column: 1 / 2;
grid-row: -2 / -1;
justify-self: end;
text-transform: uppercase;
font-size: 10px;
}

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

.linkst,
.linksb {
font-size: 1em;
}


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

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

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

.pagelink a,
.pagelink strong {
margin: auto 2px;
padding: 2px 6px;
font-size: 11px;
text-transform: lowercase;
line-height: 100%;
border-radius: 2px;
border: 1px solid var(--pun-border);
background-color: var(--pun-background-light);
}

.pagelink strong {
font-size: 12px;
background-color: var(--pun-background-light);
}


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


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

.punbb .post h3 {
width: auto;
}


/***   ДАТА ПОСТА И НОМЕР ПОСТА   ***/
h3 span {
display: block;
position: relative;
margin: 0px 0px 0px 0px;
font-size: 11px;
font-weight: 400;
font-family: Trebuchet MS, Tahoma, sans-serif;
text-align: center;
padding: 6px 16px 4px;
}

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


h3 span .permalink,
h3 span strong,
h3 span a,
h3 span em {
background-color: transparent;
padding: 1px 12px;
}

h3 span a,
h3 span em {
padding: 0 3px;
}

h3 span strong:first-of-type {
display: inline;
float: right;
}

h3 span strong:first-of-type:before {
content: '# ';
}

/* поделиться */
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: 22px 10px 20px !important;
overflow-wrap: break-word;
}

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


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


/*** БЛОК АВТОРА ПОСТА ***/
.post-author {
position: relative;
float: left;
display: block;
margin: 0px auto 14px 0px;
padding: 10px 10px 12px;
width: var(--prwid);
align-self: start;
text-align: center;
font-size: 11px;
color: var(--pun-color-thin);
border: 1px solid var(--pun-border-bold);
border-radius: 0px;
background-color: var(--pun-background-light);
box-shadow: inset 0 0 3px 0px #dad2c3, inset 0 0 0 3px #1f262b, inset 0 0 5px 1px #513f28, 0 1px 4px rgb(var(--pun-box-shadow) / 25%);
}

.post-author ul {
padding: 0px;
background-color: transparent;
}

.post-author.online {
padding: 14px 10px 12px;
}

.post-author.online:before {
content: 'online';
display: block;
width: auto;
height: auto;
padding: 2px 10px;
position: absolute;
top: 0px;
left: 50%;
transform: translate(-50%, -50%);
text-transform: uppercase;
line-height: 1;
letter-spacing: 2px;
font-size: 8px;
color: var(--pun-color-light);
border-radius: 2px;
background-color: var(--body-background);
}


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

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

.post-author li.pa-online {
margin: 10px auto -2px auto;
font-family: Trebuchet MS, Tahoma, sans-serif;
font-size: 10px;
}

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


/***   НИКНЕЙМ   ***/
li.pa-author,
.pa-author {
position: relative;
margin: 0px -12px auto;
padding: 10px 6px 10px;
overflow-wrap: break-word;
line-height: 0.9;
text-align: center;
font-weight: 400;
/* letter-spacing: 0.02em; */
font-size: 16px;
font-family: Lora, OldStandart, Tahoma, Trebuchet MS, sans-serif;
background: url(https://forumstatic.ru/files/000b/09/4f/16708.webp) 0% 0% repeat, radial-gradient(ellipse at 50% 100%, var(--pun-background-shade) 5%, var(--body-background) 110%);
background-color: var(--body-background);
}

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


/***   СТАТУС   ***/
.pa-title,
.post-author li.pa-title,
.pa-replies {
margin: 0px auto;
padding: 10px 0px 12px;
line-height: 100%;
letter-spacing: 0.015em;
font-size: 10px;
opacity: 0.95;
}

.pa-replies {
padding: 10px 0px;
}

/***   АВАТАР   ***/
.post-author .pa-avatar {
margin: 0px -8px 12px;
line-height: 0;
position: relative;
}

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

/*** Ширина аватара ***/
#profile-left #pa-avatar img,
.post-author .pa-avatar img {
width: auto;
max-width: calc(100% + 2px);
line-height: 12px;
}


/***   РЕПУТАЦИЯ   ***/
li.pa-respect {
/* display: block; */
position: relative;
margin: 6px -7px 6px;
padding: 8px;
width: auto;
color: var(--pun-color);
border: 0px solid var(--pun-border-thin);
border-width: 1px 0px 1px 0px;
border-radius: 0px;
background-color: var(--pun-background);
/*
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
*/
display: grid;
grid-template-areas:
'rname rname rname'
'rpos rres rneg';
}

li.pa-respect .fld-name {
flex-basis: 100%;
display: flex;
justify-content: center;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
padding: 0 0 6px;
font-size: 11px;
line-height: 1;
grid-area: rname;
}

li.pa-respect a:nth-child(2) {grid-area: rpos;}
li.pa-respect a:nth-child(3) {grid-area: rneg;}
li.pa-respect .fld-name + span {grid-area: rres;}

.pa-respect a img {
display: none;
}

.pa-respect>a:before {
content: "\e9db"; /* e924 */
font-family: 'icomoon', 'icon';
font-weight: 400;
font-size: 0.9em;
color: var(--pun-a);
}

.pa-respect>a:hover:before {
color: var(--pun-a-hover);
}

.pa-respect>a:first-of-type:before {
content: "\e9da";
}


/*** ЛИЧНОЕ ЗВАНИЕ ЛЗ ***/
.pa-fld1,
.pa-fld2,
.pa-fld3,
.pa-fld4,
.pa-fld5 {
text-align: center;
}


/***   ПРЕДУПРЕЖДЕНИЯ   ***/
.post-author li.pa-fld1, .post-author li.pa-fld2 {
display: block;
position: relative;
margin: 6px -10px 6px;
padding: 4px 8px 4px;
width: auto;
line-height: 120%;
border: 0px solid var(--pun-border-thin);
border-width: 0px 0px;
border-radius: 0px;
}


/*** названия доп. полей ***/
.pa-fld2 .fld-name,
.pa-fld3 .fld-name,
.pa-fld4 .fld-name,
.pa-fld5 .fld-name {
display: none;
}


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


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

.post-box {
position: relative;
padding: 0px 10px;
font-family: Verdana, Tahoma, sans-serif;
text-align: justify;
letter-spacing: 0.02em;
}

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

/*** ссылки под постом ***/
.post-links {
margin: 12px 0px 4px;
padding: 3px 5px;
text-align: right;
letter-spacing: 0.02em;
font-size: 12px;
font-weight: 400;
font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
border: 1px solid transparent;
border-width: 1px 1px 1px 0px;
border-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, var(--pun-border-thin) 100%);
border-image-slice: 1;
}

.isguest .post-links {
display: none;
}


.post-links li {
display: inline-block;
position: relative;
margin: auto 2px;
padding: 3px 8px;
}

/*** ссылки редактирования ***/
.pl-email,
.pl-website {
float: left;
}

.pl-email.email {
display: none;
}


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


/*** Отступы для абзацев, таблички ***/
.post-content p,
#post-preview .post-content p {
margin: auto auto 1em auto;
padding: 0 0;
}

.post-content p:last-of-type,
#post-preview .post-content p:last-of-type {
margin: auto auto;
}

.post-content p:has(+ table),
#post-preview .post-content p:has(+ table),
.post-content p:has(+ ul),
#post-preview .post-content p:has(+ ul) {
margin-bottom: 0.3em;
}

.punbb .post-content ul {
padding: 0.6em 0 1em 2.2em;
}

.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.4em 8px !important;
height: auto;
overflow: hidden;
}


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

#pun-respect .tc3,
#pun-positive .tc3 {
word-break: break-word;
}


/*** подпись - разделитель и текст ***/
.post-sig {
padding: 4px 0px 14px 0px;
}

.post-sig dt {
display: block;
height: 1px;
width: 95%;
margin: 1.5em auto 1.1em;
opacity: 1;
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, var(--pun-border) 20%, var(--pun-border) 80%, rgba(255, 255, 255, 0) 100%);
background-color: transparent;
}

.post-sig dd {
font-size: 0.9em;
line-height: 150%;
}


/***   ЦИТАТА КОД СКРЫТЫЙ ТЕКСТ   ****/
.post-content .quote-box,
.post-content .code-box,
.post-content .hide-box {
display: block;
position: relative;
padding: 16px 20px;
margin: 12px 0.6em 14px 0.6em;
line-height: 1.5;
border: 1px solid var(--pun-border-thin);
border-radius: 0px;
background-color: var(--pun-background-thin);
box-shadow: 0 1px 4px rgb(var(--pun-box-shadow) / 15%);
}

.post-content .code-box {
font-size: 0.9em;
border: 0px double var(--pun-border-thin);
border-width: 1px 3px;
}

.post-content div.code-box.copied {
opacity: 0.95;
}

.post-content div.code-box.copied strong {
background-color: var(--pun-a);
}


/*** УБИРАЕМ ЛИШНИЙ ОТСТУП В ЦИТАТЕ ***/
.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: inline-block;
position: relative;
margin: 0px auto 10px -22px;
padding: 4px 22px 4px 14px;
width: auto;
text-align: center;
font-weight: 600;
font-size: 11px;
font-family: Trebuchet MS, Tahoma, sans-serif;
letter-spacing: 0.04em;
color: var(--pun-color-light);
border: 1px solid var(--pun-border-bold);
border-radius: 0px 2px 2px 0px;
background-color: var(--pun-background-shade);
}

.code-box .legend {
margin: 0px auto 10px -23px;
}

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


/***   СПОЙЛЕР   ***/
.spoiler-box>div[onclick]>p {
margin: 0 !important;
padding: 0 !important;
}

.post-content .spoiler-box>blockquote.visible {
border: 1px solid var(--pun-border-thin);
border-radius: 0px;
border-width: 1px 0 0 0;
}

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

.post-content .spoiler-box>div {
background-image: none !important;
padding: 14px 16px 14px 44px !important;
box-shadow: none;
display: block;
position: relative;
font-size: inherit;
}


/*** звезда на спойлере ***/
.post-content .spoiler-box>div:before {
content: '\f067';
font-family: icomoon, FontAwesome, 'icon';
font-size: 12px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 44px;
display: inline-block;
margin: 0px 8px auto -26px;
height: 20px;
line-height: 20px;
}

.post-content .spoiler-box>div.visible:before {
content: '\f068';
height: 20px;
line-height: 20px;
}

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

.post-content .spoiler-box>blockquote a[onclick^="clickSP"] {
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
border-top: 1px solid var(--pun-border-thin);
margin: 14px auto -10px;
padding: 3px 6px;
}



/***  РЕЙТИНГ ПОСТА  ***/
div.post-rating {
padding-top: 8px;
}
div.post-rating p {
position: relative;
z-index: 5;
}

#pun div.post-rating a,
#pun div.post-vote a {
font-size: 11px !important;
font-weight: 400;
text-align: center;
padding: 3px 8px;
margin-top: 5px;
color: var(--pun-a);
border: 1px solid var(--pun-border);
border-radius: 2px;
background-color: var(--pun-background);
}

#pun div.post-vote a {
font-size: 11px !important;
position: relative;
padding: 2px 8px 4px;
}

#pun div.post-rating a:hover,
#pun div.post-vote a:hover {
color: var(--pun-a-hover);
}

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


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


/*** Тему читают ***/
#topic-users-in {
position: relative;
margin: auto -16px;
padding: 10px 24px 8px 36px;
line-height: 150%;
font-size: 11px;
color: var(--pun-color);
border: 0px solid var(--pun-border-thin);
border-width: 1px 0px;
background-color: rgb(178 169 152 / 25%);
}

#topic-users-in a {
font-size: 12px;
}

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

#pun-multimove .modmenu strong {
margin: auto 10px;
}

#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: block;
}

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


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


/* картинки и текст рядом */
.punbb .post-content img.postimg {
vertical-align: middle;
max-height: 1400px;
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;
padding: 2px;
height: 8px !important;
background-image: none;
background-color: var(--message-background);
}

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

#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 0px 4px 4px;
margin: 0.5em 0px 0px;
}


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

/* расширитель */
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;
text-shadow: none;
border: 1px solid var(--pun-border);
border-radius: 3px;
background-color: var(--pun-background);
}

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

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

#tags tr {
display: table-row;
}

#pun #post #mentions-area {
text-shadow: none;
background-color: var(--pun-background);
}

#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-color: var(--pun-background);
filter: brightness(1.04);
}

#image-area-tcon-computer {
margin-bottom: 0.6em;
}

#image-area {
max-width: 430px;
}

#pun #video-area-tinp,
#pun #image-area-tinp {
border: 1px solid var(--pun-border);
}

#keyboard-span input {
margin: 2px !important;
padding: 2px 8px !important;
border: 1px solid var(--pun-border-thin) !important;
border-radius: 0px;
background-image: none;
background-color: var(--pun-background-light) !important;
box-shadow: none;
color: inherit !important;
text-shadow: none;
font-family: Arial, Helvetica, sans-serif !important;
font-weight: 400 !important;
}

#keyboard-span input:hover {
border: 1px solid var(--pun-border) !important;
background-color: var(--pun-background-light) !important;
}


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

#form-buttons td {
position: relative;
height: 24px;
font-family: 'icomoon', 'icon';
font-size: 15px;
font-weight: 400;
background-image: none !important;
opacity: 0.8;
}

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

#form-buttons td:before {
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

#button-font:before {
content: "\f031";
}

#button-size:before {
content: "\f034";
}

#button-bold:before {
content: "\f032";
}

#button-italic:before {
content: "\f033";
}

#button-underline:before {
content: "\f0cd";
}

#button-strike:before {
content: "\f0cc";
}

#button-left:before {
content: "\e90f";
}

#button-center:before {
content: "\e90d";
}

#button-right:before {
content: "\e910";
}

#button-link:before {
content: "\e909";
}

#button-spoiler:before {
content: "\e938";
}

#button-image:before {
content: "\f03e";
}

#button-video:before {
content: "\e94d";
}

#button-hide:before {
content: "\e92c";
}

#button-quote:before {
content: "\f27b";
}

#button-code:before {
content: "\f121";
}

#button-color:before {
content: "\e960"; /* f1fc */
}

#button-table:before {
content: "\ea71";
}

#button-smile:before {
content: "\e906";
}

#button-keyboard:before {
content: "\f11c";
}

#button-addition:before {
content: "\f0d7";
}

#button-files_rusff:before {
content: "\e90a";
}

#button-graffiti_rusff:before {
content: "\e941";
}

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


/* дополнения */
#button-transL:before {
content: "\e92b";
}

#button-indent:before {
content: "\e913";
}

#button-sticker:before {
content: "\e919" !important;
}

#button-mask:before {
content: "\e944";
}

#button-ChangeСase:before {
content: "\ea61";
}

#floatbut:before {
content: "\e953";
}

#button-voice:before {
content: "\e95b";
}


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

#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,
#pun-profile a.vip,
input[class="button"],
input[class="button submit"],
input[type="button"],
input[type="submit"],
input[name="ban"],
.button {
cursor: pointer;
-webkit-transition: 0.16s linear;
-moz-transition: 0.16s linear;
transition: 0.16s linear;
margin: auto 4px;
padding: 5px 12px 6px !important;
text-transform: lowercase;
letter-spacing: 0.06em;
font-weight: 400 !important;
font-family: Trebuchet MS, Tahoma, Arial, sans-serif !important;
font-size: 12px;
color: var(--pun-a-author);
text-shadow: 0 0 2px var(--pun-a-shadow);
border: 1px solid var(--pun-a-shadow);
border-radius: 2px;
background-color: var(--body-background);
box-shadow: inset 0 14px 7px -5px var(--pun-background-shade);
}


/***   КНОПКИ ПРИ НАВЕДЕНИИ   ***/
#viewprofile-next #pa-edit a:hover,
#pun-profile a.vip:hover,
input[class="button"]:hover,
input[class="button submit"]:hover,
input[type="button"]:hover,
input[name="ban"]:hover,
.button:hover {
cursor: pointer;
background-color: var(--pun-background-shade);
filter: brightness(1.08) contrast(1.05);
}

/*** Улучшить аккаунт ***/
#pun-profile a.vip {
display: inline-block;
}


/* кнопка отправить */
input[name="submit"],
input[id="reputationButtonSend"],
#viewprofile-next #pa-edit a {
background-color: #6d1e0c;
box-shadow: none;
}

input[name="submit"]:hover,
input[id="reputationButtonSend"]:hover,
#viewprofile-next #pa-edit a:hover {
background-color: #9d2509;
}

input[value="Кинуть Дайс"] {
float: right;
}



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


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

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

#pun.ismoderator .punbb-admin #pun-status,
#pun.isadmin .punbb-admin #pun-status {
margin: auto 0px;
}

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

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

#pun-adnav ul.adsubnav li {
color: var(--pun-a-hover) !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: 10px !important;
font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
}

#pun-admain h2 span {
background-color: transparent;
transform: translateY(0%);
}

/*для мелочи */
#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: 96%;
}

#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: 11px;
letter-spacing: 0.03em;
width: auto;
}

#pun-admain fieldset .handle,
#pun-admain fieldset p {
border-left-width: 20em;
border-color: transparent !important;
background-color: rgb(255 255 255 / 30%) !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: -110px auto auto;
text-align: center;
pointer-events: auto;
}

#pas_remember {
position: absolute !important;
text-align: center !important;
}

.admin-advert-block a {
color: var(--pun-a);
}

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

input[type="checkbox"] {
border: 1px solid var(--pun-border);
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding: 5px !important;
cursor: pointer;
transition: all .1s linear 0s;
height: 1em;
}

input[type="radio"] {
border: 1px solid var(--pun-border);
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;
border: 1px solid #1d1e1f;
background-color: var(--message-background) !important;
}


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


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

/* заплатки для страницы регистрации */
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,
#pun .modal-inner {
padding: 12px 16px;
color: var(--pun-color);
border: 1px solid var(--pun-border);
border-radius: 0px;
background-color: var(--pun-background);
}

#pun .pun-modal .container {
overflow: auto;
padding: 0.5em 0em;
}

#pun #pun-reputation .inner {
top: 42%;
}

#pun .pun-modal.rating_theme #all_voters tbody {
overflow-y: hidden;
}

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

#pun .pun-modal #all_voters figure {
width: auto;
max-width: 82px;
}

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

.inner td {
vertical-align: top;
}

#pun .pun-modal h2 {
margin: 0px auto 20px auto !important;
}


/* перемещение сообщений */
#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: rgba(0, 0, 0, 0.5);
}


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


/***   ЗАКЛАДКИ   ***/
#BookmCntToggle {
top: 10px !important;
height: 26px !important;
width: 26px !important;
z-index: 11 !important;
opacity: 0.85 !important;
color: var(--pun-background-shade) !important;
border: 1px solid var(--pun-background-shade);
background-color: var(--pun-background) !important;
}

#BookmCntToggle:hover {
opacity: 1 !important;
}

#MyBookmarks {
display: none;
margin-top: 100px;
min-height: 150px;
max-height: 460px;
border: 0px solid var(--pun-border-bold);
border-width: 1px 1px 1px 0px;
background-color: var(--pun-background);
}

#MyBookmarks h2,
#MyBookmarks h1 {
margin: 0px 0px 4px;
padding: 6px 0;
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
color: var(--pun-a-author);
text-shadow: 0 0 2px var(--pun-a-shadow);
border: 0px solid transparent;
border-width: 0px;
background: url(https://forumstatic.ru/files/000b/09/4f/16708.webp) 0% 0% repeat, radial-gradient(ellipse at 50% 0%, var(--pun-background-shade) 10%, var(--body-background) 110%);
background-color: var(--body-background);
}

#MyBookmarks h2 span {
padding: 0 0px;
display: inline-block;
background-color: transparent;
}

#MyBookmarks .container {
height: auto;
max-height: 440px;
}

#MyBookmarks inner {
padding-top: 30px;
overflow-y: auto;
}

.editBookmark {
background-color: var(--pun-background);
}

/* инфа о новом ЛС */
div.jGrowl-notification {
margin: 6px 10px 10px;
}


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


/*** ОТСТУПЫ РАЗНЫХ БЛОКОВ ***/
#pun-stats li.item5.onlinelist {
padding: 8px 20px 4px 0px;
}

#pun-stats li.item5.users_24h {
padding: 0px 0px 8px;
}

#viewprofile div.container table {
margin: auto 20px 12px;
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,
#punbbsearch.container,
#userlist.container,
#pun-movetopic fieldset,
#pun-movetopic p.formsubmit {
padding-left: 12px;
padding-right: 12px;
}

#punbbsearch.container {
padding: 10px 12px;
}

#pun-register p.formsubmit,
#punbbsearch p.formsubmit,
#pun-login p.formsubmit {
margin-left: 1.35em;
}

#pun-delete p.formsubmit,
#pun-deleteuser p.formsubmit {
margin: 0.8em 22px;
}


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

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


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


/*** СТРЕЛКИ ***/
.topbot {
position: absolute;
right: -16px;
z-index: 4;
display: block;
}

.go-up,
.go-down {
cursor: pointer;
display: none;
position: fixed;
z-index: 12;
box-sizing: border-box;
text-align: center;
font-family: Tahoma, Verdana, sans-serif;
font-size: 9px;
overflow: hidden;
width: 24px;
height: 40px;
line-height: 1;
color: var(--pun-color-light);
border: 1px solid var(--pun-border-bold);
border-radius: 2px;
background-color: var(--body-background);
opacity: 1;
}

.go-up {
padding-top: 13px;
bottom: calc(42% + 60px);
}

.go-down {
padding-top: 14px;
bottom: 42%;
}

.go-down:hover,
.go-up:hover {
color: var(--pun-a-author);
background-color: var(--pun-background-shade);
}


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


/*** РЕАКЦИИ ***/
.reactions-root {
margin-top: 8px;
}

#pun .post-body .reactions-container {
justify-content: flex-end;
margin-right: 4px;
}

#pun .post-body .reaction-picker-panel {
right: 0;
}

#pun .post-body .emoji-mart {
font-size: 11px;
border: 1px solid var(--pun-border);
border-radius: 2px;
background-color: var(--pun-background);
box-shadow: none;
}

#pun .emoji-mart-bar {
border: 0px solid transparent;
}

#pun .post-body .reaction-chip {
background-color: var(--pun-background);
border-radius: 3px;
border: 1px solid var(--pun-border-thin);
}

#pun .reaction-chip:not(.reaction-chip--disabled):hover {
background-color: var(--pun-background);
filter: brightness(1.02);
}

#pun .post-body .reaction-picker-button {
border-radius: 2px;
width: 18px;
height: 18px;
padding: 4px;
margin-top: 4px;
}

#pun .post-body .reaction-chip.reaction-chip--clicked {
color: var(--pun-color-thin);
border-radius: 3px;
border: 1px solid var(--pun-border-thin);
background-color: transparent;
box-shadow: none;
}

#pun .reactions-root .emoji-mart-search input {
margin-bottom: 6px;
font-size: 11px;
border: 1px solid var(--pun-border);
border-radius: 2px;
background-color: var(--pun-background-light);
box-shadow: none;
}

#pun .emoji-mart-category-label span {
color: var(--pun-color-thin);
border: 1px solid var(--pun-border-thin);
background-color: var(--pun-background);
}

#pun .emoji-mart-anchor {
color: var(--pun-a);
}

#pun .emoji-mart-anchor:hover,
.emoji-mart-anchor:focus,
.emoji-mart-anchor-selected {
color: var(--pun-a-hover);
}

#pun .emoji-mart-anchor-selected {
color: var(--pun-a-hover) !important;
}

#pun .emoji-mart-anchor-bar {
background-color: var(--pun-a-hover) !important;
}

#pun .reactions-root .emoji-mart-category .emoji-mart-emoji:hover:before {
background-color: rgb(244 244 244 / 65%);
}



/*************************шиповничек**********************************/

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



/***   MOBILE STYLE   ***/
@media screen and (max-width: 1080px) {
#pun {
width: auto;
max-width: 1040px;
color: var(--pun-color);
background-color: var(--pun-background);
}

#selectMobVers,
#selectDescVers {
display: block;
}

#selectDescVers {
border: 1px solid var(--pun-border-bold);
background-color: var(--body-background);
}

#selectDescVers:before {
color: var(--pun-a-author);
}

#selectMobVers {
border: 1px solid var(--pun-border-bold);
background-color: var(--body-background);
}

#selectMobVers:before {
color: var(--pun-background);
}

/***   ПЕРЕКРАСКИ   ***/
[data-theme="lylgray"] #selectDescVers:before {
color: var(--pun-a);
}

[data-theme="lylgray"] #selectMobVers:before {
color: var(--pun-color-thin);
}

[data-theme="lylsalat"] #selectDescVers:before {
color: var(--pun-a-author);
}

[data-theme="lylsalat"] #selectMobVers:before {
color: var(--pun-border-bold);
}

[data-theme="lylnavy"] #selectDescVers:before {
color: var(--pun-a-author);
}

[data-theme="lylnavy"] #selectMobVers:before {
color: var(--pun-color-thin);
}

/***   СТРЕЛКИ   ***/
.topbot {
right: -1px;
}

#chfont {
right: 31px;
}

#BookmCntToggle {
position: absolute !important;
top: -120px !important;
left: 0px !important;
}

#panel {
position: absolute;
top: -40px;
left: -249px;
}
}

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


@media screen and (max-width: 852px) {
#selectMobVers {
border: 1px solid var(--pun-border-bold);
background-color: var(--body-background);
}

#selectMobVers:before {
color: var(--pun-a-author);
}

#selectDescVers {
border: 1px solid var(--pun-border-bold);
background-color: var(--body-background);
}

#selectDescVers:before {
color: var(--pun-background);
}

/***   ПЕРЕКРАСКИ   ***/
[data-theme="lylgray"] #selectDescVers:before {
color: var(--pun-color-thin);
}

[data-theme="lylgray"] #selectMobVers:before {
color: var(--pun-a);
}

[data-theme="lylsalat"] #selectDescVers:before {
color: var(--pun-border-bold);
}

[data-theme="lylsalat"] #selectMobVers:before {
color: var(--pun-a-author);
}

[data-theme="lylnavy"] #selectDescVers:before {
color: var(--pun-color-thin);
}

[data-theme="lylnavy"] #selectMobVers:before {
color: var(--pun-a-author);
}
}

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


@media screen and (max-width: 856px) {

/* СМЕНА МЕНЮ ПОЛЬЗОВАЕЛЯ */
#pun-ulinks {
text-align: center;
width: auto;
height: 33px;
padding: 8px 30px 8px;
}

#pun-ulinks .container {
flex-direction: column;
position: relative;
}

/*
#pun-ulinks:before {
content: 'Меню пользователя';
margin: auto;
text-transform: uppercase;
font-family: Tahoma, Arial, sans-serif;
font-weight: 600;
font-size: 11px;
letter-spacing: 1px;
color: var(--pun-a);
}
*/

#pun-ulinks h2 {
display: grid;
grid-template-columns: auto auto;
grid-template-rows: 1fr;
align-items: center;
gap: 0px 8px;
position: absolute;
top: 0px;
right: 0px;
left: 0px;
margin: 0px 0px;
padding: 4px 30px 0px;
height: 30px;
width: auto;
line-height: 1;
}
#pun-ulinks h2 span {display: none;}

#pun-ulinks h2:before {
grid-column: 1 / -2;
grid-row: 1 / -1;
display: block;
content: ' \f0c9';
font-family: 'icomoon', 'FontAwesome', 'icon';
font-weight: 400;
font-size: 11px;
color: var(--pun-a);
text-align: right;
}
#pun-ulinks h2:after {
grid-column: -2 / -1;
grid-row: 1 / -1;
display: block;
padding: 2px 0px 0px 0px;
content: 'Меню пользователя';
font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
font-weight: 600;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--pun-a);
text-align: left;
}

#pun-ulinks ul {
position: absolute;
/* top: 6px; */
top: 24px;
width: 92%;
margin-left: 4%;
z-index: 10;
padding: 0 10px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
transition: 0.2s 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 var(--pun-border);
background-color: var(--pun-background);
}

#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: 7px 4px;
margin: 3px 0px 0px;
display: block;
font-size: 12px;
border-bottom: 1px solid var(--pun-border-thin);
color: var(--pun-a);
}

#pun-ulinks ul li a:hover {
color: var(--pun-a-hover);
}

#pun-ulinks ul li:last-child a {
margin-bottom: 2px;
border-bottom: 0px solid transparent;
}

#pun-ulinks li:nth-child(4),
#pun-ulinks li.item5 {
display: none;
}

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

select {
width: 90%;
}


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

#profile-right {
padding: 0px !important;
width: auto !important;
word-break: break-word;
gap: 12px 12px;
}

#viewprofile-next #viewprofile .container tr {
display: flex;
flex-direction: column;
}

#profile-left {
width: auto !important;
margin-bottom: 12px;
padding-bottom: 14px !important;
}

#viewprofile #profile-signature {
padding: 14px 0px 12px 0px;
}
}

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


@media screen and (max-width: 760px) {

/* СЖИМАЕМ МЕНЮ ФОРУМА иконки на навигацию */
#pun-navlinks li a {
font-size: 0px;
}

#pun-navlinks li a:before {
overflow: hidden;
display: inline;
font-family: 'icomoon', 'fontawesome', 'icon';
}

#pun-navlinks li#navindex a:before {
content: "\e952";
/*f015*/
}

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

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

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

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

/*
#pun-navlinks li#navadmin a:before {content: "\f012";}
*/

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

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

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

/* баннеры */
#pun-navlinks li#navextra1 a:before {
content: "\e951";
}

/* читатель */
#pun-navlinks li#navpr_1 a:before {
content: "\e938";
}

/* реклама */
#pun-navlinks li#navpr_2 a:before {
content: "\f0ea";
}

/* быстрый вход */
#pun-navlinks a#New-exit:before {
content: "\ea14" !important;
top: 50%;
}

#pun-navlinks a#New-exit {
width: 26px;
height: 26px;
margin-top: 2px !important;
margin-left: 6px;
}

#pun-navlinks .container {
margin: auto;
font-weight: 400;
justify-content: center;
gap: 0 8px;
width: 100%;
}

#pun-navlinks li a span {
font-size: 0px;
display: none;
}

#pun-navlinks li a:before {
font-size: 18px;
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 {
content: "\e927";
}


/*** ПЕРЕКРАСКА navlinks ***/
[data-theme="lylgray"] #pun-navlinks .container,
[data-theme="lylsalat"] #pun-navlinks .container {
font-weight: 400;
}


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

#pun-index .category .tc2,
#pun-index .category .tc3 {
display: none;
}

#pun-index .category .tcl {
padding: 0 0px 12px 0;
border: 1px solid var(--pun-border-thin);
border-width: 0 0px 1px 0;
}

#pun-index .category .tcl .intd {
font-size: 1em;
}

#pun-index .category .tcr {
font-size: 12px;
padding: 12px 0px 12px 0px;
text-align: right;
align-items: flex-end;
}


/* разделение на два столбца - возвращение в строки */
#pun-index .category-4 tbody.hasicon {
display: table-cell;
}

#pun-index .category-4 tbody tr,
#pun-index .category-4 tbody tr:first-of-type {
margin: 10px 0px;
padding: 14px 20px 8px;
}

#pun-index .category-4 .tcl {
border-width: 0 0px 1px 0 !important;
}

#pun-index .category-4 .tcr {
padding: 12px 0px 12px 25px;
}


/* Название ссылки в форум */
div.tclcon h3,
#pun-index .category-4 div.tclcon h3 {
text-align: left;
margin: auto auto 8px 30px;
}

#pun-index div.icon,
#pun-index .category-4 div.icon {
clear: both;
position: absolute;
margin: auto;
top: 16px;
left: 20px;
width: 16px;
height: 16px;
}

/* аватарки в категориях */
#pun-index .user-avatar .avatar-image {
display: none;
}

ul.tess {
padding: 6px 10px;
border-width: 0px;
}


/** статистика **/
#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: 14px 10px 0;
text-align: center;
}

#pun-stats li.item1,
#pun-stats li.item2,
#pun-stats li.item3,
#pun-stats li.item4 {
margin: 2px 0px;
padding: 0px 5px;
}

#pun-stats li.item1 span,
#pun-stats li.item2 span,
#pun-stats li.item3 span,
#pun-stats li.item4 span {
display: inline-block;
padding: 0 6px 0 0;
}

#pun-stats li.item5.onlinelist {
padding: 12px 0px 6px;
border-width: 0px;
}

#pun-stats li.item5.users_24h {
padding: 0px 0px 8px;
}

#pun-stats li.item5.users_24h>div span {
max-height: 140px;
overflow: auto;
margin-top: 4px;
}


/* табла внутренняя */
#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 {
grid-column: 1 / -1;
grid-row: 2 / 3;
margin-top: 6px;
padding: 8px 0 2px;
border-top: 1px solid var(--pun-border-thin);
}

#pun-viewforum .category tr.isub div.icon {
display: none;
}

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


/* внутри форума */
#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%, transparent 0%, var(--pun-border-thin) 24%, var(--pun-border-thin) 76%, transparent 100%);
border-image-slice: 1;
}

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

#pun-viewforum .main td.tcl {
padding: 8px 5px 0px;
}

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

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

.forum .tcr span {
margin-top: 2px;
}


/* аватарки у ссылки */
.punbb .user-avatar {
display: none;
}

#pun-viewforum #pun-main div.container {
padding-left: 6px;
padding-right: 6px;
}

#topic-users-in {
padding: 0.8em 10px 0.7em;
}

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

#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 -16px 0.8em -16px;
}

/* посты, профиль, редактирование */
.post-body {
padding-left: 0;
margin-left: 0px;
font-size: 13px;
}

.post-box {
padding: 0px 2px;
}

.post-body,
.post-content .quote-box,
.post-content .code-box,
.post-content .hide-box {
line-height: 1.4;
}

.punbb .post h3+.container {
padding: 4px 0px 16px 0px !important;
line-height: 1;
}


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

.post-author.online {
padding: 14px 14px;
}


.post-author ul {
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: auto 1fr auto auto;
align-items: center;
gap: 0px 8px;
margin: 0px;
}

/* скрываем раскрываем блоки профиля */
.post-author li,
.post-author li.pa-fld1,
.post-author li.pa-fld2,
.post-author li.pa-fld3,
.post-author li.pa-fld4,
.post-author li.pa-fld5 {
display: none;
}

.post-author li.pa-avatar,
.post-author li.pa-author,
.post-author li.pa-title,
.post-author li.pa-respect {
display: block;
margin: auto;
}

#pun .pa-posts {
margin: auto;
}


.post-author li.pa-avatar {
grid-column: -2 / -1;
grid-row: 2 / -1;
}

.post-author li.pa-author {
grid-column: 1 / -2;
grid-row: 2 / 3;
margin: auto 0px;
padding: 6px 4px 4px;
border-width: 0px;
background-image: none;
background-color: transparent;
box-shadow: none;
}

li.pa-author a,
.pa-author a,
.pa-author {
font-weight: 400;
font-size: 17px;
color: var(--pun-a);
text-shadow: 0 0 0 var(--pun-a);
border-width: 0px;
background-color: transparent;
box-shadow: none;
}

/* статус */
.post-author li.pa-title {
grid-column: 1 / -2;
grid-row: 3 / -2;
margin: auto 0px;
padding: 4px 0px 6px;
text-align: center;
}

.post-author li.pa-respect {
grid-column: 1 / 2;
grid-row: -2 / -1;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
border-width: 0px;
background-color: transparent;
}

#pun .pa-author a {
letter-spacing: 0em;
}

.post-author li.pa-respect {
font-size: 11px;
margin: auto 0px;
padding: 6px 0px 0px 0px;
}

li.pa-respect .fld-name {
flex-basis: auto;
display: inline-block !important;
padding: 0px 10px 0px 0px;
font-size: 11px;
}

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

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

/* ссылки редактирования поста */
.post-links {
margin: 12px 4px 4px 4px;
border-width: 0px;
}

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

.post-links li {
flex: auto;
text-align: center;
margin: 4px 3px;
border-radius: 2px;
border: 1px solid var(--pun-border-thin);
background-color: var(--pun-background);
}

.post-links li.pl-email {order: -1;}
.post-links li.pl-reports {
order: -3;
}
.post-links li.pl-reports a {
display: block;
min-height: 8px;
min-width: 8px;
font-size: 0px;
letter-spacing: 0px;
}
.post-links li.pl-reports a:before {
overflow: hidden;
display: inline;
font-size: 12px;
font-family: 'icomoon', 'fontawesome', 'icon';
content: "\f188";
}


/* подпись */
.post-sig dd {
display: none;
}

/* цитата, код, спойлер */
.post-content .quote-box,
.post-content .code-box,
.post-content .hide-box {
margin: 12px 0px 12px 0px;
padding: 12px 14px;
}

.post-content .spoiler-box>blockquote {
padding: 12px 14px !important;
}

.quote-box cite,
.code-box .legend,
.hide-box cite {
margin: 0px auto 10px -16px;
}

.code-box .legend {
margin: 0px auto 10px -17px;
}


legend {
margin: auto auto 0px 0px;
}

#post-form legend {
line-height: 2em;
}

#post-form fieldset .fs-box,
#pun-messages form#post {
padding: 0px;
}

/* пагинация */
.linkst,
.linksb {
padding-left: 0px;
padding-right: 0px;
row-gap: 12px;
}

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

.linksb .pagelink {
margin-bottom: 10px;
}

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


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

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

/***   RESPECTS PAGE   ***/
#pun-respect #pun-main .container, 
#pun-positive #pun-main .container {
padding: 0px 2px;
}

#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: grid;
grid-template-columns: 24px 0.8fr 1fr;
grid-template-rows: auto auto;
}

#pun-respect.punbb .main table tr .tc2,
#pun-positive.punbb .main table tr .tc2 {
grid-column: 1 / 2;
grid-row: 1 / 2;
}

#pun-respect.punbb .main table tr .tc3,
#pun-positive.punbb .main table tr .tc3 {
grid-column: 2 / -2;
grid-row: 1 / 2;
width: 100% !important;
}

#pun-respect.punbb .main table tr .tcl,
#pun-positive.punbb .main table tr .tcl {
grid-column: -2 / -1;
grid-row: 1 / 2;
width: 100% !important;
}

#pun-respect.punbb .main table tr .tcr,
#pun-positive.punbb .main table tr .tcr {
grid-column: 1 / -2;
grid-row: -2 / -1;
width: 100% !important;
}

#pun-respect.punbb .main table tr .tc3+.tc3,
#pun-positive.punbb .main table tr .tc3+.tc3 {
grid-column: -2 / -1;
grid-row: -2 / -1;
width: 100% !important;
}

/* список участников и активные участники */
#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;
padding: 0 0 8px 0;
grid-template-columns: 1fr 0.6fr;
grid-template-rows: auto auto;
border-bottom: 1px solid transparent;
border-image: linear-gradient(to right, transparent 0%, transparent 0%, var(--pun-border-thin) 24%, var(--pun-border-thin) 76%, 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 !important;
}

.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: 7px -10px 12px -10px !important;
}

form#userlist fieldset,
form#punbbsearch fieldset,
form#messages[method="post"] fieldset {
font-size: 12px;
padding-right: 4px;
padding-left: 4px;
}

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

#pun-searchtopics .forum tr {
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
padding: 6px 2px;
border-bottom: 1px solid transparent;
border-image: linear-gradient(to right, transparent 0%, var(--pun-border-thin) 24%, var(--pun-border-thin) 76%, transparent 100%);
border-image-slice: 1;
}

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

#pun-searchtopics .tcl {
grid-column: 1 / -1;
grid-row: 1 / 2;
padding: 8px 0px 8px !important;
}


#pun-searchtopics .tc2 {
grid-column: 1 / 2;
grid-row: 2 / -1;
padding-right: 6px !important;
font-size: 0.9em;
}

#pun-searchtopics .forum .tcr {
grid-column: 2 / -1;
grid-row: 2 / -1;
text-align: center;
padding-left: 0px !important;
padding-right: 0px !important;
}

.forum .tcr span {
font-size: 1em;
}

#pun-searchtopics .forum td {
padding: 6px 0em;
}

#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: 0px;
margin-right: 6px;
}

#pun #profilenav {
width: 100%;
float: none;
clear: both;
margin: 5px 0px 15px 0px !important;
}

#profilenav ul {
padding: 0px 10px;
font-size: 13px;
}

#profilenav ul li {
display: inline-block;
}

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

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

#userlist p.formsubmit,
#punbbsearch p.formsubmit,
#login p.formsubmit {
text-align: center;
}

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

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

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

#pun-searchtopics #pun-main div.container,
#pun-online div.online-list {
padding-left: 0px;
padding-right: 0px;
}

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

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

pre {
font-size: 0.9em;
}

/* ЧС */
.blockButton:before {
top: 0px;
left: -25px;
transform: translateY(0%);
}

/* объявление */
.nov2 {
flex-direction: column;
}

.navi1,
.navi2 {
flex-basis: 100%;
}
}

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


@media screen and (max-width: 650px) {
body,
[data-theme="lylbase"] body,
[data-theme="lylneutr"] body,
[data-theme="lylsalat"] body,
[data-theme="lylgray"] body,
[data-theme="lylnavy"] body {
background-image: none;
}

.post.topicpost .charlist {
flex-direction: column;
font-size: 11px;
}

.topbot {
right: -5px;
}

.go-up,
.go-down {
width: 20px;
}

.nov1 {
display: none;
}

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

.nov2 {
grid-column: 1 / -1;
grid-row: 2 / 3;
}

.nov4 {
max-height: 86px;
}
}

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


@media screen and (max-width: 564px) {
.punbb #pun-navlinks #form-login input {
width: auto !important;
}
}

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


@media screen and (max-width: 540px) {
.isuser #pun-status span.item2 {
display: none;
}

/* выпрямляем внутренние подфорумы */
#pun-viewforum[data-forum-id="46"] .category table tbody.hasicon,
#pun-viewforum[data-forum-id="48"] .category table tbody.hasicon,
#pun-viewforum[data-forum-id="53"] .category table tbody.hasicon,
#pun-viewforum[data-forum-id="33"] .category table tbody.hasicon {
grid-template-columns: repeat(1, minmax(48%, 1fr));
}

#pun-navlinks {
-webkit-position: relative;
position: relative;
padding: 8px 2px 4px;
}

#pun-navlinks .container {
gap: 0 6px;
}

#pun-ulinks {
-webkit-position: relative;
position: relative;
top: 0px;
}

#pun #pun-navlinks li#navpm span.num_msg {
line-height: 0 !important;
font-size: 10px !important;
}

.icon[data-new-topics]:before,
.subforums span[data-new-topics]:before {
display: none !important;
}

#MyBookmarks,
#BookmCntToggle {
display: none !important;
}

#pun .post .bookmark {
display: none;
}

/* фикс для таблиц в постах */
/* #pun .post .post-content tbody {display: block;} */
#pun .post .post-content td,
#pun #post-preview .post-content td {
display: block;
width: 100% !important;
padding: 0px !important;
}

.post-body,
.post-content .quote-box,
.post-content .code-box,
.post-content .hide-box {
line-height: 1.3;
}

#pun .post .post-content dl.post-sig {
font-size: 0.75em;
}

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

.post-content td {
padding: 0px !important;
}


.punbb div.post.toppost,
.punbb div.post.firstpost,
.punbb div.post.topicpost,
.punbb div.post {
scroll-margin: 0px 0px 0px 0px;
}


form#register .inline .inputfield {
float: none;
}

form#register {
font-size: 1.05em;
}

#pun #notify-link .unreads {
line-height: 14px;
}

#pun .notify-link {
top: 33px;
left: 74px;
}

#pun #OnOff_Notify:before {
margin-top: -6px;
margin-left: 10px;
}

textarea {
font-size: 1.3em;
}

/*** ЧС ***/
#panel {
top: -80px;
}

/*** БАННЕРЫ ***/
.twinki {
columns: 2;
-moz-columns: 2;
-webkit-columns: 2;
padding: 20px 0;
}


/* админка */
.punbb-admin {
width: auto;
max-width: 540px;
}

.punbb-admin .admin-advert-block {
width: 100%;
}

.punbb-admin #pun-navlinks .container {
flex-direction: row;
flex-wrap: wrap;
margin: 0px auto !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: 18px;
}

.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-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: 470px) {
#lylogo {
top: -128px;
}
}

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

@media screen and (max-width: 386px) {
.lyl1 a {
font-size: 34px;
}
}

@media screen and (max-width: 370px) {
#pun-navlinks li a:before {
font-size: 16px;
padding: 2px 2px 2px 2px;
}
}

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


@media screen and (max-width: 366px) {
#pun #volume-set {
float: none !important;
clear: both;
display: block;
margin-top: 14px;
}
}

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


@media screen and (max-width: 360px) {
.post-author li.pa-title {
display: none;
}

li.pa-respect .fld-name {
flex-basis: 100%;
padding: 0px 0px 8px 0px;
}

/*** БАННЕРЫ ***/
.twinki {
columns: 1;
-moz-columns: 1;
-webkit-columns: 1;
}

.lyl1 a {
font-size: 30px;
}

.lyl1 em {
font-size: 10px;
}

.lylst {
margin: auto -10px;
}
}