@import url(style_cs.1773042978.css);

/* шрифты */
/* Font Awesome */
@import url('https://kit-pro.fontawesome.com/releases/v6.6.0/css/pro.min.css');

@font-face {font-family: "The Kudry"; src: url('//forumstatic.ru/files/001b/e9/9b/96303.otf'); font-style: normal; font-weight: normal;}
@font-face {font-family: "Trajan"; src: url('//forumstatic.ru/files/001b/e9/9b/54188.ttf'); font-style: normal; font-weight: normal;}
@font-face {font-family: "Peter"; src: url('//forumstatic.ru/files/001b/e9/9b/85521.ttf'); font-style: normal; font-weight: normal;}
@font-face {font-family: "Merriweather"; src: url('//forumstatic.ru/files/001b/e9/9b/88383.ttf'); font-style: normal; font-weight: normal;}
@font-face {font-family: "The Laker"; src: url('//forumstatic.ru/files/001b/e9/9b/13030.otf'); font-style: normal; font-weight: normal;}
@font-face {font-family: "University"; src: url('//forumstatic.ru/files/001b/e9/9b/59562.ttf'); font-style: normal; font-weight: normal;}
@font-face {font-family: "Bootshaus"; src: url('//forumstatic.ru/files/001b/e9/9b/33642.ttf'); font-style: normal; font-weight: normal;}
@font-face {font-family: "Stray"; src: url('//forumstatic.ru/files/001c/a0/0e/66930.ttf'); font-style: normal; font-weight: normal;}


/* все повторяющиеся элементы*/
:root {
 --background-fon: #000000 url('https://forumstatic.ru/files/001c/54/e5/86747.png')  fixed top/cover;
--podlozh_pod_ramk: rgba(18,18,18,0.5); /*подложка рамки*/
--border_ramk: 1px solid #230000;
--fon-telo: url(https://forumstatic.ru/files/001c/54/e5/58004.png) repeat transparent;
--fon-prof: #000 url('https://forumstatic.ru/files/001c/54/e5/42484.png');
--telo-w: 1000px;
--font-nav: 15px 'The Kudry';
--col-nav: #9c7575;
--ss-hov: #5d2323;
--col-ss: #483737;
--col-kat: #928282;
--font-os: 11px 'Tahoma';
--font-trojan: 'Trajan';
--font-pet: 'Peter';
--font-mer: 10px 'Merriweather';
--col-kn: rgba(80, 63, 63, .1);
--font-name: 20px 'The Laker';
--color-prof: #584c4c;
--font-stat: 11px 'University';
--font-zag: 'Bootshaus';
--font-mai: 'Material Symbols Outlined';
--sh-kn: 0px 0px 5px #757575;
--border-kn: 1px solid #46464638;
--col-prof: #746b6b;
}

/*Фон*/
html, body {
 margin: 0 auto;
 padding: 0px;
 position: relative;
 font-size: 100,0%;
}

#pun_wrap {
 width: 1200px;
 margin: 0px auto;
}

/*тело форума*/
#pun {
 margin: 0 auto;
 position: relative;
 top: 300px;
 padding: 0px;
 width: var(--telo-w);
 height: calc(100% + 100px);
 margin-bottom: 360px;
 border-radius: 14px;
}

#pun:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
}

.punbb span.num_msg, .punbb .bubble {
 background: var(--ss-hov);
}

.punbb span.num_msg:before {
 background: var(--ss-hov);
}

.punbb .bubble:after {
 border-color: #5d2323 transparent;
}

/* чекбоксы, которые трогать не буду */
input[type="checkbox"],
input[type="radio"] {
 -webkit-appearance: none;
 appearance: none;
 width: 16px!important;
 height: 16px!important;
 position: relative;
 display: inline-flex;
 justify-content: center;
 align-items: center;
 background: var(--col-kn);
 border: var(--border-kn);
 border-radius: 3px;
 vertical-align: middle;
}

input[type="checkbox"]:hover,
input[type="radio"]:hover {
 cursor: pointer;
 box-shadow: var(--sh-kn);
}

input[type="checkbox"]:checked {
 content: '\f00c';
 font: var(--fa-font-solid);
 font-size: 10px;
 color: #362b2b;
}

input[type="radio"]:checked:hover {
 cursor: default;
 box-shadow: var(--sh-kn);
}

input[type="radio"]:checked {
 background: var(--col-kn);
}

input[type="radio"]:checked::before {
 content: '\f00c';
 font: var(--fa-font-solid);
 font-size: 10px;
 color: #362b2b;
}

input[type="checkbox"]:checked::before {
 content: '\f00c';
 font: var(--fa-font-solid);
 font-size: 10px;
 color: #362b2b;
}

input[type="checkbox"]:checked:hover {
    box-shadow: var(sh-kn);
}

p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
    line-height: 100%;
    vertical-align: middle;
}

.checkfield label {
    line-height: 120%;
}

.radio *:hover,
.checkfield *:hover {
  cursor: pointer;
}

* {
    border: none;
    outline: none;
}

/*кнопки*/
input.button, button {
    background: var(--col-kn);
    border-radius: 7px;
    border: var(--border-kn);
    color: var(--col-ss);
    padding: 7px 10px 4px 10px;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
    font-family: var(--font-zag) !important;
    font-size: 14px !important;
    width: auto;
}

input.button:hover, #post fieldset:hover .hashelp div input:hover, button:hover {
 background: none;
 color: var(--ss-hov);
 box-shadow: var(--sh-kn);
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}

#post fieldset .hashelp div input {}

.punbb textarea {
 width: 98%!important;
 padding: 8px;
 border-radius: 10px;
 background: var(--col-kn);
}

/*селекторы*/
.punbb select, .punbb option {
 text-transform: lowercase;
 font-size: 10px!important;
 padding: 3px;
 border-radius: 3px;
 background: none;
 border: var(--border-kn);
 color: var(--col-ss);
}

.punbb option {
 background-color: #c7c7c7;
 color: var(--col-ss);
} 



/*обводка активного поля*/
input, textarea, button, select {
outline:none;
}

input:active, textarea:active, button:active, select:active {
 outline:none;
}

#formkey, #formetc {
display:none
}

/* Основной шрифт */
.punbb {
 font-size: 12px;
 font-family: 'Verdana';
  }
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, arial, helvetica, sans-serif
  }
.punbb table {
 width: 100%;
}


.punbb address, .punbb em {
  font-style: normal
  }

.punbb .post-content em {
  font-style: italic
  }

.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
  }

.punbb a {
  text-decoration: none;
  }

.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb th {
  font-weight: normal;
  }


.punbb optgroup {
  font-weight: bold;
  }


.punbb .container:after,
.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;
  }


.acchide,
#pun-navlinks h2,
#pun-main h1,
#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 {
 display: none;
  }

#pun-main .forum h2 {
 display: none;
}



.punbb {
  float: left;
  width: 100%;
  height: auto;
  }

#pun-redirect, #pun-maint {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
  }


.punbb .category, .punbb .post, .punbb #pun-category1, .punbb .toppost {
  margin-top: 0;
  }


#pun-post .topic {
  margin-top: 1em;
  }

.punbb .section h2, #pun-debug h2 {
 display: none;
  }


/*посты */
/*базовый контейнер для поста. Пока удалила хидден, посмотрю, что будет... */
.post-content {
 padding: 0;
 margin: 0;
 width: 100%;
}

/*подпись. Полоска у подписи*/
.punbb .post-sig dt {
  display: block;
  border-top: var(--border-kn);
  margin: 5px 0;
 }


/* абзацы постов */ 
 .post-content p {
  padding: 0;
  line-height: 150%;
}

.post-content p strong {
font-weight: bold;
}


.punbb .post-content img {
  vertical-align: text-bottom
  }


.punbb .post-content img.postimg {
  vertical-align: middle;
  }


.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }


/*Цитаты, код и прочее*/
.scrollbox {
  width: 100%;
  overflow: auto;
}

blockquote {
margin:0;
}


