@import url(style_cs.1681592689.css);

@font-face {
    font-family: 'BuyanRegular';
    src: url('https://forumstatic.ru/files/001b/cd/31/79144.ttf');
    font-style: normal;
}
@font-face {
    font-family: 'ArsenalRegular';
    src: url('https://forumstatic.ru/files/001b/cd/31/92608.ttf?v=1');
    font-style: normal;
}

@font-face {
    font-family: 'BuyanThin';
    src: url('https://forumstatic.ru/files/001b/cd/31/43003.ttf?v=1');
    font-style: normal;
}


@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' 0,
  'wght' 100,
  'GRAD' 0,
  'opsz' 40
}


:root {
--pun: #c9dcd5;
--accent: #0d728e;
--accent_border: 1px solid #0d728e;
--input: #d3e5de;

--ulin: #0d728e;
--hov_ulin: #59c7ef;
--headings: #0c4d60;}



/* Стили по умолчанию */

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

.section .container table {
    text-align: start;
    padding: 10px;
}

.section .container table thead tr th {
        padding-bottom: 5px;
    width: 60%;
}

.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 10px 10px 0;
}
.post-box .post-content p{
    padding: 0 0 0.6em 0;
}
.lastedit {
    display: none !important;
}
.post-content .spoiler-box > div {background:url('/img/plus.png') no-repeat left center; cursor:pointer; padding-left:18px}
.post-content .spoiler-box > div.visible {background-image:url('/img/minus.png')}
.post-content .spoiler-box > blockquote {padding-top:1.4em; display:none}
.post-content .spoiler-box > blockquote.visible {display:block; overflow:auto}
.post-content hr {opacity:0.5; filter:alpha(opacity=50); margin-bottom:0.8em}
.post-content abbr {cursor:help}
.scrollbox {overflow-y: auto;}

.punbb .formal span.input {padding-right:0 !important;}
#formkey, #formetc {display:none}
#color-area, #table-area, #keyboard-area {width:auto}
#keyboard-area {text-align:center; padding-bottom:4px}
#imageup-area {width:170px}
#imageattach-area {width:770px; height:200px; padding:0px !important}
#pun-main #post-form #post #tags .container#smilies-area, #pun-main #post-form #post #tags .container#video-area, #pun-main #post-form #post #tags .container#spoiler-area {width:450px}
#pun-main #post-form #post #tags .container#image-area {width:550px}
#color-area * {border:0}
#color-area table {width:320px; height:20px; padding:0; margin:0}
#table-area table {width:auto !important; padding:0; margin:0; border-collapse:collapse}
#table-area div {margin-top:1em; text-align:center}
#table-layout {margin-right:0.5em}
#table-area td {background-color:#fff; width:20px; height:20px; border-width:1px !important; border-style:solid !important; border-color:#dadada !important}
#table-area td.selected {background-color:#c8c8ff}
#color-area td, #table-area td {margin:0; padding:0; line-height:0}
#color-area td img, #table-area td img {width:20px; height:20px; cursor:pointer !important}
#font-area, #size-area {right: unset !important;}
#font-area div, #size-area div, #color-area div, #table-area div, #addition-area div, #smilies-area div a, #smilies-area img {cursor:pointer !important}
#font-area span, #font-area img, #size-area span, #size-area img {display:block; position:relative; top:0; left:0}
#font-area span, #font-area img {height:15px}
#size-area span, #size-area img {height:24px}
#font-area span, #size-area span {padding:1px 0}
#addition-area div {height:24px; vertical-align:middle}
#font-area img {width:100%; margin-top:-15px}
#size-area img {width:100%; margin-top:-24px}
#keyboard-span {text-align:center; padding-bottom:10px; width:auto}
#keyboard-span input {font-family:Arial, Helvetica, sans-serif; font-weight:300; font-size:13px; color:#666; background-color:#fff; margin:1px 1px 0 0; border:1px solid #ddd; cursor:pointer; height:25px; min-width:30px}
#imageup-area input {font-size:0.8em}
#imageup-area p {padding:0; margin:0}
#imageup-title {margin-bottom:10px !important}
#imageup-submit {margin-top:10px !important}
#main-reply {width:100%;}
#pun-messages #post-form div.container {padding-left:2.3em}
#similar-topics {margin-top:1em}
#similar-topics div.container {padding-top:1.1em}
#similar-topics td {border:0; padding:0}
#similar-topics td.st-tcl {width:60%}
#similar-topics td.st-tc2 {width:25%; padding-right:1em; text-align:right}
#similar-topics td.st-tcr {width:15%; padding-right:1em; text-align:right}
li.pa-ua {margin-top: 0.7em; display: flex; justify-content: center;}
#pun-online .tcl.action {
    width:60%;
    padding-left: 30px;
    padding-bottom: 20px;
    padding-top: 10px;
}
.punbb .post.new-ajax > * {border-width: 3px;}
.punbb .post.new-ajax {display: none;}



