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

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


@font-face {
font-family: 'Kurale';
src: url('https://forumstatic.ru/files/0014/b5/22/39728.eot?'),
url('https://forumstatic.ru/files/0014/b5/22/35569.woff') format('woff'),
url('https://forumstatic.ru/files/0014/b5/22/59325.ttf') format('truetype'),
url('https://forumstatic.ru/files/0014/b5/22/87834.svg#svgFontName') format('svg');
font-weight: normal; font-style: normal;
}
@font-face {
font-family: 'Tolkin';
src: url('https://forumstatic.ru/files/001a/84/b6/18144.eot?'),
url('https://forumstatic.ru/files/001a/84/b6/18144.woff') format('woff'),
url('https://forumstatic.ru/files/001a/84/b6/18144.ttf') format('truetype'),
url('https://forumstatic.ru/files/001a/84/b6/58360.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}




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

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



/***   START   ***/
:root {
--bgbody: #1a1723; /* первый фон body */
--bgpun: #c0c0a7; /* фон pun светлый */
--bgdopf: #19252b; /* темно-синий */

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

--puna: #115c85; /* ссылки в pun */
--punah: #00865a;  /* ссылки в pun при наведении */
--clrpun: #132b34; /* цвет в pun #5d4a34 */
}

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

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

body {
padding-top:var(--logopad); 
font-family: Verdana, Tahoma, Arial, sans-serif; 
font-size: 14px; font-weight: 400; font-style: normal;
line-height: 1.4;
color: var(--clrpun);
background: url(https://forumstatic.ru/files/0019/e8/f8/77529.jpg) 50% 0% repeat-y fixed, url(https://forumstatic.ru/files/0019/e8/f8/37186.jpg) 0% 0% repeat fixed;
background-color: var(--bgbody);
}


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


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


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


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


/***   ЗАГОЛОВКИ   ***/
.punbb h2 {
-webkit-transition: 0.22s linear; -moz-transition: 0.22s linear; -o-transition: 0.22s linear; transition: 0.22s linear;
margin: 4px auto; padding: 0px; text-align: center;
font-family: Tolkin, Georgia, serif;
font-size:18px;
}

/*** ЗАГОЛОВКИ НА ГЛАВНОЙ , #post-form h2 ***/
#pun-index .category h2, #pun-stats h2 {
overflow: hidden; margin:10px 0% 2px; padding:24px 0 12px 10px;
height:68px;
line-height: 100%;
font-size: 18px;
letter-spacing: 0.05em;
color: #d9faff;
text-shadow: 0px 0px 2px #000, 0px 1px 3px #000, 0 0 8px #5aecfb, 0 0 12px #6a58de;
background: url(https://forumstatic.ru/files/0019/e8/f8/23340.png) 50% 0% no-repeat;
}
#pun-stats h2 {margin: 0px 0px -42px 12px; 
text-align:left;
font-family: Tolkin, Georgia, serif;
font-size:30px;
font-weight:600;
color: #24363e;
text-shadow:none;
border-width:0px;
background: transparent;
box-shadow: none;
} 

#pun-main h1 {
display:block; text-align:center; margin: 0.5em auto 0.8em; padding: 0px 10px; 
text-transform: uppercase; font-size: 0.9em; font-weight: 600; letter-spacing: 0.05em; font-family: Kurale, Georgia, serif;
}


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


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


/***   ВСЕ Таблички на форуме   ***/
table {width: 100%;}
thead {font-size: 11px; font-style: italic; opacity: 0.85; color:#78785a;}
thead tr {padding: 0.5em 0;}


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


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


/***   ЦВЕТНОЙ СКРОЛЛ   ***/
* {scrollbar-width: thin; scrollbar-color: #589698 rgba(0, 0, 0, 0.4);}
*::-webkit-scrollbar {width:10px; height:8px; background: rgba(0, 0, 0, 0.4);}
*::-webkit-scrollbar-thumb {background:#589698;}
*::-webkit-scrollbar-corner {background: transparent;}

#pun * {scrollbar-width: thin; scrollbar-color:#447b7f rgba(153, 148, 123, 0.5);}
#pun *::-webkit-scrollbar {width:5px; height:5px; background: rgb(153 148 123 / 50%);}
#pun *::-webkit-scrollbar-thumb {background:#447b7f; box-shadow: none; border-radius:0px;}
#pun *::-webkit-scrollbar-corner {background: transparent;}

#pun .obj .ob1, #pun .obj .ob3, #pun .debottom p {scrollbar-width: thin; scrollbar-color: #5f999c rgba(0, 0, 0, 0.22);}
#pun .obj .ob1 *::-webkit-scrollbar, #pun .obj .ob3 *::-webkit-scrollbar, #pun .debottom p::-webkit-scrollbar {width:5px; height:5px; background: rgba(0, 0, 0, 0.24);}
#pun .obj .ob1 *::-webkit-scrollbar-thumb, #pun .obj .ob3 *::-webkit-scrollbar-thumb, #pun .debottom p::-webkit-scrollbar-thumb {background: #5f999c;}
#pun .obj .ob1 *::-webkit-scrollbar-corner, #pun .obj .ob3 *::-webkit-scrollbar-corner, #pun .debottom p::-webkit-scrollbar-corner {background: transparent;}



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


/***  ЦВЕТНОЕ ВЫДЕЛЕНИЕ ТЕКСТА  ***/
::selection {background-color:#3c767a; color:#e9e7c7;}
*::-moz-selection {background-color:#3c767a; color:#e9e7c7;}


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


/*** поля ввода преднастройка ***/
button, input, optgroup, select, textarea {
font-size:1em; 
background: #c8c8ad;
border: 1px solid #a69973;
box-shadow: 0 0 3px #d1f3ee inset, 0 0 6px #a49c77 inset, 0 0px 6px 0px rgb(119 115 80 / 30%);
}
textarea {
text-shadow: none;
background: url(https://forumstatic.ru/files/0019/e8/f8/73836.png) 108% -88px no-repeat #c8c8ad;
border: 1px solid #243b40;
box-shadow: inset 0 0px 8px 0px rgb(63 69 53 / 55%), 0 0 1px 1px #9ecfdc, 0 0 0 3px #466877, 0 0 0 4px #243b42, 0 1px 6px 4px rgb(63 69 53 / 60%);
}


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

/*** поля ввода ***/
input {outline: none; padding: 0.7em 0.9em 0.5em; max-width:100%;}
[type="checkbox"], [type="radio"], input[type="radio"] {box-shadow: none;}

/*** радиокнопки ***/
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] *, fieldset[class="radiofield security-level"] * {height: 2em; vertical-align: middle;}
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0px 0.7em auto 0.2em;}


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


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


/***   A5.1 ТЕЛО ФОРУМА  НАЧАЛО ***/
#pun {
position: relative; overflow-wrap: break-word;
margin: 0px auto; padding: 40px 36px 36px;
width: 1100px; 
font-size: 0.75rem;
color: var(--clrpun);
border-bottom: 1px solid var(--bgbody);
background: url(https://forumstatic.ru/files/0019/e8/f8/78062.webp) 50% 100% repeat-x, url(https://forumstatic.ru/files/0019/e8/f8/22199.jpg) 50% -200px repeat-x border-box, url(https://forumstatic.ru/files/0019/e8/f8/36582.jpg) 50% 0px repeat border-box;
background-color: var(--bgpun);
box-shadow:0 0 30px -4px #000;
}

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

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


/***   ШАПКА   ***/
#title-logo-table{
position:absolute; left:0px; right:0px;
width: 100%; height: var(--logopad);
margin: calc(-40px - var(--logopad)) 0px 0px;
background: url(https://forumstatic.ru/files/0019/e8/f8/22199.jpg) 50% 0% no-repeat border-box;
background-color: #24363e;
box-shadow: 0 -30px 30px -4px #000;
}


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


/***   НАВИГАЦИЯ 1 ФОРУМ УЧАСТНИКИ   ***/
#pun-navlinks {z-index:10; 
position:relative;
margin:0px 0px !important;
border-bottom: 1px solid transparent; border-image: linear-gradient(to right, transparent 0%, rgb(91 69 41 / 20%) 20%, rgb(91 69 41 / 20%) 80%, transparent 100%); border-image-slice:1;
}


/***   НАВИГАЦИЯ 2 АКТИВНЫЕ ТЕМЫ УВЕДОМЛЕНИЯ   ***/
#pun-ulinks {z-index:9; position:relative;
padding:8px 10px 8px; margin:auto 0px; width: auto; 
text-transform:lowercase;
}


/***   НАВИГАЦИЯ 1-2 ТЕКСТ   ***/
#pun-navlinks .container, #pun-ulinks .container {
display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap:wrap; font-weight: 400; 
}
#pun-navlinks .container {
padding: 12px 10px 10px;
height: 100%; align-items: center; 
font-family: Tolkin, Arial, sans-serif;
font-weight: 600;
font-size: 23px; 
letter-spacing: 0.05em;
}
#pun-navlinks li {padding: 0 0.5em; margin:auto 0px;}
#pun-navlinks li#navadmin span {font-size:0px;}
#pun-navlinks li#navadmin span:before {content:'Админка'; display: inline; font-size:21px;}

#pun-ulinks .container {font-size: 12px; font-family: Kurale, Tahoma, Verdana, sans-serif;}
#pun-ulinks li {padding: 0 0.3em; margin:auto;}



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

#pun-navlinks a {color:#04533e;}
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {color:#6e48af;}

#pun-ulinks a {color: #665426; text-shadow: 0 1px 2px #c0b598;}
#pun-ulinks a:hover {color: #452666;}



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


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


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


/***  ПЕРЕАДРЕСАЦИЯ  ***/
#pun-redirect h1 {width:auto !important; margin:auto 0px !important;}
#pun-redirect .container {width:auto !important;}
.redirect-page {
background: url(https://forumstatic.ru/files/0019/e8/f8/37186.jpg) 50% 0% repeat fixed !important;
background-color: var(--bgbody) !important;
}
.redirect-page #pun-main {margin:0px;}
.redirect-page #pun {
padding: 50px 36px 56px; text-align:center; font-size:11px;
background: url(https://forumstatic.ru/files/0019/e8/f8/78062.webp) 50% 100% repeat-x border-box, url() 50% -230px repeat-x border-box, url(https://forumstatic.ru/files/0019/e8/f8/22199.jpg) 50% -200px repeat-x border-box, url(https://forumstatic.ru/files/0019/e8/f8/36582.jpg) 50% 0% repeat border-box !important;
background-color: var(--bgpun) !important;
}


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


/***   ФОНД И ПРИВЕТСТВИЕ   ***/
#pun-status {margin: 1.4em 0px 1.1em 0px; font-size: 0.9em;}
#pun-status p.container {display: block; flex-direction: row; flex-wrap: nowrap; justify-content: space-between;}
#pun-status .container span {padding: 0 0.2em;}


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


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


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


/*** СТРОКА форум - последнее сообщение ***/
#pun-index .category tr {
border: 1px solid transparent; border-width: 0px 0px; border-image:none;
padding: 18px 14px 18px 20px; margin: 0px 0px;
position: relative;
display: grid;
grid-template-columns: 2.6fr 1.2fr 150px;
grid-template-rows: repeat(4, auto);
grid-template-areas:
 "lone lfour ."
 "lone lfour ltwo"
 "lone lfour lthree"
 "lone lfour .";
}

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

/* тем */
#pun-index .category .tc2 {grid-area: ltwo; border: 0px none transparent;}
/* сообщений */
#pun-index .category .tc3 {grid-area: lthree;}

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


/*** Сообщений и Тем ***/
#pun-index .tc2::before {margin-right: 4px; content: "Тем: ";}
#pun-index .tc3::before {margin-right: 4px; content: "Постов: ";}
#pun-index .category .tc2, #pun-index .category .tc3 {
padding: 1px 0; margin: 0px;
text-align: center;
font-size:1em;
font-family: Kurale, Tahoma, serif;
color: #70569b;
text-shadow: 0 0 0 #498f93;
}


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


/***   ОФОРМЛЕНИЕ ТЕМ НА ГЛАВНОЙ   ***/
.category .tcl .intd {
position:relative; padding: 8px 12px 12px;
font-size:0.9em;
text-align:center;
font-size: 11px;
color: #10372a;
box-shadow: inset 0 0 5px 1px #717c58, inset 0 0 14px 1px #b1a985, 0 0 2px 1px #75b1b2, 0 0 0 3px #2e6369, 0 1px 6px 3px rgb(119 115 80 / 80%);
border: 1px solid #24566a;
background: url(https://forumstatic.ru/files/0019/e8/f8/73836.png) 125% -149px no-repeat;
background-color: #c9cab1;
}

/*** ОПИСАНИЕ ФОРУМА УГОЛКИ ***/
.category .tcl .intd:before, .category .tcl .intd:after {pointer-events:none; display:block; content:''; position:absolute;
 left:0px; right:0px; width:auto; height:18px; image-rendering:pixelated;}
.category .tcl .intd:before {top:0px;
background: url(https://forumstatic.ru/files/0019/e8/f8/25589.png) -19px -19px no-repeat, url(https://forumstatic.ru/files/0019/e8/f8/25589.png) calc(100% + 19px) -19px no-repeat;}
.category .tcl .intd:after {bottom:0px;
background: url(https://forumstatic.ru/files/0019/e8/f8/25589.png) -19px 1px no-repeat, url(https://forumstatic.ru/files/0019/e8/f8/25589.png) calc(100% + 19px) 1px no-repeat;}


/***   ЗАГОЛОВОК-ССЫЛКА В ФОРУМ   ***/
div.tclcon h3 {
padding: 4px 0 7px;
margin: 0px 0px 10px; 
text-align:center;
letter-spacing:0em;
font-family: Kurale, Georgia, serif;
font-size: 18px;
font-weight: 600;
border-style: solid; border-width: 0px 0 1px 0;
border-image: linear-gradient(to right, transparent 3%, #8e82af 25%, #5599a2 75%, transparent 97%);
border-image-slice: 1;
}

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

div.tclcon h3 a {-webkit-transition: 0.25s linear; -moz-transition: 0.25s linear; -o-transition: 0.25s linear; transition: 0.25s linear;}
div.tclcon h3 a:hover, .category .tcl .intd a:hover {filter: brightness(1.25);}


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


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


/*** ЮЗЕР-АВАТАР ***/
#pun-index .user-avatar {
margin-right:-46px !important; height: 40px !important; vertical-align: middle; float:right;}
#pun-index .user-avatar .avatar-image {
border-radius: 50% !important;
border: 2px solid #46366b;
opacity:0.8;
width: 36px !important;
height: 40px !important;
margin: 0px auto auto 0px;
}
#pun-index .user-avatar .avatar-image:hover{opacity:1; border-radius:0px !important;}

.punbb .user-avatar .avatar-image {
width:28px !important; height:28px !important;
border-radius: 50px !important;
border: 2px solid #46366b;
}
.punbb .user-avatar {
width: 28px !important; 
height: 28px !important;
margin: 0px 14px 2px 0px !important;
}

#pun-index .user-avatar .avatar-image, .punbb .user-avatar .avatar-image {-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
#pun-index .user-avatar .avatar-image:hover, .punbb .user-avatar .avatar-image:hover {border-radius: 0% !important;}


/***   ИНДИКАТОР ОНЛАЙН   ***/
.punbb .user-avatar .isonline {z-index: 8 !important;
width: 10px !important;
height: 10px !important;
right: -3px !important; top: -2px !important; bottom: auto;
background: #8ee7ff !important;
border: 1px solid #716daf;
animation: pulse-yell 1.6s infinite !important;
}

@keyframes pulse-yell {
  0% {
    transform: scale(0.85);
    box-shadow: 0 0 0 0 rgba(165, 238, 248, 0.7);
  }
  
  70% {
    transform: scale(0.95);
    box-shadow: 0 0 0 8px rgba(165, 238, 248, 0);
  }
  
  100% {
    transform: scale(0.85);
    box-shadow: 0 0 0 0 rgba(165, 238, 248, 0);
  }
}

#pun-index .user-avatar .isonline {top: -2px !important; right: -10px !important;}


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


/*** СТАТИСТИКА ***/
#pun-stats .section {padding-top:6px;}
#pun-stats ul.container {
position: relative;
display: grid;
grid-template-columns: 1fr 0.6fr 0.6fr;
grid-template-rows: repeat(5, auto);
grid-template-areas: ". ntemy nrega"
 ". nsoob nposl"
 "nonln nonln nonln"
 "nusers nusers nusers"
 "nbirth nbirth nbirth";
}

#pun-stats li.item1 {grid-area: ntemy;}
#pun-stats li.item2 {grid-area: nsoob;}
#pun-stats li.item3 {grid-area: nrega;}
#pun-stats li.item4 {grid-area: nposl;}
#pun-stats li.item5.onlinelist {grid-area: nonln;}
#pun-stats li.item5.users_24h {grid-area: nusers;}
#pun-stats li.item6.birthday {grid-area: nbirth; margin-top: 10px;}

#pun-stats li.item5.onlinelist span {display: inline;}
#pun-stats li.item5.users_24h > div span {display:inline;}

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

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

/*** Заменяем слова в статистике ***/
#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; padding-right: 5px;}
#pun-stats li.item3 span:before {content: 'Жители:';}
#pun-stats li.item4 span:before {content: 'На пороге:';}

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

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

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


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


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

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

/* Объявление */
#pun-announcement {margin: 0.2em 0px auto;}


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


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

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

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

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

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


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


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

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

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

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


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


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

#profile-left {width: 30%; text-align: center;}
#profile-left li {margin: auto 1em 0.7em !important;}
#profile-left li strong {display: block; font-weight: 400 !important;}
#profile-left #profile-name strong, #profile-left #pa-online strong {font-weight: 600 !important;}
#profile-left #profile-name strong {padding-top:1em;}
#profile-left #profile-title {font-size: 0.9em; font-style: italic;}
#profile-left #pa-edit {margin-top:2em !important; margin-bottom:1.8em !important;}
#profile-right #pa-invites {display:none;}

/* отделяем подпись */
#viewprofile #profile-signature {padding: 1.2em 1.5em 1em 1.5em;}
#profile-signature ul, .post-sig {border-style:solid; border-width:1px 0 0 0; border-image: linear-gradient(to right, transparent 3%, #8e82af 25%, #5599a2 75%, transparent 97%); border-image-slice: 1;}
.post-sig {margin-top:1em; padding-top:1em;}

#profile-right {
display: grid; grid-template-columns: repeat(auto-fit, minmax(48%, 1fr)); grid-template-rows: auto; overflow:hidden; width:100% !important;
}
#profile-right li {
padding: 8px 10px 12px !important; margin: 1em 0.8em 0em 0em; 
text-align:center; font-size:0.9em;
box-shadow: inset 0 0 3px 0px rgb(211 248 255 / 75%), inset 0 0 10px 0px rgb(159 146 98 / 25%), 0 1px 6px 0px rgb(119 115 80 / 30%);
border: 1px double #aaa27c;
background: rgb(214 215 190 / 20%);
}
#profile-right li span {
margin-left: auto !important; display: block; clear: both; float: none !important; text-align: center !important; width: auto !important; padding: 0.5em 1em 0.2em; font-weight: 600; font-size: 1.1em; font-family: Tahoma, sans-serif; color:#006e58;
}
#profile-right li strong {padding-left: 0 !important; text-align:center; font-weight: 400;}
#profile-right #pa-posts {order: -2; grid-column: 1 / -1;}
#profile-right #pa-fld1 {order: -1; grid-column: 1 / -1;}


/*** МЕНЮ отступ ***/
#profile > .container {margin-left: 200px;}
#profile .fs-box {margin: 0.2em 0em;}


/* ПРОФИЛЬ-навигация */
#profilenav {width: 180px; float: left; margin-top:0px; margin-left:-200px; margin-bottom:0.9em; 
text-shadow: none;
box-shadow: inset 0 0 5px 1px #717c58, inset 0 0 14px 1px #b1a985, 0 0 2px 1px #75b1b2, 0 0 0 3px #2e6369, 0 1px 6px 3px rgb(119 115 80 / 80%);
border: 1px solid #24566a;
background: #c9cab1;
}
#profilenav ul {padding: 0 0 10px 0; text-align: center;}
#profilenav li {padding: 6px; font-weight: 600;}
#profile #profilenav li a {color: var(--puna) !important;}
#profile #profilenav li a:hover {color: var(--punah) !important;}
#profile #profilenav li.isactive a {color:#82579f !important; padding: 0 4px;}


