@import url(style_cs.1757266236.css);

@import url('https://fonts.googleapis.com/css2?family=Material+Icons&family=Material+Icons+Outlined');
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
}

@font-face {
    font-family: 'NeutralFace';
    src: url('https://forumstatic.ru/files/001b/86/d5/61850.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NeutralFace-Bold';
    src: url('https://forumstatic.ru/files/001b/86/d5/46347.otf');
    font-weight: 900;
    font-style: normal;
}



/* Стили сервиса по умолчанию */

img {border:none; }
.punbb img.sigimage, .punbb .post-content img.postimg {
    max-width: 100%; 
    margin: 0.4em 0;
}
.punbb .main table {
    width: 100%;
}

.section .container table {
    text-align: center;
    margin: 10px;
}

.section .container table thead tr th {
    padding-bottom: 15px;
}

.checkfield input[type="checkbox"], .radiofield input[type="radio"] {
    margin: 0 0.3em;
}
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * {
    height: 1.8em; 
    vertical-align: middle;
}
.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 optgroup {
    font-weight: bold;
}
.punbb * {
    margin: 0 auto;
}
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
    padding: 0;
    list-style: none;
}
.punbb .fs-box p, .punbb .fs-box fieldset {
    padding: 0 0 0.8em 0;
}



.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 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
}

.adBox, .adContainer, .adDiv, .adElement, .adHolder, .adModule, .adSpace, .adSummary, .adText, .adTitle, .adWrapper, .ad_Right, .ad_block, .ad_body, .ad_left, .ad_left_block, .ad_links, .ad_right, .ad_space, .ad_text, .ad_top_panel, .adbg, .adblockcenter, .addiv, .adframe, .adhere, .adhered, .adholder, .adi, .adinfo, .adlabel, .adleft, .adlist, .admarker, .adpic, .adprice, .adright, .ads739x90, .ads_ban, .adsenseblock, .adtable, .adv-post, .advBrand, .adv_bl, .adv_to_hide_holder, .advert-horizontal, .advert__banner, .advert_list, .advertise, .advertisement:not(body) {}


/* Основа */

#pun {
    position: relative;
    margin: 30px auto 100px auto;
    width: 1000px;
    background: #353333;
    box-shadow: 0px 14px 0 6px #3f3d41;
}

span.num_msg {
    vertical-align: middle;
    line-height: 14px;
    font-size: 8px !important;
    font-weight: 100 !important;
}

/* пути */

#pun-crumbs1, #pun-crumbs2 {
  font-size: 12px;
  position: relative;
  z-index: 10;
}
#pun-crumbs1 {
    top: 10px;
    margin-top: 40px;
    left: 15px;
}

#pun-crumbs2 {
    top: 5px;
    left: 13px;
    margin-right: 200px;
}


#pun-crumbs1 em:nth-child(2), #pun-crumbs2 em:nth-child(2) {
  display: none;
}

/* модалки */
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, #mask_dialog .hv-bg .inner {
    background: #d4d5d0;
    border: 6px solid #353333;
    outline: 6px solid #d4d5d0;
}

/* тело форума*/
#pun-main {
    background: #f9f8f6;
    width: 985px;
    margin-top: -10px;
    padding-top: 10px;
}

/* Главная страница */

#pun-main .category .tcl h3 a {
    display: block;
    color: #353333;
    font-size: 19px;
    font-weight: 100;
    padding: 10px 0px 0px 40px;
}

#pun-main .category .tcl h3 a:hover,
#pun-main .category .tcl h3 a:after,
#pun-main .category .tcl h3 a:focus,
#pun-main .category .tcl h3 a:after {
    color: #050505;
    font-weight: 100;
    text-shadow: 1px 0px 2px #b98888;
}

#pun-main .category .container table {
    background: #d4d5d0;
    width: 975px;
    padding-top: 6px;
}

#pun-main .category tr {
    display: block;
    position: relative;
}

#pun-main .category td {
    display: inline-block;
    vertical-align: top;
}

#pun-main .category td.tcr {
    width: calc(40% - 30px);
    padding: 2px;
}

#pun-main .category .container table tr .tcr {
    overflow: hidden;
    text-align: left;
    position: absolute;
    right: 5px;
    top: 50px;
    background: #f9f8f6;
}

#pun-main .category .tcl {
    width: calc(60% - 25px);
    padding: 0;
}

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

#pun-main .category .tcl.username {
    width: 20%;
    padding: 5px;
}


#pun-main .category td.tc2,
#pun-main .category td.tc3 {
    position: absolute;
    color: #9f9e9c;
    font-size: 9px;
    top: 140px;
}