.punbb .post-content .quote-box, .punbb .post-content .code-box {
 margin: 15px 0;
 background: var(--col-kn);
 border-radius: 10px;
 padding: 10px 10px 5px;
 box-shadow: var(--sh-kn);
}
.punbb .post-content .quote-box, .punbb .post-content .code-box {
 margin: 15px 0;
 background: var(--col-kn);
 border-radius: 10px;
 padding: 10px 10px 5px;
 box-shadow: var(--sh-kn);
}
/*спойлер*/
.post-content .spoiler-box > blockquote {
 padding: 0;
 display: none;
 margin: 10px 10px 0;
}

.post-content .spoiler-box > blockquote.visible {
 display:block;
 overflow:auto;
}

.post-content .spoiler-box > div {
 padding-left: 30px;
 position: relative;
 height: 24px;
 font-family: var(--font-trojan);
 font-weight: bold;
 margin: -4px -5px -2px;
 display: flex;
 align-items: center;
}

.post-content .spoiler-box > div:before {
 content: '';
 background-size: cover;
 background-image: url(https://forumstatic.ru/files/001c/a0/0e/99053.svg);
 width: 22px;
 position: absolute;
 top: 0px;
 left: 0px;
 height: 22px;
 opacity: 0.6;
 transition: all .5s ease-in-out;
}

.post-content .spoiler-box > div:hover:before{
 transition: all .5s ease-in-out;
 opacity: 1;
}

.post-content .spoiler-box > div.visible:before {
 content: '';
 background-size: cover;
 background-image: url(https://forumstatic.ru/files/001c/a0/0e/20485.svg);
 width: 22px;
 position: absolute;
 top: 0px;
 left: 0px;
 height: 22px;
 opacity: 0.6;
 transition: all .5s ease-in-out;
}

.post-content .spoiler-box > div.visible:hover:before{
 transition: all .5s ease-in-out;
 opacity: 1;
}

.post-content .spoiler-box > div.visible:after {
 position: absolute;
 content: '';
 width: 494px;
 height: 1px;
 bottom: 0px;
 background: linear-gradient(to right, #938a8a 0%, rgb(255 255 255 / 0%) 100%);
}

/*цитаты и скрытый текст*/
.quote-box cite,.hide-box cite {
 font: bold 14px var(--font-trojan);
 position: relative;
 padding-left: 10px;
 color: var(--color-prof);
 text-shadow: 1px 1px 0 #cccccc;
}
 

.quote-box cite:before {
 font: var(--fa-font-solid);
 position: absolute;
 top: -3px;
 left: 0;
 content: '\f10d';
 font-size: 9px;
}

.quote-box cite:after, .hide-box cite:after {
 position: absolute;
 content: '';
 width: 494px;
 height: 1px;
 bottom: -5px;
 left: 0px;
 background: linear-gradient(to right, #938a8a 0%, rgb(255 255 255 / 0%) 100%);
}

.code-box strong.legend a {
  color: var(--color-prof);
}

.code-box strong.legend a:after {
 position: absolute;
 content: '';
 width: 494px;
 height: 1px;
 bottom: -5px;
 left: 0px;
 background: linear-gradient(to right, #938a8a 0%, rgb(255 255 255 / 0%) 100%);
}

.code-box strong.legend a:hover {
  color: var(--ahover)!important;
}

.code-box strong.legend {
  font: bold 14px var(--font-trojan);
  position: relative;
  color: var(--color-prof);
  text-shadow: 1px 1px 0 #cccccc;
}

#post-preview .code-box strong.legend {
    margin: 0px;
}



/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;
  }

/* B2.2 */
.punbb .info-box * {
  padding: 0 0 0.7em 0;
  }

/* B2.3 */
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
  }


/* Ссылки всякие разные*/

.punbb .linkst {
  position: relative;
  width: 100%;
  height: 25px;
  }

/* Страницы наверху страницы*/
#pun-viewforum .linkst .pagelink, #pun-viewtopic .linkst .pagelink,  #pun-userlist .linkst .pagelink, #pun-respect  .linkst .pagelink, #pun-positive  .linkst .pagelink {
 position: absolute;
 width: 300px;
 left: 10px;
 font-family: var(--font-trojan);
 text-transform: uppercase;
 font-weight: bold;
 font-size: 10px;
 color: var(--col-ss);
}

#pun-viewforum .linksb .pagelink, #pun-viewtopic .linksb .pagelink, #pun-userlist .linksb .pagelink, #pun-respect .linksb .pagelink, #pun-positive .linksb .pagelink {
 position: absolute;
 width: 300px;
 left: 10px;
 font-family: var(--font-trojan);
 text-transform: uppercase;
 font-weight: bold;
 font-size: 10px;
 color: var(--col-ss);
 }

.linkst .pagelink a, .linkst .pagelink strong, .linksb .pagelink a, .linksb .pagelink strong {
 font: var(--font-mer);
 color: var(--col-ss);
 font-size: 12px;
}

.linkst .pagelink strong, .linksb .pagelink strong {
 font-weight: bold;
}

.linkst .pagelink a:hover, .linksb .pagelink a:hover {
 color: var(--ss-hov);
 transition: all 0.3s ease-in-out;
}

/*Ссылки наверху страницы тема и опрос*/
#pun-viewforum .linkst .postlink {
 position: absolute;
 right: 14px;
 top: -22px;
 z-index: 2;
 display: flex;
 gap: 20px;
 font-family: var(--font-trojan);
 font-size: 11px;
 color: var(--col-ss);
 font-weight: bold;
 flex-direction: row;
 text-transform: uppercase;
}

/*Страницы внизу страницы*/
.punbb .linksb {
 margin-bottom: 10px;
 height: 12px;
  }

.punbb #topic-users-in {
 align-content: center;
}

/*скрытые кнопки новая тема и опрос внизу страницы*/
.linksb .postlink {
 display: none;
  }

/* подписаться и следить за ответами в теме*/
.subscribelink {
 clear: both;
 position: relative;
 text-align: right;
 right: 10px;
 font-family: var(--font-trojan);
 font-size: 10px;
 font-weight: bold;
 text-transform: uppercase;
 bottom: 14px;
}

.subscribelink a {
  color: var(--col-ss); 
}


/* Форма ответа*/

#post-form {
 margin: 15px 0 20px;
}

div.grippie {
display: none;
}

#post-form h2 {
 display: none;
}

#form-buttons table, #pun #form-buttons tbody {
 width: 100%;
}


#form-buttons table tr {
 background: var(--col-kn);
 display: flex; 
 justify-content: space-around;
 padding: 5px 0;
 border-radius: 8px;
 box-shadow: var(--sh-kn);
}


#form-buttons td {
 position: relative;
 height: 24px;
 width: 24px;
 display: inline-flex;
 justify-content: center;
 align-items: center;
 transition: all 0.3s ease-in-out;
}

#form-buttons td img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 cursor: pointer;
}


#form-buttons td:before {
 font: var(--fa-font-sharp-regular);
 font-size: 15px;
 top: 0;
 left: 0;
 z-index: 1;
 pointer-events: none;
}

#form-buttons td:hover {
 border-radius: 4px;
 background: var(--col-kn);
 box-shadow: var(--sh-kn);;
 color: var(--ss-hov);
 transition: all 0.3s ease-in-out;
}


/*кнопки в форме ответа*/

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

#button-size:before {
    content: '\f894';
}

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

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

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

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

#button-left:before {
    content: '\f036';
}

#button-right:before {
    content: '\f038';
}

#button-center:before {
    content: '\f037';
}

#button-link:before {
    content: '\f0c1';
}

#button-spoiler:before {
    content: '\f518';
}

#button-image:before {
    content: '\f302';
}

#button-video:before {
    content: '\f144';
}

#button-hide::before {
    content: '\f30d';
}

#button-quote:before {
    content: '\f27a';
}

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

#button-color:before {
    content: '\f53f';
}

#button-table:before {
    content: '\f0ce';
}

#button-smile:before {
 content: '\f118';
}

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

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

#button-mask:before {
    content: '\f630';
}

#button-dice:before {
 content: '\f522';
}

#button-indent:before {
 content: '\f878';
}

#button-mask {
 background: none!important;
}

#button-sticker {
 background: none!important;
}