.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-admain label, div#pun-admain .adlabel {font-size: 12px;font-family: verdana;}

.button {
    cursor: pointer;
}

.tipsy {padding:5px;font-size:11px;font-family:tahoma,helvetica,verdana,arial;position: absolute;z-index:100000;}
.tipsy-inner {padding:5px 8px 4px; background-color:black; color:white; max-width:200px; text-align:center; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px}
.tipsy-arrow {position:absolute; width:0; height:0; border:solid 5px; border-color:transparent transparent black transparent}
.tipsy-n .tipsy-arrow {top:0; left:50%; margin-left:-5px; border-top:0}
.tipsy-nw .tipsy-arrow {top:0; left:11px !important; border-top:0}
.tipsy-ne .tipsy-arrow {top:0; left:auto !important; right:11px; border-top:0}
.tipsy-s .tipsy-arrow {bottom:0; left:50%; margin-left:-5px; border-color:black transparent transparent transparent; border-bottom:0}
.tipsy-sw .tipsy-arrow {bottom:0; left:11px !important; border-color:black transparent transparent transparent; border-bottom:0}
.tipsy-se .tipsy-arrow {bottom:0; left:auto !important; right:11px; border-color:black transparent transparent transparent; border-bottom:0}
.tipsy-e .tipsy-arrow {top:50%; margin-top:-5px; left:auto !important;right:0; border-color:transparent transparent transparent black; border-right:0}
.tipsy-w .tipsy-arrow {top:50%; margin-top:-5px; left:0 !important; border-color:transparent black transparent transparent; border-left:0}
.jGrowl {z-index:9999; color:#fff; font-size:12px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; position:fixed}
.jGrowl.top-left {left:0; top:0}
.jGrowl.top-right {right:0; top:0}
.jGrowl.bottom-left {left:0; bottom:0}
.jGrowl.bottom-right {right:0; bottom:0}
.jGrowl.center {top:0; width:50%; left:25%}
.jGrowl.center .jGrowl-closer,.jGrowl.center .jGrowl-notification {margin-left:auto; margin-right:auto}
.jGrowl-notification {background-color:#000; opacity:.9; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); zoom:1; width:250px; padding:10px; margin:10px; text-align:left; display:none; border-radius:5px; min-height:40px}
.jGrowl-notification .ui-state-highlight,.jGrowl-notification .ui-widget-content .ui-state-highlight,.jGrowl-notification .ui-widget-header .ui-state-highlight {border:1px solid #000; background:#000; color:#fff}
.jGrowl-notification .jGrowl-header {font-weight:700; font-size:.85em}
.jGrowl-notification .jGrowl-close {background-color:transparent; color:inherit; border:none; z-index:99; float:right; font-weight:700; font-size:1em; cursor:pointer}
.jGrowl-closer {background-color:#000; opacity:.9; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); zoom:1; width:250px; padding:10px; margin:10px; display:none; border-radius:5px; padding-top:4px; padding-bottom:4px; cursor:pointer; font-size:.9em; font-weight:700; text-align:center}
.jGrowl-closer .ui-state-highlight,.jGrowl-closer .ui-widget-content .ui-state-highlight,.jGrowl-closer .ui-widget-header .ui-state-highlight {border:1px solid #000; background:#000; color:#fff}
@media print {.jGrowl {display:none}}
.pun-modal {position:fixed; width:100%; height:100%; top:0; left:0; bottom:0; z-index:100000}
.pun-modal .modal-bg {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); cursor:pointer; z-index:110000}
.pun-modal .modal-inner {width:700px; max-width:94%; height:auto; max-height:44em; margin:12% auto 0; box-shadow:0 0 14px rgba(0,0,0,.3); position:relative; z-index:120000; overflow:hidden}
.pun-modal h2,.pun-modal h1 {max-width:700px; margin:0!important}
.pun-modal .container {padding:.6em 1em; max-height:40em; overflow:auto}
.pun-modal .closer {position:absolute; font-size:1.5em!important; line-height:.8em; right:.4em; padding:.3em!important; margin:-.3em!important; cursor:pointer; background:none 0 transparent!important}
.noscroll {overflow:hidden!important}

div.pa-respect span {font-size:0.9em; vertical-align:top}
div.post-rating p {float:right; border; padding:3px;}
div.post-vote p {float:right;border:0;padding: 15px 13px;margin-right:5px;}
div.post-vote p .negative {margin-left:13px;}
div.post-rating a, div.post-vote a {text-decoration:none }


/* Основа */


#pun {
    position: relative;
    margin: auto;
    width: 1000px;
    height: auto;
    background: var(--pun);
    outline: 1px solid  var(--ulin);
    outline-offset: 20px;
    margin-bottom: 50px;
    padding-bottom: 92px;
}

#pun-main{
  width: 970px;
  height: auto;
  padding: 60px 15px 15px;
  position: relative;
}

#pun-crumbs1:after {
  content: '';
  background: url(http://forumstatic.ru/files/001b/b6/34/18714.png);
  position: absolute;
  display: block;
  width: 62px;
  margin-top: -25px;
  height: 578px;
  right: -88px;
}

#pun-crumbs1:before {
  content: '';
  background: url(http://forumstatic.ru/files/001b/b6/34/44827.png);
  position: absolute;
  display: block;
  width: 75px;
  height: 583px;
  left: -100px;
}

hr {
    border: none;
    border-top: 1px solid #bbbbbb;
}

/* шапка */
#pun-title {
    background: url(http://forumstatic.ru/files/001b/b6/34/89149.gif) center top no-repeat scroll transparent;
    height: 515px;
    width: 1156px;
    margin-left: -70px;
    position: relative;
}

#pun-title:before {
  content: '';
  display: block;
  height: 25px;
  width: 380px;
  position: absolute;
  bottom: 0;
  left: 49px;
  border: 1px var(--ulin);
  border-style: solid none none solid;
}

#pun-title:after {
  content: '';
  display: block;
  height: 25px;
  width: 400px;
  position: absolute;
  bottom: 0;
  right: 65px;
  border: 1px var(--ulin);
  border-style: solid solid none none;
}