/* Заголовок предпросмотра профиля */
#profile #profilenav h2 {margin-top: 0px !important; margin-bottom: 8px !important; padding: 6px 2px 5px;
font-size: 16px;
color: #d3e9d8; text-shadow: 0px 0px 3px #000;
border-style: solid; border-color: #24566a; border-image: initial;
border-width: 0px 0px 1px;
background: linear-gradient(rgb(34, 58, 69) 0%, rgb(52, 117, 115) 75%, rgb(90, 152, 154) 100%), rgb(43, 71, 94);
}


/* ЛС */
#pun-messages #profile > .container {margin-left:auto !important}
#pun-messages #profilenav {
align-items: center; justify-items: left;
display:block; float:left; width:200px;
margin:auto auto 10px auto !important; padding: 6px;
font-size:0.9em;
}

#pun-messages #profilenav h2 {width:auto; 
margin: 4px -7px !important; padding: 6px 12px 4px 12px; 
font-size:16px;
border: 1px solid #223b45; 
}
#profilenav > h2:first-child {margin: 0px auto !important;}
#pun-messages #profilenav ul {margin: auto 14px; padding:0;}
#pun-messages #profilenav li {display: inline-block; padding: 4px 6px;}
#pun-messages #profilenav h2:first-child {grid-column: 1 / 2; grid-row: 1 / 2; margin-top: -7px !important;}
#pun-messages #profilenav h2:last-child {grid-column: 1 / 2; grid-row: 2 / 3; margin-top:0px;}
#pun-messages #profilenav ul:first-child {grid-column: 2 / 3; grid-row: 1 / 2; padding: 0 0 4px 0;}
#pun-messages #profilenav ul:last-child {grid-column: 2 / 3; grid-row: 2 / 3;}