#pun-main .category td.tc2 {
    left: 155px;
}

#pun-main .category td.tc3 {
    left: 46px;
}


#pun-main .category td.tc2:before {
    content: 'Тем: ';
    text-transform: uppercase;
}

#pun-main .category td.tc3:before {
    content: 'Сообщений: ';
    text-transform: uppercase;
}


#pun-main .category td.tcr br {
    display: none;
}



#pun-main .category td.tcr .lastpost {
    display: block;
    max-width: calc(100% - 75px);
    font-size: 12px;
    text-overflow: ellipsis;
}

#pun-main .category td.tcr a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    font-size: 14px;
    color: #353333;
}

#pun-main .category td.tcr .user-avatar a {
    width: auto;
    margin-top: 0;
}

#pun-main .category td.tcr .user-avatar .avatar-image {
    filter: grayscale(90%);
}

#pun-main .category td.tcr .user-avatar .avatar-image:hover {
    filter: grayscale(0%);
}


/* Статистика */
#pun-stats {
  background: #f9f8f6;
  width: 985px;
  padding-bottom: 25px;
}
#pun-stats h2 {
    background: url(https://forumstatic.ru/files/001b/86/d5/16857.png) no-repeat bottom center;
    text-align: left;
    padding: 35px 0 25px 0;
    margin-bottom: 20px;
}

#pun-stats h2 span {
    display: block;
    color: #353332;
    font-size: 19px;
    font-weight: 100;
    padding-left: 6px;
}

#pun-stats li.item1,
#pun-stats li.item2,
#pun-stats li.item3,
#pun-stats li.item4 {
    display: inline-block;
    background: #f9f8f6;
    padding: 4px 15px;
    margin-left: -6px;
    font-size: 11px;
}

#pun-stats div.statscon {
    background: #d4d5d0;
    width: 975px;
}

#pun-stats div.statscon ul.container {
    padding: 6px;
}


#pun-stats #onlinelist {
    margin: 25px 5px;
}

#pun-stats li.item4 strong a, #pun-stats .statistics a{
    color: #353333;
}

#pun-stats #onlinelist.statistics  {
  margin: 0;
}

#pun-stats .statistics #statistic-other span {
  padding-right: 3px;
}

#pun-stats .statistics #statistic-other span a{
  font-size: 10px;
}



/* ################ Экран постов  ############*/

#pun-main h1, #post-form h2 {
    background: url(https://i.postimg.cc/bJBYNRQw/31865489402ce299ff94fe7e24bb69cf.jpg); no-repeat; bottom; center;
    text-align: left;
    margin: 55px 0 15px 0;
}

#pun-main h1 span, #post-form h2 span {
    display: block;
    color: #353332;
    font-size: 19px;
    position: relative;
    bottom: 25px;
    left: 7px;
    font-weight: 100;
}

#pun-crumbs1 a, #pun-crumbs2 a {
    color: #353333;
    font-family: 'NeutralFace-Bold';
}

.linkst, .linksb {
    position: relative;
}

.linkst .postlink {
    position: absolute;
    top: -36px;
    right: 15px;
}

.linkst .pagelink {
    position: absolute;
    top: -33px;
    left: 15px;
}

.linksb .postlink {
  position: absolute;
  top: 58px;
  right: 15px;
}

.linksb .pagelink {
  position: absolute;
  top: 60px;
  left: 15px;
}


.linkst .pagelink, .linkst .pagelink strong, .linkst a, 
.linksb .pagelink, .linksb .pagelink strong, .linksb .postlink a {
    font-weight: 100;
    font-size: 10px;
    color: #d4d5d0;
}

.linksb .subscribelink {
  position: absolute;
  top: 40px;
  right: 6px;
  z-index: 1;
}

.linksb .subscribelink a {
  color: #353333;
  font-size: 9px;
}


#pun-main .topic div.container {
  background: #d4d5d0;
  margin: 6px;
}

.post h3 {
    padding: 4px 10px;
    background-color: #d4d5d0;
    font-size: 11px;
    color: #3c3939;
    text-align: center;
    font-weight: 100;
}

.post h3 strong:before {
    content: 'Пост: ';
}

.post h3 strong {
    float: right;
}

.topic .post h3 span a.permalink {
    color: #3c3939;
    position: relative;
    right: 5%;
}

#pun-main .post-author {
  display: inline-block;
  width: 250px;
  margin: 5px;
}

#pun-main .post-body {
    display: inline-block;
    width: 73%;
    vertical-align: top;
}

.post-box {
    padding: 10px 20px;
}