/* Название форума */
#pun-title h1 {
    display: none;
}


/* общий вид ссылок */

a {
    color: #405353;
    font-family: 'ArsenalRegular';
    text-decoration: none;
    font-size: 14px;
}

a:hover, a:focus, a:active {
    color: #0d728e;
    font-weight: 100;
}

/* Навигация */
#pun-navlinks {
    position: absolute;
    top: 0;
    right: -40px;
    text-align: center;
    width: 500px;
}

#pun #pun-navlinks .container {
        height: auto !important;
    }

    #pun #pun-navlinks .container li {
        display: inline-block;
        padding: 0 !important;
        line-height: 40px !important;
    }


    #pun-navlinks .container li a {
        position     : relative;
        display      : inline-block !important;
        width        : 40px !important;
        height       : 40px !important;
        border-radius: 4px;
        font-size    : 0;
        margin-top   : 7px;
    }

    #pun-navlinks li a:after {
        content    : ' ';
        font-size  : 35px;
        font-family: 'Material Icons Outlined';
        color: var(--accent);
        font-weight: 200;
    }

    #pun-navlinks li#navindex a:after {
        content: '\e88a';
    }

    #pun-navlinks li#navuserlist a:after {
        content: '\e7ef';
    }

    #pun-navlinks li#navsearch a:after {
        content: '\f02f';
    }

    #pun-navlinks li#navprofile a:after {
        content: '\f02e';
    }

    #pun-navlinks li#navpm a:after {
        content: '\e159';
    }

    #pun-navlinks li#navadmin a:after {
        content: '\e8b8';
    }

    #pun-navlinks li#navregister a:after {
        content: '\ef65';
    }

    #pun-navlinks li#navlogin a:after {
        content: '\ea77';
    }

    #pun-navlinks li#navlogout a:after {
        content: '\e9ba';
    }

    #pun-navlinks li#navpr_1 a:after {
        content: '\ef49';
    }

#pun-navlinks #navawards {
    display: none;
}

/* пользовательские ссылки */
#pun-ulinks {
    position: absolute;
    top: 55px;
    right: -50px;
    width: 520px;
    text-align: center;
}

#pun-ulinks .container li {
    display: inline-block;
    margin: 0 2px;
}

#pun-ulinks .container li a {
    font-size: 10px;
    color: #0080a9;
    font-family: 'BuyanRegular';
}

#pun-ulinks .container li a:hover {
    color: #0d728e;
}

/* пути */

#pun-crumbs1, #pun-crumbs2 {
    font-size: 14px;
    font-family: 'BuyanRegular';
    position: relative;
    z-index: 10;
    width: 950px;
    text-align: left;
    color: #4c7171;
}

#pun-crumbs1 a, #pun-crumbs2 a {
  font-size: 14px;
  font-family: 'BuyanRegular';
}
#pun-crumbs1 {
    top: 20px;
    margin-bottom: 30px;
}

#pun-crumbs2 {
  width: max-content;
  position: absolute;
  bottom: 5px;
  left: 15px;
}

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


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

.category .container tbody.hasicon tr {
    position: relative;
}

#pun .category td.tcr {
    width: 290px;
    padding: 10px 0;
    vertical-align: baseline;
}

#pun .category .tcl {
    width: 450px;
    padding-left: 15px;
    font-family: 'ArsenalRegular';
    font-size: 14px;
    color: #4c7171;
}


#pun-main .category td.tc2,
#pun-main .category td.tc3 {
    color: #4c7171;
    font-family: 'BuyanRegular';
    font-size: 12px;
    width: 100px;
    text-align: center;
    position: absolute;
    top: 40px;
}
#pun-main .category td.tc3 {
  right: 290px;
}