#button-sticker:before {
 content: '\f585';
}

#button-float:before {
 content: '\f03c';
}


.punbb fieldset {
 position: relative;
 top: 10px;
}

#post-form fieldset legend{
 display: none;
}


/*выпадающие меню*/

#font-area, #size-area {
    right: unset !important;
}

#font-area, #size-area, #addition-area {
 position: absolute;
 top: 40px;
 background: var(--fon-telo);
 box-shadow: var(--sh-kn);
 padding: 2px;
 border-radius: 8px 0 0 8px;
 z-index: 2;
}

#font-area, #size-area {
 height: 150px;
 overflow: auto;
}

#font-area div, #size-area div{
 padding: 3px 7px;
 transition: all 0.3s ease-in-out;
}


#font-area div:hover, #size-area div:hover {
 background: var(--col-kn);
 border-radius: 6px;
 transition: all 0.3s ease-in-out;
}

#font-area span, #font-area img {
 height: 15px;
}

#font-area span, #font-area img, #size-area span, #size-area img {
 display: block;
 position: relative;
 top: 0;
 left: 0;
}

#size-area span, #size-area img {
 height: 24px;
 align-content: center;
}

#size-area img {
 width: 100%;
 margin-top: -24px;
}

#spoiler-area, #image-area, #video-area, #color-area, #table-area, #smilies-area, #keyboard-area {
 position: absolute;
 background: var(--fon-telo);
 box-shadow: var(--sh-kn);
 border-radius: 8px;
 z-index: 2;
 align-content: center;
 padding: 10px 10px 15px 10px;
}

#keyboard-area {
 right: 10px;
 text-align: center;
}

#addition-area {
 right: 10px;
 max-height: 140px;
 overflow: auto;
}

#addition-area div {
 transition: all 0.3s ease-in-out;
 padding: 3px;
 margin: 2px 0;
}

#addition-area div:hover {
 background: var(--col-kn);
 transition: all 0.3s ease-in-out;
 border-radius: 3px;
}

#spoiler-area {
 right: 216px;
 width: 294px;
}

#image-area {
 right: 28px;
 width: 445px;
 overflow: hidden;
}

#video-area {
 right: 124px;
 width: 310px;
}

#color-area {
 width: 119px;
 right: 164px;
}

#table-area {
 width: 175px;
 right: 66px;
}

#smilies-area {
 width: 198px;
 right: 10px;
}

#color-area tr {
 display: flex;
 flex-wrap: wrap;
 gap: 10px;
}

#color-area td, #table-area td {
 margin: 0;
 padding: 0;
 line-height: 0;
}

#color-area td img {
 width: 20px;
 height: 20px;
 border: var(--border-kn);
}


#table-area td img {
 width: 16px;
 height: 16px;
 border: var(--border-kn);
}

#table-area td {
 background-color: rgba(255,255,255,.44);
}

#table-area td.selected {
background-color:var(--color-prof);
}

#image-area strong {
 margin-bottom: 5px;
}

#image_upload_input {
 display: none;
}

#image-source-list, #spoiler-type-list {
 margin-top: 8px;
 display: flex;
 gap: 10px;
}

#image-area-actions, #video-area-actions {
 margin-top: 15px;
}

#image-area a, #spoiler-area a, #video-area-actions a{
 padding: 5px 10px;
 text-transform: lowercase;
 border-radius: 3px;
 background: var(--col-kn);
}

#image-area a:hover, #spoiler-area a:hover, #video-area-actions a:hover {
 box-shadow: var(--sh-kn);
 transition: all 0.3s ease-in-out;
}

#imageupload-left {
 width: 110px;
 font-size: 10px;
 text-transform: lowercase;
}

#image_upload, #image-width, #image-thumb-width {
 margin-bottom: 7px;
}

#imageQueue {
 max-height: 140px;
 margin-bottom: 10px;
 display: block;
 overflow: auto;
}

.uploadQueueItem {
 padding: 8px 5px;
 border: var(--border-kn);
 border-radius: 5px;
 margin-bottom: 5px;
 font-size: 10px;
}

.uploadQueueItem .cancel {
 font-size: 16px;
 font-weight: 700;
 font-family: Arial;
 float: right; 
 position: relative;
 top: -3px;
}

.uploadQueueItem .cancel a {
 padding: 0px 5px!important;
}

#uploaded-images {
 max-height: 140px;
 margin-bottom: 10px;
 display: block;
 overflow: auto;
}

#uploaded-images img {
 width: 60px;
 height: 60px;
 background-size: cover;
 border: var(--border_ramk);
 background-position: center;
 margin: 2px;
}

#image-area textarea, #video-area textarea {
 background: var(--col-kn);
 padding: 6px;
 border-radius: 6px;
 width: 97%!important;
 border: var(--border-kn);
 color: var(--col-ss);
}

#video-area-tinp, #image-area-tinp {
 border: var(--border_ramk)
}

/*маска профиля*/
#mask_dialog .hv-preview-block {
 flex: 0 0 150px;
 max-width: 150px;
margin-right: 10px;
}

.hv-preview-author {
 font: var(--font-name);
 font-size: 16px;
}

.hv-preview-title {
 font: var(--font-stat);
}

#mask_dialog .hv-preview-block img {
 max-width: 140px;
}

/*стикеры*/

.hvStickerPackModal {
 background: var(--fon-telo)!important;
 border-radius: 10px!important;
}

.hvStickerPackModalContent {
 padding: 0px!important;
 border: var(--border-kn);
 background: var(--col-kn);
 max-height: 137px!important;
}

.hvStickerPackModal.active {
 width: 980px!important;
 height: 200px;

}

.hvStickerPackItem img {
 width: 53px;
}

.hvStickerPackItem:hover {
 background:var(--col-kn);
}


/* C1.21 */
#pun-post .formal .info-box li {
  padding-left: 4px;
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5;
  margin: 0;
 }

#font-area img {
    width: 100%;
    margin-top: -15px;
}

/*кнопка быстрого предпросмотра*/
#togglePreview{
 position: absolute;
 bottom: -20.5px;
 left: 178px;
}

input.button.submit {
 margin-right:10px;
} 

.punbb input {
 background: var(--col-kn);
 color: var(--col-ss);
 border-radius: 3px;
 border: var(--border-kn);
}

p.formsubmit {
 padding: 0px;
 margin: 2px 11px 0px;
}

/*счетчик символов*/
#char-counter{
 margin-top:-20px;
 text-align:right;
 user-select:none;
 padding-right: 16px;
 color: var(--color-prof);
}

#char-mode{
 font-size:12px;
 cursor:pointer;
 margin-left:6px;
 text-decoration:underline;
 user-select:none;
}


/*Таблицы*/

/*название колонок. Скрыто*/
.punbb .main thead {
 display: none;
}

.main table {
 position: relative;
}

.main tbody{
 position: relative;
 z-index: 1;
 padding: 0px;
 margin: 0px;
}

#pun-index .hasicon tr {
 height: 100px;
 width: 970px;
 padding: 10px;
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 gap: 10px;
 box-shadow: inset 0px 0px 4px 0px #73696963, 0px 0px 8px 0px #7369694f;
 border: 1px solid #625c5c;
 border-radius: 8px;
 background: linear-gradient(to right, rgba(109, 106, 106, .58) 0%, rgba(49, 49, 49, .11) 100%);
 position: relative;
 overflow: hidden;
 transition: all 0.2s ease;
}

#pun-index .hasicon tr:after {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 opacity: 0;
 z-index: 1;
 transition: opacity .7s ease-in-out;
 pointer-events: none;
 background: url('https://forumstatic.ru/files/001c/a0/0e/31251.png') center/cover no-repeat;
}

#pun-index .hasicon tr:hover:after  {
  opacity: .05;
 transition: opacity .7s ease-in-out;
}




#pun-index .main .tcl {
 overflow: hidden;
 text-align: left;
 flex: 0.64;
 position: relative;
 padding-left: 60px;
 display: inline-flex;
 }

#pun-index .hasicon {
 width: 970px;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 gap: 15px;
 padding: 0px 15px;
}