#pun-main .post-content {
    text-align: justify;
    font-family: Arial;
    font-size: 14px;
}


.post-box .post-rating {
    position: absolute;
    padding: 2px 3px;
    height: 15px;
    right: 2px;
    bottom: 5px;
}

div.post-vote p.container {
    margin-top: -2px !important;
    position: absolute !important;
    bottom: -1px;
    right: 3px;
    background: none !important;
}

div.post-vote p.container a {
    font-size: 13px;
    color: #34302e;
    text-shadow: 1px 1px #f9f8f6;
}


.post-box .post-rating,
.post-box .post-rating a {
    font-size: 11px !important;
    color: #d4d5d0;
    text-shadow: 1px 1px #f9f8f6;
}

.quote-box cite,
.code-box strong.legend {
    display: block;
    padding-bottom: 0.7em;
    font-style: normal;
    font-weight: bold;
}

.quote-box, .code-box {
    background: #f9f8f6;
    padding: 15px;
    margin: 10px 0;
    font-size: 14px;
}

.scrollbox {
    overflow: auto;
}


.lastedit, .modmenu .container span {
    display: none;
}

.post-links {
    text-align: right;
}

.post-links ul {
    padding-bottom: 15px;
}

.post-links li.pl-delete,
.post-links li.pl-edit,
.post-links li.pl-quote {
  display: inline;
    background: #f9f8f6;
    padding: 3px 30px 6px 20px !important;
    margin: -4px;
}

.post-links li a {
    font-size: 11px;
    color: #3c3939;
}


div#topic-modmenu, div#topic-users-in {
    display: inline-block;
    margin: 0 6px;
}

#topic-modmenu select {
    background: #d4d5d0;
}

div#topic-users-in {
    font-size: 11px;
}

.linkst .postlink.long {
    right: -155px;
    top: -34px;
}

.linksb .postlink.long, .linksb .pagelink {
    display: none;
}

.post-content table, .post-content table tr, .post-content table tr td {
    border: 1px solid #f9f8f6;
    border-collapse: collapse;
}


.post-content p {
    padding: 0 0 0.8em 0;
}

/* форма ответа и прочие инпуты */

.formal fieldset, #profile fieldset {
    position: relative;
    background: #3f3d41;
    border: none;
    margin: 8px;
    padding: 20px 25px 50px 15px;
}
.formal fieldset legend {
    position: relative;
    text-transform: uppercase;
    font-size: 11px;
    background-color: #a1a1a1;
    color: #353333;
    padding: 5px;
    top: 10px;
}

.punbb textarea, .punbb select, .punbb input  {
    background-color: #a1a1a1;
    padding: 5px; 
    border: none;
    text-decoration: none;
    font-weight: 100;
    font-size: 14px;
}

.punbb select {
  text-transform: uppercase;
}

textarea:focus-visible, input:focus-visible {
    border: none;
}


textarea:focus-visible, input:focus-visible {
    outline: none !important;
    border: none !important;
}


.formsubmit {
    text-align: end;
    z-index: 1;
    position: relative;
    margin: auto;
    right: 8px;
    bottom: 55px;
}

.formsubmit input.button {
    background: #f9f8f6;
    text-transform: uppercase;
    padding: 5px 15px;
}

.formsubmit input.button.preview {
  margin-left: -5px;
}

#pun_wrap #post .container[id$="-area"], #tags .container {
    background: #d4d5d0;
    border: 6px solid #f9f8f6;
    outline: 3px solid #c2c3bd;
    padding: 6px;
    top: auto;
}


/* кнопки в форме ответа */
#form-buttons tr {height: 30px;} /*высота иконок*/
#form-buttons td {display: inline-block !important;position: relative;width: 26px;height: 26px;line-height: 1!important;text-align: center;background: #bebebe !important;margin: 0 5px;border-radius: 5px;} /*скрываем стандартные картинки*/
#form-buttons td img {position: absolute; z-index: 1; height: 100%; width: 100%; top: 0; right: 0; bottom: 0; left: 0;} /*убираем лишние отступы между картинками*/
#form-buttons td::before  {position: relative;top: 4px;z-index: 1;font-size: 19px;font-family: "Material Icons Outlined";font-weight: 900;color: #424242;} /*параметры для иконочного шрифта - вид, размер, жирность и т.д. можно и цвет задать*/