#pun-main .category td.tc2:before {content: 'Тем: ';}
#pun-main .category td.tc3:before {content: 'Сообщений: ';}

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


#pun-main .category td.tcr a, #pun-main .category td.tcl .tclcon h3 a{
    font-family: 'BuyanRegular';
}
 
#pun-main .category table td.tcl .tclcon h3 {
    border: 1px var(--accent);
    border-style: none none solid solid;
    position: relative;
    width: 655px;
    height: 35px;
    top: -1px;
}

#pun-main .category .hasicon tr:not(:first-child) td.tcl .tclcon h3::before {
  content: '';
  display: block;
  border-top: var(--accent_border);
  width: 410px;
}

#pun-main .category td.tcl .tclcon h3 a {
    font-size: 19px;
    font-weight: 100;
    color: #3a4f50;
    margin-left: 15px;
    vertical-align: middle;
    line-height: 35px;
}




/* Иконки */
.category div.icon,
.category TR.inew Div.icon,
.forum TR.inew Div.icon {
    float: left;
    width: 15px;
    height: 15px;
    position: relative;
    top: -1px;
}

Div.icon {
    background: var(--accent);
}

TR.inew Div.icon {
    background: #0ba3c0;
}


/* количество непрочитанных тем у иконки */
.icon[data-new-topics]:before, .subforums span[data-new-topics]:before {
    background-color: var(--body) !important;
    top: 42px;
    right: 6px;
    z-index: 1;
    font-size: 7px !important;
    border-radius: 0 !important;
}



/* Миниатюра аватара */
.punbb .user-avatar {
    float: left;
    position:relative;
    height: 40px;
    width: 40px;
    margin: 1px 15px 0px 0px;
}

.punbb .user-avatar a {
    padding:0!important; 
    background:none transparent!important;
}
.punbb .user-avatar .avatar-image {
    height: 40px;
    width: 40px;
    opacity:0.5;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    float:right;
    outline: var(--accent_border);
    border: 3px solid var(--pun);
}

.punbb .user-avatar .avatar-image:hover {
    opacity:1;
    filter: grayscale(20%);
}
.punbb .user-avatar .isonline {
    width: 7px;
    height: 7px;
    display:block;
    position:absolute;
    top: 2px;
    right: 2px;
    animation:blinkColor .9s linear infinite;
    -moz-animation:blinkColor .9s linear infinite;
    -webkit-animation:blinkColor .9s linear infinite;
    background: #4c8f94;
    z-index:100
}



/* категории */
.category .container {
    border: var(--accent_border);
}
.category h2, #pun-stats h2, #pun-main h1 {
    text-align: center;
}


.category h2 span, #pun-stats h2 span, #pun-main h1 span{
        font-family: 'BuyanRegular';
        position: relative;
        display: block;
        padding: 5px 15px;
        width: max-content;
        top: 17px;
        background: var(--pun);
        font-size: 19px;
        font-weight: 300;
        color: #3a4f50;
}



/* Статистика */
#pun-stats {
    padding: 15px;
}
#pun-stats .container {
  border: var(--accent_border);
}

#pun-stats .container:after {
  content: '';
  display: block;
  width: 360px;
  height: 8px;
  position: relative;
  background: var(--pun);
  bottom: -5px;
  margin: 0 auto;
  z-index: 1;
}
      
#pun-stats .statscon li.item1, #pun-stats .statscon li.item2, #pun-stats .statscon li.item3, #pun-stats .statscon li.item4 {
    display: inline-block;
    width: 24%;
    background: var(--accent);
    font-family: 'BuyanRegular';
    font-size: 14px;
    margin: 25px -4px 10px 0px;
    padding: 5px 0;
    color: var(--pun);
    text-align: center;
}

#pun-stats .statscon li.item4 {
    padding-right: 41px;
}

#pun-stats .statscon li.item3 span, #pun-stats .statscon li.item4 span {
    font-size: 0px;
}

#pun-stats .statscon li.item3 span:after, #pun-stats .statscon li.item4 span:after {
    content: '';
    font-size: 14px;
}

#pun-stats .statscon li.item3 span:after {content: 'Участников: ';}
#pun-stats .statscon li.item4 span:after {content: 'С нами: ';}

#pun-stats .statscon li strong {
    font-weight: 100;
}

#pun-stats .statscon li.item4 a {
    text-transform: uppercase;
    font-family: 'BuyanRegular';
    font-size: 14px;
    color: var(--pun);
}

#pun-stats .statscon li#onlinelist {
    text-align: left;
    margin: 10px;
    font-family: 'ArsenalRegular';
    font-size: 14px;
    color: #3a4f50;
}

#pun-stats .statscon li#onlinelist a {
    font-family: 'ArsenalRegular';
    font-size: 14px;
    color: #4c7171;
}