#pun-index .user-avatar .avatar-image {
 height: 40px;
 width: 40px; 
 float: left;
 background-size: cover;
 background-position: center;
 margin-right: 10px;
}

.user-avatar {
 margin: 0;
}

#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
  display:none!important;
}
.Thems_And_messages {
 width: 40px; 
 display: flex;
 flex-direction: row;
 align-items: center;
 gap: 5px;
 font: var(--font-os);
 position: relative;
}

.main table .Add {
 margin: 5px;
 display: flex;
 justify-content: flex-end;
 position: absolute;
 bottom: -4px;
 right: -10px;
 width: 120px;
}
.Thems_And_messages .right{
  float:right;
}

.Thems_And_messages img {
 opacity: .7;
 width: 16px;
 transition: .5s ease;
}

.Thems_And_messages img:hover {
 opacity: 1;
  transition: .5s ease;
}

/*.user-avatar .avatar-image {   
 height: 40px;
 width: 40px; 
 float: left;
 background-size: cover;
}*/

/* C2.2 
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  }*/

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
/*  text-align: left;
  flex: 0.35;
  padding: 20px 0;
 position: relative;*/
  }

/* C2.3 */
#pun-index .tcr {
  overflow: hidden;
  text-align: left;
  flex: 0.35;
  padding: 20px 0;
 position: relative;
  }

#pun-index .tcr .lastpost-link,
#pun-index .tcr .lastpost {
 font: var(--font-os);
 text-transform: lowercase;
 display: block; 
 margin-bottom:  -12px;
}


/* C2.6 */
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
  }

/* C2.7 */
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
  }

/*Название подфорума*/
#pun-index .tcl h3 {
 font-family: var(--font-pet);
 font-size: 18px;
 margin: 0 0 5px;
 text-transform: uppercase;
 }

/*участники*/

#pun-userlist .fs-box {
 display: flex;
 flex-wrap: wrap;
 column-gap: 30px;
 justify-content: flex-start;
}



#pun-userlist div.container tbody {
 display: flex;
 flex-wrap: wrap;
 gap: 10px;
 justify-content: center;
 margin: 15px 0;
}


#pun-userlist div.container tbody tr {
 display: block;
 width: 300px;
 height: 103px;
 border: 1px solid #6a6363;
 background: var(--col-kn);
 padding: 5px;
 border-radius: 5px;
}

#pun-userlist div.container tbody td {
 display: block;
 width: 100%;
 position: relative;
 text-align: center;
}

#pun-userlist .user-avatar .avatar-image {
 height: 100px;
 width: 100px; 
 float: left;
 background-size: cover;
 margin-right: 8px;
 border: var(--border_ramk);
 background-position: center;
}

#pun-userlist .usersname{
 display: block;
 margin: 7px 0 5px;
 font: var(--font-name);
 font-size: 16px;
}

#pun-userlist .infofield {
 margin: 0px 0px 10px;
 text-align: justify;
}

#pun-userlist .user_title{
 font: var(--font-stat);
 text-transform: lowercase;
 font-size: 10px;
 width: 180px;
 display: inline-block;
 margin-bottom: 5px;
}

#pun-userlist div.container .relation, #pun-userlist div.container .num_posts, #pun-userlist div.container .registered, #pun-userlist div.container .last_visit {
 display: inline-block;
 width: 90px;
 height: 18px;
 align-content: center;
}

#pun-userlist .relation:after, #pun-userlist .registered:after {
 content: '|';
 float: right;
}



/*страница подфорумов */

#pun-viewforum .hasicon {
 display: flex;
 flex-direction: column;
 gap: 10px;
}

#pun-viewforum .hasicon tr {
 display: flex;
 align-items: center;
 flex-direction: row;
 width: 970px;
 margin: 0px auto;
 gap: 20px;
 background: var(--col-kn);
 padding: 5px;
 border-radius: 10px;
 border: var(--border-kn);
 transition: .5s ease;
}

#pun-viewforum .hasicon tr:hover {
 transition: .5s ease;
 box-shadow: var(--sh-kn);
}


#pun-viewforum .user-avatar .avatar-image {
 height: 30px;
 width: 30px; 
 float: left;
 margin-right: 15px;
 background-size: 40px;
 background-position: center;
}

#pun-viewforum .hasicon .tcl {
 flex: 0.62; 
}

#pun-viewforum .tclcon  {
 font-size: 12px;
}

#pun-viewforum .hasicon .tc2, #pun-viewforum .hasicon .tc3 {
 flex: 0.06;
 text-align: center;
}


#pun-viewforum .hasicon .tcr {
 flex: 0.24;
}

#pun-viewforum .hasicon .tcr a {
 display: block;
}

#pun-viewforum .hasicon .tcr .byuser-username {
 margin-left: -3px;
}



/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }






/* иконки*/
.punbb div.icon {
  height: 0;
  line-height: 0.0;
  width: 0;
  }

.punbb  table div.icon {
 position: absolute;
 top: 0;
 left: 0;
  }

 /* Посты */

/*скрытые моменты в постах*/
div#pun-live-rusff, #pun-viewtopic .translatelink, #pun-viewtopic .sharelink, #pun-viewtopic .pl-reports, #pun-viewtopic .reactions-container {
 display: none;
}

/*бегунок в постах*/
#pun-viewtopic .FNTslider {
 border-radius: 3px;
 position: absolute;
 z-index: 1000;
 width: 100px;
 height: 4px;
 border: 1px solid #636363;
 right: 54px;
}

#pun-viewtopic .FNTslider .before {
 height: 6px;
 border: solid 1px transparent;
 border-radius: 3px 0 0 3px;
 position: absolute;
 background: #1a1111;
 top: -2px;
 left: -1px;
 }

#pun-viewtopic .FNTslider .thumb {
 width: 4px;
 height: 12px;
 border-radius: 1px;
 position: relative;
 top: -4px;
 background: #1a1111;
 cursor: pointer;
}


/*репутация*/
div.post-rating {
 float: right; 
 width: 42px;
 height: 28px;
 background-size: cover;
 position: relative;
 display: flex;
 justify-content: center;
}

div.post-rating:after {
 background-image: url('https://forumstatic.ru/files/001c/a0/0e/49257.svg');
 position: absolute;
 opacity: 0.2;
 content: '';
 top: 0;
 left: 0;
 width: 42px;
 height: 28px;
 pointer-events: none;
 z-index: 0;
 transition: all 0.3s ease-in-out;
 background-size: cover;
}

div.post-rating:hover:after {
 opacity: 0.3;
 transition: all 0.3s ease-in-out;
}

div.post-rating a{
 position: relative;
 z-index: 1;
 top: -3px;
}

div.post-vote {
  float: right; 
}



#pun-viewtopic .linkst .postlink {
 position: absolute;
 right: 14px;
 top: -22px;
 z-index: 2;
 display: flex;
 gap: 20px;
 font-family: var(--font-trojan);
 font-size: 11px;
 color: var(--col-ss);
 font-weight: bold;
 flex-direction: row;
 text-transform: uppercase;
}



/*оформление поста верх*/
#pun-viewtopic .post h3 {
 display: block;
 background: var(--col-kn);
 width: 980px;
 padding: 3px 10px;
 position: relative;
 margin: 10px 0px;
}

#pun-viewtopic .post h3 span {
 width: 720px;
 display: flex;
 position: relative;
 left: 250px;
 flex-direction: row-reverse;
 align-items: center;
 justify-content: space-between;
}

#pun-viewtopic .post h3 span a {
 position: relative;
 font: var(--font-mer);
 font-size: 11px;
 font-weight: bold;
 text-transform: lowercase;
 color: var(--col-ss);
}

#pun-viewtopic .post h3 span a:hover {
 color: var(--ss-hov);
}

#pun-viewtopic .post h3 strong {
  float: right;
  font-weight: bold;
 font: var(--font-mer);
  }

/*профиль в топике (возможно, отдельно прописать для соо в лс и постах) */
#pun-viewtopic .post .post-author {
  float: left;
  min-width: 200px;
}

#pun-viewtopic .indOnline, #pun-viewtopic .indOffline {
 display: block;
 position: absolute;
 top:-22px;
 left: -20px;
}