/* уведомления и звук ЛС */
#notify-settings {
margin: auto 0px 12px !important; padding: 0.55em 2em 0.5em; 
border-style: solid; border-color: transparent; border-width: 1px 0px;
border-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(175, 165, 127) 50%, rgba(255, 255, 255, 0) 100%) 1 / 1 / 0 stretch;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(249, 235, 187, 0.12) 20%, rgba(249, 235, 187, 0.12) 80%, rgba(255, 255, 255, 0) 100%);
}


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


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

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

/*** ПЕРСОНАЛЬНЫЙ ***/
/* Пол */
#profile fieldset.radiofield {border-top: 0px none transparent;}
p#sex.infofield {padding: 0.3em 0 0.3em 0.2em;}
input[name="form[interests]"], input[name="form[fld1]"], input[name="form[fld2]"], input[name="form[fld3]"], input[name="form[fld4]"], input[name="form[fld5]"], input[readonly="readonly"], input[name="keywords"], input[name="req_email"] {max-width: 90%;}

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

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

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

/*** УПРАВЛЕНИЕ ***/
#setmods dl {padding: 0.8em 0;}
#setmods dt {font-weight: 600; margin: 0.4em auto 0.4em 1.9em;}

/*** НАГРАДЫ ***/
#profileContainer .fs-box tr {display:table-row;}
#awards-content tr {width:100%; margin:0px; padding:0px;}
#awards-content td.tc2, #awards-content td.tcl {width:20% !important;}


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


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

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

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

/* нижняя граница на строке */
.usertable tr, #messages .fs-box tr, #filetable tr, .online-list tr {border-bottom: 1px solid transparent;
border-image: linear-gradient(to right, transparent 0%, rgb(91 69 41 / 20%) 20%, rgb(91 69 41 / 20%) 80%, transparent 100%);
border-image-slice: 1;
}
#form-buttons tr {border-bottom: 0px none transparent;}

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

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

/* ЛС табличка */
#messages .fs-box tr {display: grid; grid-template-columns: 1.7fr 1.2fr 0.8fr 0.3fr; grid-template-rows: auto; align-items: center; justify-items: center;}
/* иконки и текст заголовка ЛС */
#messages .fs-box .tcl {text-align: left;}
/* thead-фикс */
#messages th.pmtcl1, #messages th.pmtc22, #messages th.pmtc33, #messages th.pmtc24 {width: 100% !important;}
#messages .tc2.pmtc22 {display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center;}
/* Заголовок письма */
#messages .pmtcl1 .tclcon {text-align:left;}

/* участники */
.usertable .tcl, .usertable .tc2 {justify-self: start; text-align: left; line-height: 110%;}
.usertable .tcl {padding-left:1em !important; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center;}
.usertable td.tcl {font-weight: 400;}
.usertable tr {display: grid; grid-template-columns: 1fr 1fr 0.4fr 0.5fr 0.6fr 0.5fr; grid-template-rows: auto; align-items: center; justify-items: center;}
.online-list tr {display: grid; grid-template-columns: 0.9fr 1.3fr 0.8fr; grid-template-rows: auto; align-items: center; justify-items: center;}
.online-list td {padding: 1em 0.4em !important;}
.online-list td.tcl {justify-self: left;}
.online-list th.tcl {width:100% !important;}
#pun-online .tcl.action {width:100% !important;}

/* список активных тем */
.forum {margin: 0.5em auto 1em;}
.forum tr {display: grid; grid-template-columns: 1.7fr 1fr 0.4fr 0.9fr; grid-template-rows: auto; align-items: center; justify-items: center;}
.forum .tcl, .forum .tc2 {text-align: left;}
.forum .tcr span {display: block; font-size: 0.9em; margin-top: 0em;}

/* внутри категории */
#pun-viewforum .forum tr {display: grid; grid-template-columns: 1.8fr 0.4fr 1fr; grid-template-rows: auto; align-items: center; justify-items: center;}
#pun-viewforum thead tr {padding:0;}
#pun-viewforum .forum .tc2 {text-align: center;}
#pun-viewforum .forum .tc3 {display:none;}
#pun-viewforum .modmenu {margin: 0.7em auto; padding: 5px 20px; 
border: 1px solid transparent;
border-width: 1px 0px;
border-image: linear-gradient(to right, rgba(255,255,255,0) 2%, #afa57f 50%, rgba(255,255,255,0) 98%);
border-image-slice: 1;
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgb(249 235 187 / 12%) 50%, rgba(255,255,255,0) 100%);
}
#pun-viewforum .modmenu a {font-weight: 400; font-family: Tahoma, sans-serif; font-size: 12px;}
#pun-viewforum .modmenu span {display:none;}