/* ################################ Список тем в форуме ############################*/
#pun-main.multipage .forum table thead tr th {
    font-family: 'BuyanRegular';
    font-size: 16px;
    font-weight: 300;
    height: 35px;
    border-width: 10px 0 !important;
    border: solid var(--input);
}
#pun-main.multipage .forum .container  {
      margin-top: 20px;
      border: var(--accent_border);
      padding: 10px;
      background: var(--input);
      padding-bottom: 60px;
}
#pun-main.multipage .forum table thead {
    background: var(--pun);
}
#pun-main .forum table tbody tr {
  background: var(--pun);
}

#pun-main.multipage .forum table tr td {
    border-width: 5px 0 !important;
    border: solid var(--input);
    height: 60px;
    position: relative;
    line-height: 50px;
}


#pun-main.multipage .forum table tr td.tc3, #pun-main.multipage .forum table tr td.tc2 {
    text-align: center;
    font-size: 14px;
}

#pun-main.multipage .forum table tr td .user-avatar {
    float: right;
}

#pun-main.multipage .forum table tr td .user-avatar .avatar-image {
    height: 40px;
    width: 40px;
}

#pun-main.multipage .forum table tr td .icon {
    display: table-cell;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 5px;
    left: 5px;
}

#pun-main.multipage .forum table tr td .tclcon {
   padding-left: 35px;
}

#pun-main.multipage .forum table tr td .tclcon, 
#pun-main.multipage .forum table tr td.tc3, 
#pun-main.multipage .forum table tr td.tc2,
#pun-main.multipage .forum table tr td.tcr {
  display: table-cell;
  vertical-align: middle;
  line-height: 20px;
}

#pun-main.multipage .forum table tr td .tclcon a {
  color: var(--ulin);
}

span.stickytext, span.closedatafield {
    display: none;
}

#pun-main.multipage .modmenu {
    margin: 10px auto;
}

#pun-main.multipage .modmenu a {
    font-family: 'BuyanRegular';
    font-weight: 400;
    background: var(--input);
    padding: 3px 5px;
}
#pun-main.multipage #topic-users-in {
    margin-left: 15px;
}
#pun-main.multipage #topic-users-in a {
    background: none;
}

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

.punbb .post .post-author {
    width: 220px;
    position: relative;
    overflow: visible !important;
    text-align: center;
    margin: 0;
  }
.topic div.container, .fs-box div.container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    position: relative;
}
.punbb .post-body {
  padding: 0;
  margin: 0 10px;
  width: 700px;
  text-align: justify;
  }

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

.post-box  div.post-rating p {
    float: right;
    border: 0;
    padding: 20px;
}

/* цитата, код и т.п. */
.code-box, .quote-box {
    background: var(--input);
    margin: 10px;
    padding: 15px;
}

.code-box .legend {
  display: inline-block;
  margin: 0px 0 10px -15px;
  padding: 2px 10px;
  font-size: 10px;
  color: var(--main);
  background: var(--body);
}

#pun .code-box .legend a {
  color: var(--main);
}
#pun .code-box .legend a:hover {
  filter: brightness(1.1);
}

.post-content .spoiler-box blockquote {
  padding: 15px !important;
}


/* Заголовки */
#pun-main.multipage h1 {
  border: var(--accent_border);
  border-right: none;
  width: 668px;
  text-align: left;
  padding-left: 300px;
  position: absolute;
  left: 15px;
  top: 15px;
}
#pun-main.multipage h1 span {
  font-family: 'BuyanRegular';
  font-size: 19px;
  font-weight: 200;
  color: var(--headings);
  display: block;
  position: relative;
  top: -10px;
  background: var(--pun);
  width: auto;
  padding: 0 15px;
}

#pun-main.multipage .linkst {
    padding: 1px 5px;
    background: var(--input);
    color: #2e4242;
}


#pun-main.multipage .linkst .postlink {
    position: absolute;
    top: 28px;
    right: 15px;
    z-index: 1;
}

#pun-main.multipage .topic a.sharelink {
    display: none;
}

#pun-main.multipage .linksb .postlink {
    display: none;
}

#pun-main.multipage .linkst .postlink span, #pun-main.multipage .linksb span {
    background: var(--input);
    padding: 0px 5px;
    border: var(--accent_border);
}

#pun-main.multipage .linkst .postlink span.new-topic, #pun-main.multipage .linksb span.new-topic {
    margin-right: 15px;
}

#pun-main.multipage .modmenu p.container strong {
    margin: 10px auto;
}

#pun-main.multipage .modmenu p.container span {
    display: none;
}


#pun-main.multipage .topic .post h3 {
    background: var(--input);
    margin: 0px 0 10px 0;
    font-size: 14px;
    font-weight: 100;
}

#pun-main.multipage .topic .post.topicpost h3 {
  top: 0px;
}

#pun-main.multipage .post h3 strong {
    float: right;
    margin-right: 10px;
    font-weight: 100;
}