#pun-viewtopic li.pa-author a {
 font: var(--font-name);
 text-transform: capitalize;
 background: linear-gradient(#7f5d5d 60%, #383434 40%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
 text-shadow: 0px 0px 1px #949494;
 margin-left: 9%;
}

#pun-viewtopic li.pa-author a:hover {
 background: linear-gradient(#7f5d5d 60%, #383434 40%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
text-shadow: 0px 0px 1px var(--ss-hov);
}
 
#pun-viewtopic .post-author {
 background: var(--fon-prof);
 height: auto;
 position: sticky;
 width: 240px;
 top: 0px;
 margin: -32px 0 40px;
 padding: 0px;
 border-radius: 0 14px 14px 0;
 border: var(--border_ramk);
 border-left: none;
}

#pun-viewtopic .post-author ul {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-evenly;
 margin-bottom: 15px;
 color: var(--color-prof);
}


#pun-viewtopic li.pa-title, #pun-viewtopic li.pa-avatar, li.pa-fld4, #pun-viewtopic li.pa-fld2 {
 display: flex;
 flex-direction: column;
 align-items: center;
 width: 100%;
 position: relative;
 z-index: 2;
}

#pun-viewtopic li.pa-author {
 display: flex;
 align-items: center;
 width: 100%;
 position: relative;
 z-index: 2;
 justify-content: center;
}

.post-author:hover #tuser {
 opacity: 1!important;
}

.punbb #tuser {
 opacity: 0.4;
 transition: opacity .2s ease;
 right: unset;
 margin: -3px 0 0 3%;
 padding: 0;
 width: unset;
 height: unset;
}

.punbb #tuser::before {
 margin: 0;
 padding: 0;
 font: var(--fa-font-regular); 
 font-size: 10px;
 content: '\f002';
}

#sTheme {
  height: 20px!important;
}


#pun-viewtopic li.pa-avatar img{
 padding: 3px;
 width: 180px;
 background: var(--podlozh_pod_ramk);
 border: var(--border_ramk);
}

#pun-viewtopic li.pa-title {
 margin: 5px 0 10px;
 letter-spacing: .6px;
 font: var(--font-stat);
 text-transform: lowercase;
 text-align: center;
 width: 90%;
 color: var(--col-prof);
}

#pun-viewtopic li.pa-posts, li.pa-fld5, li.pa-respect, li.pa-fld1{
 display: block;
 text-align: center;
 position: relative;
 z-index: 2;
}

#pun-viewtopic li.pa-fld3 {
 position: absolute;
 top: 0px;
 pointer-events: none;
 border-radius: 0 14px 0;
 overflow: hidden;
 background: #000;
}

#pun-viewtopic li.pa-gifts {
 display: none;
}

#pun-viewtopic .post-links ul {
 position: relative;
 margin-bottom: 30px;
 font: var(--font-mer);
 font-size: 12px;
 text-transform: lowercase;
 font-weight: bold;
 text-shadow: 1px 1px 2px #dbdbdb;
}

#pun-viewtopic .pl-email.profile, #pun-viewtopic .pl-email.pm, #pun-viewtopic .pl-email.email, #pun-viewtopic .pl-delete, #pun-viewtopic .pl-edit, #pun-viewtopic .pl-quote {
 position: absolute;
 text-align: center;
 font-size: 12px!important;
}

#pun-viewtopic .pl-email.profile {
 left: 35px;
 width: 60px;
}
#pun-viewtopic .pl-email.pm {
 left: 95px;
 width: 50px;
} 

#pun-viewtopic .pl-email.email {
 left: 145px;
 width: 50px;
}

#pun-viewtopic .pl-delete {
 right: 214px;
 width: 70px;
}

#pun-viewtopic .pl-edit {
 right: 104px;
 width: 110px;
}

#pun-viewtopic .pl-quote {
 right: 14px;
 width: 90px;
}

#poll-special table.poll1 {
 width: auto;
}

#poll-special td.tac {
 text-align: center;
 font-family: var(--font-pet);
 font-size: 13px;
}

#poll-special td.tar {
 text-align: right;
}


.punbb .post-body {
  margin-left: 250px;
  padding: 0 0 1px 0;
 position: relative;
  }

.punbb .post-box {
  padding: 0px 20px 10px 12px;
  text-align: justify;
  }



.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }


/* Меню модератора*/
.punbb .modmenu .container {
 padding: 0px 10px;;
 text-align: right;
 height: 10px;
  }

.punbb .modmenu .container strong {
 float: left;
 font-family: var(--font-trojan);
 text-transform: uppercase;
 font-size: 10px;
 font-weight: bold !important;
  }

.punbb .modmenu .container span {
 display: none;
  }

.punbb .modmenu input {
  margin-left: 1em;
  }


#s-block {
 display: flex;
 justify-content: flex-end;
 margin: -5px 10px 20px;
}

#isk {
 position: relative;
 height: 17px!important;
 width: 15px!important;
}

#isk:after {
 font: var(--fa-font-regular);
 font-size: 10px;
 content: '\f002';
 position: absolute;
 height: 100%;
 width: 100%;
 top: 0px;
 left: 0px;
 display: flex;
 align-items: center;
 justify-content: center;
}

/*поиск*/


 #pun-search .inline .inputfield, #pun-search .inline .selectfield, #pun-search .inline .passfield {
 float: left;
 margin-right: 15px;
}

#pun-search .inline .infofield {
  clear: both;
 text-align: justify;
}

#pun-search fieldset legend, #pun-userlist fieldset legend {
 margin: 0px 0px -10px;
 font-family: var(--font-trojan);
 font-size: 11px;
 text-transform: uppercase;
 font-weight: bold;
}

#pun-searchposts .post h3 span {
    width: 720px;
    display: flex;
    position: relative;
    left: 250px;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    gap: 30px;
}

#pun-searchposts .post h3 strong {
 position: absolute;
 font-weight: bold;
 font: var(--font-mer);
 right: 0px;
}

#pun-searchposts .post-links {
 margin-left: 10px;
}

#pun-searchposts .post h3 {
 display: block;
 background: var(--col-kn);
 width: 980px;
 padding: 3px 10px;
 position: relative;
 margin: 0px;
}

#pun-searchposts .post-author {
 background: var(--fon-prof);
 height: auto;
 position: sticky;
 width: 240px;
 top: 0px;
 margin: -20px 0 40px;
 padding: 0px;
 border-radius: 0 14px 14px 0;
 border: var(--border_ramk);
 border-left: none;
 float: left;
}

#pun-searchposts li.pa-author strong {
 font: var(--font-name);
 background: linear-gradient(#7f5d5d 60%, #383434 40%);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 text-shadow: 0px 0px 1px #949494;
 display: flex;
 justify-content: center;
}

#pun-searchposts .post h3 span a {
 position: relative;
 font: var(--font-mer);
 font-size: 11px;
 font-weight: bold;
 text-transform: lowercase;
 color: var(--col-ss);
}

#pun-searchposts .post h3 span a:hover {
 color: var(--ss-hov);
}

#pun-searchposts .pa-replies{
 position: relative;
 font: var(--font-mer);
 font-size: 11px;
 display: flex;
 justify-content: center;
 color: var(--col-prof);
 margin: 10px;
}

/*Посты*/


/* Профиль */
#profile .container {
padding-left: 160px;
}

#viewprofile {
 display: block;
}

#viewprofile table {
 background: var(--background-fon);
 position: relative; 
 width: 970px;
 border: var(--border_ramk);
 box-shadow: 0px 0px 10px #393939;
 margin: 0 15px;
 border-radius: 14px;
 overflow: hidden;
}

#viewprofile tbody tr {
 display: flex;
}

#viewprofile #profile-left {
 display: inline-flex;
 flex-direction: column;
 width: 240px;
 align-items: center;
 margin-right: 7px;
 padding: 15px 0;
 border-right: 1px solid #000000;
 box-shadow: 1px 0px 9px #000000, inset 1px 0px 9px #000000;
 max-height: 350px;
 min-height: 290px;
}