/* страницы новая тема */
#pun-viewforum .linksb {grid-template-columns: 1fr auto; grid-template-rows:auto;}
#pun-viewforum .linksb .pagelink {grid-column: 1 / 2; grid-row: 1 / 2;}
#pun-viewforum .linksb .postlink {grid-column: -2 / -1;  grid-row: 1 / 2;  justify-self:end;}
.postlink.long {grid-column: 1 / -1; text-align:right; margin:auto 0px auto auto;}

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

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

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


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


/***   ПОДФОРУМЫ   ***/
div.subforums {margin: 1em auto;}
#pun-viewforum .category tr.isub {padding: 0; margin: 0px; position: relative; display: grid; grid-template-columns: 1.8fr 1.2fr; grid-template-rows: auto;}
#pun-index tr.isub .tcl {padding-left:0px !important; margin-left:30px;}

#pun-viewforum .category tr.isub .tcl {grid-row: 1 / 2; grid-column: 1 / 2; padding: 10px 0px; }
#pun-viewforum tr.isub td.tcl div.tclcon h3 {text-align: center; margin: 0px 0px 10px;}
#pun-viewforum .category thead, #pun-viewforum .category tr.isub .tc2, #pun-viewforum .category tr.isub .tc3 {display: none;}
#pun-viewforum .category tr.isub .tcr {grid-row: 1 / 2; grid-column: 2 / 3; text-align: center; padding: 0.7em 0.4em;
display: flex; flex-direction: column; justify-content: center; flex-wrap: nowrap;}
#pun-viewforum .category tr.isub td.tcr a + br {display:none;}
#pun-viewforum .category tr.isub .tcr em.user-avatar {display:none;}
#pun-viewforum .category tr.isub td {padding:0;}
#pun-viewforum .category tr.isub div.icon {display:none; float: left;}


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


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

.intd div.icon {
opacity: 0.7;
display: block; margin: auto 20px auto 4px;
width: 12px; height: 12px;
border-radius: 50%;
border: 1px solid #817d58;
background: #e6e3c4;
box-shadow: 0 0 0 1px #c8c7ab, 0 0 0 2px #81815c, 0 1px 6px 2px rgb(142 134 95 / 45%), inset 1px -1px 4px #928b6c;
}
.inew .intd div.icon {
opacity:1;
border: 1px solid #666647;
background:#78f4ff;
box-shadow: 0 0 0 1px #c8c7ab, 0 0 0 2px #81815c, 0 1px 6px 2px rgb(142 134 95 / 45%), inset 0px -2px 5px -1px #0a0b3b;
}
.iclosed .intd div.icon {
opacity:1;
border: 1px solid #6f6b4b;
background: #84bfc9;
box-shadow: 0 0 0 1px #cac9a3, 0 0 0 2px #6d6d4e, 0 1px 6px 2px rgb(142 134 95 / 65%), inset 1px -1px 4px #2b1950;
}
.isticky .intd div.icon {
opacity:1;
border: 1px solid #666647;
background: #e0c1ff;
box-shadow: 0 0 0 1px #d0cfac, 0 0 0 2px #7b7b58, 0 1px 6px 2px rgb(142 134 95 / 55%), inset 1px -2px 4px 0px #1f144d;}


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

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

#pun-index div.icon {
position: absolute; display:block; pointer-events: none;
margin: -34px auto auto; left:-6px;
width: 80px; height: 82px;
background: url(https://forumstatic.ru/files/0019/e8/f8/61477.png) 100% 0% no-repeat; 
opacity:1;
outline:none; box-shadow:none; border-radius: 0%; border-width:0px;
}
#pun-index .category .inew .tcl div.icon {
opacity:1;
outline:none; box-shadow:none; border-radius: 0%; border-width:0px;
background-position: 0% 0%;
}