#pun-main.multipage .topic .post h3 span a.permalink {
    position: relative;
    left: 300px;
    display: inline-block;
}

#pun-main.multipage .post h3 strong:before {
    content: 'Пост: ';
}

/* кнопки под постом */
.post-links {
    text-align: right;
    width: 100%;
    margin-top: 25px;
}

.post-links li {
    display: inline-block;
    padding: 4px 9px;
    margin: 10px 5px;
}
.post-links li.pl-delete, .post-links li.pl-edit, .post-links li.pl-quote {
background: var(--input);
}

.post-links li a {
    font-family: 'ArsenalRegular';
    font-size: 14px;
    color: var(--ulin);
}


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

#pun-main.multipage .linksb .subscribelink {
    float: right;
    position: relative;
    bottom: -55px;
    border: var(--accent_border);
    background: var(--input);
    z-index: 1;
    padding: 3px;
}
#pun-main.multipage .linksb {
  padding: 1px 5px;
  background: var(--input);
  color: #2e4242;
  margin: 15px 0;
}

 #pun-main.multipage .linksb .pagelink {
    display: inline-block;
}

#pun-main.multipage .linksb .subscribelink a {
    font-family: 'ArsenalRegular';
    font-size: 14px;
}
.pagelink {
    position: absolute;
    z-index: 1;
}



/* оценка поста */
.post-body .post-box .post-rating a {
    font-family: 'Bebas Neue';
    font-size: 20px;
}


.post-body .post-box .post-vote a {
    font-size: 25px;
}

/* мод меню и активные */
div#topic-modmenu, div#topic-users-in {
    display: inline-block;
    margin: 5px;
    font-size: 14px;
}

#topic-modmenu #mod-options {
    padding: 5px;
}

#topic-modmenu, #topic-modmenu #mod-options, #topic-users-in, #topic-users-in a {
    font-family: 'BuyanRegular';
    font-size: 14px;
    border-radius: 2px !important;
}


/* форма ответа */
div#post-form {
    padding-top: 100px;
    position: relative;  
}
#pun-main #post-form h2 {
    border: var(--accent_border);
    border-right: none;
    width: 470px;
    text-align: left;
    padding-left: 300px;
    position: absolute;
    left: 0;
    top: 15px;
}

#pun-main #post-form h2 span {
    font-family: 'BuyanRegular';
    font-size: 19px;
    font-weight: 200;
    color: var(--headings);
    display: block;
    position: relative;
    top: -10px;
    padding-left: 10px;
    background: var(--pun);
}


#pun-main #post-form #post fieldset {
    position: relative;
    border: var(--accent_border);
}

#pun-main #post-form #post fieldset legend,
#pun-main #post-form #post fieldset legend small#plng {
    font-family: 'BuyanRegular';
    font-size: 19px;
    color: var(--headings);
}

#pun-main #post-form #post fieldset legend {
    margin: 10px 0;
    padding: 3px 5px;
    text-align: center;
}

div#form-buttons {
  text-align: center;
  margin-top: 5px;
}

#pun-main #post-form #post fieldset legend small#plng {
    top: 20px;
    position: absolute;
    right: 15px;
    font-size: 17px;
}

#pun-main #post-form #post .formsubmit {
    text-align: center;
    position: relative;
    top: -20px;
}

.punbb input.button {
    background: var(--pun);
    border: none;
    padding: 5px;
    margin: 5px 15px;
    font-family: 'BuyanRegular';
    font-size: 17px;
    color: var(--headings);
}

textarea#image-area-tinp, textarea#video-area-tinp {
    width: 96%;
    background: var(--pun);
}

#pun-main #post-form #post #tags .container {
    display: block;
    top: auto !important;
    right: 20px;
    position: absolute;
    background-color: var(--input);
    border: var(--accent_border);
    overflow: auto;
    max-height: 200px;
    width: auto;
}

/* ################################ СТРАНИЦА ПРОФИЛЯ  ############################*/

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

#pun-main #viewprofile {
    margin: 30px 15px;
}

#pun-main #viewprofile #profile-left {
    display: inline-flex;
    width: 230px;
    border: var(--accent_border);
    text-align: center;
    flex-direction: column;
    margin: 0 10px;
    padding-top: 10px;
    align-content: stretch;
    justify-content: center;
    align-items: stretch;
}

#pun-main #viewprofile #profile-left #profile-title {
    order: 3;
    width: max-content;
    max-width: 80%;
    min-width: 140px;
    background: var(--input);
    padding: 0 15px;
    margin-top: -4px;
}


#pun-main #viewprofile #profile-left #profile-name {
    order: 1;
    font-family: 'BuyanRegular';
    font-size: 20px;
    width: max-content;
    max-width: 95%;
    min-width: 140px;
    background: var(--input);
    padding: 0 15px;
    color: var(--ulin);
}
#pun-main #viewprofile #profile-left strong {
  font-weight: 100;
}