#viewprofile #profile-right{
 display: inline-flex;
 flex-wrap: wrap;
 width: 720px;
 padding: 15px;
 gap: 15px; 
 box-sizing: border-box;
}


#viewprofile #pa-fld3 {
 position: absolute;
 top:0;
 left: 0;
 height: 100%;
 pointer-events: none;
 z-index: 1;
 background: linear-gradient(180deg, #000, transparent);
}

#viewprofile #pa-fld3 span, #viewprofile  #pa-fld4 span, #viewprofile  #pa-fld2 span {
 display: none;
}

#viewprofile #profile-name, #viewprofile #profile-title, #viewprofile #pa-avatar{
 display: flex;
 flex-direction: column;
 align-items: center;
 width: 100%;
 position: relative;
 z-index: 2;
}

#viewprofile #profile-name {
 background: rgba(0, 0, 0, .4);
}

#viewprofile #profile-name strong{
 font: var(--font-name);
 text-transform: capitalize;
 background: linear-gradient(#7f5d5d 60%, #383434 40%);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 text-shadow: 0px 0px 1px #949494;
}

#viewprofile #profile-title {
 width: 80%;
 font: var(--font-stat);
 text-align: center;
 color: var(--col-prof);
 margin-bottom: 5px;
}

#viewprofile #profile-title strong, #viewprofile #pa-fld2 strong, #viewprofile #profile-right strong, #viewprofile #pa-online strong, #viewprofile #pa-edit strong {
 font-weight: normal;
}

#viewprofile #pa-avatar {
 padding: 3px;
 width: 180px;
 height: 180px;
 background: var(--podlozh_pod_ramk);
 border: var(--border_ramk);
}

#viewprofile #pa-avatar img {
 width: 180px;
 height: 180px;
 background-size: cover;
 background-position: center;
 object-fit: cover;
 overflow: hidden;
}

#viewprofile  #pa-fld4 {
 position: absolute;
 left: 0px;
 width: 240px;
 top: 253px;
 display: flex;
 justify-content: center;
 z-index: 2;
}


#viewprofile #pa-online {
 position: relative;
 bottom: 0px;
 margin: 40px 0 0;
 z-index: 2;
}

#viewprofile #pa-online strong {
 color: var(--col-prof);
 text-transform: lowercase;
 font: var(--font-os);
}

#viewprofile #pa-edit {
 position: relative;
 margin-top: 10px;
 z-index: 2;
 border: var(--border-kn);
 box-shadow: 0px 0px 5px #332424;
 padding: 10px 10px 6px;
 border-radius: 5px;
 text-transform: uppercase;
 align-self: center;
 background: rgba(0,0,0,.4);
 font-family: var(--font-zag);
 font-size: 16px;
 transition: all 0.3s ease-in-out;
 color: var(--col-prof);
}

#viewprofile #pa-edit:hover {
 background: var(--col-kn);
 box-shadow: 0px 0px 5px #7f0000;
 transition: all 0.3s ease-in-out;
 color: var(--ss-hov);
}


#viewprofile #pa-invites {
display: none;
}

#viewprofile #profile-right span {
 margin: 5px 0;
 color: var(--color-prof);
}

#viewprofile #profile-right a {
 color: var(--color-prof);
 transition: all 0.3s ease-in-out;
}

#viewprofile #profile-right a:hover {
 color: var(--ss-hov);
 transition: all 0.3s ease-in-out;
}
 
#viewprofile #pa-register-date, #viewprofile #pa-time-visit, #viewprofile #pa-respect, #viewprofile #pa-positive, #viewprofile #pa-fld2, #viewprofile #pa-fld5, #viewprofile #pa-fld1, #viewprofile #pa-email, #viewprofile #pa-posts, #viewprofile #pa-last-post, #viewprofile #pa-last-visit, #viewprofile #pa-sex, #viewprofile #pa-birthdate  {
 flex: auto;
 display: flex;
 flex-direction: column;
 padding: 10px;
 background: var(--podlozh_pod_ramk);
 border: var(--border-kn);
 border-radius: 10px;
 justify-content: center;
 align-items: center;
 box-shadow: 0px 0px 5px #332424, inset 0px 0px 5px #050101;
 color: var(--col-prof);
}

#viewprofile .lz-block{
 border: none;
 background: none;
 border-radius: none;
 margin: 0px;
 width: auto;
}

#viewprofile .lz-block p {
 background: none;
 margin: 0px;
 border-radius: none;
}

#viewprofile #profile-signature {
 display: none;
}

div#profile.formal{
 padding-top: 20px;
 position: relative;
 width: 100%;
 height: 100%;
}

div#profile.formal:after{
 content: '';
 width: 1002px;
 height: 30px;
 background: var(--podlozh_pod_ramk);
 position: absolute;
 top: 0px;
 left: -1px;
 clip-path: path("M 0,0 L 1,0 A 10,10 0,0,0 11,10 L 991,10 A 10,10 0,0,0 1001,0 L 1002,0 L 1002,30 L 1001,30 A 10,10 0,0,0 991,20 L 0,20 L 0,0 Z");
 z-index: 2;
}

div#profile.formal:before{
 content: '';
 width: 1002px;
 height: 30px;
 background: var(--background-fon);
 position: absolute;
 top: 0px;
 left: -1px;
 clip-path: path("M 0,0 L 1,0 A 10,10 0,0,0 11,10 L 991,10 A 10,10 0,0,0 1001,0 L 1002,0 L 1002,30 L 1001,30 A 10,10 0,0,0 991,20 L 0,20 L 0,0 Z");
 z-index: 1;
}

#profile-gifts {
 display: none;
}

#profilenav {
 position: relative;
 top: -1px;
 float: left;
 width: 160px;
 height: 280px;
 display: inline;
 margin-left: -161px;
 background: var(--background-fon);
 clip-path: path("M 0,0 L 160,0 L 160,1 A 10,10 0,0,0 150,11 L 150,270 A 10,10 0,0,1 140,280 L 0,280 L 0,0 Z");
 z-index: 0;
}

#profilenav:after {
 position: absolute;
 top: 0;
 left: 0;
 pointer-events: none;
 width: 100%;
 height: 100%;
 background: var(--podlozh_pod_ramk);
 content: '';
 z-index: 1;
}

#profilenav h2 {
 display: none;
}

#profilenav ul {
 width: 150px;
 gap: 3px;
 display: flex;
 flex-direction: column;
 align-items: center;
 position: relative;
 z-index: 3;
}

#profilenav li {
 width: auto;
 padding: 3px 10px;
 text-transform: uppercase; 
 font: var(--font-os);
 font-size: 10px;
 transition: all 0.3s ease-in-out;
 font-weight: bold;
}

#profilenav li:hover {
 transform: skew(-6deg);
 background: #211717;
 color: var(--col-kat);
 transition: all 0.3s ease-in-out;
}

#profilenav li a{
 color: var(--col-prof);
}

#profilenav li a:hover {
 color: var(--ss-hov);
}

#profilenav .item9 {
 display: none;
}

#profile .container span input {
 margin-top: 5px;
}

#profile fieldset {
  margin: 0;
  padding: 0px 10px;
}

#profile fieldset p {
 margin: 5px 0 10px;
}

#profile fieldset label {
 margin: 0px 0 5px;
 font-weight: bold;
}

#profile #realname, #profile #location, #profile #website, #profile #interests, #profile #about-me {
 display: none;
}

#profile #sex {
  font-weight: bold;
}

#profile .radiofield {
 padding: 0px;
 margin: -22px 5px 13px;
}

#profile .radiofield label{
 font-weight: normal;
 text-transform: lowercase;
 position: relative;
 top: 2px;
}


.resizable-textarea textarea {
 color: var(--col-ss);
}

#profile input#fld1, #profile input#fld2 {
 width: 50%;
}

#profile input#fld4, #profile input#fld3{
 width: 99%;
}

#profile input#fld5{
 width: 50%;
}

#profile .container legend span {
 font-size: 11px;
 text-transform: uppercase;
 font-weight: bold;
 margin: 0px 10px;
}

#profile10 .tcr input {
 width: 98%!important;
}


/* Шапка*/