td#button-font::before {content: '\e167';} /*иконка вида шрифта*/
td#button-transL::before {content: '\e8e2';} /*иконка транслита*/
td#button-size::before {content: '\e262';} /*иконка размера шрифта*/
td#button-bold::before {content: '\e238'; } /*иконка жирного текста*/
td#button-italic::before {content: '\e23f';} /*иконка курсива*/
td#button-underline::before {content: '\e249';} /*иконка подчёркнутого текста*/
td#button-strike::before {content: '\e239'; } /*иконка зачёркнутого текста*/
td#button-indent::before {content: '\e23e'; } /*иконка красной строки*/
td#button-left::before {content: '\e236'; } /*иконка текста слева*/
td#button-center::before {content: '\e234'; } /*иконка текста по центру*/
td#button-right::before {content: '\e237'; } /*иконка текста справа*/
td#button-link::before {content: '\e157'; } /*иконка ссылки*/
td#button-spoiler::before {content: '\e14e'; } /*иконка спойлера*/
td#button-image::before {content: '\e3f4'; } /*иконка картинки*/
td#button-video::before {content: '\e064';} /*иконка видео*/
td#button-hide::before {content: '\e63f';} /*иконка скрытого текста*/ 
td#button-quote::before {content: '\e244';} /*иконка цитаты*/
td#button-code::before {content: '\e8be';} /*иконка кода*/
td#button-color::before {content: '\e40a';} /*иконка цвета текста*/
td#button-smile::before {content: '\e813';} /*иконка смайлов*/
td#button-keyboard::before {content: '\e312';} /*иконка клавиатуры*/
td#button-table::before {content: '\f1be';} /*таблица*/
td#button-addition::before {content: '\e5c5';} /*дополнительно*/
td#button-files_rusff::before {content: '\e2cc';} /*файлы*/
td#button-mask::before {content: '\e9ed';} /*маска*/



#form-buttons td#button-graffiti_rusff {
  display: none !important;
}

/* ################ Экран списка тем в форуме  ############*/
#pun-main .forum .container {
    background: #d4d5d0;
    margin: 6px;
    padding: 0 6px 6px 0;
}


#pun-main .forum .container table thead th {
    background: #f9f8f6;
    padding: 3px;
}

#pun-main .forum .container table th.tcl, #pun-main .forum .container table th.tcr {
    width: 300px;
}


#pun-main .forum .container table td {
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
}

#pun-main .forum .container table .tcl .tclcon {
    background: #f9f8f6;
    position: relative;
    left: -1px;
    padding: 0 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#pun-main .forum .container table .tcl .tclcon span.byuser {
    display: none;
}

#pun-main .forum .container div.icon {
    float: right;
    width: 5px;
    height: 30px;
    position: relative;
    left: -1px;
}

#pun-main .forum .container .user-avatar {
    width: 36px !important;
    height: 36px !important;
    margin: 3px 5px 0 0;
}

#pun-main .forum .container .user-avatar span.avatar-image {
    width: 30px !important;
    height: 30px !important;
}


/* ################ Списочные страницы  ############*/
.formal fieldset p.inputfield,
.formal fieldset p.selectfield {
    display: inline-block;
    padding: 6px 6px !important;
}

#pun-main .usertable {
    background: #d4d5d0;
    margin: -35px 8px 8px 8px;
    border-bottom: 11px solid #f9f8f6;
}

#pun-main .container table thead th {
    background: #f9f8f6;
    padding: 3px;
    border-bottom: 10px solid #d4d5d0;
    text-transform: uppercase;
    font-weight: 100;
}

#pun-main .usertable .container table thead th:nth-last-child(1) {
    -webkit-box-shadow: inset -20px 0px 0px 0px #d4d5d0;
    box-shadow: inset -20px 1px 0px 0px #d4d5d0;
}

#pun-main .usertable .container table td {
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
}

#pun-main .usertable .container table th.tcl {
    width: auto;
}

#pun-main .usertable .container table td.tcl.username {
    background: #f9f8f6;
    border-color: #d4d5d0;
    border-width: 6px 50px 6px 0;
    border-style: solid;
}

#pun-main .usertable .container table td.tc2.user_title,
#pun-main .usertable .container table td.tc3.relation,
#pun-main .usertable .container table td.tc3.num_posts,
#pun-main .usertable .container table td.tc3.registered,
#pun-main .usertable .container table td.tc3.last_visit {
    background: #f9f8f6;
    border: 6px #d4d5d0;
    border-style: solid none;
}



/* ################ Профиль и ЛС  ############*/

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


#profilenav {
    background: #d4d5d0;
    margin: 6px 6px 0px 6px;
    padding: 6px;
}

#profilenav li {
    display: inline;
    background-color: #f9f8f6;
    vertical-align: middle;
    padding: 8px;
    margin: 0 5px;
    line-height: 3;
}