#pun-main #viewprofile #profile-left #pa-avatar {
    order: 2;
}

#pun-main #viewprofile #profile-left #pa-online {
    order: 5;
    margin: 10px 0;
}
#pun-main #viewprofile #profile-left #pa-online strong {
    font-weight: 100;
    background: var(--input);
    padding: 3px 15px;
}

#pun-main #viewprofile #profile-left #pa-edit {
    order: 4;
    width: 100%;
    position: relative;
    background: var(--accent);
    padding: 5px 0;
    margin: 15px 0;
    z-index: 1;
}
#pun-main #viewprofile #profile-left #pa-edit a {
    font-family: 'BuyanRegular';
    font-size: 17px;
    color: var(--pun);
}

#pun-main #viewprofile #profile-left #pa-edit strong {
    vertical-align: middle;
}

#pun-main #viewprofile #profile-right {
    display: inline-block;
    line-height: 2;
    padding: 10px;
    background: var(--input);
    outline: var(--accent_border);
    border: 15px solid var(--pun);
    width: 65%;
}

#pun-main #viewprofile #profile-right a {color: var(--ulin);font-style: italic;}

#pun-main #viewprofile #profile-right strong {
    font-weight: 100;
}

#pun-main #viewprofile #profile-right #pa-fld1 {
    background: var(--pun);
    border: var(--accent_border);
    width: 260px;
    line-height: 16px;
    margin: 0;
}

#pun-main #viewprofile #profile-right #pa-fld1 span {
    display: none;
}
#pun-main #viewprofile #profile-right #pa-fld1 a {
    font-style: italic;
    color: var(--accent);
}

div#profile-signature {
    margin-top: 15px;
}


/* ################################ УЧАСТНИКИ  ############################*/
.formal .inline .inputfield, .formal .inline .selectfield, .formal .inline .passfield {
    display: inline-block;
    margin-right: 1em;
}

.punbb textarea, .punbb select, .punbb input, .adinput {
    background: var(--input);
    border: var(--accent_border);
    padding: 10px 5px;
}
.punbb textarea:focus-visible, .punbb select:focus-visible, .punbb input:focus-visible, .adinput:focus-visible {
    outline: none;
}

.multipage form#userlist {
    margin: 20px 0 0 0;
    position: relative;
}

#userlist fieldset p label {
    display: block;
    text-align: center;
    color: var(--headings);
}

#userlist fieldset p:nth-child(4).selectfield label {
    padding: 4px 0 !important;
}

#userlist p.formsubmit {
    position: relative;
    top: -45px;
    text-align: center;
}
.multipage form#userlist fieldset {
    border: var(--accent_border);
    background: var(--input);
    padding-top: 40px;
    position: relative;
}

.multipage form#userlist fieldset legend {
    font-size: 19px;
    font-family: 'BuyanRegular';
    color: var(--headings);
    position: absolute;
    top: 15px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
}

.multipage form#userlist fieldset .fs-box {
    background: var(--pun);
    padding: 10px 20px;
    margin-bottom: 100px;
}

.multipage form#userlist fieldset .fs-box p.infofield {
    position: absolute;
    bottom: 50px;
}

.multipage form#userlist fieldset .fs-box input, .multipage form#userlist fieldset .fs-box select {
    border: none;
    padding: 5px;
}

.multipage .usertable, #messages .fs-box {
  margin-top: 20px;
  border: var(--accent_border);
  padding: 0 10px;
  background: var(--input);
}
.multipage .usertable table thead, #messages .fs-box table thead {
    background: var(--pun);
}
      
.usertable table thead tr th, #messages .fs-box table thead tr th {
    font-family: 'BuyanRegular';
    font-size: 16px;
    font-weight: 300;
    height: 35px;
    border-width: 5px 0 !important;
    border: solid var(--input);
}

.usertable table, #messages .fs-box table {
    border-spacing: 0 10px;
}

.usertable table tbody tr, #messages .fs-box table tbody tr {
    background: var(--pun);
}

.usertable table tbody tr td, #messages .fs-box table tbody tr td {
    text-align: center;
    padding: 5px 0 5px 5px;
}

.usertable table tbody tr em.user-avatar, #messages .fs-box table tbody tr em.user-avatar {
    margin: 3px 5px;
}

.usertable table tbody tr em.user-avatar a span.avatar-image, #messages .fs-box table tbody tr em.user-avatar a span.avatar-image {
    height: 35px;
    width: 35px;
    opacity: 1;
}

.usertable table tbody tr .username .usersname, #messages .fs-box table tbody tr td.tc2 {
    vertical-align: middle;
    line-height: 40px;
}

.usertable table tbody tr td.username {
    text-align: justify;
}
#profile {
  margin: 20px 0;
  position: relative;
  border: var(--accent_border);
  background: var(--input);
  padding: 15px;
}

#profilenav h2 {
    display:none;
}

#profile #profilenav li {
    display: inline-block;
    background: var(--pun);
    padding: 5px;
    margin: 5px;
}