#pun-title h1 {
  display : none;
  }



#pun-title table {
 height: 300px;
 width: 1200px;
 position: absolute;
 margin: 0px auto;
 top: -294.5px;
 z-index: 1;
 right: -101.5px;
}

/* Сообщения */
#pun-messages #profilenav {
 background: none;
 clip-path: none;
 }
#pun-messages #profilenav:after {
 background: none;
}

#pun-messages div#profile.formal:before {
 display: none;
}

#pun-messages div#profile.formal:after {
 display: none;
}
#pun-messages div#profile.formal {
 padding: 0px;
}

#pun-messages #profilenav ul {
 background: var(--background-fon);
 margin: 30px 0 0 11px; 
 padding: 20px 0;
 border-radius: 10px 0 0 10px;
 }

#pun-messages #profilenav li {
 font-size: 11px;
}

#pun-messages #notify-settings {
 position: absolute;
 right: 42px;
 height: 30px;
 width: 763px;
 color: var(--col-prof);
 margin: 0px;
 z-index: 5;
}

#pun-messages #notify-settings span  {
 height: 30px;
 display: flex;
 align-items: center;
}

#pun-messages legend span {
 display: none;
}



#pun-messages .linksb .postlink {
 display: block;
 position: absolute;
 right: 40px;
 bottom: 35px;
  }


#pun-messages .linksb .pagelink {
 position: absolute;
 bottom: 40px;
 left: 200px;
 z-index: 10;
 color: var(--col-prof);
 font-family: var(--font-trojan);
 font-size: 11px;
 text-transform: uppercase;
 font-weight: bold;
}

#pun-messages .linksb .pagelink a, #pun-messages .linksb .pagelink strong {
 color: var(--col-prof);
 font: var(--font-mer);
 font-size: 12px;
 text-transform: uppercase;
 font-weight: bold;
}

#pun-messages .linksb .pagelink a:hover {
 color: var(--ss-hov);
}

#pun-messages .user-avatar .avatar-image {
 height: 30px;
 width: 30px; 
 float: left;
 margin-right: 15px;
 background-size: 40px;
 background-position: center;
 border-radius: 6px;
}

#pun-messages #notify-settings input[type="checkbox"], #pun-messages #post-form input[type="checkbox"] {
 background: var(--col-prof)!important;
 position: relative;
 top: -1px;
}

#pun-messages #notify-settings label {
 position: relative;
}

#pun-messages #volume-set {
 position: absolute;
 right: 0px;
}


#pun-messages #volSlider {
 border-radius: 3px;
 z-index: 1000;
 width: 100px;
 height: 4px;
 border: 1px solid #636363;
 background: var(--col-prof);
 position: relative;
}

#pun-messages #volSlider .before {
 height: 6px;
 border: solid 1px transparent;
 border-radius: 3px 0 0 3px;
 position: absolute;
 background: var(--ss-hov);
 left: -1px;
 }

#pun-messages #volSlider .thumb {
 width: 4px;
 height: 12px;
 border-radius: 1px;
 position: relative;
 top: -4px;
 background: var(--ss-hov);
 cursor: pointer;
}

#pun-messages .hasicon {
 display: flex;
 gap: 10px;
 flex-direction: column;
}

#pun-messages .hasicon tr {
 display: flex;
 align-items: center;
 flex-direction: row;
 justify-content: space-between;
 background: var(--col-kn);
 padding: 5px;
 border-radius: 5px;
 border: var(--border-kn);
}

#pun-messages td.tcl.pmtcl1 {
 flex: 0.5!important;
}

#pun-messages td.tc2.pmtc22 {
 flex: 0.31;
 display: inline-flex;
 align-items: center;
}

#pun-messages td.tc3.pmtc33 {
 flex: 0.13;
}

#pun-messages td.tc2.pmtc24 {
 flex: 0.04;
}

#pun-messages .indOnline, #pun-messages .indOffline {
 display: none; 
}

#pun-messages fieldset {
 background: var(--background-fon);
 min-height: 240px;
 position: relative;
 padding: 30px 30px 20px 30px;
 top: 0px;
 margin: 0 10px 10px 0;
 border-radius: 20px;
}

#pun-messages .fs-box {
 background: var(--fon-telo);
 min-height: 240px;
 padding: 10px;
 border-radius: 10px;
 margin-bottom: 10px;
 position: relative;
}

#pun-messages fieldset legend {
 position: absolute; 
 top: 44px;
 right: 50%;
 width: 300px;
 transform: translateX(50%);
 overflow: hidden;
 z-index: 3;
}

#pun-messages h3 {
 display: block;
 background: var(--col-kn);
 width: 100%;
 padding: 3px 10px;
 position: relative;
 margin: 0 0 0 -10px;
 height: 17px;
}

#pun-messages h3 span {
 float: right;
 position: relative;
 font: var(--font-mer);
 font-size: 11px;
 font-weight: bold;
 text-transform: lowercase;
 color: var(--col-ss);
}

#pun-messages .post-author {
 position: absolute; 
 top: 2px;
}

#pun-messages .post-author ul {
 width: 160px;
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 justify-content: center;
}

#pun-messages li.pa-author {
 width: 100%;
 white-space: nowrap;
}

#pun-messages li.pa-author a {
    font: var(--font-name);
 display: flex;
 justify-content: center;
 font-size: 15px;
}


#pun-messages li.pa-title, #pun-messages li.pa-posts, #pun-messages li.pa-reg, #pun-messages .post-sig, fieldset#post-new legend {
 display: none;
}

#pun-messages li.pa-avatar img {
 width: 100px;
 height: 100px;
 border-radius: 5px;
 border: 2px solid;
 background-size: cover;
 background-position: center;
 object-fit: cover;
}

#pun-messages .post-body {
 margin-left: 150px;
}

#pun-messages .post-links {
 position: absolute;
 bottom: 0px;
 display: flex;
 right: 0;
}

#pun-messages .post-links ul {
 display: flex;
  gap: 20px;
}

#pun-messages li.pa-online {
 font-size: 0px;
 width: 20px;
 height: 20px;
 position: absolute;
 left: -10px;
 top: 10px;
}

#pun-messages li.pa-online:before {
 content: '\f05b';
 font: var(--fa-font-sharp-regular);
 font-size: 14px;
 animation: icon-pulse 1.5s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
 transform: translate(-50%, -50%);
 position: absolute;
 top: 50%;
 left: 50%;
 color: var(--ss-hov);
}

@keyframes icon-pulse {
    0%, 100% {
        font-size: 14px;
    }
    50% {
        font-size: 16px;
    }
}

#pun-messages #post-form p strong {
 color: var(--col-ss);
}

#pun-messages #post-form p{
 padding: 0px!important;
 margin: 5px 0 0;
 color: var(--col-prof);
}

#pun-messages #post-form span.checkfield{
 float: right;
 position: relative;
 z-index: 1000;
 width: 100px;
 display: flex;
flex-direction: row;
 align-items: center;
}

#pun-messages .container input.button {
 color: var(--col-prof);
 transition: .3s all;
 position: relative;
 z-index: 1000;
}

#pun-messages .container input.button:hover {
 color: var(--ss-hov);
 transition: .3s all;
 box-shadow: 0px 0px 5px #928282;
}

#pun-messages #char-counter {
 position: relative;
 top: 14px;
 left: -20px;
}

/* Навигация по форуму */

/*расположение*/
#pun-navlinks, #pun-navlinks .container {
 border-style: none;
 margin: 0 auto;
 width: 100%;
 position: absolute;
 top: -14px;
 text-align: center;
 z-index: 3;
 display: flex;
 gap: 15px;
 justify-content: center;
 align-items: center;
  }

#navadmin a {
 font-size: 0px  !important;
 position: relative;
 margin-right: -16px;
}

#navadmin a:before {
 content: 'Админсративная';
 font-size: 15px;
}

/*Пользовательская навигация*/

#pun-ulinks .container {
 display: flex;
 justify-content: center;
 flex-direction: row;
 gap: 15px;
 padding: 0px;
 margin: 5px;
}