#profilenav li a {
  font-size: 13px;
}

#viewprofile {
    background: #d4d5d0;
    margin: 6px;
    border-bottom: 8px solid #f9f8f6;
    padding: 6px;
}

#viewprofile h2 #profilenav h2,
#viewprofile h2 span, #profilenav h2 span{
    display: none;
}

#setmods dt {
    float: left;
    width: 14em;
    margin-left: -16em;
    padding: 0.8em 1em;
    font-weight: bold;
    display: inline;
}


#viewprofile li strong,
#viewprofile li div,
#setmods dd {
    padding: 0.5em 1em;    
}


#pun-index img.avatardemo {
    float: left;
    margin: 0 0 0.8em 1.8em
}

.fs-box .post-body {
    width: 65% !important;
}

#viewprofile #profile-right {
    position: relative;
    right: -6px;
    width: 580px;
    background: #f9f8f6;
    padding: 7px;
}

#viewprofile #profile-right li {
  margin: 15px 0;
}

#viewprofile #profile-right li a {
  color: #353333;
  font-family: 'NeutralFace-bold';
}

#viewprofile #profile-left {
    display: block;
}
#profile-left li, #profile-left li * {
    margin: auto !important;
}
#viewprofile #profile-left #pa-online {
    margin: 15px 0 !important;
}


#viewprofile #profile-left #pa-edit {
  padding: 10px 0;
  margin-top: -1px;
  border: 1px #9d9b99;
  border-style: solid solid none solid;
  width: 214px;
}

#pun-main #pa-fld1 {
  background: url(https://i.postimg.cc/bJBYNRQw/31865489402ce299ff94fe7e24bb69cf.jpg);
  width: 230px;
  margin-left: 0px;
  color: #d4d5d0;
  outline: 1px solid #f9f8f6;
  outline-offset: -8px;
}
#pun-main #pa-fld1 span {
  display:none;
}

#pun-main #pa-fld1 div#qt, #pun-main #pa-fld1 div#qt2 {
    font-weight: 100;
}

#pun-main #pa-fld1 div#qt {
    text-align: center;
}
#pun-main #pa-fld1 div#qt a {
  color: #f9f8f6;
  font-family: 'NeutralFace';
}

#pun-main #pa-fld1 div#qt a:nth-child(1),
#pun-main .pa-fld1 div#qt a:nth-child(1) {
  display: block;
  font-size: 15px;
}

#pun-main #pa-fld1 div#qt2 {
    background: #f9f8f6;
    width: 213px;
    min-height: 35px;
    padding: 3px;
    border: 2px solid #d4d5d0;
    color: #353333;
    font-size: 9px;
    text-align: left;
}

#pun-main #pa-fld1 div#qt2 img {
    float: left;
    max-height: 35px;
    padding-right: 6px;
}

#profile fieldset {
    border-bottom: 11px solid #d4d5d0;
}

#profileContainer fieldset table, #messages .fs-box table {
    text-align: center;
}

#profile5 .formsubmit {
    bottom: auto;
    float: left;
}

#profile.messages-container {
    margin-top: 35px;
    padding: 5px 10px;
}

#messages .fs-box table .tcl {
    width: 25% !important;
}

#messages .fs-box table .tc2 .user-avatar {
    float: left !important;
    padding-right: 10px;
}

form#messages .linksb .postlink {
    position: relative;
    top: -10px;
    border: 1px solid #d4d5d0;
    width: max-content;
}




/* ################ ADMIN  ############*/
#pun-admain {
    background: #f9f8f6;
    margin-top: 25px;
}

#pun-admain a {
    color: #b6593b !important;;
    text-transform: uppercase;
    font-family: 'NeutralFace';
    text-decoration: none;
    font-size: 11px !important;;
}

#pun-admain form fieldset, #pun-adnav {
    background: #d4d5d0 !important;;
}

#pun-admain fieldset p {
    padding: 0 6px;
    background: #c8c8c8 !important;
    border-color: #c8c8c8 !important;;
}

#pun-admain span.adinput {
    background: #c8c8c8;
    padding: 7px;
    margin: 0;
}



/* ################ переадресация  ############*/
div#pun-redirect {
    border-bottom: 6px solid #d4d5d0;
    border-top: 6px solid #d4d5d0;
}

/* ################ копирайт  ############*/
div#copyright {
    position: absolute;
    right: 7px;
    bottom: 5px;
}

div#copyright a{
    color: rgb(159 159 159);
    text-shadow: 1px 1px 1px rgb(255 255 255 / 60%);
}