#profile fieldset {
    position:relative;
    border: none;
    background: var(--pun);
    margin: 10px 0;
    padding-top: 50px;
}
#profile fieldset legend {
  font-family: 'BuyanRegular';
  color: var(--headings);
  position: absolute;
  top: 15px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}
#profile fieldset input, #profile fieldset select {
  padding: 5px;
}
#profile fieldset legend small#plng {
    width: max-content;
    position: absolute;
    top: 15px;
    right: 10px;
}

.fs-box .post-body {
    width: 468px !important;
}

.fs-box .post h3 {
    padding: 4px 10px;
    margin: -10px 0 10px 0;
    background-color: var(--body);
    font-size: 10px;
    color: var(--pun);
    text-align: center;
}

#punbbsearch {
    background: var(--input);
    padding: 40px 15px 15px;
    margin: 20px 0;
    border: var(--accent_border);
}
#punbbsearch fieldset {
    background: var(--pun);
    border: none;
}

#punbbsearch fieldset legend {font-family: 'BuyanRegular';}


/* ################################ Модалки  ############################*/

#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    background: var(--pun);
}

#mask_dialog .inner {
  background: var(--pun);
}
#pun-main.multipage #pun-reputation {position: relative;}

#pun-main.multipage #pun-reputation h1 {
    position: relative;
    margin: 5px 0 15px;
    padding-left: 30%;
    width: 65%;
}


/* Уведомления */
div#jGrowl {
    position: fixed;
    top: 2px;
    right: 2px;
    z-index: 99;
    color: var(--accent);
}

body .notify-message.jg-notice, body .notify-message.jg-reputation, body .notify-message.jg-report, body .notify-message.jg-award {
  border-left: 12px solid var(--accent);
}

button.jGrowl-close {
    margin: 1px !important;
    padding: 2px !important;
    line-height: 9px;
    background: var(--accent);
} 

body .notify-message .jGrowl-close {
  background: var(--accent);
  padding: 2px 5px !important;
  border-radius: 1px;
  color: var(--input);
  border: none;
}
body .notify-message .jGrowl-close:focus-visible {
  outline: none;
  background: var(--hov_ulin);
}

.jGrowl .messag_theme {
    position: fixed;
    top: 2px;
    right: 2px;
    z-index: 99;
    color: var(--accent);
    background: var(--pun);
    border: var(--accent_border);
}

#messages-list a.Author {
    color: var(--accent) !important;
    text-shadow: none;
}

.styl2 #closet {
    color: var(--accent) !important;
    border: var(--accent_border);
}

.styl2 #closet:hover {
    border: var(--accent_border);
}

span.num_msg {
    background: #bdd0db !important;
    margin-top: 20px !important;
    margin-left: -25px !important;
    font-weight: 600 !important;
    border-radius: 1px !important;
    font-size: 14px !important;
    color: #244489 !important;
    line-height: 14px !important;
}

span.num_msg:before {
    display: none !important;
}

/* точечная мелочевка */
#login > p.formsubmit {
    margin-left: 20px;
}

#login > p.formsubmit {
    margin-left: 20px;
}

.post-box span.qc-post-link img {
    filter: grayscale(1);
}

.post-box blockquote {
    margin: 10px 0 0 5px;
}

#pun-admain1 form.adcontainer, #pun-admain2 form.adcontainer, #pun-admain-new form.adcontainer, #pun-admain1 div.adcontainer, #pun-admain2 div.adcontainer {
    padding: 16px 8px 12px !important;
    
}
#pun-admain span[class="adinput"] input:not([type="radio"]), #pun-admain input:not([type="radio"]), #pun-admain span[class="adinput"] input:not([type="checkbox"]), #pun-admain input:not([type="checkbox"]), #pun-admain input:not([type="submit"]), #pun-admain span[class="adinput"] label, #pun-admain textarea, #pun-admain select, #pun-admain optgroup {
    width:100%;
}

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

#pun-admain fieldset .handle, #pun-admain fieldset p {
    border-left-width: 20em;
}
#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 #pun-redirect {
   position: relative;
   margin-top: 100px;
   margin-bottom: -80px;
}

#pun #pun-redirect h1 {
   border: var(--accent_border);
    border-right: none;
    width: 668px;
    text-align: left;
    padding-left: 300px;
    position: absolute;
    left: 15px;
    top: 15px;
}

#pun #pun-redirect h1 span {
  font-family: 'BuyanRegular';
  font-size: 19px;
  font-weight: 200;
  color: var(--headings);
  display: block;
  position: relative;
  top: -10px;
  background: var(--pun);
  width: auto;
  padding: 0 15px;
}

#pun #pun-redirect .info {
    background: var(--input);
    padding: 15px;
} 

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

div#copyright a{
    color: rgb(152 181 170);
    text-shadow: 1px 1px 1px rgb(255 255 255 / 82%);
}