#pun-ulinks li, #pun-ulinks li a {
 text-transform: lowercase;
 color: var(--col-ss);
 text-decoration: none;
 font: var(--font-os);
}

#pun-ulinks li a:hover {
  color: var(--ss-hov);
 transition: all 0.3s ease-in-out;
  }


/*текст приветствия*/

#pun-status .container {
 margin: 0px;
 padding: 0px;
 text-transform: lowercase;
 font: var(--font-os);
 color: var(--col-ss);
 font-weight: normal;
 position: absolute;
 top: -280px;
 left: 660px;
 z-index: 5;
 height: 30px;
 width: 350px;
 display: flex;
 flex-direction: column;
 overflow: hidden;
}

#pun-status .container strong {
 font-weight: normal;
}

#pun-status .status-right {
 display: none;
}

.status_userava>img {
 width: 29px;
 height: auto;
 border-radius: 2px;
 filter:
   grayscale(100%)
   sepia(100%)
   hue-rotate(-50deg)
   saturate(200%)
   brightness(0.5);
 border: 0.5px solid #661515;
}

#pun-status .container .item1, #pun-status .container .item2 {
 position: relative;
 left: 35px;
 top: -31px;
}


/*расположение пользователя*/
#pun-crumbs1 {
 font-family: var(--font-trojan);
 font-weight: bold;
 font-size: 10px;
 text-transform: uppercase;
 overflow: hidden;
 margin: 0 10px;
  }


/* Объявления*/

/* Скрытый заголовок */
#pun-announcement h2 {
 display: none;
  }

/* расстояние */
#pun-announcement .container {
  padding: 5px;
  }

/* блок объявления */
#pun-announcement .html-box {
 display: flex;
 gap: 20px;
 justify-content: center;
}


/*Статистика*/

/*контейнер статы*/
#pun-stats .container {
 padding:15px;
 margin: 0px auto;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content: space-between;
 position: relative;
 background: rgba(49, 49, 49, .11);
 border-radius: 8px;
 width: 940px;
  }

/* пользователи, соо и так далее*/
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
 font: var(--font-mer);
 text-transform: uppercase;
 font-size: 11px;
  }

/* активны, посетили */
li#onlinelist {
 margin-top: 15px;
 font-family: var(--font-trojan);
 font-weight: bold;
 font-size: 11px;
  }



/*ссылки внизу страницы*/
#pun-about p span {
  font: var(--font-os);
  text-transform: uppercase;
  position: absolute;
  bottom: -28px;
  display: flex;
  width: 1000px;
  justify-content: center;
 gap: 10px;
 font-size: 10px;
  }

/* нахождение внизу страницы */
#pun-crumbs2 .container {
 display: none;
  }



/* ПРОКРУТКА, ВЫДЕЛЕНИЕ, ВВЕРХ-ВНИЗ, БЕГУНОК УВЕЛИЧЕНИЯ ТЕКСТА */
/* выделенный текст */
::selection { background: #7a7978d6;
color: #190f0f;
}

/* ширина прокрутки  */
::-webkit-scrollbar {
    width: 4px;
    height: 1px;
}

#pun-admain textarea::-webkit-scrollbar {
  width: 5px!important;
}


#imageQueue::-webkit-scrollbar-thumb, #uploaded-images::-webkit-scrollbar-thumb, #addition-area::-webkit-scrollbar-thumb, .punbb textarea::-webkit-scrollbar-thumb {
 background-color: #2a1c1c;
}

#imageQueue::-webkit-scrollbar-track, #uploaded-images::-webkit-scrollbar-track, #addition-area::-webkit-scrollbar-track, .punbb textarea::-webkit-scrollbar-track {
 background: var(--col-kn);
}


@supports selector(::-webkit-scrollbar) {
*::-webkit-scrollbar-thumb {
 border-radius: 4px;
 background-color: #2a1c1c;
    }
*::-webkit-scrollbar-track {
 border-radius: 4px;
 background-color: black;
    }
*::-webkit-scrollbar {
 max-width: 4px;
 max-height: 4px;
    }
}

/* Обтекание текста */

#float {
 display: none;
 position: absolute;
 --width: 120px;
 top: 36px;
 margin-left: -23px;
 text-align: center;
 background: var(--fon-telo);
 padding: 10px;
 z-index: 1;
 box-shadow: var(--sh-kn);
 border-radius: 8px;
 color: var(--col-ss);
}

#float strong {
 display: block;
 margin-bottom: 7px;
}

#float i {
 font-size: 16px;
 padding: 4px;
 margin: 0 3px;
}

#float i:hover {
  border-radius: 4px;
 background: var(--col-kn);
 box-shadow: var(--sh-kn);;
 color: var(--ss-hov);
 transition: all 0.3s ease-in-out;
}

/*репутация*/
#pun-respect .container table, #pun-positive  .container table {
 width: 97%;
 margin: 5px auto;
}

#pun-respect .container tr, #pun-positive  .container tr {
 min-height: 20px;
 display: flex;
}

#pun-respect .container td, #pun-positive  .container td {
 text-align: center;
 display: block;
}

#pun-respect td.tcl, #pun-positive  .container td.tcl {
 flex: 0.16;
}

#pun-respect td.tc2, #pun-positive  .container td.tc2 {
 flex: 0.05;
}

#pun-respect td.tc3.tc4, #pun-positive  .container td.tc3.tc4 {
 flex: 0.34;
}

#pun-respect td.tc3, #pun-positive  .container td.tc3 {
 flex: 0.21;
}

#pun-respect td.tcr, #pun-positive  .container td.tcr {
 flex: 0.34;
}


/*админка*/
#pun-adnav {
    position: sticky;
    top: 0px;
}

#pun-adnav sup {
    display: none;
}

#pun-adnav li {
    list-style: none !important;
}

#pun-adnav li a {
 color: var(--col-ss);
 padding: 3px 10px;
 margin: 0px;
 font-size: 0.9em;
 text-transform: uppercase;
 font: var(--font-os);
 display: block;
 border-radius: 5px;
}

#pun-adnav li a:hover {
 color: var(--ss-hov);
 background: var(--col-prof);
}


#pun-adnav li.isactive > a {
 background: var(--col-ss);
 color: #a39797;
}

#pun-adnav li.item3:not(.isactive) > a,
#pun-adnav li.item-forms:not(.isactive) > a,
#pun-adnav li.item15:not(.isactive) > a,
#pun-adnav li.item20:not(.isactive) > a,
#pun-adnav li.item11:not(.isactive) > a,
#pun-adnav li.item16:not(.isactive) > a,
#pun-adnav li.item22:not(.isactive) > a {
 background-color: var(--col-kn);
}

#pun-adnav li.item3:not(.isactive) > a:hover,
#pun-adnav li.item-forms:not(.isactive) > a:hover,
#pun-adnav li.item15:not(.isactive) > a:hover,
#pun-adnav li.item20:not(.isactive) > a:hover,
#pun-adnav li.item11:not(.isactive) > a:hover,
#pun-adnav li.item16:not(.isactive) > a:hover,
#pun-adnav li.item22:not(.isactive) > a:hover {
 background: var(--col-prof);
}

#pun-adnav li.item3 > a:after, #pun-adnav li.item-forms > a:after, #pun-adnav li.item15 > a:after, #pun-adnav li.item20 > a:after, #pun-adnav li.item11 > a:after, #pun-adnav li.item16 > a:after, #pun-adnav li.item22 > a:after {
 content: '\e003';
 font: var(--fa-font-solid);
 float: right;
 margin-top: 2px
}

a, body #pun-admain a, body #pun #pun-adnav ul.adsubnav a {
 color: var(--col-ss);
 text-decoration: none;
}

#pun-adnav .isactive ul.adsubnav a {
 text-transform: lowercase;
}


html {
text-size-adjust: none;
-ms-text-size-adjust: none;
-webkit-text-size-adjust: none;
}


/*стиль скрытого минипрофиля*/
.hideprofile .post-author,.hideprofile .pl-email,.hideprofile .pl-website {
display:none!important
}
.hideprofile .post-body,.hideprofile .post-links,.hideprofile .post-links ul,.post.hideprofile h3>span {
margin-left:0!important;
}