/* цифры непрочитанных сообщений */
.icon[data-new-topics]:before, .subforums span[data-new-topics]:before {margin:-30px auto auto -18px !important; transform: translateX(-22px) translateY(48px); opacity:1; text-shadow:0 1px 2px #000; background-color:#772bce !important;}


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


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

.linksb {display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto; padding: 0.5em 0; margin: 8px 0px 6px;}
.linksb .pagelink {grid-column: 1 / -1; grid-row: 1 / 2;}
.linksb .subscribelink {grid-column: 1 / 2; grid-row: -2 / -1; justify-self: end;}
.linksb .postlink {grid-column: -2 / -1; grid-row: -2 / -1; justify-self: end;}

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

/* ответить новая тема */
.postlink {font-weight: 600; padding: 0 22px 0 2em; font-family: Georgia, Tahoma, serif;}
.postlink a, .subscribelink a {background: transparent; border: 0px solid transparent; padding: 2px 6px;}

/* номера страниц */
.pagelink {font-family: Kurale, Tahoma, sans-serif;}
.pagelink a, .pagelink strong {padding: 2px 6px; font-size:1.1em; line-height:100%;}
.pagelink strong {color: #d3e9d8; text-shadow: 0px 1px 2px #000;
border: 1px solid #24566a;
background: linear-gradient(180deg, #223a45 0%, #347573 75%, #5a989a 100%), #2b475e;
}



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


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

/***   ДАТА ПОСТА И НОМЕР ПОСТА   ***/
h3 span {
display: block;
margin: 0px auto;
padding: 6px 10px 4px;
font-size: 1em;
font-weight: 600;
letter-spacing: 0.03em;
font-family: Kurale, Tahoma, sans-serif;
text-align: center;
border: 1px solid transparent;
border-width: 1px 0px;
border-image: linear-gradient(to right, rgba(255,255,255,0) 2%, #afa57f 50%, rgba(255,255,255,0) 98%);
border-image-slice: 1;
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgb(249 235 187 / 12%) 50%, rgba(255,255,255,0) 100%);
}
h3 span .permalink {grid-column: 1 / 2; grid-row: 1 / 2;}
h3 span strong:first-of-type {margin: auto 0.7em auto 2em; display: inline; float: right; font-size: 1em;}
/* поделиться */
h3 a.sharelink {display: none;}
/* изменение скрипта кнопками */
h3 strong.fnt {margin: auto 1.5em !important; display: inline; float: right;}

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

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


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


/* БЛОК АВТОРА ПОСТА */
.post-author {
position: relative; float:left; display:block;
margin: 0px auto 4px 0px;
padding: 20px 16px 18px;
width: var(--prwid);
align-self: start;
text-align: center;
font-size: 0.9em;
color: #c3c3a9;
text-shadow: 0 1px 3px #000;
background: url(https://forumstatic.ru/files/0019/e8/f8/91819.jpg) 0px 0px repeat;
background-color:#24363e;
box-shadow: 0 0 0 1px #151c22 inset, 0 0 0 2px #40636a inset, 0 0 0 3px #151c22 inset, 0 0 0 5px #47787d inset, 0 0 0 6px #151c22 inset, 0 0 4px 6px #0d1216 inset, 0 0 8px 6px #0d1216 inset, inset 0 0 26px 1px rgb(116 255 252 / 50%), 0 1px 8px rgb(67 82 59 / 70%);
}

/* расстояние между блоками по умолчанию */
.post-author li {margin: 0.3em auto;}
.post-author li:last-child {margin-bottom: 0px;}
.post-author li.pa-online {margin: 1em auto -2px auto; font-family: Kurale, Georgia, Tahoma, sans-serif; font-size:14px;}
.post-author li.pa-online strong {font-weight:400;}

.post-author a {color:#8cc6d0;}
.post-author a:hover {color:#96e9c8;}


/*** ПРОФИЛЬ УГОЛКИ ***/
.post-author:before, .post-author:after {pointer-events:none; display:block; content:''; position:absolute;
 left:3px; right: 3px; width: auto; height: 18px;}
.post-author:before {top:3px;
background: url(https://forumstatic.ru/files/0019/e8/f8/25589.png) -18px -18px no-repeat, url(https://forumstatic.ru/files/0019/e8/f8/25589.png) calc(100% + 18px) -18px no-repeat;}
.post-author:after {bottom:3px;
background: url(https://forumstatic.ru/files/0019/e8/f8/25589.png) -18px 0px no-repeat, url(https://forumstatic.ru/files/0019/e8/f8/25589.png) calc(100% + 18px) 0px no-repeat;}



/***   НИКНЕЙМ   ***/
li.pa-author, .pa-author {
display: block; position:relative;
margin: 0px 0px 10px 0px;
padding: 3px 0px 10px;
overflow-wrap: break-word;
font-size: 18px;
font-weight: 400;
font-family:  Tolkin, Georgia, serif;
line-height: 100%;
border-style: solid; border-width: 0px 0 1px 0;
border-image: linear-gradient(to right, transparent 3%, #8e82af 25%, #5599a2 75%, transparent 97%);
border-image-slice: 1;
}
.pa-author strong {font-weight: 400;}
.pa-author:before {pointer-events:none; display:block; content:''; position:absolute;
 left:0px; right:0px; top:-33px; width:auto; height:16px;
background: url(https://forumstatic.ru/files/0019/e8/f8/77099.png) 50% 0% no-repeat;}


#pun .pa-author a {color: #eef4b2; text-shadow: 0px 1px 3px #000;}
#pun .pa-author a:hover, #pun .pa-author a:focus, #pun .pa-author a:active {color: #a2edd2;
text-shadow: 0px 0px 3px #000, 0px 0px 6px #609bd4;}



/* статус */
.pa-title {padding:0 0 4px; font-style:normal; font-family: Kurale, Verdana, sans-serif; font-size:12px; line-height:100%;}

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

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

/* рамка для аватара */
#profile-left #pa-avatar img, .post-author .pa-avatar img {width:auto; max-width:100%; line-height:12px; border: 1px solid #28464f;}
.post-author .pa-avatar img {box-shadow: 0 0 6px #000;}


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


/*** ЛИЧНОЕ ЗВАНИЕ ЛЗ ***/
.pa-fld1 {position:relative;
margin:-9px -16px 8px !important; padding: 18px 14px 14px;
line-height:126%;
color: #bfc1ce;
background: linear-gradient(90deg, #2a2735 0%, #323649 25%, #323649 75%, #2a2735 100%), #2a2735;
border: 1px solid #151c22 !important;
box-shadow: 0 0 0 1px #40636a inset, 0 0px 0 2px #0a1416 inset, 0 0 0 3px #929278 inset, 0 0px 0 4px #2a393d inset, 0 0px 5px 4px #090b12 inset, 0 0px 14px 4px #1a202f inset, 0 5px 8px -6px #000, 0 -5px 8px -6px #000;
}
.pa-fld1 hr {margin: 8px auto 8px auto;
border-top: 1px;
border-image:linear-gradient(to right, transparent 3%, #4b6d7d 25%, #625b94 75%,transparent 97%);
border-image-slice: 1;}

.pa-fld1 .fld-name, .pa-fld2 .fld-name, .pa-fld3 .fld-name, .pa-fld4 .fld-name, .pa-fld5 .fld-name {display:none;}
.pa-fld1 .fld-name + br {display:none;}


/*** УКРАШЕНИЕ ЛЗ ***/
.pa-fld1:before {pointer-events:none; display:block; content:'';
position:absolute; top:2px; left:2px; right: 2px;
width: auto; height: 18px;
background: url(https://forumstatic.ru/files/0019/e8/f8/25589.png) -18px -18px no-repeat, url(https://forumstatic.ru/files/0019/e8/f8/25589.png) calc(100% + 18px) -18px no-repeat;}
.pa-fld1:after {pointer-events:none; display:block; content:'';
position:absolute; bottom:2px; left:2px; right: 2px;
width: auto; height: 18px;
background: url(https://forumstatic.ru/files/0019/e8/f8/25589.png) -18px 0px no-repeat, url(https://forumstatic.ru/files/0019/e8/f8/25589.png) calc(100% + 18px) 0px no-repeat;}


/*** АНКЕТА И ЛИЧНОЕ ЗВАНИЕ ***/
#pun .pa-fld1 a {font-family: Kurale, Georgia, serif; font-size:16px; color:#dcd6a0;}
#pun .pa-fld1 a:hover {color:#d2d8fc; /*color:#416e85;*/}


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


/* ТЕКСТ СООБЩЕНИЯ-ПОСТА */
.post-body {line-height: 1.5; position:relative;
padding-left: 16px; padding-right: 0px; margin-left: var(--prwid);}
.post-box {position: relative; overflow: hidden; padding: 0px 10px; text-align: justify;}
.punbb .post-content {width: 100%; padding: 0; margin: 0;}

/* ссылки под постом */
.post-links {
text-align: right; margin: 12px 0px 4px;
font-family: Kurale, Georgia, sans-serif;
font-size: 13px;
font-weight: 400;
letter-spacing: 0.02em;
text-shadow: 0 0 1px #8b81b7;
}
.post-links li {display: inline-block; position: relative; padding: 0px 4px 0px; 
background:transparent;
-webkit-transition: 0.25s linear; -moz-transition: 0.25s linear; -o-transition: 0.25s linear; transition: 0.25s linear;}
.pl-email, .pl-website {float: left;}


/* Отступы для абзацев, таблички */
.post-content p {padding: 0 0 0.6em 0;}
.punbb .post-content tbody {vertical-align: middle;}
.punbb .post-content td {display:table-cell; border-width: 0px !important; border-color: transparent; border-style: none !important; padding: 0; height: auto; overflow:hidden;}

/* подпись - разделитель и текст */
.post-sig dt {display: block; height: 0px; width: 80%; margin: 0em auto; background:transparent;}
.post-sig dd {font-size: 0.9em; line-height: 150%;}


/* цитата, спойлер и код */
.post-content .quote-box, .post-content .code-box, .post-content .hide-box {
display:flex; flex-direction: column;
position:relative;
padding: 16px 20px; margin: 16px 0.6em 16px 0.6em;
background: url(https://forumstatic.ru/files/0019/e8/f8/73836.png) 116% -22px no-repeat #c9cab1;
color: #10372a;
box-shadow: inset 0 0 5px 1px #717c58, inset 0 0 14px 1px #b1a985, 0 0 2px 1px #75b1b2, 0 0 0 3px #2e6369, 0 1px 6px 3px rgb(119 115 80 / 60%);
border: 1px solid #24566a;
}
.post-content .code-box {font-size:0.8rem;}


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

/* АВТОР цитаты, выделить код, скрытый текст */
.quote-box cite, .code-box .legend, .hide-box cite {
display:block; position:relative;
margin: -16px -20px 16px -20px; padding: 8px 1em 8px;
width:auto;
text-align:center;
font-weight: 400; font-size: 14px; font-family:Kurale, Georgia, sans-serif;
letter-spacing: 0.02em;
color:#d3e9d8;
text-shadow: 0px 0px 3px #000;
border: 1px solid #24566a; border-width: 0 0 1px 0;
background: linear-gradient(180deg, #223a45 0%, #347573 75%, #5a989a 100%), #2b475e;
box-shadow:0 7px 5px -6px #717c58, 0 9px 10px -8px #b1a985;
}


/*** ЦИТАТА УГОЛКИ ***/
.quote-box:before, .quote-box:after, .quote-box cite:after {pointer-events:none; display:block; content:''; position:absolute;
 left:0px; right: 0px; width: auto; height: 18px;}
.quote-box:before {top:0px;
background: url(https://forumstatic.ru/files/0019/e8/f8/25589.png) -19px -19px no-repeat, url(https://forumstatic.ru/files/0019/e8/f8/25589.png) calc(100% + 19px) -19px no-repeat;}
.quote-box:after {bottom:0px;
background: url(https://forumstatic.ru/files/0019/e8/f8/25589.png) -19px 1px no-repeat, url(https://forumstatic.ru/files/0019/e8/f8/25589.png) calc(100% + 19px) 1px no-repeat;}

.quote-box cite:after {bottom:-19px;
background: url(https://forumstatic.ru/files/0019/e8/f8/25589.png) -19px -19px no-repeat, url(https://forumstatic.ru/files/0019/e8/f8/25589.png) calc(100% + 19px) -19px no-repeat;}

.quote-box cite a, .code-box .legend a {color: #d3e9d8; text-shadow: 0px 0px 3px #000 !important;}
.quote-box cite a:hover, .code-box .legend a:hover {color:#e1f7fc; text-decoration: none; text-shadow: 0px 0px 3px #000, 0 0 6px #c7b3f6, 0 0 8px #2f1f5f !important;}

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


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

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

/***   БЛОК СПОЙЛЕРА ВИДИМАЯ ЧАСТЬ   ***/
.post-content .quote-box.spoiler-box {padding:0px;}
.post-content .spoiler-box > div {
background: url('/img/plus.png') no-repeat 16px 50% transparent !important; 
padding: 12px 1em 12px 3.4em !important;
box-shadow: none;
font-weight: 400;
font-size: 0.9em;
font-family: Verdana, Tahoma, sans-serif;
letter-spacing: 0.02em;
}
.post-content .spoiler-box > div.visible {
background: url('/img/minus.png') no-repeat 16px 50% transparent !important;
}

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


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


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


/* Тему читают */
#topic-users-in {margin:auto -12px; padding: 0.8em 0em 0.7em; 
line-height:150%; font-size:0.9em; 
border: 1px solid transparent; border-width: 1px 0px;
border-image: linear-gradient(to right, rgba(255,255,255,0) 2%, #afa57f 50%, rgba(255,255,255,0) 98%);
border-image-slice: 1;
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgb(249 235 187 / 12%) 50%, rgba(255,255,255,0) 100%);
}

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

/* модераторское меню */
#pun-multimove .modmenu, #pun-multidelete .modmenu, #pun-multimegre .modmenu {padding: 1em 0 1em 25px; text-align: right;}
#topic-modmenu {padding: 0.5em 0 0.8em 20px;}
#mod-options option {padding: 0 10px; filter: brightness(1.02);}

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


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


/* скрыть отредактировано от пользователя */
.isuser .lastedit, .isguest .lastedit {display:none;}
.isadmin .lastedit, .ismoderator .lastedit {display: none;}
.post-content p.lastedit {padding: 0.6em 0; text-align: right; font-size: 0.85em; font-style: italic; opacity: 0.55;}


/* РАЗДЕЛИТЕЛЬ hr */
hr, .post-content hr {margin: 0.4em auto 0.6em auto; height:0px; border-top: 1px; border-image: linear-gradient(to right, transparent 3%, #7d7554 25%, #7d7554 75%,transparent 97%); border-image-slice: 1;}


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


/* таблица опроса*/
#poll-special div.formal.vote-result table td {width:33%;}
#poll-special td h1 {display:block; margin: auto 0px; height:8px !important; background-image:none; background-color:#447b7f; padding:2px; }
#poll-special td span {padding: 0 1em;}
#poll-special table.poll2 tr td:first-child {text-align: right !important;}
#poll-special table.poll2 tr td.tac {text-align: center !important;}
/* опрос да-нет*/
#poll-special.section.type-3 div.formal.vote-result table td {width: auto;}


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


/* bb-кнопки */
#form-buttons {
padding: 5px 4px 4px; margin: 0.2em auto; 
border: 1px solid #afa57f;
background:rgb(249 235 187 / 12%);
}
#post-form fieldset {padding: 0.35em 0 0.625em;}
#post-form fieldset .fs-box, #pun-messages form#post {margin: 0.2em 0em 0.3em; padding: 0 30px;}
#pun-messages form#post {margin: 0.2em 0em 1.1em;}
#post-form #form-buttons {padding: 4px 4px 4px 8px; margin: 1em 0px;}

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

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

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


/***   СПИСОК BB-КНОПОК   ***/
.punbb .hashelp {position: relative;}
#pun_wrap #post .container[id$="-area"], #tags .container {display:block; overflow: auto; max-height: 280px;
border: 1px solid #547887;
color: var(--clrpun);
text-shadow: none;
background: #c8c8ad;
box-shadow: inset 0 0px 0px 1px #ccc6a6, inset 0 0px 8px 1px #b7af84;
}
#form-buttons + #tags {position:relative;}
#tags .container {position: absolute; right: 6px; top: 0px !important; z-index: 2; padding: 12px;}
#tags tr {display: table-row;}
#pun-messages #post-form div.container {padding-left: 12px !important;}
#font-area div, #size-area div, #addition-area div {height: auto !important; padding: 4px 8px;}
#font-area div:hover, #size-area div:hover, #addition-area div:hover {background: var(--bgpun); filter: brightness(1.1);}
#image-area-tcon-computer {margin-bottom: 0.6em;}
#image-area {max-width: 430px;}
#pun #video-area-tinp, #pun #image-area-tinp {border: #7b4b25 solid 1px;}
#keyboard-span input {margin: 2px !important; padding: 0px 10px !important; border: 1px solid #989273 !important; border-radius: 0px; background-image:none; background-color: var(--bgpun) !important; box-shadow: none; color: inherit !important; text-shadow: none; filter: brightness(1.08);}
#keyboard-span input:hover {filter: brightness(1.18);}


/* BB-теги  */
#form-buttons tr {display: grid; grid-template-columns: repeat(auto-fit, minmax(26px, 1fr)); grid-template-rows: auto; gap: 6px 6px;}
#form-buttons td {height:26px; font-family: 'icomoon'; font-size: 16px; font-weight:400; position: relative; opacity: 1; color: #76420b;}
#form-buttons td:hover {opacity: 1; color: var(--punah);}
#form-buttons td img {display:inline-block; z-index: 10;}

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

/*дополнения*/
#button-styles:before {position:relative; display:inline-block; height:26px; width:26px; line-height:26px; top: -6px;}
#button-styles:before {content: "\f02c";}
#form-buttons td#button-styles img {margin-left:-26px;}
#form-buttons td:before {pointer-events:none;}


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


/*** КНОПКИ ***/
/* центрируем кнопки */
#post-form .formsubmit {text-align:center;}
#imageupload-left input[type=button] {width: auto !important;}

#viewprofile-next #pa-edit a,
input[class="button"], input[class="button submit"], input[type="button"], input[type="submit"], .button {
padding: 9px 14px 6px !important;
text-transform: uppercase;
letter-spacing: 0.04em;
font-weight: 400 !important;
font-family: Kurale, Times New Roman, serif !important;
font-size: 12px;
border: 1px solid #192b38;
border-radius:4px;
box-shadow: 0px 1px 5px rgb(79 60 28 / 70%), 0px 0px 6px rgba(0,0,0,0.5) inset;
color: #e4dea1 !important;
text-shadow: 0px 1px 3px #000;
background: linear-gradient(180deg, #2b475e 0%, #34756e 50%, #1a3952 100%), #2b475e;
background-size: auto 200%;
background-position: 0% 0%;
cursor: pointer;
-webkit-transition: 0.22s linear; -moz-transition: 0.22s linear; -o-transition: 0.22s linear; transition: 0.22s linear;
}


/***   КНОПКИ ПРИ НАВЕДЕНИИ   ***/
#viewprofile-next #pa-edit a:hover, input[class="button"]:hover, input[class="button submit"]:hover, input[type="button"]:hover, .button:hover {
cursor: pointer; 
background-position: 0% 100%;
color: #dff5ff !important;
text-shadow: 0 1px 3px #000, 0 0 6px #a995ff, 0 0 6px #95d8ff;
}



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


/*** АДМИНКА ***/
#pun .punbb-admin #pun-navlinks, #pun .punbb-admin #pun-ulinks {position: relative; top: 0px;}
#pun-admain {background-color: var(--bgpun); color: var(--clrpun);}
.punbb-admin .linksb {display: flex; flex-wrap: wrap; height: auto !important; padding: 1em 0; font-size: 1.1em;}
div.adcontainer {background-color: var(--bgpun);}
#pun-adnav ul.adsubnav li {color: var(--punah) !important;}
#pun-admain h1, #pun-admain h2, #pun-admain h3, #pun-admain h4, .adformal h2, #pun-adnav h2, .adformal h2, #pun #pun-adnav h2 {font-size: 11px !important; color:#d0a478 !important; background-color:var(--bgdopf);}

/*для мелочи */
#pun-admain1 form.adcontainer, #pun-admain2 form.adcontainer, #pun-admain-new form.adcontainer, #pun-admain1 div.adcontainer, #pun-admain2 div.adcontainer {padding: 16px 8px 12px !important;}
#pun-admain span[class="adinput"] input:not([type="radio"]), #pun-admain input:not([type="radio"]), 
#pun-admain span[class="adinput"] input:not([type="checkbox"]), #pun-admain input:not([type="checkbox"]), 
#pun-admain input:not([type="submit"]), 
#pun-admain span[class="adinput"] label,
#pun-admain textarea, #pun-admain select, #pun-admain optgroup
 {width:100%;}
#pun-admain input[type="submit"], #pun-admain input[type="checkbox"], #pun-admain input[type="radio"], #pun-admain p.submitend input.button, #pun-admain input.button{width:auto !important;}

#pun-admain fieldset .handle, #pun-admain fieldset p {
border-left-width: 20em; border-color:transparent !important; 
background-color:#c9cab1 !important;
}
#pun-admain .adlabel {margin-left: -18em !important; width: 18em !important; padding-left: 1em; padding-right: 0em !important;}
.punbb div.adminmain.post {padding: 0 0 0 15em !important; margin-top:0px;}
#pun-adnav .isactive ul.adsubnav a {border-bottom: none;}
.award-edit {margin-right: 1em !important;}
#pun-admain input, #pun-admain select {width:auto;}
#pun #pun-admain fieldset, #pun .adcontainer, #pun .adformal {border-color:transparent;}
#pun #pun-admain .adcontainer td {border-width:0px;}

/* сервисный баннер */
.admin-advert-block {width: 100% !important; margin-top:20px; text-align: center;}
.punbb-admin #filetable {font-size: 11px;}


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


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

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

/* списки на страницах VIP */
#forum-vip ul li, #forum-foundation ul li {list-style-type: disc; padding-bottom:0.5em; margin-left: 2em;}
#pun-help h3 {margin: 1.2em auto; width: 80%;}
#pun-help p {padding-bottom: 0.8em;}
#pun-help dl, #pun-help ul {padding-bottom: 0.6em;}
#pun-help dl dt, #pun-help ul li {padding: 0 0 0.6em 1em;}
#pun-help dd {padding: 0 0 2em 1em;}


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


/*** ВСПЛЫВАЮЩИЕ ОКНА ***/
.modal-inner, .inner {
padding: 20px 20px;
color: var(--clrpun);
border: 1px solid #243b40;
background: #c8c8ad;
box-shadow: inset 0 0px 8px 0px rgb(63 69 53 / 55%), 0 0 1px 1px #9ecfdc, 0 0 0 3px #466877, 0 0 0 4px #243b42, 0 1px 6px 4px rgb(63 69 53 / 60%) !important;
}
#pun .pun-modal .container {overflow:hidden;}
#pun .pun-modal .closer {font-family:Verdana, sans-serif; font-size: 18px !important; margin-right: 4px !important;}
.inner td {vertical-align: top;}

/* перемещение сообщений */
#move_posts_form thead tr, #move_posts_form tbody tr {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: #0c0c0c;}


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


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


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


/*** ОТСТУПЫ БЛОКОВ ***/

#pun-stats li.item5.onlinelist  {padding:8px 20px 4px;}
#pun-stats li.item5.users_24h {padding:12px 20px 8px;}
#pun-status {padding:0 20px;}
#viewprofile div.container table {margin:auto 20px; width:calc(100% - 40px);}
#pun-userlist .usertable, #pun-online div.online-list, .linkst, .linksb, div.modmenu,
#pun-viewforum #pun-main div.container, #pun-searchtopics #pun-main div.container, #topic-users-in,
#punbbsearch.container, #userlist.container {
padding-left: 18px;
padding-right: 18px;
}
#pun-messages form#messages {margin-left:200px; padding-left: 30px; padding-right: 30px;}
#pun-announcement div.container {padding-left:0px; padding-right:0px;}



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


/*** СТРЕЛКИ ***/
.topbot {
position:absolute; right:-14px; 
z-index:4; display:block;
}
.go-up, .go-down {-webkit-transition: 0.22s linear; -moz-transition: 0.22s linear; -o-transition: 0.22s linear; transition: 0.22s linear;
cursor:pointer; display:none; position:fixed; z-index:12; box-sizing:border-box; text-align:center; font-family: Tahoma, Verdana, sans-serif; font-size:0px; line-height: 200%; overflow:hidden;
width: 36px; height: 90px;
}
.go-up {
bottom: calc(30% + 120px);
background: url(https://forumstatic.ru/files/0019/e8/f8/76447.png) 0% 0% no-repeat;
}
.go-down {bottom: 30%;
background: url(https://forumstatic.ru/files/0019/e8/f8/76447.png) 0% 0% no-repeat;
transform:scale(-1,-1);
}
.go-down:hover, .go-up:hover {filter: brightness(1.15);}



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



/*** MOBILE STYLE ***/
@media screen and (max-width: 1028px) {
#pun {width: 100%; max-width: 1028px; padding:40px 18px 36px;}
}

@media screen and (max-width: 890px) {
#pun-navlinks .container {padding:12px 0px 10px;}
#pun-ulinks {padding: 8px 0px;}
.obj {margin:16px 0px 12px;}
}

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

/* иконки на навигацию */
#pun-navlinks li a:before {overflow: hidden; display: inline; font-family: 'icomoon', 'fontawesome'; font-size:0px;}
#pun-navlinks li#navindex a:before {content: "\f015";}
#pun-navlinks li#navextra1 a:before {content: "\e900"; margin-right: 8px;}
#pun-navlinks li#navuserlist a:before {content: "\e91e";}
#pun-navlinks li#navsearch a:before {content: "\f002";}
#pun-navlinks li#navprofile a:before {content: "\e91b";}
#pun-navlinks li#navpm a:before {content: "\f0e0";}
#pun-navlinks li#navlogout a:before {content: "\e909";}
#pun-navlinks li#navregister a:before {content: "\e91d";}
#pun-navlinks li#navlogin a:before {content: "\e90a";}
#pun-navlinks li#navpr_1 a:before {content: "\e918";} /* реклама свиток */

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

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

/* ссылки редактирования поста */
.punbb .post-links ul {padding:0px;}
.punbb .post-links li:first-child {padding-left: 0em;}
.punbb .post-links li {padding-left: 0.8em;}
.post-links li {padding: 0px 6px;}
#pun .post-links li a {font-size:0px; text-shadow:none !important;}
#pun #pun-searchposts .post-links li a {font-size:14px;}
.post-links li a:before {
overflow:hidden; display:inline; font-family: 'icomoon', 'fontawesome'; font-size: 16px; font-weight: 400;
}
.post-links li.pl-email.profile a:before {content: "\e91b";}
.post-links li.pl-email.pm a:before {content: "\f0e0";}
.post-links li.pl-email.email a:before {content: "\f003";}
.post-links li.pl-website.website a:before {content: "\f0c1";}
.post-links li.pl-delete a:before {content:"\f1f8";}
.post-links li.pl-edit a:before {content:"\f040";}
.post-links li.pl-quote a:before {content:"\f0e5";}
.post-links li.pl-reports a:before {content:"\f188";}

/* ЛС */
#pun-messages #profilenav {float:none; clear:both; width:100%; position:relative;}
#pun-messages form#messages {margin-left:0px;}

.topbot {right:4px;}
#MyBookmarks, #BookmCntToggle {display:none !important;}
}


@media screen and (max-width: 740px) {
#pun {width: 100%; max-width: 740px; min-width: 320px;}
#pun .post-body div.html-post-box {overflow:hidden;}
#pun-navlinks .container {flex-wrap:nowrap;}
#pun-navlinks li {padding: 0 4px;}
select {width: 100%;}

/* предпросмотр профиля*/
#viewprofile div.container table {margin:auto; width:100%;}
#profile-right {padding:0 6px !important;}
#profile-right li {margin: 1em 0.3em 0em;}
#viewprofile-next #viewprofile .container tr {display: flex; flex-direction: column;}
#profile-left {width: 100% !important; padding-bottom: 6px !important;}

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

#pun-index .category .tc2, #pun-index .category .tc3 {padding:12px 0 0;}
#pun-index .category .tcl {margin-right:0px;}
#pun-index .user-avatar {margin-right:-40px !important;}

#pun-stats h2 {margin:4px 0px 0px 0px; padding:2px 0 5px 0; height:auto; text-align:center;}
#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";
}
#pun-stats li.item5.onlinelist {padding:8px 0px 4px;}
#pun-stats li.item5.users_24h {padding:12px 0px 8px;}

/* табла внутренняя */
#pun-viewforum .category tr.isub {grid-template-columns: 1fr; grid-template-rows: auto auto;}
#pun-viewforum .category tr.isub .tcl {padding: 0 2px 10px; border-width: 0px; grid-column: 1 / -1; grid-row: 1 / 2;}
#pun-viewforum .category tr.isub .tcr {padding: 10px 0 0; grid-column: 1 / -1; grid-row: 2 / 3;}
#pun-viewforum .category tr.isub div.icon {display:none;}

/* внутри форума */
thead {display:none; font-size:0px;}
#pun-viewforum .forum .tc2, #pun-viewforum .forum .tc3 {display:none;}
#pun-viewforum #pun-main div.container {padding-left:4px; padding-right:4px;}
#pun-viewforum .forum tr {
grid-template-columns:1fr; grid-template-rows:auto auto; padding:4px 0;
border-bottom: 1px solid transparent;
border-image: linear-gradient(to right, transparent 0%, rgb(91 69 41 / 20%) 20%, rgb(91 69 41 / 20%) 80%, transparent 100%); border-image-slice:1;
}
#pun-viewforum .forum tr:last-child {border-bottom:0px solid transparent;}
#pun-viewforum .main td.tcl {padding:0.7em 0.4em 0em;}
#pun-viewforum .main td.tcr {font-size:11px; text-align:left; padding:6px 0.4em 10px 40px;}
.forum .tcr span {margin-top:0.2em;}

/* модерирование тем */
#pun-modviewforum .forum tr {
padding-left:4px; grid-template-columns:1fr 50px; grid-template-rows:auto auto; 
border-bottom:1px solid rgb(126 104 75 / 40%);
}
#pun-modviewforum .forum tr:last-child {border-bottom:0px solid transparent;}
#pun-modviewforum .forum .tcl {grid-column: 1 / 2; grid-row: 1 / 2;}
#pun-modviewforum .forum .tcmod {grid-column: 2 / 3; grid-row: 1 / 2;}
#pun-modviewforum .forum .tcr, #pun-modviewforum .forum .tc2, #pun-modviewforum .forum .tc3 {display:none;}
#pun-modviewforum .modmenu {padding-left:4px; padding-right:4px; margin:1.4em 0.5em 0.8em 0.5em}

/* пагинация ответить */
.linkst, .linksb {padding-left:8px; padding-right:8px; row-gap: 10px;}
#pun-viewforum .linkst, #pun-viewforum .linksb {grid-template-columns: auto; row-gap: 10px;}
.linkst {grid-template-columns: 1fr; grid-template-rows: auto auto;}
.linkst .pagelink {grid-column: 1 / -1; grid-row: 1 / 2;}
.linkst .postlink {grid-row: 2 / 3;}
#pun-viewforum .postlink.long {width: auto; padding:0;}

/* скрываем раскрываем блоки профиля */
.post-author li {display: none;}
.post-author li.pa-author, .post-author li.pa-title, .post-author li.pa-avatar {
display:block; padding-right:70px;
}
.post-author li.pa-title {font-size:0.85em;}

.post-author:hover li.pa-fld1 {display:block;}
li.pa-fld1 {margin:16px 0px 8px !important; padding:16px; text-align:center;}
.post-author:hover li.pa-respect, .post-author:hover li.pa-posts {display:inline-block; text-align:center; font-size:0.85em;}

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

/* аватарка */
.post-author li.pa-avatar img {object-fit:cover; width: 54px; height: 54px; }
.post-author li.pa-avatar {margin:auto; padding-right:0px; position:absolute; top:18px; right:20px;}
/* аватар в ЛС */
#pun-messages .post-author li.pa-avatar img {object-fit:cover; width:50px; height:50px;}

/* индикатор онлайн */
.pa-author:before {display:none;}
.post-author.online .pa-author:before {
display:inline-block; content:''; width:8px; height:8px; border-radius:50%; 
background:#86fffc; box-shadow: inset 0 -2px 3px #000; 
transform: translateY(-25%); margin-right:12px; position:relative; top:auto; right:auto;
}

/* посты, профиль, редактирование */
.punbb .post h3 + .container {grid-template-columns: 1fr; padding: 8px 0 8px 0 !important;}
.post-author {
--prwid: 100%; font-size:1em; margin:2px 0px 14px 0px; padding:20px; 
position: relative; top:0px; text-align:left; float:none; clear:both;
}
.post-body {grid-row: 2 / 3; grid-column: 1 / 2; padding-left: 0; margin-left: 0px;}
.post-links {grid-row: 3 / 4; grid-column: 1 / 2; margin:12px 10px 4px 14px;}

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

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

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

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

/***   RESPECTS PAGE   ***/
#pun-respect.punbb .main table th, #pun-positive.punbb .main table th {display: none;}
#pun-respect.punbb .main table tr, #pun-positive.punbb .main table tr {
display: flex; flex-wrap: wrap; padding: 6px 14px 0; background: var(--bgpun);
}
#pun-respect.punbb .main table tr *, #pun-positive.punbb .main table tr * {box-sizing:border-box;}
#pun-respect.punbb .main table tr .tcl, #pun-positive.punbb .main table tr .tcl {
order: 4; flex: 0 0 164px; line-height: 1.4rem;
}
#pun-respect.punbb .main table tr .tc2, #pun-positive.punbb .main table tr .tc2 {
order: 1; flex: 0 0 20px; font-weight: 700; font-size: 16px !important; line-height: 0.5rem;
}
#pun-respect.punbb .main table tr .tc3, #pun-positive.punbb .main table tr .tc3 {order: 2; flex: 0 0 180px;}
#pun-respect.punbb .main table tr .tc3 + .tc3, #pun-positive.punbb .main table tr .tc3 + .tc3 {
order: 5; flex: 0 0 100%; font-style: italic; padding-left:0px; padding-top: 0px; border-bottom: solid 1px #9a916f;
}
#pun-respect.punbb .main table tr .tcr, #pun-positive.punbb .main table tr .tcr {order: 3; flex: 1 0 auto;}

/* список участников и активные участники */
#pun-userlist .relation, #pun-userlist .posts, #pun-userlist .num_posts, #pun-userlist .user_title, #pun-userlist .title {display:none;}
#pun-userlist thead {display:table-cell; font-size:10px;}
.usertable tr {grid-template-columns: 1fr 0.6fr 0.6fr; grid-template-rows: auto auto;}
.online-list tr {
margin-bottom:10px; grid-template-columns: 1fr 0.6fr; grid-template-rows:auto auto;
border-bottom: 1px solid transparent; 
border-image: linear-gradient(to right, transparent 0%, rgb(91 69 41 / 20%) 20%, rgb(91 69 41 / 20%) 80%, transparent 100%); border-image-slice: 1;
}
.online-list tr:last-child {margin-bottom:0px;border-bottom: 0px solid transparent;}
#pun .online-list td {padding:0.4em 0.4em}
.online-list .tcl.username {grid-column: 1 / 2; grid-row: 1 / 2;}
.online-list .tc3 {grid-column: -2 / -1; grid-row: 1 / 2;}
.online-list .tcl.action {grid-column: 1 / -1; grid-row: 2 / 3;}

/* активные темы */
#pun-searchtopics .tc2, #pun-searchtopics .tc3 {display:none;}
#pun-searchtopics tr {
grid-template-columns:1fr; grid-template-rows:auto auto; padding:5px 0;
border-bottom: 1px solid transparent; 
border-image: linear-gradient(to right, transparent 0%, rgb(91 69 41 / 20%) 20%, rgb(91 69 41 / 20%) 80%, transparent 100%); border-image-slice: 1;
}
#pun-searchtopics tr:last-child {border-bottom:0px solid transparent;}
#pun-searchtopics .tcl {grid-column: 1 / -1; grid-row: 1 / 2;}
#pun-searchtopics .tcr {grid-column: 1 / -1; grid-row: 2 / -1; text-align:left; padding-left:40px !important; font-size:0.9em;}
#pun-searchtopics .forum td {padding:0.4em;}

/* ЛС */
#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:5px 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; /*padding-left:36px !important;*/}
#messages .tc3.pmtc33 {grid-column: 1 / 2; grid-row: 2 / 3;}
#messages legend {display:none;}

/* профиль */
#profile > .container {margin-left:0px;}
#profilenav {width:100%; float:none; clear:both; margin-top:4px; margin-left:0px; margin-right:0px; background:var(--bgpun);}
#profilenav ul li {display:inline-block;}
span.input input {margin-bottom: 6px;}
#viewprofile-next #profilenav {display:none;}

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

#pun-searchtopics #pun-main div.container {padding-left:2px; padding-right:2px;}
#punbbsearch.container, #pun-userlist .usertable {padding-left:4px; padding-right:4px;}
#pun-online div.online-list, #pun-messages form#messages {padding-left:2px; padding-right:2px;}
#userlist.container {padding-left:0px; padding-right:0px;}


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

#pun-adnav ul {display: flex; flex-wrap: wrap; flex-direction: row;}
div.adcontainer {background-color: var(--bgpun);}

.punbb div.adminmain.post {padding: 0 0 0 0em !important;}
.punbb-admin #pun-navlinks a, .punbb-admin #pun-navlinks li#navadmin span:before {font-size:0px; margin: 0px;}
.punbb-admin #pun-navlinks a:before {font-size: 21px;}
.punbb-admin  #pun-navlinks li#navadmin a:before {content: "\f013"; font-family: 'icomoon', 'fontawesome';}
.punbb-admin #pun-navlinks li {padding:0;}
.punbb-admin span.num_msg {font-size: 16px !important;}
.punbb-admin #pun-ulinks .container {flex-direction:column; flex-wrap:nowrap;}

.punbb-admin .adminmain {padding:0em 0px !important;}
.punbb-admin #pun-adnav {float:none; clear:both; width:100%; margin-left:0em; display:block; box-sizing: border-box;}
.punbb-admin #pun-admain fieldset {padding: 0 4px 0 4px !important;}
.punbb-admin #pun-adnav li {display:inline-block;}
.punbb-admin #pun-adnav li.isactive a {color: var(--punah) !important;}

.punbb-admin #pun-admain fieldset p, #pun-admain fieldset p, .punbb-admin #pun-admain fieldset .handle {border-left-width:0em !important; border-left:none; padding-left:6px; box-sizing:border-box;}
.punbb-admin #pun-admain fieldset p {margin-bottom:6px;}
.punbb-admin #pun-admain2 fieldset .subforums {margin-left:0em;}
.punbb-admin #pun-admain .adlabel {width:100%; box-sizing:border-box; display:block; float:none; clear:both; margin-left:0em;}
#pun-admain fieldset .handle, #pun-admain fieldset p {border-left-width:0em !important;}
#pun-admain .adlabel {margin-left:0em !important; width:100% !important;}

.punbb-admin #pun-admain .adinput {padding:0px 26px 0 0 !important;}
.punbb-admin #pun-admain span.adsubmit {position:relative; display:block; left:1em !important; margin-bottom:6px;}
.punbb-admin #pun-admain p.adsubmitfield span.adsubmit {top:2px;}

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

.punbb-admin #pun-admain1 form.adcontainer, .punbb-admin #pun-admain2 form.adcontainer,
.punbb-admin #pun-admain1 div.adcontainer, .punbb-admin #pun-admain2 div.adcontainer {padding: 18px 0px 12px 0px; overflow:hidden;}

#pun-admain1 form.adcontainer, #pun-admain2 form.adcontainer, #pun-admain1 div.adcontainer, #pun-admain2 div.adcontainer {padding-left:0; padding-right:0;}

.punbb-admin #pun-admain p span.astable label {float:none; clear:both;}

/* объявление */
.ob3, .ob5 {display:none;}
.obj {grid-template-columns: 1fr 1.3fr;}
.debottom {grid-template-columns:1fr; margin: auto 0px 10px;}
}


@media screen and (max-width: 540px) {
/* фикс для таблиц в постах */
#pun .post .post-content td {display:block; width:100% !important;}
#pun .post .post-content dl.post-sig td {display:table-cell;}
#pun-messages .post-content td {display:block; width:100% !important; box-sizing:border-box;}
#pun-messages .post-content dl.post-sig td {display:table-cell;}

#pun #pun-navlinks li#navpm span.num_msg {font-size:13px !important; line-height:0% !important; margin-left:-8px !important;}
#pun span.num_msg:before {top:15px !important;}

div.tclcon h3 {font-size:16px;}
#pun-stats h2 {font-size: 26px;}

.obj {grid-template-columns: 1fr; margin: 6px 0px 2px;}
.ob1 {display:none;}
.ob2 {flex-direction:column; padding:18px 14px;}
}


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

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